/* CSS Document */

/* 各ページ */
#contents h1 {
	width: 900px;
	height: 118px;
	background: #FFFFFF url(../images/mainvisual.jpg) no-repeat left top scroll;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#contents h2 {
	width: 660px;
	height: 85px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#contents h2.title1 {background: transparent url(../images/h2_1.png) no-repeat left top scroll;}
#contents h2.title2 {background: transparent url(../images/h2_2.png) no-repeat left top scroll;}
#contents h2.title3 {background: transparent url(../images/h2_3.png) no-repeat left top scroll;}
#contents h2.title4 {background: transparent url(../images/h2_4.png) no-repeat left top scroll;}

#contents h2.title5 a {
	width: 660px;
	height: 85px;
	margin: 18px 0px 0px 48px;
	background: transparent url(../images/h2_5.jpg) no-repeat left top scroll;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#contents h2.title5 a:hover {
	background: transparent url(../images/h2_5.jpg) no-repeat left -67px scroll;
}

#contents .interbox1 {
	width: 550px;
	height: 520px;
	margin: 30px 0px 0px 70px;
	float: left;
}

#contents .interbox1 li {
	list-style: none;
	line-height: 264%;
	padding: 0px 0px 0px 22px;
}

#contents .interbox1 li.list1 {background: url(../../common/images/listmark1.gif) 0px 12px no-repeat;}
#contents .interbox1 li.list2 {background: url(../../common/images/listmark2.gif) 0px 12px no-repeat;}
#contents .interbox1 li.list3 {background: url(../../common/images/listmark3.gif) 0px 12px no-repeat;}
#contents .interbox1 li.list4 {background: url(../../common/images/listmark4.gif) 0px 12px no-repeat;}
#contents .interbox1 li.list5 {background: url(../../common/images/listmark5.gif) 0px 12px no-repeat;}

#contents .interbox2 {
	width: 660px;
	height: 440px;
	float: left;
}

#contents .interbox2 p {
	width: 660px;
	height: 355px;
	float: left;
	background: url(../images/maincontents.jpg) 0px 0px no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#contents .interbox3 {
	width: 660px;
	height: 240px;
	float: left;
}

#contents .interbox3 p {
	font-size: 16px;
	line-height: 180%;
	color: #00A0C6;
	padding: 30px 44px 0px 44px;
}

#contents .interbox4 {
	width: 660px;
	height: 700px;
	float: left;
}

#contents .interbox4 p {
	font-size: 16px;
	line-height: 180%;
	color: #00A0C6;
	padding: 12px 0px 0px 48px;
}

#contents .interbox4 .videolist {
	width: 557px;
	height: 208px;
	margin: 0px 0px 0px 48px;
	background: url(../images/maincontents3.jpg) left top no-repeat;
}

#contents .interbox4 .videolist li {
	width: 250px;
	margin: 10px 0px 0px 19px;
	font-size: 12px;
	line-height: 120%;
	float: left;
}

#contents .interbox4 .videolist li.list1 {background: #32C900 url(../images/listbgi1.gif) left bottom repeat-x;}
#contents .interbox4 .videolist li.list2 {background: #6598FD url(../images/listbgi2.gif) left bottom repeat-x;}
#contents .interbox4 .videolist li.list3 {background: #FC3301 url(../images/listbgi3.gif) left bottom repeat-x;}
#contents .interbox4 .videolist li.list4 {background: #FF6600 url(../images/listbgi4.gif) left bottom repeat-x;}
#contents .interbox4 .videolist li.list5 {background: #FECB65 url(../images/listbgi5.gif) left bottom repeat-x;}
#contents .interbox4 .videolist li.list6 {background: #660066 url(../images/listbgi6.gif) left bottom repeat-x;}
#contents .interbox4 .videolist li.list7 {background: #329898 url(../images/listbgi7.gif) left bottom repeat-x;}
#contents .interbox4 .videolist li.list8 {background: #64C964 url(../images/listbgi8.gif) left bottom repeat-x;}
#contents .interbox4 .videolist li.list9 {background: #003365 url(../images/listbgi9.gif) left bottom repeat-x;}
#contents .interbox4 .videolist li.list10 {background: #FF9900 url(../images/listbgi10.gif) left bottom repeat-x;}

