@charset "shift_jis";

/************************************************

	mod_extension.css

		0.Inside of mainColumn
			|-news
			
		1.Inside of subColumn
			|-infoArea
			|-banner

	Copyright 2009 Image Co., Ltd. All Rights Reserved.
	URL http://www.img.co.jp/

*************************************************/

/*==============================================*/
/* 0.Inside of mainColumn
/*==============================================*/

/*news
---------------------------------*/
div#mainColumn div#news{width:460px;
	background:url(../../img/frame/bg_news_flame.gif) repeat-y;
	border-bottom:solid 1px #ddd;
}

div#mainColumn div.past div#news{background:none;}
div#mainColumn div#news .printImg{ display:none;}

div#mainColumn div#news .blockInner{width:430px;}

div#news dl{margin:0 0 10px; line-height:1.5;}
*html div#news dl{width:430px;}/*for ie6*/
*html div#news .list dl,
*html div#news .pastList dl{width:608px;}/*for ie6*/

div#news dl dt{
	width:5.5em;
	padding-left:20px;
	margin-right:-12.5em;
	background: url(../../img/icon/arrow_1.gif) no-repeat 0 0.4em;
}

div#news dl dd{
	padding-left:12.5em;
	padding-right:0;
	border-bottom:1px dotted #CCC;
}

*html div#news dl dd{} 
*html div#news dl dd a{
	display:inline;
}

div#news .index dl dd{padding-right:0;}
div#news .list dl dd{padding-left:8em; padding-right:0;}

div#news em{
	position:relative;
}
div#news em img{
	display:blcok;
	position: absolute;
	top:1px; left:-57px;
}

*html div#news em img{top:5px;}/*for IE6*/
*+html div#news em img{top:5px;}/*for IE7*/

div#news .blockFooter{margin-bottom:0;}
div#news a{text-decoration:none;}
div#news a:hover{text-decoration:underline;}


/*news categorySingle(製品ページ用)*/
/*news category(過去のお知らせ一覧)*/
#categorySingle div#mainColumn div#news,
#categorySingle div#mainColumn div#news{
	width:638px;
	margin-top:25px;
	margin-bottom:35px;
	background:url(../../img/frame/bg_newssinglecate_flame.gif) repeat-y;
	border-bottom:solid 1px #ddd;
}

#categorySingle div#mainColumn div.past div#news{background:none; border:none;}
#categorySingle div#mainColumn div#news .blockInner{margin-left:15px;width:608px;}


/*products
---------------------------------*/
div.product h2.img img{margin-bottom:15px;}

div.product table{width:100%; margin-bottom:25px;line-height:1.5em;}

div.product table td{ font-size:93%;}

div.ir div.caption,
div.ir div.captionLeft,
div.product div.caption,
div.product div.captionLeft{
	margin-top:-20px;
	margin-bottom:25px;
	clear:both;
}

div.product div.captionLeft dt{float:left;width:1em;}
div.product div.captionLeft dl,
div.product div.captionLeft dl.floatLeftBox{width:250px; float:left;}


div.ir caption,
div.product .spec caption{
	padding-left:0px;
	border:none;
	background:none;
	color:#333;
}

div.product .blockInner div.centerPosition{ width:550px; margin:10px auto 0;}
div.product .blockInner div.centerPosition img{ display:block;}


/*products & IR
---------------------------------*/

#categorySingle div#mainColumn div#productFlame .blockInner{
	width:640px;
	background:url(../../products/img/products_navi_flame.gif) left bottom no-repeat;
	}

div#productFlame .blockInner ul{
	width:182px;
}

div#productFlame .blockInner ul li a,
div#productFlame .blockInner ul li a:hover{padding:0.2em 0 5px 0; text-decoration:none;}

*html div#productFlame .blockInner ul li a,
*html div#productFlame .blockInner ul li a:hover{padding:0;}


div#productFlame .blockInner .link ul li a,
div#productFlame .blockInner .link ul li a:hover{
	padding:5px 0 0 20px;
	display:block;
}

div#productFlame .blockInner ul li a{background:url(../../img/icon/arrow_2.gif) 0 0.4em no-repeat;}

div#productFlame .blockInner ul li a:hover{background:url(../../img/icon/arrow_1.gif) 0 0.4em no-repeat; text-decoration:underline;}



/*products（製品ページタイトル）*/
#categorySingle div#mainColumn div.product .blockInner{ margin-top:25px;}

/*products index（用途、仕様入口）*/
#categorySingle #mainColumn div#specFlame{
	background:url(../../products/img/bg_product_loop.gif);
	margin-top:25px;
	margin-bottom:25px;
	padding:15px;
}

