@charset "utf-8";
/*	↓全ページ共通↓
-------------------------------------------------------------------------------*/
/*	BASE
-------------------------------------------------*/
* {
	margin:0px;
	padding:0px;
}
dd{
	margin:10px 5px 0 20px;
	padding:auto;
}
html{height:100%;
}
body {
	font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif,"メイリオ","Meiryo";
	margin: 0;
	padding: 0;
	background: #f3f1ed /*	url(img/common/header_border.gif) top repeat-x*/;
	color: #484848;
	font-size: 14px;
	line-height: 1.5em;
	background-color:#f3f1ed;
	height:auto !important;
	height:100%;
	min-height:100%;
}


#wrap {
	width: 790px;
	margin: 0 auto;
	padding: 0 5px;
	text-align:center;
	height: 100%;
	background-color: #FFFFFF;
	background:url(img/common/bg.gif) repeat-y;
}
a { overflow:hidden;
outline:none; }


/*	HEADER
-------------------------------------------------*/
#header {
	background:url(img/common/header_en.gif) top right no-repeat;
	width: 790px;
	height: 85px;
	margin: 0 auto;
	padding: 0;
}

#header h1 {
	background:url(img/common/header_logo.gif) bottom no-repeat;
	width:367px;
	margin:5px 0 0 0;
	float:left;
	display:block;
	margin: 7px 0 0 0;
	padding: 0;
	line-height: 1;
	border: none;
}
img{
	border: none;
}

#header .address{
	display:block;
	background:url(img/common/header_address.gif) left no-repeat;
	width:150px;
	height:20px;
	float:right;
	margin:40px 5px 0 0;
	padding: 0 0 0 15px;
	color: #483021;
 }
#header .address a{
border-bottom:solid 1px #484848;
font-weight:bold;
text-decoration:none;
color: #483021;
} 
#header .address a:hover{
position:relative; top:1px; left:1px;
color: #483021;
}


/*	FOOTER
-------------------------------------------------*/
#footer {
	width:100%;
	background:url(img/common/footer_btm_line.gif) repeat-x;
	padding: 20px 0 0 0;
	margin:0px auto 0;
	font-size:12px;
	text-align:center;
	text-indent:1em;
	clear:both;
	height: 74px;
}


/*	HACK
------------------------------------------------*/
/* new clearfix */  
.clearfix:after {   
	visibility: hidden;   
	display: block;   
	font-size: 0;   
	content: "."; 
	clear: both;   
	height: 0;   
	}   
* html .clearfix{ zoom: 1; 
} 
/* IE6 */  
*:first-child+html 
.clearfix { zoom: 1; } 
/* IE7 */ 

/*	↑全ページ共通↑
-------------------------------------------------------------------------------*/


/*	↓INDEXページ↓
-------------------------------------------------------------------------------*/


/*	NAVIGATION-AREA
-------------------------------------------------*/
#nav-area{
clear:both;}


#gloval-nav-top{
	margin:0;
	width:211px;
	float:left;
	padding: 0;
}
#gloval-nav-top ul{
list-style:none;
}
#gloval-nav-top ul li a{
text-indent:-9999px;
margin:0px;
display:block;
width:211px;
height:50px;
}


#gloval-nav-top .nav01 a{
background:url(img/top/nav_btn_dft01.jpg);
height:51px;
}
#gloval-nav-top .nav02 a{
background:url(img/top/nav_btn_dft02.jpg);
}
#gloval-nav-top .nav03 a{
background:url(img/top/nav_btn_dft03.jpg);
}
#gloval-nav-top .nav04 a{
background:url(img/top/nav_btn_dft04.jpg);
}
#gloval-nav-top .nav05 a{
background:url(img/top/nav_btn_dft05.jpg);
}
#gloval-nav-top .nav06 a{
background:url(img/top/nav_btn_dft06.jpg);
height:56px;
}
#gloval-nav-top .nav01 a:hover{
background:url(img/top/nav_btn_on01.jpg);
height:51px;
}
#gloval-nav-top .nav02 a:hover{
background:url(img/top/nav_btn_on02.jpg);
}
#gloval-nav-top .nav03 a:hover{
background:url(img/top/nav_btn_on03.jpg);
}
#gloval-nav-top .nav04 a:hover{
background:url(img/top/nav_btn_on04.jpg);
}
#gloval-nav-top .nav05 a:hover{
background:url(img/top/nav_btn_on05.jpg);
}
#gloval-nav-top .nav06 a:hover{
background:url(img/top/nav_btn_on06.jpg);
height:56px;
}


