﻿@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------
product
------------------------------------------------------ */

/* ----------- menu ----------- */
div#menu dt.m01 a{background:url(../company/images/menu_01.gif);}
div#menu dt.m01 a:hover{background:url(../company/images/menu_01.gif) 0 -39px no-repeat;}

div#menu dt.m02 a{background:url(../company/images/menu_02.gif);}
div#menu dt.m02 a:hover{background:url(../company/images/menu_02.gif) 0 -39px no-repeat;}

div#menu dt.m03 a{background:url(../company/images/menu_03.gif);}
div#menu dt.m03 a:hover{background:url(../company/images/menu_03.gif) 0 -39px no-repeat;}

div#menu dt.m04 a{background:url(../company/images/menu_04.gif);}
div#menu dt.m04 a:hover{background:url(../company/images/menu_04.gif) 0 -39px no-repeat;}

div#menu dt.m05 a{background:url(../company/images/menu_05.gif);}
div#menu dt.m05 a:hover{background:url(../company/images/menu_05.gif) 0 -39px no-repeat;}


/* ----------- menu onの場合 ----------- */
div#menu dt.on a{
	background-position: 0 -39px;
	display:block;
}




/* ----------- contents ----------- */


#contents div.tempCnWrap {
	width : 662px;
	text-align : center;
	}

#contents div.tempCnWrap table.tempTable {
	width : 80%;
	margin : 0 auto;
	border-collapse : collapse ;
	display : block ;
}

	
#contents div.tempCnWrap table.tempTable tr td {
	border : 1px solid #B3B3B3 ;
	text-align : left;
	padding : 3px 5px ;
	color : #404040 ;
	}

#contents div.tempCnWrap table.tempTable tr td.tempHeader {
	background-color : #FFE6BF ;
	width : 25%;
	}


#contents ol.tempNumList {
	}

#contents ol.tempNumList li {
	list-style-type : decimal;
	margin-left : 30px ;
	line-height : 1.5;
	font-size:85%;
	}


#contents div.tempDlWrap {
	clear                  : both;
	margin-left:12px;
	}

*html #contents div.tempDlWrap {
	margin-left:0px;
	}


#contents div.tempDlWrap:after {
	content                : "";
	display                : block;
	clear                  : both;
	height                 : 1px;
	overflow               : hidden;
	}

#contents div.tempDlWrap dl {
	float                  : left;
	width : 305px;
	}


#contents div.tempDlWrap dl.tempDlImage01 { background : url(../company/images/off_image_01.jpg) 190px 0px no-repeat; height : 160px; width : 320px; float:left;}
#contents div.tempDlWrap dl.tempDlImage02 { background : url(../company/images/off_image_02.jpg) 190px 0px no-repeat; height : 160px; width : 634px;}
#contents div.tempDlWrap dl.tempDlImage03 { background : url(../company/images/off_image_03.jpg) 130px 0px no-repeat; height : 120px;}
#contents div.tempDlWrap dl.tempDlImage04 { background : url(../company/images/off_image_04.jpg) 130px 0px no-repeat; height : 120px; padding-left : 0px;}
#contents div.tempDlWrap dl.tempDlImage05 { background : url(../company/images/off_image_05.jpg) 130px 0px no-repeat; height : 120px;}
#contents div.tempDlWrap dl.tempDlImage06 { background : url(../company/images/off_image_06.jpg) 130px 0px no-repeat; height : 120px; padding-left : 0px;}
#contents div.tempDlWrap dl.tempDlImage07 { background : url(../company/images/off_image_07.jpg) 130px 0px no-repeat; height : 120px;}
#contents div.tempDlWrap dl.tempDlImage08 { background : url(../company/images/off_image_08.jpg) 130px 0px no-repeat; height : 120px; padding-left : 0px;}
#contents div.tempDlWrap dl.tempDlImage09 { background : url(../company/images/off_image_09.jpg) 130px 0px no-repeat; height : 120px;}
#contents div.tempDlWrap dl.tempDlImage10 { background : url(../company/images/off_image_10.jpg) 130px 0px no-repeat; height : 120px; padding-left : 0px;}
#contents div.tempDlWrap dl.tempDlImage11 { background : url(../company/images/off_image_11.jpg) 130px 0px no-repeat; height : 120px;}
#contents div.tempDlWrap dl.tempDlImage12 { background : url(../company/images/off_image_12.jpg) 130px 0px no-repeat; height : 120px;}
#contents div.tempDlWrap dl.tempDlImage13 { width:320px; height : 120px;}
#contents div.tempDlWrap dl.tempDlImage14 { height : 120px;}