#categorySingle #mainColumn div#specFlame .blockInner .appli{
	margin-right:10px;
	width:433px;
	background:url(../../products/img/bg_flame_appli.gif) 0 bottom no-repeat;
}

#categorySingle #mainColumn div#specFlame .blockInner .fullBox{
	margin-top:10px;
	width:608px;
	background:url(../../products/img/bg_flamec_large.gif) 0 bottom no-repeat;
}

#categorySingle #mainColumn div#specFlame .blockInner .btn{width:165px; text-align:left;}
#categorySingle #mainColumn div#specFlame .blockInner .btn .boxInner{margin:0;}
#categorySingle #mainColumn div#specFlame .blockInner .btn .boxInner img{margin-bottom:5px;}

div#specFlame .blockInner .appli ul li a{background:url(../../img/icon/arrow_2.gif) 0 0 no-repeat;}
div#specFlame .blockInner .appli ul li a:hover{background:url(../../img/icon/arrow_1.gif) 0 0 no-repeat; text-decoration:underline;}

div#specFlame  .blockInner .appli ul li{
	margin-left:20px;
	padding:0 0 5px 0;
	text-indent:-20px;
}
div#specFlame  .blockInner .appli ul li a,
div#specFlame  .blockInner .appli ul li a:hover{
	padding-left:20px;
}

#categorySingle div#mainColumn #specFlame div#news{
	margin:0;
	width:608px;
	background:url(../../products/img/bg_flamec_large.gif) top left repeat;
}
#categorySingle div#mainColumn #specFlame div#news .blockInner{width:578px;}

#categorySingle div#mainColumn #specFlame div#contact{
	margin-top:15px;
	background:url(../../products/img/bg_flamec_large.gif) top left repeat;
	border-bottom:solid 1px #ddd;
}
#categorySingle div#mainColumn #specFlame div#contact .blockInner{
	padding:0px 15px;
}

#categorySingle div#mainColumn #specFlame div#contact dl{
	width:413px;
}
#categorySingle div#mainColumn #specFlame div#contact dl dt{
	width:80px;
	margin-right:-85px;
}
#categorySingle div#mainColumn #specFlame div#contact dl dd{
	line-height:1em;
	padding-left:85px;
}

#categorySingle div#mainColumn #specFlame div#contact .banner{
	width:165px;
	position:absolute;
	top:5px;
	right:10px;
}



/*products index（お問合せ部分）*/
div#specFlame .tableType dl{clear:both;overflow:auto;}
div#specFlame dd ul.floatLeft{float:left;}
div#specFlame dd ul.floatLeft li.secondLine{margin-top:1em;}

div#specFlame div.floatRight{float:right; margin-top:1.5em; margin-bottom:10px;}
div#specFlame div.floatRightB{float:right; margin-top:0; margin-bottom:10px;}


/*products index（製品情報トップへ戻る）*/
div.indexProduct dt{ padding-top:2px;}


/*.product */
div#pageBack{width:140px; margin:0 auto;}
#specFlame div#pageBack{width:140px; margin:0 auto 25px;}

.map div#pageBack,
.foamList div#pageBack{text-align:center; background:#fff;}
.map div#pageBack{ margin-top:20px;}

.foamList div#pageBack{width:640px;}

.foamList div#pageBack input,
.foamList div#pageBack img{ margin:25px auto; vertical-align:bottom;}

.foamList div#pageBack .resetBtn{
	background:url(../../inquiry/img/btn_clear.gif);
	width:75px;
	height:21px;
	border:none;
	border:hidden;
	overflow:hidden;
	cursor:pointer;
}

/*use（用途）*/
div.product div.caption,
div.product div.captionLeft{font-size:x-small;}

div.product caption{
	color:#FFF;
	font-weight:bold;
	width:100%;
	padding:2px 15px;
	background:#7494c7;
}

div.product td li{margin-right:1em; display:inline;}