#contents .interbox4 .videolist li a {
	width: 242px;
	padding: 4px 2px 5px 5px;
	color: #FFFFFF;
	font-weight: bold;
	display: block;
}

#contents .interbox4 .videolist li.list1 a {
	border-left: 1px solid #7dff57;
	border-bottom: 1px solid #008d00;
	border-right: 1px solid #008d00;
	background: url(../images/list_arrow1.gif) right top no-repeat;
}

#contents .interbox4 .videolist li.list2 a {
	border-left: 1px solid #9fbbff;
	border-bottom: 1px solid #2d5499;
	border-right: 1px solid #2d5499;
	background: url(../images/list_arrow2.gif) right top no-repeat;
}

#contents .interbox4 .videolist li.list3 a {
	border-left: 1px solid #ff6f3d;
	border-bottom: 1px solid #bf0900;
	border-right: 1px solid #bf0900;
	background: url(../images/list_arrow3.gif) right 16px no-repeat;
}

#contents .interbox4 .videolist li.list4 a {
	border-left: 1px solid #ff8d33;
	border-bottom: 1px solid #ba3c00;
	border-right: 1px solid #ba3c00;
	background: url(../images/list_arrow4.gif) right 16px no-repeat;
}

#contents .interbox4 .videolist li.list5 a {
	border-left: 1px solid #ffd56f;
	border-bottom: 1px solid #c59732;
	border-right: 1px solid #c59732;
	background: url(../images/list_arrow5.gif) right top no-repeat;
}

#contents .interbox4 .videolist li.list6 a {
	border-left: 1px solid #843181;
	border-bottom: 1px solid #300031;
	border-right: 1px solid #300031;
	background: url(../images/list_arrow6.gif) right top no-repeat;
}

#contents .interbox4 .videolist li.list7 a {
	border-left: 1px solid #4caeae;
	border-bottom: 1px solid #006565;
	border-right: 1px solid  #006565;
	background: url(../images/list_arrow7.gif) right top no-repeat;
}

#contents .interbox4 .videolist li.list8 a {
	border-left: 1px solid #7bda78;
	border-bottom: 1px solid #1d8428;
	border-right: 1px solid  #1d8428;
	background: url(../images/list_arrow8.gif) right top no-repeat;
}

#contents .interbox4 .videolist li.list9 a {
	border-left: 1px solid #516ea8;
	border-bottom: 1px solid #000c37;
	border-right: 1px solid  #000c37;
	background: url(../images/list_arrow9.gif) right top no-repeat;
}

#contents .interbox4 .videolist li.list10 a {
	border-left: 1px solid #ffd333;
	border-bottom: 1px solid #ba5a00;
	border-right: 1px solid  #ba5a00;
	background: url(../images/list_arrow10.gif) right top no-repeat;
}

#contents .interbox4 .videolist li.list1 a:hover {background: #33cc00 url(../images/list_arrowon1.gif) right top no-repeat;}
#contents .interbox4 .videolist li.list2 a:hover {background: #6598fd url(../images/list_arrowon2.gif) right top no-repeat;}
#contents .interbox4 .videolist li.list3 a:hover {background: #fc3301 url(../images/list_arrowon3.gif) right 16px no-repeat;}
#contents .interbox4 .videolist li.list4 a:hover {background: #ff6600 url(../images/list_arrowon4.gif) right 16px no-repeat;}
#contents .interbox4 .videolist li.list5 a:hover {background: #ffda73 url(../images/list_arrowon5.gif) right top no-repeat;}
#contents .interbox4 .videolist li.list6 a:hover {background: #791e79 url(../images/list_arrowon6.gif) right top no-repeat;}
#contents .interbox4 .videolist li.list7 a:hover {background: #3ea3a2 url(../images/list_arrowon7.gif) right top no-repeat;}
#contents .interbox4 .videolist li.list8 a:hover {background: #65cb65 url(../images/list_arrowon8.gif) right top no-repeat;}
#contents .interbox4 .videolist li.list9 a:hover {background: #1e4174 url(../images/list_arrowon9.gif) right top no-repeat;}
#contents .interbox4 .videolist li.list10 a:hover {background: #ff9900 url(../images/list_arrowon10.gif) right top no-repeat;}

