@charset "Shift_JIS";


/*contents
=========================================*/
div#contents {
	padding: 17px 0px 0px;
	background: url(/images/top_bg06.gif) no-repeat right 171px;
	z-index: 1;
}

/*aside
=========================================*/
div#contents div#aside {
	float: right;
	width: 227px;
}

/* accident */
div#contents div#aside #accident{
	height: 175px;
	margin: 0px;
	padding: 0px 0px 5px;
	background: url(/images/top_bg03.gif) no-repeat left bottom;
	zoom: 1;
}
* html div#contents div#aside #accident{
	height: 178px;
}
*:first-child+html div#contents div#aside #accident{
	height: 178px;
}

div#contents div#aside #accident .inner{
	padding: 5px 14px 0px 15px;
	font-size: 80%;
}

/* contactBtn */
div#contents div#aside #contactBtn{
	margin: 3px 0px 0px;
}
div#contents div#aside #faqBtn{
	margin: 0;
}

/* about */
div#contents div#aside #about{
	margin: 10px 0px 0px;
	padding: 0px 0px 19px;
	background: url(/images/top_bg04.gif) no-repeat left bottom;
	zoom: 1;
}


div#contents div#aside #about ul li{
	vertical-align: baseline;
	padding: 0px 0px 0px 10px;
}

div#contents div#aside #radio{
	margin: 15px 0px 0px;
	text-align: center;
	background: #60657c;
}
div#contents div#aside #radio dl{
	margin: 4px 10px 0px;
	padding: 5px;
}


div#contents div#aside #radio dl dd ul li{
	vertical-align: baseline;
	padding: 3px 0px 0px 0px;
}

/* other */
div#contents div#aside #other{
	margin: 15px 0px 0px;
	padding: 12px 9px 20px;
	border-top: 2px solid #a4a4a4;
	background: #f4f4f4;
}


/* dotLine */
div#contents div#aside #other .dotLine{
	clear: both;
	margin: 15px 0px;
	font-size: 0;
	line-height: 0;
}

/* margin */
div#contents .mt3{
	margin-top: 3px !important;
}

div#contents .mt27{
	margin-top: 27px !important;
}

/* indent01 */
div#contents div#aside #other .indent01{
	padding-left: 12px;
}

/* mobile */
div#contents div#aside #other .mobile{
	margin: 0px 0px 0px 1px;
	padding: 0;
	background: url(/images/top_bg05.gif) no-repeat left bottom;
	zoom: 1;
}

div#contents div#aside #other .mobile .inner{
	clear: both;
	padding: 8px;
}

div#contents div#aside #other .mobile .thumbnail{
	float: left;
	width: 63px;
}

div#contents div#aside #other .mobile .text{
	float: left;
	width: 127px;
}


/*main
=========================================*/
div#contents div#main {
	float: left;
	width: 709px;
}


/* heading */
div#contents h2 {
	clear: both;
	margin: 20px 0px 0px;
}


/* mv */
div#contents .mv {
	position: relative;
	clear: both;
	height: 242px;
	line-height: 0;
	margin: 0px;
	padding: 10px 10px 12px;
	background: url(/images/top_bg01.gif) no-repeat left top;
	font-size: 0;
	zoom: 1;
}

* html div#contents .mv {
	height: 262px;
}

*:first-child+html div#contents .mv {
	height: 262px;
}

div#contents .mv .numList{
	position: relative;
	top: 220px;
	margin-top: 8px;
	text-align: center;
}

* html div#contents .mv .numList{
	top: 228px;
}

div#contents .mv .backNav{
	position: absolute;
	top: 101px;
	left: 10px;
}

div#contents .mv .nextNav{
	position: absolute;
	top: 101px;
	right: 10px;
}
* html div#contents .mv .nextNav{
	position: absolute;
	top: 101px;
	right: 9px;
}
div#contents .mv .numList{
	margin-top: 8px;
	text-align: center;
}

div#contents .mv .numList li{
	display: inline;
	padding:2px;
}


/* twoCol */
div#contents .twoCol{
	clear: both;
	min-height: 288px;
	margin-top: 15px;
	padding: 0px 0px 22px;
	background: url(/images/top_bg02.gif) no-repeat left bottom;
	zoom: 1;
}

* html div#contents .twoCol{
	height: 288px;
	padding: 0px 0px 18px;
}



div#contents .twoCol .colLeft01{
	float: left;
	width: 227px;
}

div#contents .twoCol .colLeft01 ul li{
	vertical-align: baseline;
	margin: 0px 0px 0px 11px;
}

div#contents .twoCol .colLeft01 ul li.btn06{
	vertical-align: baseline;
	margin: 0px 0px 0px 11px;
	padding: 6px 0px 5px;
}

div#contents .twoCol .colLeft01 ul li.btn07{
	float: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px 0px 0px 11px;
}

div#contents .twoCol .colLeft01 ul li.btn08{
	float: left;
	vertical-align: baseline;
	margin: 0px;
	padding: 0px 0px 0px 4px;
}

div#contents .twoCol .colLeft01 .iconList01{
	clear: both;
	padding: 5px 0px 0px 15px;
}


div#contents .twoCol .colRight01{
	float: right;
	width: 468px;
}

div#contents .twoCol .colRight01 .inner{
	clear: both;
	height: 248px;
	margin: 5px 0px 0px 9px;
	background: url(/images/top_hr01.gif) no-repeat center top;
	zoom: 1;
}

div#contents .twoCol .colRight01 .inner .colLeft{
	float: left;
	width: 212px;
}

div#contents .twoCol .colRight01 .inner .colLeft dl dd{
	padding: 0px 0px 0px 7px;
}

