@charset "utf-8";

/* header
---------------------------------------------*/

#gnav li#gnav_home {
	width: 82px;
	height: 70px;
	background-repeat:no-repeat;
	background-image: url(../img/btn_gnav_home_o.png);}


/* TopBox
---------------------------------------------*/

#topbox {
	position: relative;
	width: 984px;
	height: 466px;
	margin-top: 16px;
	background: url(../img/bg_topbox.jpg) no-repeat left top;}

#topbox h2,
#topbox p {
	width: 10px;
	height: 10px;
	text-indent: -9999px;}

#topbox ul {
	position: absolute;
	top: 325px; left: 32px;
	width: 943px;
	height: 112px;}

#topbox ul li {
	float: left;
	text-indent: -9999px;}

#topbox ul li a {
	display: block;
	width: 171px;
	height: 112px;
	margin-right: 18px;
	background-repeat:no-repeat;}


#topbox ul li#movie_all a {
	background-image: url(../img/btn_movie_all.png);}

#topbox ul li#movie_01 a {
	background-image: url(../img/btn_movie_01.png);}

#topbox ul li#movie_02 a {
	background-image: url(../img/btn_movie_02.png);}

#topbox ul li#movie_03 a {
	background-image: url(../img/btn_movie_03.png);}

#topbox ul li#movie_04 a {
	margin-right: 0;
	background-image: url(../img/btn_movie_04.png);}


#topbox ul li#movie_all a:hover {
	background-image: url(../img/btn_movie_all_o.png);}

#topbox ul li#movie_01 a:hover {
	background-image: url(../img/btn_movie_01_o.png);}

#topbox ul li#movie_02 a:hover {
	background-image: url(../img/btn_movie_02_o.png);}

#topbox ul li#movie_03 a:hover {
	background-image: url(../img/btn_movie_03_o.png);}

#topbox ul li#movie_04 a:hover {
	background-image: url(../img/btn_movie_04_o.png);}



/* 4point
---------------------------------------------*/

#point4 {
	width: 984px;
	height: 425px;
	margin-top: 15px;
	background: url(../img/bg_point4_2.jpg) no-repeat left top;}

#point4 h2 {
	width: 944px;
	height: 54px;
	padding: 27px 19px 15px 21px;}

#point4 ul {
	width: 933px;
	height: 289px;
	margin: 0 27px 0 24px;}

#point4 ul li {
	float: left;
	width: 210px;
	height: 289px;
	margin-right: 31px;}

#point4 ul li#point04 {
	margin-right: 0;}

#point4 p {
	width: 210px;
	margin: 0;
	padding: 0;}

#point4 dl dt {
	width: 192px;
	height: 50px;
	font-size: 16px;
	line-height: 1.5em;
	margin: 15px 0 0 0;
	padding: 0 0 0 12px;
	background: url(../img/bg_point4_dt.gif) no-repeat left 5px;}

#point4 dl dt a {
	color: #0071bf;
	font-weight: bold;
	text-decoration: none;}

#point4 dl dt a:hover {
	color: #0071bf;
	font-weight: bold;
	text-decoration: underline;}

#point4 dl dd {
	width: 197px;
	height: 45px;
	color: #333;
	font-size: 12px;
	line-height: 1.5em;
	word-wrap: break-word;
	margin: 0;
	padding: 6px 0 0 13px;}



/* �ŐV���
---------------------------------------------*/

#topics {
	z-index: 1;
	position: relative;
	width: 679px;
	padding-top: 74px;
	padding-bottom: 30px;
	padding-left: 17px;
	padding-right: 18px;
	margin-top: 20px;}

#topics a {
	color: #0071bf;
	font-weight: normal;
	text-decoration: none;}

#topics a:hover {
	color: #0071bf;
	font-weight: normal;
	text-decoration: underline;}

#topics h2 {
	position: absolute;
	top: 20px; left: 17px;
	width: 108px;
	height: 46px; }

#topics_text {
	position: absolute;
	top: 45px; right: 24px;
	width: 230px;
	height: 30px;
	color: #333;
	font-size: 11px;
	text-align: right;}