/*	MAIN-AREA
-------------------------------------------------*/
#main-area{
	clear:both;
	margin:20px 0;
	width:770px;
	padding-left: 20px;
}
#main-area ul{
	padding:15px 0 0 30px;
	text-align:left;
	list-style:none;
}
#main-area ul li{
margin-bottom:5px;
	border-bottom:dotted 1px #474747;
	width:280px;
	padding:0 0 0 30px;
}
#main-area  ul li a{
color: #484848;
text-decoration:none;}

#main-area  ul li a:hover{
position:relative; top:1px; left:1px;
color: #484848;
}

/*	INFORMATIONエリア
-------------------------------------------------*/
#main-area #news{
	width:369px;
	height:291px;
	float: left;
}
#main-area #news ul{
height:253px;
background:url(img/top/info_bg.gif) no-repeat;
}
#main-area #news ul li{
	background:url(img/common/info_icon.gif) left no-repeat;
}

/*	TOPICSエリア
-------------------------------------------------*/
#main-area #topics{
	float:left;
	width:371px;
	height:291px;
	margin-left: 10px;
}
#main-area #topics img{
vertical-align:bottom;
}
#main-area #topics ul{
height:253px;
background:url(img/top/topics_bg.gif) no-repeat;
}
#main-area #topics ul li{
	background:url(img/common/topics_icon.gif) left no-repeat;
	width:285px;
}
/*	BANNER
-------------------------------------------------*/
#index-banner {
	clear:both;
	margin:0;
	padding: 10px 0;
}
#index-banner p{
	margin:10px 0 20px 0;
}

.opacity-img a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
	}
/*	↑INDEXページ↑
-------------------------------------------------------------------------------------------------------*/
  

/*	↓第二階層以下ページ共通↓
-------------------------------------------------------------------------------------------------------*/
.bread {
	padding:0 0 0 20px;
	font-size:11px;
	color:#483021;
}
.bread a{
	color:#483021;
}
.bread a:hover{
	position:relative; top:1px; left:1px;
}

	
#contents-area #left-area .under{
	border-bottom:dotted #A6A6A6 2px;
	margin:10px;
}
#contents-area #left-area .totop {
	display:block;
	color: #484848;
	clear:both;
	margin: 0 0 20px 430px;
	padding: 0;
	width: 130px;
}

#contents-area{
	border:solid #ccc;
	border-width:0 0px;
	width: 790px;
	margin:0;
	padding:0;
	background:url(img/common/contents-bg.gif) repeat-y;
}


#contents-area #left-area{
	margin:0;
	padding:0;
	line-height:1.8em;
	float:left;
	width:580px;
	text-align: left;
	background-color: #FFFFFF;
}
#contents-area #left-area ul{
	margin: 0 50px;
	height: 100%;
	list-style:none
}
#contents-area #left-area ul.list{
	margin: 0 50px;
	height: 100%;
	list-style-image:url(img/common/list-style.gif);
}
#contents-area #left-area .pattern1,.pattern1 li{
	background-color:#DBEEFF;
	margin: 10px 0;
	padding: 10px;
}

#contents-area #left-area .pattern2{
	margin:20px 20px 0 30px;
}
.pattern2 dt,.pattern1 dt{
	font-weight:bold;
	color: #286FD7; /* ブロック全体を 1em 右に */
	text-indent: -2em; /* 先頭の1文字のみ 1em 左に */
	margin-left: 2em;
}

#contents-area #left-area .pattern3{
	margin:0px 80px;
	line-height: 17px;
}
#contents-area #left-area .pattern3 dt{
	font-weight:bold;
	margin: 0px;
}
#contents-area #left-area .pattern3 dd{
	margin-bottom: 20px;
}
#contents-area #left-area .pattern4{
	margin:0px 20px;
	line-height: 17px;
}
#contents-area #left-area .pattern4 dt{
	font-size: 16px;
	font-weight:bold;
	margin-top: 30px;
}
#contents-area #left-area .pattern4 dd{
	
}

