@charset "Shift_JIS";

/* BODY 5
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

body {
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	background-color: #ECEEFA;
}

a {
	color:#FFFFFF;
	text-decoration:none;
}

a:visited {
	color:#FCFCFC;
	text-decoration:none;
}

a:hover {
	color:#0000CC;
	text-decoration:none;
}

h2{
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}


* html body {
	margin-top:20px;
}

/* ie7 */
*:first-child+html body {
	margin-top:20px;
}

img {
	border:none;
}

/* base l_898A91 d_2F3032
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#base {
	width: 990px;
	background-image: url(../images/back.gif);
	background-repeat: repeat-y;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	margin-top:20px;
}

#base_sub {
	display: block;
	width: 990px;
	margin-top: 20px;
	background-image: url(../images/sub_back.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
}

/* main
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#main {
	font-size:13px;
	color: #000000;
	width: 880px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	min-height:100%;
	}

#main_wrapper{
	width: 100%;
	/*height:100%;*/
	}
	
/* header
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#header{
	display:block;
	width:990px;
	height:81px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image: url("../images/header.jpg");
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
}

#sub_header {
	clear:both;
	width: 880px;
	height: 80px;
	margin-top: 28px;
	margin-left:0px;
}

* html body #sub_header {
	margin-top:3px;
}

*+html body #sub_header {
	margin-top:1px;
	margin-left:-1px;
}

/* navi 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.header_navi{
	font-size:12px;
	line-height:130%;
	color: #FFFFFF;
	text-align:left;
	margin-left: 60px;
	float: right;
	padding-right: 55px;
	bottom: 2px;
	margin-top: 62px;
}

.header_navi a:hover{
	color:#0000CC;
	text-decoration:none;
}

#left_navi {
	display:block;
	width:150px;
	padding:0px 0px 0px 0px;
	margin:0px;
	float:left;
	height: 400px;
}

*+html body #left_navi {
	display:block;
	width:150px;
	padding:0px 0px 0px 0px;
	margin:0px;
	float:left;
	height:400px;	
}
#left_navi ul{
	list-style-type: none;
	margin:0px;
	padding:0px;
}

#left_navi ul li.anther{
	width:150px;
	margin: 0px;
	padding:0px;
	text-align:left;
	line-height: 30px;
	list-style-type: none;
	background-image: url(../images/sub_w.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#left_navi ul li.here{
	width:150px;
	margin: 0px;
	padding:0px;
	text-align:left;
	line-height: 30px;
	list-style-type: none;
	background-image:url(../images/sub_over.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#left_navi ul li a{
	display: block;
	height:25px;
	/* mac hac \*/
	height: 30px;
	/* */
	margin: 0px;
	padding:0px 0px 0px 20px;
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

#left_navi ul li a:hover{
	display: block;
	height:30px;
	/* mac hac \*/
	height: 30px;
	/* */
	margin: 0px;
	padding:0px 0px 0px 20px;
	text-align:left;
	font-size:12px;
	color:#0000CC;
}


#navi-list {
	display: block;
	width: 880px;
	height: 25px;
	list-style: none;
	float: left;
	padding-left: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}

#navi-list_top {
	display: block;
	width: 880px;
	height: 25px;
	margin-left: 0px;
	list-style: none;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

* html body #navi-list {
	margin-bottom: -6px;
}


.navi-list-item {
    float: left;
	list-style:none;
	padding: 0;
}
.navi-list-item1 {
	width: 168px;
	float: left;
	list-style:none;
	padding: 0;
}
.navi-list-item_end {
	width: 205px;
	float: left;
	list-style:none;
	padding: 0;
}

.navi-list-item_end2 {
	width: 36px;
	float: left;
	list-style:none;
	padding: 0;
}


/* fla
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#fla {
	width:880px;
	height:330px;
	background-image:url(../images/fla.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	background-color: #666666;
}

*+html body.fla {
	width:880px;
	height:330px;
	background-image:url(../images/fla.jpg);
	background-repeat:no-repeat;
	background-color: #666666;
}

* html body.fla {
	width:880px;
	height:330px;
	background-image:url(../images/fla.jpg);
	background-repeat:no-repeat;
	margin-top:-6px;
	background-color: #666666;
}

/* contents
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#contents{
	padding-bottom:30px;
	padding-right:0px;
	min-height: 100%;
	margin-top: 50px;
	margin-left: 33px;
}

* html body #contents{
	padding-right:55px;
	margin-left: 36px;
	height:100%;
}

/* ie7 */
*:first-child+html .main_contents{
	height:100%;
}