#contents .interbox5 {
	width: 600px;
	height: 600px;
	float: left;
}

#contents .interbox5 li {
	list-style: none;
	line-height: 256%;
	margin: 0px 0px 0px 70px;
	padding: 0px 0px 0px 22px;
}

#contents .interbox5 li.list1 {background: url(../../common/images/listmark1.gif) 0px 11px no-repeat;}
#contents .interbox5 li.list2 {background: url(../../common/images/listmark2.gif) 0px 11px no-repeat;}
#contents .interbox5 li.list3 {background: url(../../common/images/listmark3.gif) 0px 11px no-repeat;}
#contents .interbox5 li.list4 {background: url(../../common/images/listmark4.gif) 0px 11px no-repeat;}
#contents .interbox5 li.list5 {background: url(../../common/images/listmark5.gif) 0px 11px no-repeat;}

#contents .mainlist {
	width: 900pax;
	height: 400px;
	clear: both;
	background: url(../images/maincontents2.jpg) 0px 0px no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}


#contents .infobox {
	height: 263px;
}

#endimg {
	width: 900px;
	height: 180px;
	background: transparent url(../images/endimage.jpg) no-repeat left top scroll;
	position: relative;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#endimg2 {
	width: 556px;
	height: 309px;
	margin: 0px 0px 0px 48px;
	background: transparent url(../images/endimage2.jpg) no-repeat left top scroll;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#endimg3 {
	width: 830px;
	height: 385px;
	margin: 0px 0px 0px 70px;
	clear: both;
}

#endimg3 p {
	width: 111px;
	height: 65px;
	margin: 0px 0px 0px 222px;
}

#endimg3 p a {
	width: 111px;
	height: 65px;
	background: transparent url(../images/new_button_03.jpg) no-repeat center top scroll;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#endimg3 p a:hover {
	background: transparent url(../images/new_button_03.jpg) no-repeat center bottom scroll;
}

#endimg3 .limg {
	width: 554px;
	height: 385px;
	float: left;
}

#endimg3 .limg a {
	width: 554px;
	height: 385px;
	float: left;
	background: transparent url(../images/endimage3.jpg) no-repeat left top scroll;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#endimg3 .rimg1 {
	width: 222px;
	height: 169px;
	float: right;
	background: transparent url(../images/endimage4.jpg) no-repeat left top scroll;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#endimg3 .rimg2 {
	width: 222px;
	height: 169px;
	float: right;
	background: transparent url(../images/endimage5.jpg) no-repeat left top scroll;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	position: relative;
	top: 48px;
}

#endimg3 .limg a:hover {
	background: transparent url(../images/endimage3.jpg) no-repeat left bottom scroll;
}

#footer2 {
	width: 900px;
	height: 40px;
	padding: 8px 0px 0px 0px;
	position: relative;
	border-top: 1px #000000 solid;
	text-align: right;
	overflow: visible;
	clear: both;
}

#contents .infobox2 {
	width: 195px;
	height: 467px;
	margin: 30px 0px 0px 0px;
	background: transparent url(../../common/images/info3.png) no-repeat right top scroll;
	float: right;
	text-align: center;
}

#contents .infobox2 a img {
	padding: 180px 0px 0px 0px;
}

#contents .infobox2 p, dl {
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}