#contents-area #left-area p{
	margin:20px 35px;
}
#contents-area #left-area .comment{
	clear:both;
	line-height:20px;
	font-size:14px;
	padding: 5px;
	color: #F54B29;
}

#contents-area #left-area h2.top-title{
	background:url(img/common/top-title3.jpg) no-repeat;
	font-size:23px;
	font-weight:bold;
	color:#3b1600;
	width:560px;
	height:50px;
	padding: 28px 0 0 20px;
}
#contents-area #left-area h3{
	clear:both;
	width:490px;
	height:28px;
	font-weight:bold;
	font-size:18px;
	background:url(img/company/title_bg.gif) top left no-repeat;
	margin:30px;
	padding:0 0 0 30px;
	display: block;
	line-height:1.5em;
}
#contents-area #left-area  h4{
	margin:20px 20px 0 30px;
	font-size: 16px;
	background-color: #FAF9BE;
	padding: 0 5px;
	color: #f54b29;
	clear: both;
}


/*	↓第二階層以下ページ共通 NAVIGATION-AREA ↓
-------------------------------------------------------------------------------------------------------*/


/*	その他共通ボタン
----------------------------*/
#gloval-nav{
	margin:0;
	padding:0;
	width:210px;
	float:left;
}
#gloval-nav ul{
list-style:none;
}
#gloval-nav ul li a{
text-indent:-9999px;
margin:0px;
display:block;
width:210px;
height:45px;
}


#gloval-nav li.common-nav01 a{
	background:url(img/common/nav_btn_dft01.jpg);
	height:48px;
}
#gloval-nav li.common-nav02 a{
background:url(img/common/nav_btn_dft02.jpg);
}
#gloval-nav li.common-nav03 a{
background:url(img/common/nav_btn_dft03.jpg);
}
#gloval-nav li.common-nav04 a{
background:url(img/common/nav_btn_dft04.jpg);
}
#gloval-nav li.common-nav05 a{
background:url(img/common/nav_btn_dft05.jpg);
}
#gloval-nav li.common-nav06 a{
background:url(img/common/nav_btn_dft06.jpg);
}
#gloval-nav li.common-nav07 a{
background:url(img/common/nav_btn_dft07.jpg);
}


#gloval-nav li.common-nav01 a:hover , #gloval-nav .common-nav01-on{
background:url(img/common/nav_btn_on01.jpg);
text-indent:-9999px;
height:48px;
}
#gloval-nav li.common-nav02 a:hover{
background:url(img/common/nav_btn_on02.jpg);
}
#gloval-nav li.common-nav03 a:hover , #gloval-nav .common-nav03-on{
background:url(img/common/nav_btn_on03.jpg);
text-indent:-9999px;
height:45px;
}
#gloval-nav li.common-nav04 a:hover , #gloval-nav .common-nav04-on{
background:url(img/common/nav_btn_on04.jpg);
text-indent:-9999px;
height:45px;
}
#gloval-nav li.common-nav05 a:hover{
background:url(img/common/nav_btn_on05.jpg);
}
#gloval-nav li.common-nav06 a:hover , #gloval-nav .common-nav06-on{
background:url(img/common/nav_btn_on06.jpg);
text-indent:-9999px;
height:45px;
}
#gloval-nav li.common-nav07 a:hover , #gloval-nav .common-nav07-on{
background:url(img/common/nav_btn_on07.jpg);
text-indent:-9999px;
height:45px;
}


/*	消火器工業会のご案内 company ボタンスペースの背景
----------------------------*/
#gloval-nav .company-nav02 {
	background:url(img/company/nav_btn_on02.jpg);
	height:141px;
}
/*	消火器How to howto ボタンスペースの背景
----------------------------*/
#gloval-nav .howto-nav05 {
	background:url(img/howto/nav_btn_dft02.jpg);
	height:210px;
}