div.product th{width:120px; text-align:left;}
div.product th.imgPosition{text-align:center; background:#7494c7;}
div.product th.imgbgColor{text-align:center; background:#eef1f8;}
div.product th.imgbgColor img,
div.product th.imgPosition img{ margin:0 auto;}

div.product .spec td.spec_w1,
div.product .spec td.spec_w2,
div.product .spec td.spec_w3{background:#eef1f8; padding-left:5px;}
div.product .spec td.spec_w4{padding-left:5px; padding-right:5px;}


/*spec（仕様一覧）*/

div.product div.caption{text-align:right;}

div.product div.captionLeft{text-align:left;}
div.product div.captionLeft li{ display:block;}

div.product .spec th img{border:0; display:block;}

div.product .spec th,
div.product .spec td{padding-top:0;padding-bottom:0;}

div.product .spec td{text-align:center; padding-top:5px; padding-bottom:5px;}

*html div.product .largeTxt{font-size:150%;}
*html div.product .miniTxt{font-size:71%;}

div.product td.nameTxt,
div.product td.spec_w1,
div.product td.spec_w2,
div.product td.spec_w3,
div.product td.spec_w4,
td.spec_w5 after.nameTxt{text-align:left; padding-left:3px; padding-right:3px;}


td.spec_w1{width:76px;}
td.spec_w2{width:64px;}
td.spec_w3{width:125px;}
td.spec_w4{width:77px;}
td.spec_w5{width:200px;}

/*safety（安全性）*/
div.product .safe h4{ margin-bottom:5px; color:#224e99; font-size:100%;}

div.product .safe th,
div.product .safe td{text-align:left; padding-left:3px;}

div.product .safe td li{line-height:1.5em; display:block; white-space:normal;}

div.product .safe dt{width:30px; font-weight:bold;}
div.product .safe dd{width:400px; float:right;}

/*Topics*/
#categorySingle div#mainColumn .col2 .blockInner .boxTopics {
	float:left;
	margin-right:2px;
	width:353px;
}
#categorySingle div#mainColumn .col2 .blockInner div.topicsScroll{
	margin:0;
	overflow:auto;
	height:12em;
}
#categorySingle div#mainColumn .col2 .blockInner .boxTopics .boxInner {
	margin:10px;
}
#categorySingle div#mainColumn .col2 .blockInner .boxCore{
	width:283px;
}
div.topics dt{
	padding:5px 0 0 20px;
	background:url(../../img/icon/arrow_1.gif) 0 0.4em no-repeat;
}
div.topics dd{
	line-height:1.5em;
	padding:4px 0 5px 7em;
}

div.topics dd a,
div.topics dd a:hover{color:#0152be;}
div.topics dd a{text-decoration:none;}
div.topics dd a:hover{text-decoration:underline;}
div.topics dd a:visited{color:#3d73ba;}

div.topics dl{
}


/*company
---------------------------------*/
/*company (history)、product index*/
#categorySingle .tableType dl, 
#categorySingle .tableType dl.tableEndType{
	margin-bottom:0;
	padding:3px 3px 3px 0.3em;
	border-top:solid 1px #ddd;
}


#categorySingle .tableType dl.tableEndType{
	border-bottom:solid 1px #ddd;
}

#categorySingle .tableType dl.tableEndType ul li{ padding-left:4.5em;}

.listOption{
position:absolute;
left:8.8em;
}


#categorySingle .tableType dt{margin-right:-100px; width:100px;}

#categorySingle  div.address .tableType dd{margin-left:90px;}
#categorySingle .tableType dd{margin-left:100px; width:455px;}

#categorySingle .tableType dd.leftBox{ line-height:1.5em;}
#categorySingle .tableType dd.leftBox a img{padding-left:35px; padding-bottom:5px; vertical-align:top;margin-top:-1em;}

*html #categorySingle .tableType dd{display:inline-block;}


#mainColumnInner div.block .tableType dl .mapBtn{
font-size:80%;
margin-top:5px;
position:absolute;
right:0.3em;
width:2.5em;
}

#mainColumnInner div.block .tableType dl .mapBtn_snd{
font-size:80%;
margin-top:28px;
position:absolute;
right:0.3em;
width:2.5em;
}

#mainColumnInner div.block .tableType dl .mapBtn a:hover,
#mainColumnInner div.block .tableType dl .mapBtn_snd a:hover{background-color:#E3EFFE;}
#mainColumnInner div.block .tableType dl .mapBtn a,
#mainColumnInner div.block .tableType dl .mapBtn a:hover,
#mainColumnInner div.block .tableType dl .mapBtn_snd a,
#mainColumnInner div.block .tableType dl .mapBtn_snd  a:hover{
border:1px solid #DDDDDD;
padding:0 0.2em;
}


.imgCenter img{
border:1px solid #999999;
margin-left:126px;
margin-top:20px;
}



/*company (standard、policy)*/
#categorySingle dl.listType img, #category dl.listType img{border:solid 1px #999;margin-top:1em;}
#categorySingle dl.listType dt,#category dl.listType dt {color:#224e99; border-bottom:dotted 1px #333; padding-bottom:0em; margin-bottom:0.5em;}
#categorySingle dl.listType dd, #category dl.listType dd {padding:0 0 1em 1.2em; clear:both;}
#categorySingle dl.listType dd ul, #category dl.listType dd ul{margin-left:-0.3em;}