div#contents .twoCol .colRight01 .inner .colLeft dl dd .iconList01{
	clear: both;
	padding: 0px 0px 0px 5px;
}

div#contents .twoCol .colRight01 .inner .colRight{
	float: right;
	width: 221px;
}

div#contents .twoCol .colRight01 .line01{
	clear: both;
	width: 444px;
	margin: 0px 12px;
	padding: 5px 0px 0px;
	background: url(/common_images/com_hr02.gif) repeat-x left top;
}

div#contents .twoCol .colRight01 .line01 ul li{
	float: right;
}

/* iconList01 */
div#contents .iconList01 li{
	margin: 5px 0px 0px;
	padding: 0px 0px 0px 10px;
	background: url(/common_images/com_ic02.gif) no-repeat left 0.4em;
	zoom: 1;
}

/* iconList02 */
div#contents .iconList02 li{
	margin: 5px 0px 0px;
	padding: 0px 0px 0px 20px;
	background: url(/common_images/com_ic04.gif) no-repeat 10px 0.4em;
	zoom: 1;
}

/* iconList03 */
div#contents .iconList03 li{
	padding: 0px 0px 0px 12px;
	background: url(/common_images/com_ic05.gif) no-repeat left 0.4em;
	zoom: 1;
}

/* headingSet */
div#contents .headingSet{
	position: relative;
	clear: both;
	height: 38px;
	margin: 20px 0px 0px;
}

div#contents .headingSet h2{
	position: absolute;
	top: 0px;
	left: 0px;
	clear: both;
	margin: 0px;
}

div#contents .headingSet .btnArea{
	position: absolute;
	top: 9px;
	left: 300px;
	clear: both;
	width: 400px;
}

div#contents .headingSet .btnArea ul{
	float: right;
}

div#contents .headingSet .btnArea ul li{
	float: left;
	padding: 0px 0px 0px 5px;
}

div#contents .headingSet .btnArea ul li.about{
	float: left;
	padding: 4px 5px 0px 0px;
}

div#contents .headingSet .btnArea ul li.about{
	float: left;
	padding: 2px 5px 0px 0px;
}

* html div#contents .headingSet .btnArea ul li.about{
	float: left;
	padding: 4px 5px 0px 0px;
}

*:first-child+html div#contents .headingSet .btnArea ul li.about{
	float: left;
	padding: 4px 5px 0px 0px;
}


div#contents .headingSet .detailArea{
	position: absolute;
	top: 9px;
	left: 300px;
	clear: both;
	width: 390px;
}

div#contents .headingSet .detailArea ul.iconList03 li{
	float: right;
	padding: 0px 0px 0px 12px;
	background: url(/common_images/com_ic05.gif) no-repeat left 0.4em;
	zoom: 1;
}


/* newsList */
div#contents .newsList{
	clear: both;
	margin: 15px 10px 0px;
}

div#contents .newsList dl dt{
	width: 8em;
}

div#contents .newsList dl dd{
	margin: -1.4em 0px 0px;
	padding: 0px 0px 5px 8.5em;
}
/* Safari4 */
@media screen and (-webkit-min-device-pixel-ratio:0) {/* for Safari */
div#contents .newsList dl dt{
	width: 9em;
}

div#contents .newsList dl dd{
	margin: -1.4em 0px 0px;
	padding: 0px 0px 5px 9.5em;
}
} 

/* column01 */
div#contents .column01{
	clear: both;
	margin: 20px 0px 0px;
	border: 1px solid #96b9dd;
}

div#contents .column01 dl dt{
	background: #dbe8f5;
}

div#contents .column01 dl dd{
	clear: both;
	padding: 5px 10px 15px;
}

/* column02 */
div#contents .column02{
	clear: both;
	margin: 20px 0px 0px;
	border: 1px solid #bababa;
}

div#contents .column02 dl dt{
	background: #e5e7e8;
}

div#contents .column02 dl dd{
	clear: both;
	padding: 5px 10px 15px;
}

/* column03 */
div#contents .column03{
	clear: both;
	margin: 20px 0px 0px;
	border: 1px solid #ffb343;
}

div#contents .column03 dl dt{
	background: #ffe6c3;
}

div#contents .column03 dl dd{
	clear: both;
	padding: 5px 10px 15px;
}

/* column04 */
div#contents .column04{
	clear: both;
	margin: 20px 0px 0px;
	border: 1px solid #cccccc;
}

div#contents .column04 .bannerArea{
	clear: both;
	padding: 10px 22px 4px;
}

div#contents .column04 .bannerArea ul li.bunner01{
	float: left;
	width: 190px;
	padding: 0px 0px 8px;
}

div#contents .column04 .bannerArea ul li.bunner02{
	float: left;
	width: 270px;
	padding: 0px 0px 8px;
}

div#contents .column04 .bannerArea ul li.bunner03{
	float: left;
	width: 160px;
	padding: 0px 0px 8px;
}


/*99: clearfix
=========================================*/
div#contents .twoCol:after,
div#contents .twoCol .colRight01 .inner:after,
div#contents div#aside #other .mobile .inner:after,
div#contents .column04 .bannerArea:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
	font-size: 0;
}




 
* html div#contents .twoCol,
* html div#contents .twoCol .colRight01 .inner,
* html div#contents div#aside #other .mobile .inner,
* html div#contents .column04 .bannerArea{ /* IE6 hack */
	 zoom: 1; 
}





*:first-child+html div#contents .twoCol,
*:first-child+html div#contents .twoCol .colRight01 .inner,
*:first-child+html div#contents div#aside #other .mobile .inner,
*:first-child+html div#contents .column04 .bannerArea{ /* IE7 hack */  
	 zoom: 1; 
}