/*	消火器工業会のご案内　消火器How to 共通
----------------------------*/
#gloval-nav ul .company-nav02 ul, #gloval-nav ul .howto-nav05 ul{
	width:175px;
	text-decoration:none;
	text-align:left;
	padding:40px 5px 0 20px;
}
#gloval-nav ul .company-nav02 ul li, #gloval-nav ul .howto-nav05 ul li{
	font-size:12px;
	color:#FFFFFF;	
}
#gloval-nav ul .company-nav02 ul li a , #gloval-nav ul .howto-nav05 ul li a{
	line-height: 22px;
	font-size:12px;
	color:#484848;
	text-indent:0px;
	text-decoration:none;
	display:block;
	height:22px;
	width:100%;
	margin: 0;
	padding:0 2px;
	/*#overflow: hidden;
	background: url(img/common/q-ico.gif) 0 100px no-repeat;--*/
}
#gloval-nav ul .company-nav02 ul li a:hover , #gloval-nav ul .howto-nav05 ul li a:hover{
position:relative; top:1px; left:1px;
color:#EF5400;
}



#gloval-nav ul .company-nav02 ul li.nav-btn-on , #gloval-nav ul .howto-nav05 ul li.nav-btn-on{
	line-height: 22px;
	padding:0 2px;
	margin: 0;
	font-size:12px;
	width:100%;
	color:#FFFFFF;
	background-color: #EF5400;
}



/*	↑第二階層以下ページ共通↑
-------------------------------------------------------------------------------------------------------*/
/*	↓INFORMATION/TOPICSページ↓
-------------------------------------------------------------------------------------------------------*/

#left-area ul.info , .topics{
	padding:30px 0 300px 90px;
	text-align:left;
	list-style:none;
	border-bottom:dotted #A6A6A6 2px;
}
#left-area .info li{
	background:url(img/common/info_icon.gif) left no-repeat;
	line-height:40px;
	border-bottom:dotted 1px #474747;
	width:300px;
	padding:0 0 0 30px;
}
#left-area .topics li{
	background:url(img/common/topics_icon.gif) left no-repeat;
	line-height:40px;
	border-bottom:dotted 1px #474747;
	width:300px;
	padding:0 0 0 30px;
}

#left-area .info li a, .topics li a{
	color: #484848;
	text-decoration:none;}

#left-area .info li a:hover , .topics li a:hover{
	position:relative; top:1px; left:1px;
	color: #484848;
	text-decoration:none;
}

#contents-area #left-area p.comment2{
	color:#E41F24;
	font-weight:bold;
	font-size:18px;
	background:url(img/info-topics/comment2.gif) top right no-repeat;
	height: 65px;
	display: block;
	width: 370px;
	padding: 40px;
	margin-bottom: 40px;
}

#wrap #contents-area #left-area ul.info1-left{
	margin:0 15px 0 0;
	float:left;
	width:180px;
	padding: 0px;
}

#contents-area #left-area ul.info1-right{
	margin:0;
	display:block;
	float:left;
	width:320px;
	padding: 0px;
}
#contents-area #left-area ul.info1-right li{
	margin-left: 1em;
	text-indent: -1em;
}

#contents-area #left-area .pat1{
	background:url(img/info-topics/num1.gif) no-repeat left top;
	padding: 0 0 10px 35px;
	margin-top: 20px;
}
#contents-area #left-area .pat2{
	background:url(img/info-topics/num2.gif) no-repeat left top;
	padding-left: 30px;
	margin-top: 20px;
}
#contents-area #left-area .pat3{
	background:url(img/info-topics/num3.gif) no-repeat left top;
	padding-left: 35px;
	padding-bottom: 10px;
	margin-top: 20px;
}
#contents-area #left-area .pat4{
background:url(img/info-topics/num4.gif) no-repeat left top;	
}
	   
	   
.line2{
	line-height:1.6em;
	padding: 5px 0;
}
.topics-list-title td{
	line-height:1.3em;
	background:#c2f5a9;
	font-size:14px;
	padding:10px 0;
}