#contents div.tempDlWrap dl dt {
	background : url(../images/icon_dot_green.gif) 0 0.3em no-repeat;
	padding :2px 0 3px 15px;
	margin:0 0 5px 0;
	font-size : 100%;
	font-weight : bold;
	border-bottom:1px dotted #afafaf;
	border-top:1px dotted #afafaf;
	width:165px;
	}

*html #contents div.tempDlWrap dl dt {
	font-size:80%;
	padding-top:5px;
	background : url(../images/icon_dot_green.gif) 0 0.5em no-repeat;
	width : 180px;
}

#contents div.tempDlWrap dl dd {
	padding:0 0 0 15px;
	font-size : 85%;
	width : 130px;
	}

*html #contents div.tempDlWrap dl dd {
	font-size:70%;
}

#contents div.fact dl dt {
	width:105px;
	}

*html #contents div.fact dl dt{
	width:120px;
}


#contents div.fact dl dd {
	width : 105px;
	}
	
*html #contents div.fact dl dd {
	font-size:70%;
	width:130px;
}

	
#contents div.tempDlWrap dl.tempDlImage01 dd { width : 170px;}
#contents div.tempDlWrap dl.tempDlImage02 dd { width : 170px;}

#contents div.tempDlWrap dl{
	margin-left:12px;
	}


hr.tempClear {
	display                : none;
	clear                  : both;
	}


#contents h3,
#contents h4,
#contents h5,
#contents h6 {
	clear : both;
	}

#contents h4 {
	width : 636px;
	height : 25px;
	margin : 5px 0px 10px 12px;
	}



#contents h3 span,
#contents h4 span,
#contents h5 span,
#contents h6 span {
	display : none;
	}


#gen_title01 { background:url(../company/images/gen_title_01.jpg) 0 0 no-repeat; }
#gen_title02 { background:url(../company/images/gen_title_02.jpg) 0 0 no-repeat; }
#gen_title03 { background:url(../company/images/gen_title_03.jpg) 0 0 no-repeat; }

#off_title01 { background:url(../company/images/off_title_01.jpg) 0 0 no-repeat; }
#off_title02 { background:url(../company/images/off_title_02.jpg) 0 0 no-repeat; }
#off_title03 { background:url(../company/images/off_title_03.jpg) 0 0 no-repeat; }
#off_title04 { background:url(../company/images/off_title_04.jpg) 0 0 no-repeat; }
#off_title05 { background:url(../company/images/off_title_05.jpg) 0 0 no-repeat; }
#off_title06 { background:url(../company/images/off_title_06.jpg) 0 0 no-repeat; }




#contents div.temp_back_image_wrap {
	background:url(../company/images/gro_back_01.jpg) 0 0 no-repeat;
	min-height : 200px;
	}

#contents div.temp_back_image_wrap table {
	border-collapse : collapse ;
	}

#contents div.temp_back_image_wrap table tr td {
	vertical-align : top;
	}

#contents div.temp_back_image_wrap table tr td table tr td {
	text-align : left;
	vertical-align : top;
	font-size : 85%;
	}

#contents div.temp_back_image_wrap table tr td table tr td ul {
	margin-bottom : 40px;
	}

#contents div.temp_back_image_wrap table tr td table tr td ul li {
	line-height : 1.5;
	}

#contents div.temp_back_image_wrap table tr td table tr td ul li span { background:url(../company/images/com_list_icon_nolink.gif) 0 1px no-repeat; padding-left : 11px; }
#contents div.temp_back_image_wrap table tr td table tr td ul li a    { background:url(../company/images/com_list_icon_link.gif)   0 1px no-repeat; padding-left : 11px; }






#contents div.tempImageWrap {
	width : 640px;
	clear                  : both;
	}

#contents div.tempImageWrap:after {
	content                : "";
	display                : block;
	clear                  : both;
	height                 : 1px;
	overflow               : hidden;
	}