#contents h1{
	font-size:14px;
	color:#000000;
}

#contents h1.white{
	margin:5px 20px 25px 0px;
	padding:8px 0px 7px 15px;
	border-left:10px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	color: #FFFFFF;
}


#contents .left img{
	margin-bottom: -2px;
}



/* left
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.left{
	height: 180px;
	width:230px;
	background-image:url(../images/info.jpg);
	background-repeat:no-repeat;
	float: left;
	color: #FFFFFF;
	text-align: left;
	padding: 10px 15px 10px 15px;
	margin-bottom:20px;
}

* html body .left{
	width:250px;
	padding: 15px 15px 10px 15px;
	margin-bottom:20px;
}

/* ie7 */
*:first-child+html .main_contents{
	padding: 15px 15px 10px 15px;
	margin-bottom:20px;
}

.left p{
	text-align:left;
	color: #FFFFFF;
	line-height:130%;
	margin-top: -8px;
}

* html body.left p{
	margin-right:0px;
	margin-left:0px;
}


/* news box 
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.news_box_left {
	width:321px;
	padding:0;
	background:url(../images/news_side.gif) 100% 0 repeat-y;
	float:right;
	margin-bottom:10px;
}

.news_box_right {
	width:321px;
	padding:0;
	background:url(../images/news_side.gif) 0 0 repeat-y;
}

.news_box_top {
	height:25px;
	margin:0;
	background:url(../images/news_1.gif) 100% 0 no-repeat;
}

.news_box_top2 {
	height:5px;
	/*margin-top:10px;*/
	margin:0;
	background:url(../images/news_3.gif) 100% 0 no-repeat;
}
.news_box_top div {
	width:18px;
	height:17px;
}

.news_box_bottom {
	height:6px;
	margin:0px;
	background:url(../images/news_b.gif) 100% 100% no-repeat;
}

.news_box_bottom2 {
	height:6px;
	margin:0px;
	background:url(../images/news_b.gif) 100% 100% no-repeat;
}

.news_box_bottom div {
	width:18px;
	height:6px;
}

.news_box_left p {
	text-align:left;
	color: #FFFFFF;
	line-height:100%;
	margin-top: 3px;
	margin-left: 20px;
	margin-right:10px;
	margin-bottom:3px;
}
	
/**html body div#contents .news_box_left {
	margin-right:-27px;
}*/

* html body #contents .news_box_left p{
	margin-top: 3px;
	margin-bottom:-1px;
	line-height:150%;
}

* html body #contents .news_box_bottom {
	height:3px;
}

* html body #contents .news_box_bottom2 {
	height:10px;
}

	
* html body #contents .news_box_bottom div {
	height:3px;
}
#news{
	width:324px;
	height:100%;
	float:right;
	/*background-color:#999999;*/
	margin-bottom:15px;
}

* html body #news{
	margin-right:-27px;
	margin-bottom:-20px;
}
/* main_contents
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* ff */
.main_contents{
	width:600px;
	float:right;
	text-align:left;
	margin-right:35px;
	margin-bottom:45px;
	min-height:100%;
}
/* ie6 */
* html body .main_contents{
	width:590px;
	margin-right: -12px;
	margin-bottom:25px;
	height:100%;
}
/* ie7 */
*:first-child+html .main_contents{
	min-height:100%;
	display:block;
}

.main_contents h1.white{
	margin:25px 0px 15px 0px;
	padding: 5px 0px 5px 15px;
	border-left:10px solid #FFFFFF;
    border-bottom:1px solid #FFFFFF;
}

.main_contents h2.white{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin:20px 10px 10px 10px;
	padding:3px 0px 3px 10px;
	border-left:7px solid #FFFFFF;
	color: #FFFFFF;
}