#contents-area #left-area .info3-table tr{
line-height:1.5em;
text-align:center;
}
#contents-area #left-area .info3-tokucho p{
	background:url(img/common/list-style.gif) left no-repeat;
	padding-left:1em;
	font-weight:bold;
	margin: 0 2em;
	}
	#contents-area #left-area .info3-tokucho dl{
	margin:0 0 10px 0;
	}
	#contents-area #left-area .info3-tokucho dt{
	margin:0 3em;
	padding: 0;
	font-weight: bold;
	}
	#contents-area #left-area .info3-tokucho dd{
	margin:0 4em;
	padding: 0;
	}
	
.tp_link-pdf li{
	background:url(img/common/pdf_small.gif) left no-repeat;
	line-height:40px;
	border-bottom:dotted 1px #474747;
	width:350px;
	padding:0 0 0 30px;
	margin:0 0 0 30px;
	padding-left: 20px;
	font-weight: bold;
	font-weight: bold;
	font-weight: bold;
	font-weight: bold;
	font-weight: bolder;
}

/*	↑INFORMATION/TOPICSページ↑
-------------------------------------------------------------------------------------------------------*/

/*	↓REPORT(ディスクロージャー)ページ↓
-------------------------------------------------------------------------------------------------------*/
.link-pdf li{
	background:url(img/common/pdf_small.gif) left no-repeat;
	line-height:40px;
	border-bottom:dotted 1px #474747;
	width:300px;
	padding:0 0 0 30px;
	margin:0 0 0 60px;
	padding-left: 20px;
	;
	font-weight: bold;
	font-weight: bold;
	font-weight: bold;
	font-weight: bold;
	font-weight: bolder;
}
/*	↑REPORT(ディスクロージャー)ページ↑
-------------------------------------------------------------------------------------------------------*/

/*	↓PUBRIC（広報誌）ページ↓
-------------------------------------------------------------------------------------------------------*/
.comment-flame{
	background:url(img/common/bg-dot2.gif);
	padding:10px;
	width: 430px;
	margin: 30px auto 30px;
	font-size: 15px;
}
.comment-flame dl{
	background-color:#FFFFFF;
	width: 410px;
	padding: 10px;
	font-weight: bold;
}
#contents-area #left-area ul.pubric-left{
	margin:0 10px 0 30px;
	display:block;
	float:left;
	width:190px;
}
#contents-area #left-area ul.pubric-right{
	margin:0 0 60px 0;
	display:block;
	float:left;
	width:290px;
}
/*	↑PUBRIC（広報誌）ページ↑
-------------------------------------------------------------------------------------------------------*/

/*	↓QA（質問）ページ↓
-------------------------------------------------------------------------------------------------------*/
.qa{
padding:25px;
}.qa .q1{
background:url(img/qa/q1.gif) no-repeat left top;	
}
.qa .a1{
background:url(img/qa/a1.gif) no-repeat left top;	
}
.qa .q2{
background:url(img/qa/q2.gif) no-repeat left top;	
}
.qa .a2{
background:url(img/qa/a2.gif) no-repeat left top;	
}
.qa .q3{
background:url(img/qa/q3.gif) no-repeat left top;	
}
.qa .a3{
background:url(img/qa/a3.gif) no-repeat left top;	
}
.qa .q4{
background:url(img/qa/q4.gif) no-repeat left top;	
}
.qa .a4{
background:url(img/qa/a4.gif) no-repeat left top;	
}
.qa .q5{
background:url(img/qa/q5.gif) no-repeat left top;	
}
.qa .a5{
background:url(img/qa/a5.gif) no-repeat left top;	
}

.qa dt{
	padding: 10px 0 0 45px;
	margin: 30px 0 0 0;
}

.qa dd{
	padding: 10px 0 0 45px;
	margin: 10px 0 30px 0;
}

 /*	↑QA（質問）ページ↑
-------------------------------------------------------------------------------------------------------*/

/*	↓inquiry(所在地／お問い合わせ)ページ↓
-------------------------------------------------------------------------------------------------------*/
.comment-flame2{
	background:url(img/common/bg-dot3.gif);
	padding:10px;
	width: 350px;
	margin: 30px auto 30px;
	font-size: 15px;
}
.comment-flame2 dl{
	background-color:#FFFFFF;
	width: 290px;
	padding: 10px 0px 10px 60px;
}
#contents-area #left-area ul.inquiry{
	margin:20px auto;
	font-weight:bold;
	line-height: 25px;
	width: 350px;
}