#categorySingle dl.listType dd li{
	padding:0 0 5px 1.2em;
	background:url(../../img/icon/list_dick.gif) no-repeat;
	list-style-position:outside;
}

/*company (privacypolicy)*/
div.privacy ul{margin:1em 0 0 2em;}
div.privacy ul li{padding:0.3em 0;line-height:1.5em; list-style-type:decimal;}


/*sightMap
---------------------------------*/
#categorySingle div#mainColumn div.singleList{margin-top:15px; margin-bottom:25px;}
div.singleList li{padding-left:0;}

div.singleList ul li a,
div.singleList ul li a:hover
{padding:5px 0 0 20px;}

div.singleList ul li a{ background:url(../../img/icon/arrow_2.gif) 0 2px no-repeat;}
div.singleList ul li a:hover{ background:url(../../img/icon/arrow_1.gif) 0 2px no-repeat;}


div.singleList li.img{padding:0 0 0.5em 0; background:none;}
div.singleList li.txtB{font-weight:bold;}

div.singleList dt{padding:5px 0 0.5em 20px;font-weight:bold;}
div.singleList dd{padding:0 0 5px 20px;clear:both;}

div.singleList dd li,
div.singleList dd li a,
div.singleList dd li a:hover{
	padding-left:0;
	background:none;
}

div.singleList dd ul.lineType li{
	display:inline;
}
div.singleList li a, div.singleList dd li a{text-decoration:none;}
div.singleList li a:hover, div.singleList dd li a:hover{text-decoration:underline;}


/*inquiry
---------------------------------*/
div.singleList table{font-size:90%;}
div.singleList th,
div.singleList td{margin:0; padding:5px 10px; text-align:center;}

div.singleList th{background:#eef1f8;}

div.singleList td{text-align:left;}
div.singleList td.imgPosition{ text-align:center;}

div.singleList p img{ padding-bottom:0.1em;}

/*foam*/
div.foamList .blockInner{
	padding:0;background:url(../../inquiry/img/bg_form.gif) repeat-y;
}

div.foamList .thanks{
	padding-bottom:40px;
	background:none;
}
div.foamList .thanks p{
	width:25em;
	margin:80px auto;
	padding-left:2em;
	color:#f00;
	text-align:left;
}
div.foamList dl{
	border-top:solid 1px #ddd;
	padding-top:0px;
	margin-bottom:0px;
}
div.foamList dl.foamEndType{border-bottom:solid 1px #ddd;}

div.foamList dt{
	width:170px;
	padding-left:10px;
}

div.foamList .blockInner dd span{ color:#333; font-size:100%;}

div.foamList span,
div.foamList .blockInner dd span.red{color:#F00;}
div.foamList .note{color:#333;}
div.foamList .note ul{ margin-left:1em; margin-bottom:10px; zoom: 1; }
div.foamList .note li{background:transparent url(../../img/icon/list_dick.gif) no-repeat scroll 0 0;list-style-position:outside;padding:0 0 5px 1.2em;}
div.foamList .note li a{color:#0152be; text-decoration:none;}
div.foamList .note  li a:hover{text-decoration:underline;}

#categorySingle div#mainColumn  div.foamList dd{ padding-left:170px;}

div.foamList dd input.wName{width:18em;}
div.foamList dd input.wMail{width:12em;}
div.foamList dd input.wMailSecond{width:8em;}
div.foamList dd input.wTel{width:4em;}
div.foamList dd input.wAddress{width:30em;}
div.foamList dd textarea{width:448px; height:200px;}


div.foamList div.errorMessage{
	margin:15px 0;
	padding:10px;
	border:solid 1px #f00;
	color:#f00;
}


/*==============================================*/
/* 1.Inside of subColumn
/*==============================================*/

/*infoArea
---------------------------------*/
ul#infoArea{margin:0;}
ul#infoArea li{margin-bottom:10px}

ul#infoArea a img{border:1px solid #FFF;}
ul#infoArea a:hover img{border-color:#CCC;}

*html ul#infoArea a:hover{ zoom:1;/*for ie*/}

*html ul#infoArea a:hover img{}

/*banner
---------------------------------*/
ul#banner{
	width:252px;
	overflow:hidden;
	position:relative;
	left:475px;
	bottom:45px;
}
ul#banner li{
	float:left;
	margin-right:9px;
}