/* ---------------------------------------------------------------- *
	
	ベース
		
 * ---------------------------------------------------------------- */

html,body {	
    height:100%;
}

body {	
    margin:0;
	padding:0;
	background-color: #fff;		
}

h1,h2,h3,h4,h5,h6,div,ol,ul,dl,form,p,dt,dd,input,textarea{
	margin-top: 0;
	margin-bottom: 0;
}
img {
	border:0;
	vertical-align: bottom; /* Firefox用 */
}

#container {
   width:auto;
   min-height:100%;
   margin:0;
   height:auto !important;
   height:100%; 	 
}
#container #content{
	margin:0 auto;
	padding:0;
	width:900px;
}
#container #content:after {
    content: ".";
    display: block;
    clear: both;
    height: 1px;
	visibility:hidden;
}
#container #content {
    display: inline-block;
}
/* exlude MacIE5 \*/
* html #container #content { height: 1% }
#container #content {display:block;}
/* end MacIE5 */

/*\*/
* html #container #content {
    height: 1em;
    overflow: visible;
}
/**/


/* ---------------------------------------------------------------- *
	
	ヘッダー
	
 * ---------------------------------------------------------------- */

#header{
   margin:0;
   padding:0;
   display:block;
}
#header .head{
   height:17px;
   margin:0;
   padding:5px 0 0 5px;
   background-color:#eee;
}

.head h1{
   margin:0 auto;
   padding:0 0 25px 0;
   width:900px;
   font-weight:normal;
   font-size:11px;
   text-align:center;
   color:#666;
}

#header #hBox{
   margin:0 auto;
   width:900px;
   display:block;
}

/* ---------------------------------------------------------------- *
	メインメニュ
 * ---------------------------------------------------------------- */

#header ul#mainMenu{	
	padding:0 15px;
	margin:25px 0 0 0;
	width:870px;
	display:block;
	height:53px;	
	list-style:none;
}
#header ul#mainMenu li {
	display:inline;
	padding:0;
	margin:0;
	float:left;
}
#headerul#mainMenu li img {
	display:block;
}


/* ---------------------------------------------------------------- *
	
	コンセプト
	
 * ---------------------------------------------------------------- */

#content #mat{
   margin:0 0 0 10px;
   padding:0;
   width:870px;
   background:url(../../concept/img/bg_mat.gif) repeat-y left top;   
}

#mat #fire{
   margin:0 0 0 20px;
   padding:0 0 40px 0;
   width:832px; 
   background:url(../../concept/img/bg_panfire.jpg) no-repeat left 83px; 
   display:block;   
}
#fire .firePhoto{
   margin:0;
   padding:0 0 0 10px;
   float:left; 
   width:240px;
   display:block;    
}
#fire .fireNoto{
   margin:0;
   padding:0 0 0 15px;
   float:left; 
   display:block;    
}
.fireNoto .fireSubnoto{
   margin:0;
   padding:10px 0 20px 20px;
   line-height:180%;   
   display:block;    
}

#mat .paper1{
   margin:0 0 0 64px;
   padding:100px 0 0 212px;
   width:388px;
   height:233px;
   background:url(../../concept/img/bgpaper1.jpg) no-repeat left top; 
}

.paper1 .pTxt1{
   line-height:150%;
   margin:0;   
   color:#333;
}
.paper1 .pTxt1-2{
   line-height:150%;
   margin:0;   
   color:#666;
}

#mat .paper2{
   margin:0 0 0 185px;
   padding:0;
   width:609px;
   height:250px;
   background:url(../../concept/img/bgpaper2.jpg) no-repeat left top; 
}

.paper2 .pTxt2{
   line-height:150%;
   margin:0;   
   padding:105px 0 0 40px;
   color:#333;
}

#mat .paper3{
   margin:0 0 0 73px;
   padding:0;
   width:588px;
   height:260px;
   background:url(../../concept/img/bgpaper3.jpg) no-repeat left top; 
}
.paper3 .pTxt3{
   line-height:150%;
   margin:0;   
   padding:95px 0 0 212px;
   color:#333;
}

#mat .paper4{
   margin:0 0 0 170px;
   padding:0;
   width:673px;
   height:220px;
   background:url(../../concept/img/bgpaper4.jpg) no-repeat left top; 
}

.paper4 .pTxt4{
   line-height:150%;
   margin:0;   
   padding:100px 0 0 42px;
   color:#333;
}

#mat #newsBox{
   margin:5px 0 0 100px;
   padding:0;
   width:737px; 
   display:block;   
}
#newsBox .bgNews{
   margin:0;
   padding:0 0 20px 0;
   overflow-x:auto;
   overflow-y:scroll;
   height:600px;
   width:737px; 
   display:block;  
   background:url(../../concept/img/bg_news2.jpg) no-repeat left bottom;  
}
.bgNews ol{
   margin:0;
   padding:12px 0 0 50px;
   list-style:none;  
   display:block;
}
.bgNews ol li.nTitle{
   margin:0 0 0 25px;
   padding:0 0 0 60px;
   display:block;
   font-size:13px;
   line-height:150%;
   background:url(../../concept/img/new_arrow.jpg) no-repeat left 2px; 
}
.bgNews ol li.nTitle a{
   color:#336600;
}
.bgNews ol li.nTitle a:hover{
   color:#cc0000;
}