.main_contents h3.white{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin:20px 10px 10px 25px;
	padding:3px 0px 3px 20px;
	color: #FFFFFF;
	background-image: url(../images/sub_product.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.main_contents h3.white2{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin:20px 10px 0px 25px;
	padding:3px 0px 3px 20px;
	color: #FFFFFF;
	background-image: url(../images/sub_product.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


.main_contents p,
.main_contents form{
	text-align:left;
	color: #FFFFFF;
	line-height:150%;
	margin-top: 10px;
	margin-left: 25px;
	margin-right: 30px;
}

.main_contents p.product{
	text-align:left;
	color: #FFFFFF;
	line-height:120%;
	margin-top: 0px;
	margin-left: 25px;
	margin-right: 30px;
}

.main_contents p a:hover{
	color:#0000CC;
	text-decoration:none;
}

.main_contents table{
	font-size: 12px;
	text-align:left;
	color: #FFFFFF;
	line-height:150%;
	margin-top: 10px;
	margin-left: 25px;
	margin-right: 30px;
}

.main_contents table .infomedia{
	font-size: 12px;
	text-align:left;
	color: #FFFFFF;
	line-height:150%;
	margin-top: 10px;
	margin-left: 25px;
	margin-right: 30px;
}

.main_contents ol li{
	text-align:left;
	color: #FFFFFF;
	line-height:150%;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 30px;
	margin-bottom: 15px;
}

.main_contents ol li ol li{
	text-align:left;
	color: #FFFFFF;
	line-height:150%;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 30px;
	margin-bottom: 15px;
}



/* map
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.map1{
	width:45%;
	line-height:130%;
	margin: 10px;
	float:left;
}
.map1 ul li{
	margin: 0px;
	padding:0px;
	text-align:left;
	line-height: 30px;
	list-style-type: none;
	background-image: url(../images/sub_map.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.map1 ul li a{
	display: block;
	height:25px;
	/* mac hac \*/
	height: 30px;
	/* */
	margin: 0px;
	padding:0px 0px 0px 20px;
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

.map1 h2{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin:5px 10px 10px 20px;
	padding:3px 0px 0px 15px;
	border-left:5px solid #FFFFFF;
	color: #FFFFFF;
}

.map1 a:hover{
	color:#0000CC;
	text-decoration:none;
}


.map2{
	width:45%;
	line-height:130%;
	margin: 0px 20px 10px 20px;
	/*_margin: 10px 10px 10px 10px;*/
	float: right;
}

* html body .map2{
	margin: 10px 10px 10px 10px;
}

.map2 h2{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin:5px 10px 10px 20px;
	padding:3px 0px 0px 15px;
	border-left:5px solid #FFFFFF;
	color: #FFFFFF;
}

.map2 ul li{
	margin: 0px;
	padding:0px;
	text-align:left;
	line-height: 30px;
	list-style-type: none;
	background-image: url(../images/sub_map.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.map2 ul li a{
	display: block;
	height:25px;
	/* mac hac \*/
	height: 30px;
	/* */
	margin: 0px;
	padding:0px 0px 0px 20px;
	text-align:left;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

.map2 ul li a:hover{
	display: block;
	height:25px;
	/* mac hac \*/
	height: 30px;
	/* */
	margin: 0px;
	padding:0px 0px 0px 20px;
	text-align:left;
	font-size:12px;
	color:#0000CC;
	text-decoration:none;
}

#sub_map{
	width:880px;
	height:5px;
}

* html body #sub_map{
	margin-top:-3px;
} 

#left_map_navi {
	display:block;
	width:150px;
	padding:0px 0px 0px 0px;
	margin:0px;
	float:left;
	height: 500px;
}

* html body #left_map_navi {
	height: 400px;
} 

/* footer
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.footer a {
	color:#000000;
	text-decoration:none;
}

.footer a:visited {
	color:#000000;
	text-decoration:none;
}

.footer a:hover {
	color:#0000CC;
	text-decoration:none;
}

.footer{
	width:990px;
	height:29px;
	margin: 0px;
	padding: 0px;
	font-size:12px;
	line-height:12px;
	background-image: url("../images/footer.gif");
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;
	clear:both;
	color: #FFFFFF;
}

.footer_navi{
	padding: 0px;
	font-size:12px;
	line-height:130%;
	color: #000000;
	text-align:left;
	margin-left: 70px;
	float: left;
}

* html body .footer_navi{
	margin-left: 35px;
}

.footer_navi a:hover{
	color:#0000CC;
	text-decoration:none;
}

.footer_sub_navi{
	font-size:12px;
	color: #FFFFFF;
	text-align:left;
	padding-left:250px;
	float: left;
}

.footer_sub_navi a:hover{
	color:#0000CC;
	text-decoration:none;
}

* html.footer_sub_navi{
	padding: 0px;
	font-size:12px;
	color: #FFFFFF;
	text-align:left;
	/*_margin-left:130px;*/
	float: left;
}
*:first-child+html.footer_sub_navi{
	font-size:12px;
	color: #FF0000;
	text-align:left;
	float: left;
}

/** html body .footer_sub_navi{
	margin-left:130px;
}*/

.sub_footer{
	width:990px;
	height:29px;
	padding: 0px;
	font-size:8px;
	line-height:130%;
	background-image: url("../images/sub_footer.gif");
	background-repeat: no-repeat;
	background-position: center;
	clear:both;
	margin-top: 0px;
}


/* etc
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.copy{
	font-size:12px;
	line-height:130%;
	color: #FFFFFF;
	text-align:left;
	margin-left: 60px;
	float: right;
	padding-right: 65px;
}

.more{
	font-size:12px;
	line-height:130%;
	color: #FFFFFF;
	text-align:right;
	padding-right:10px;
	float: right;
}

.logo{
	font-size:12px;
	line-height:130%;
	color: #FFFFFF;
	text-align:left;
	margin-top:5px;
	margin-left:55px;
	float: left;
}



.download{
	margin: 0px;
	padding:0px 0px 0px 20px;
	text-align:left;
	line-height: 180%;
	list-style-type: none;
	background-image: url(../images/sub_map.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color:#FFFFFF;
}

.download a:hover{
	color:#0000CC;
	text-decoration:none;
}

.press{
	font-size:11px;
	color:#FFFFFF;
}

.sk{
	text-align:center;
}

.info_media{
	vertical-align:top;
}

.infomedia{
	border-collapse:collapse;/* 隣接するborderを重ねる*/
	border:#ccc solid 1px;
}

.infomedia td{border:#ccc solid 1px;
	padding:5px;
}

.infomedia th{
	text-align:center;
	border:#ccc solid 1px;
	background:#666666;
}

.advert{
	width:550px;
	height:200px;
	margin-left:25px;
	position:relative;
	top:0;
	color:#FFFFFF;
	line-height:180%;
	margin-bottom:0px;
	/*clear:both;*/
}

/* ie6
* html body .advert{
	height:200px;
	margin-bottom:0px;
} */

.advert_in{
	margin-right:20px;
	float:left;
	height:150px;
	text-align:center;
	position:absolute;
	bottom:20px;
	left:0px;
}

.advert_in2{
	margin-right:20px;
	float:left;
	height:119px;
	/*height:94px;*/
	text-align:center;
	position:absolute;
	bottom:20px;
	left:0px;
}

/* ie6 
* html body .advert_in2{
	height:94px;
	margin-top:56px;
}*/


.advert_in3{
	margin-right:20px;
	float:left;
	height:94px;
	text-align:center;
	position:absolute;
	bottom:20px;
	left:221px;
}

.advert_txt{
	margin-right:20px;
	float:left;
	height:175px;
	text-align:center;
	position:absolute;
	bottom:20px;
	left:87px;
}

.advert_txt2{
	margin-right:20px;
	float:left;
	height:175px;
	text-align:center;
	position:absolute;
	bottom:20px;
	left:180px;
	/*left:87px;*/
}

.advert_pdf{
	position:absolute;
	bottom:9px;
	margin-left:5px;
}

* html body .advert_pdf{
	bottom:8px;
}

#contents .advert img {
	margin-right:10px;
}