#contents div.tempImageWrap p {
	display: block;
	margin : 0 ;
	padding : 0 0 0 10px;
	line-height : 1.4;
	}


#contents div.tempImageWrap img.tempRightImage {
	float : right;
	margin-left : 10px ;
	}





#contents table.tempTableTemple {
	border-collapse : collapse ;
	margin:10px 0 10px 0px;
	padding:0;
	border-left:1px solid #dadada;
	border-top:1px dotted #dadada;
	width:614px;
	font-size:90%;
	line-height:160%;
}


*html #contents table.tempTableTemple  {
	font-size:80%;
}

*:first-child+html #contents table.tempTableTemple  {
	font-size:80%;
}
		
	

#contents table.tempTableTemple tr {
	margin  :0;
	padding :0;
}

#contents table.tempTableTemple th {
	margin : 0;
	padding : 5px 5px 5px 10px;
	border-bottom : 1px dotted #dadada;
	background : #f5f6eb;
	width : 115px;
	text-align:left;
}

#contents table.tempTableTemple td {
	text-align : left;
	margin:0;
	padding:5px 10px 5px 10px;
	border-right:1px solid #dadada;
	border-bottom:1px dotted #dadada;
}

#contents table.tempTableTemple td span{
	margin:0;
	padding:0 15px 5px 0;
	display:block;
	line-height:120%;
	float:left;
}

#contents table.tempTableTemple td span.no{
	margin:0;
	padding:0 15px 5px 10px;
	display:block;
	background:url(../images/arrow_ash.gif) 0 0.2em no-repeat;
}

#contents table.tempTableTemple td span a{
	margin:0;
	padding:0 0 0 10px;
	display:block;
	background:url(../images/arrow_top.gif) 0 0.2em no-repeat;
}

#contents table.tempTableTemple td span a:hover{
	margin:0;
	padding:0 0 0 10px;
	display:block;
	background:url(../images/arrow_top_on.gif) 0 0.2em no-repeat;
}


/* ---------------------------------------- 共通 */
.mb10 { margin-bottom : 10px !important;}
.mb20 { margin-bottom : 20px !important;}
.mb30 { margin-bottom : 30px !important;}
.mb40 { margin-bottom : 40px !important;}
.mb50 { margin-bottom : 50px !important;}
.mb60 { margin-bottom : 60px !important;}

.mt10 { margin-top : 10px !important;}
.mt20 { margin-top : 20px !important;}
.mt30 { margin-top : 30px !important;}
.mt40 { margin-top : 40px !important;}
.mt50 { margin-top : 50px !important;}
.mt60 { margin-top : 60px !important;}





/* ---------------------------------------- 追記 */
dl.comp{
	text-align:left;
	display:block;
	margin:0;
	font-size:85%;
}

dl.comp dt{
	text-align:left;
	display:block;
	float:left;
	width:100px;
	margin:0 0 5px 24px;
	padding:0 0 0 15px;
	font-weight:bold;
	background:url(../images/icon_dot_02.gif) 0 0.4em no-repeat;
}

*html dl.comp dt{
	margin:0 0 5px 12px;
}

dl.comp dd{
	text-align:left;
	display:block;
	float:left;
	width:500px;
	margin:0 0 5px 0;
}

dl.comp_no{
	text-align:left;
	display:block;
	margin:0 0 0 12px;
	font-size:85%;
	float:none;
}

dl.comp_no dt{
	text-align:left;
	display:block;
	float:left;
	width:18px;
	margin:0 0 8px 0;
	padding:0 0 0 15px;
	font-weight:bold;
	color:#6c6c6c;
	font-size:110%;
}

dl.comp_no dd{
	text-align:left;
	display:block !important;
	float:left;
	width:605px;
	margin:0 0 5px 0;
}

dl.comp_buil{
	text-align:left;
	display:block;
	margin:0 0 10px 24px;
	border-bottom:dotted 1px #dadada;
	width:612px;
	font-size:90%;
}

dl.comp_buil dt{
	text-align:left;
	display:block;
	float:left;
	width:120px;
	margin:0 0 5px 0;
	padding:0 0 0 15px;
	font-weight:bold;
	background:url(../images/icon_dot_02.gif) 0 0.4em no-repeat;
}