.bgNews ol li.nTitlered{
   margin:0 0 0 25px;
   padding:0 0 0 60px;
   display:block;
   color:#cc0000;
   font-size:13px;
   line-height:150%;
   background:url(../../concept/img/new_arrow.jpg) no-repeat left 2px; 
}
.bgNews ol li.nLine{
   margin:0;
   padding:7px 10px;
}
.bgNews ol li.nTxt{
   margin:0 0 0 25px;
   padding:0 0 0 60px;
   line-height:150%;
   display:block;
   font-size:13px;
}



.contact_wrapp {
	width:870px;
	background:url(../../contact/img/contact_bg.jpg) no-repeat center top;
	}

.form_wrapp {
	width:610px;
	margin:0 auto;
	padding-top:120px;
	padding-bottom:20px;
	}
	
.form_wrapp table {
	width:100%;
	margin-bottom:40px;
	}	
	
.form_wrapp table th {
	width:140px;
	padding-right:10px;
	text-align: right;
	font-weight:normal;
	font-size:16px;
font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	}
	
.form_wrapp table td {
	padding:10px 0;
font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	}	
	
.width_l {
	width:430px;
	height:32px;
	border:#fff;
	padding:10px;
	}
	
.form_wrapp table td textarea {
	width:430px;
	border:#fff;
	padding:10px;
	}		

.lead_text {
	font-size:12px;
	line-height:180%;
	width:610px;
	margin:0 auto 15px;
font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
.required-mark {
	color:#DC0D10;
	font-weight:bold;
	font-size:14px;
	}	
	
	
.confirm p {
	margin: 0 auto;
	width: 330px;
	height: 50px;
	background:url(../../contact/img/btn_confirm_on.png)no-repeat 0 0;
}

.confirm button {
	width: 330px;
	height: 50px;
	background:url(../../contact/img/btn_confirm_off.png)no-repeat 0 0;
	border: none;
	text-indent: -200%;
	overflow: hidden;
	cursor: pointer;
}

.confirm button:hover {
	background: none;
}


#form_button {
	text-align:center;
	}
	
#form_button input {
	width:200px;
	cursor: pointer;
	padding:10px 0;
	}
	
	
.form_wrapp table.form {
	width:100%;
	margin-bottom:40px;
	background:#FFFFFF;
	}	
	
.form_wrapp table.form th {
	width:140px;
	padding-right:10px;
	text-align: right;
	font-weight:normal;
	font-size:16px;
font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	}
	
.form_wrapp table.form td {
	padding:10px 0;
font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	}	
	
	
.thanks {
	text-align:center;
font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
.thanks h3 {
	font-size:25px;
	color:#BB251B;
	margin-bottom:40px;
	}
	
.thanks p {
	font-size:16px;
	line-height:180%;
	margin-bottom:30px;
font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

/* ---------------------------------------------------------------- *
	
	フッター
	
 * ---------------------------------------------------------------- */

#footer{
    clear:both;
	margin:0 auto;
	padding:0;
	background:url(../img/foot_kage.gif) repeat-x left 240px; 		
}

#footer #foot{
    clear:both;
	margin:0 auto;
	padding:230px 0 0 0;
	width:1000px;
	background:url(../../concept/img/bg_pan.jpg) no-repeat right top; 		
}

#foot .pageTop{
    margin:0;
	padding:0 15px 0 0;
	text-align:right;
}



#foot ul#footMenu{
    margin:15px 0 0 0;
	padding:0;
	float:left;
	list-style:none;	
}
#foot ul#footMenu li{
    margin:0;
	padding:0 0 0 5px;
	display:inline;
	color:#00561f;
	font-size:11px;
	line-height:15px;
	height:15px;
}
#foot ul#footMenu li a{
	color:#00561f;
	text-decoration:none;
}
#foot ul#footMenu li a:hover{
	color:#cc0000;
	text-decoration:none;
}


#foot .copy{
    margin:0;
	padding:15px 5px 0 0;
	color:#a77e5a;
	font-size:11px;
	float:right;
	font-style:normal;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;	
}

#footer .copy a{
    color:#a77e5a;
    text-decoration:none;   
}

/* ---------------------------------------------------------------- *
	
	共通
	
 * ---------------------------------------------------------------- */
 
 
.flLeft{
    float:left;
}
.flRight{
    float:right;
}

img{
	border:0;
	vertical-align: bottom; /* Firefox用 */
}
.clear{
    clear:both;
	margin:0;
}

.block{
    display:block;
}

.color-white{
    color:#ffffff;
}
.color-gray{
    color:#666666;
}
.color-green{
    color:#006600;
}
.color-bule{
    color:#006699;
}
.color-red{
    color:#ff0000;
}
.color-red2{
    color:#cc0000;
}