#topics #blogfeed {
	width: 637px;
	padding: 20px 20px 5px 20px;
	border: 1px solid #ddd;}

#topics dt {
	width: 140px;
	padding: 0;
	margin: 0;
	color: #333;
	font-size: 14px;}

#topics dd {
	position: relative;
	font-size: 14px;
	word-wrap: break-word;
	margin-top: -1.5em;
	padding: 0 0 15px 140px;}



/* ���s���Ȃ����߂̃n�E�X�i�r�E�V�X�e��
---------------------------------------------*/

#top_about {
	z-index: 1;
	position: relative;
	width: 714px;
	padding-top: 275px;
	padding-bottom: 30px;
	margin-top: 20px;}

#top_about h2 {
	position: absolute;
	top: 25px; left: 17px;
	width: 419px;
	height: 46px; }

#top_about_img01 {
	position: absolute;
	top: 91px; left: 17px;
	width: 250px;
	height: 157px; }

#top_about_img02 {
	position: absolute;
	top: 91px; left: 386px;
	width: 291px;
	height: 115px; }

#top_about_img03 {
	position: absolute;
	top: 249px; left: 386px;
	width: 311px;
	height: 324px; }

#top_about_text {
	width: 340px;
	padding: 0 347px 0 27px;
	color: #333;
	font-size: 14px;
	line-height: 1.8em;}

#top_about_text strong {
    color: #1275B9;
}

#top_about_btn {
	position: absolute;
	bottom: 26px; left: 543px;
	width: 151px;
	height: 40px; }



/* ����Ȏ��s�������Ȃ��I�悭���鎿�� �x�X�g�U
---------------------------------------------*/

#top_faq {
	z-index: 1;
	position: relative;
	width: 714px;
	padding-top: 89px;
	padding-bottom: 67px;
	margin-top: 25px;
	margin-bottom: 20px;}

#top_faq h2 {
	position: absolute;
	top: 25px; left: 17px;
	width: 526px;
	height: 46px; }

#top_faq ul {
	width: 671px;
	padding: 0 25px 0 18px;}

#top_faq ul li {
	float: left;
	text-indent: -9999px;}

#top_faq ul li a {
	display: block;
	background-repeat:no-repeat;}


#top_faq ul li#top_faq_01 a {
	width: 336px;
	height: 78px;
	background-image: url(../img/btn_top_faq_01.jpg);}

#top_faq ul li#top_faq_02 a {
	width: 335px;
	height: 78px;
	background-image: url(../img/btn_top_faq_02.jpg);}

#top_faq ul li#top_faq_03 a {
	width: 336px;
	height: 77px;
	background-image: url(../img/btn_top_faq_03.jpg);}

#top_faq ul li#top_faq_04 a {
	width: 335px;
	height: 77px;
	background-image: url(../img/btn_top_faq_04.jpg);}

#top_faq ul li#top_faq_05 a {
	width: 336px;
	height: 77px;
	background-image: url(../img/btn_top_faq_05.jpg);}

#top_faq ul li#top_faq_06 a {
	width: 335px;
	height: 77px;
	background-image: url(../img/btn_top_faq_06.jpg);}


#top_faq ul li#top_faq_01 a:hover {
	background-image: url(../img/btn_top_faq_01_o.jpg);}

#top_faq ul li#top_faq_02 a:hover {
	background-image: url(../img/btn_top_faq_02_o.jpg);}

#top_faq ul li#top_faq_03 a:hover {
	background-image: url(../img/btn_top_faq_03_o.jpg);}

#top_faq ul li#top_faq_04 a:hover {
	background-image: url(../img/btn_top_faq_04_o.jpg);}

#top_faq ul li#top_faq_05 a:hover {
	background-image: url(../img/btn_top_faq_05_o.jpg);}

#top_faq ul li#top_faq_06 a:hover {
	background-image: url(../img/btn_top_faq_06_o.jpg);}


#top_faq_btn {
	position: absolute;
	bottom: 19px; left: 543px;
	width: 151px;
	height: 40px; }