.banner{
	width:321px;
	height:40px;
	float:right;
	margin-top:30px;
	margin-bottom:0px;
	text-align:right;
}

/* ie6 */
/** html body .banner{
	margin-right: -27px;
	margin-top:50px;
	margin-bottom:-20px;
}
*/
.top_comment{
	font-size:10px;
	height:1%;
	color:#FFFFFF;
	line-height:130%;
}




/*========================================*/
/*
dl.data {
	padding: 0;
	border-top: none;
	text-align:left;
	border: 1px solid #eee;
	background-color: #f5f5f5;
}

dl.data dt {
	margin: 0;
	padding: 0 0 0.1em 1em;
	padding: 0.3em 0 0.1em 1em;
	border-top: 1px solid #eee;
	width: 8em;
	float: left;
	color: #fff;
}
	
dl.data dd {
	margin: 0 0 0 8em;
	padding: 0.3em 0.5em;
	color: #fff;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
}
*/
.clear{
	clear:both;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

* html body .clearfix:after {
	height:1%;
}

.img-left{ float:left; margin:0px 10px 10px 0px;}
.img-right{ float:right; margin:0px 15px 10px 10px;}
/* ie6 */
* html body .img-right{
	margin:0px 7px 10px 10px;
	}
.kt{
	border-bottom:1px solid #FFFFFF;
	}
	