.border-green{
    border:1px solid #009966;
}
.bgcolor-green{
    background-color:#339999;
}
.bgcolor-bule{
    background-color:#006699;
}
 
.t-center{
    text-align:center;
}
.t-right{
    text-align:right;
}
.t-bold{
    font-weight:bold;
}
.t-nomarl{
    font-weight:normal;
}

.borer-top{
    background:url(../../common/img/linew.gif) repeat-x left top;		
} 

.font10{
   font-size:10px;
}
.font11{
   font-size:11px;
}
.font14{
   font-size:14px;
}

.lineHeight180{
   line-height:180%;
}

/* ---------------------------------------------------------------- *
	
	余白調整
	
 * ---------------------------------------------------------------- */


.pd0 {
	padding:0;
}
.pdTop5{
	padding-top:5px;
}
.pdTop10{
	padding-top:10px;
}
.pdTop15{
	padding-top:15px;
}
.pdTop20{
	padding-top:20px;
}
.pdTop25{
	padding-top:25px;
}
.pdTop30{
	padding-top:30px;
}
.pdTop40{
	padding-top:40px;
}
.pdTop50{
	padding-top:50px;
}
.pdTop60{
	padding-top:60px;
}

.pdBottom2{
	padding-bottom:2px;
}
.pdBottom5{
	padding-bottom:5px;
}
.pdBottom10{
	padding-bottom:10px;
}
.pdBottom15{
	padding-bottom:15px;
}
.pdBottom20{
	padding-bottom:20px;
}
.pdBottom30{
	padding-bottom:30px;
}
.pdBottom40{
	padding-bottom:40px;
}

.pdLeft5 {
	padding-left:5px;
}
.pdLeft10 {
	padding-left:10px;
}
.pdLeft15 {
	padding-left:15px;
}
.pdLeft20 {
	padding-left:20px;
}
.pdLeft30 {
	padding-left:30px;
}
.pdLeft40 {
	padding-left:40px;
}
.pdLeft50 {
	padding-left:50px;
}
.pdLeft55 {
	padding-left:55px;
}
.pdLeft60 {
	padding-left:60px;
}

.pdRight5 {
	padding-right:5px;
}
.pdRight10 {
	padding-right:10px;
}
.pdRight20 {
	padding-right:20px;
}
.pdRight25 {
	padding-right:30px;
}
.pdRight30 {
	padding-right:25px;
}
.pdRight45 {
	padding-right:45px;
}

.mg0 {
	margin:0;
}
.mgTop5{
	margin-top:5px;
}
.mgTop10{
	margin-top:10px;
}
.mgTop15{
	margin-top:15px;
}
.mgTop20{
	margin-top:20px;
}
.mgTop25{
	margin-top:25px;
}
.mgTop30{
	margin-top:30px;
}
.mgTop40{
	margin-top:40px;
}

.mgBottom5{
	margin-bottom:5px;
}
.mgBottom10{
	margin-bottom:10px;
}
.mgBottom12{
	margin-bottom:12px;
}
.mgBottom15{
	margin-bottom:15px;
}
.mgBottom20{
	margin-bottom:20px;
}
.mgBottom25{
	margin-bottom:25px;
}
.mgBottom30{
	margin-bottom:30px;
}
.mgBottom40{
	margin-bottom:40px;
}
.mgBottom50{
	margin-bottom:50px;
}
.mgBottom60{
	margin-bottom:60px;
}
.mgBottom80{
	margin-bottom:80px;
}


.mgLeft5 {
	margin-left:5px;
}
.mgLeft10 {
	margin-left:10px;
}
.mgLeft15 {
	margin-left:15px;
}
.mgLeft20 {
	margin-left:20px;
}
.mgLeft30 {
	margin-left:30px;
}
.mgLeft40 {
	margin-left:40px;
}

.mgRight5 {
	margin-right:5px;
}
.mgRight10 {
	margin-right:10px;
}
.mgRight15 {
	margin-right:15px;
}
.mgRight20 {
	margin-right:20px;
}
.mgRight24 {
	margin-right:24px;
}
.mgRight25 {
	margin-right:25px;
}
.mgRight30 {
	margin-right:30px;
}
.mgRight40 {
	margin-right:40px;
}


/* ---------------------------------------------------------------- *
	
	枠・高さ調整
	
 * ---------------------------------------------------------------- */

.w120{
   width:120px;
}
.w140{
   width:140px;
}
.w160{
   width:160px;
}
.w170{
   width:170px;
}
.w180{
   width:180px;
}
.w240{
   width:240px;
}
.w266{
   width:266px;
}
.w284{
   width:284px;
}
.w328{
   width:328px;
}
.w362{
   width:362px;
}
.w390{
   width:390px;
}
.w405{
   width:405px;
}
.w505{
   width:505px;
}
.w550{
   width:550px;
}


.h150{
   height:150px;
} 
.h180{
   height:180px;
} 
.h210{
   height:210px;
}