dl.comp_buil dd{
	text-align:left;
	display:block;
	float:left;
	width:470px;
	margin:0 0 5px 0;
}

dl.comp_buil dd span{
	margin:0;
	padding:0 15px 0 0;
	display:block;
	line-height:120%;
	float:left;
}

dl.comp_buil dd span a{
	margin:0;
	padding:0 0 0 10px;
	display:block;
	background:url(../images/arrow_top.gif) 0 0.2em no-repeat;
}

dl.comp_buil dd span a:hover{
	margin:0;
	padding:0 0 0 10px;
	display:block;
	background:url(../images/arrow_top_on.gif) 0 0.2em no-repeat;
}

div#map_canvas{
	width:300px;
	height:180px;
	margin:0;
	float:left;
	border:1px solid #afafaf;
}

*html div#map_canvas{
	width:290px;
}

#contents div.tab_box{
	margin-left:24px;
}

*html #contents div.tab_box{
	margin-left:0px;
}

*:first-child+html #contents div.tab_box{
	margin-left:0px;
}





table.history{
	margin:0 0 20px 0;
	padding:0;
	width:662px;
	font-size:90%;
}

.btm {
	border-bottom:1px dotted #b7b7b6;
}

table.history img{
	border:1px solid #b7b7b6;
}

table.history tr{
	vertical-align:top;
}

table.history tr.head td{
	vertical-align:middle;
	text-align:center;
	height:30px;
	border-top:1px solid #b7b7b6;
	font-weight:bold;
	font-size:100%;
}

table.history tr.head th{
	background:none;
}

table.history th{
	margin:0;
	padding:0;
	width:80px;
	color:#5e4e31;
	background:url(../company/images/line_th.gif) center 0 repeat-y;
	text-align:center;
}

table.history tr.head td.bus{
	background:url(../company/images/bg_st_bus.gif) 0 0 repeat;
}

table.history tr.head td.tec{
	background:url(../company/images/bg_st_tec.gif) 0 0 repeat;
}

table.history tr.head img{
	border:none;
}

table.history th em{
	margin:0;
	padding:0;
	display:block;
	font-style:normal;
	font-size:90%;
}

table.history th span{
	background:#fff;
	display:block;
	padding:2px 0;
}

table.history td{
	margin:0 0 0 0;
	padding:5px 10px;
	width:275px;
	border-right:1px solid #b7b7b6;
	border-left:1px solid #b7b7b6;
	border-top:1px dotted #b7b7b6;
	clear:both;
}

table.history td.not{
	margin:0;
	padding:0;
	width:6px;
	border:none !important;
	font-size:0;
	background:#fff;
}

table.history td.bus{
	background:#ebf2f0;
}

table.history td.tec{
	background:#f6f7ed;
}

table.history td p{
	margin:0 0 3px 0;
	padding:0 0 0 12px;
	width:auto;
	display:block;
	background:url(../images/icon_dot_red.gif) 0 0.2em no-repeat;
	line-height:130%;
}

table.history td p.pic{
	width:170px;
	float:left;
}

table.history td p.pic_w{
	width:150px;
	float:left;
}

table.history td span{
	margin:0 0 3px 0;
	padding:;
	width:auto;
	display:block;
	float:right;
}

div.mid span{
	margin-top:0;
	margin-bottom:20px;
}

ul.anker{
	margin:0;
	padding:0 0 0 75px;
	display:block;
	clear:both;
	width:650px;
}

ul.anker li{
	margin:0 20px 10px 0 !important;
	padding:0;
	display:block;
	float:left;
	width:120px;
	font-size:80%;
}


*:first-child+html ul.anker li {
	padding-bottom:10px;
	padding-left:3px;
}

ul.anker li a{
	margin:0 0 0 0;
	padding:2px 0 0 20px;
	display:block;
	height:15px;
	background:url(../company/images/arrow_anker.gif) 0 0 no-repeat;
	line-height:100%;
}

ul.anker li a:hover{
	margin:0 0 0 0;
	padding:2px 0 0 20px;
	display:block;
	height:15px;
	background:url(../company/images/arrow_anker_on.gif) 0 0 no-repeat;
	line-height:100%;
}