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


* {
	margin:0;
	padding:0;
}

html{
	height:100%;
}

body{
	font-family: Meiryo, "メイリオ", Geneva, Arial, "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic";
	line-height: 2.0;
	font-size: 75%;
	color: #666;
	background:#fff url(../imgs/body_bg.gif);
	text-align:center;
	
}

img{
	border:0;
}

ul,ol,dl{
	list-style:none;
}

h1,h2,h3,h4,h5,h6,address{
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-family: "Century Gothic", Arial, sans-serif;
    color: #333;
}

p{
	margin:0px 0px 5px 0px;
	padding:0px;
}

strong{
	font-weight:normal;
}

.fl{
	float:left;
}

.fr{
	float:right;
}

.clear{
	clear:both;
}

a{
	color:#666;
	text-decoration:underline;
}

a:hover{
	color:#666
	text-decoration:none;
}
/*-------------------------wrapperの指定*/ 
#wrapper {
  width: 907px;
  margin: 0 auto;
  padding: 0;
  background:url(../imgs/bg_contents.gif) repeat-y center top;
}
/*-------------------------headerの指定*/ 
#header{
	width:907px;
	height:133px;
	margin:0px auto;
	}


#header h1{
	background:url(../imgs/logo.gif) no-repeat;
	width:240px;
	height:66px;
	float:left;
	margin:0px 0px 0px 10px;
}

#header h1 a{
	width:240px;
	height:66px;
	display:block; 
	text-indent:-5000px;
	overflow:hidden;
	margin:0px;

}
#header #explanation{
	width:250px;
	font-size:10px;
	margin-right:15px;
	margin-top:5px;
	line-height:140%;
	color:#666666;
	text-align:right;
	float:right;
}
#header #english a{
    background:url(../imgs/tel.jpg) no-repeat;
	width:166px;
	height:32px;
	margin:5px 15px 0px 235px;
	text-indent:-5000px;
	float:right;
	
}

#eng {
	background:url(../images/global/english.jpg) no-repeat;
	width:120px;

}
#eng a{
	display:block;
	text-indent:-5000px;
	overflow:hidden;
}
/*-------------------------naviの指定*/ 
#header #navi-area{
	float:left;
	width:907px;
	height:38px;
	background:url(../imgs/body_bg.gif);
	padding:20px 0px 0px 0px;
	margin:0px;

}

#header #navi{
	width:896px;
	height:38px;
	margin:0px 0px 0px 2px;
	overflow:hidden;
	_zoom:1;
}

#header #navi li{
	float:left;
	margin:0px;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	height:38px;
}

#header #navi li a{
	height:65px;
	display:block;
	text-indent:-5000px;
	overflow:hidden;
}

#n1 a{
	background:url(../imgs/mn_top.gif) no-repeat;
	width:128px;
}

#n1 a:hover{
	background:url(../imgs/mn_top2.gif) no-repeat;
}

#n1{
	background:url(../imgs/mn_top2.gif) no-repeat;
	width:128px;
}

#n2 a{
	background:url(../imgs/mn_about.gif) no-repeat;
	width:128px;
}

#n2 a:hover{
	background:url(../imgs/mn_about2.gif) no-repeat;
}

#n2{
	background:url(../imgs/mn_about2.gif) no-repeat;
	width:128px;
}

#n3 a{
	background:url(../imgs/mn_equipment.gif) no-repeat;
	width:128px;
}

#n3 a:hover{
	background:url(../imgs/mn_equipment2.gif) no-repeat;
}

#n3{
	background:url(../imgs/mn_equipment2.gif) no-repeat;
	width:128px;
}

#n4 a{
	background:url(../imgs/mn_works.gif) no-repeat;
	width:128px;
}

#n4 a:hover{
	background:url(../imgs/mn_works2.gif) no-repeat;
}

#n4{
	background:url(../imgs/mn_works2.gif) no-repeat;
	width:128px;
}

#n5 a{
	background:url(../imgs/mn_company.gif) no-repeat;
	width:128px;
}

#n5 a:hover{
	background:url(../imgs/mn_company2.gif) no-repeat;
}

#n5{
	background:url(../imgs/mn_company2.gif) no-repeat;
	width:128px;
}

#n6 a{
	background:url(../imgs/mn_album.gif) no-repeat;
	width:128px;
}

#n6 a:hover{
	background:url(../imgs/mn_album2.gif) no-repeat;
}

#n6{
	background:url(../imgs/mn_album2.gif) no-repeat;
	width:128px;
}

#n7 a{
	background:url(../imgs/mn_form.gif) no-repeat;
	width:128px;
}

#n7 a:hover{
	background:url(../imgs/mn_form2.gif) no-repeat;
}

#n7{
	background:url(../imgs/mn_form2.gif) no-repeat;
	width:128px;
}
#header #green{
	background:#619E4F;
	width:897px;
	height:7px;
	margin-left:2px;
	padding:58px 0px 0px 5px;
}
*:first-child+html #header #green{
	background:#619E4F;
	width:895px;
	height:7px;
	padding:0px 7px 0px 0px;
}
*html #header #green{
	background:#619E4F;
	width:895px;
	height:3px;
	padding:0px 7px 0px 0px;
}
#header #purple{
	background:#8357A6;
	width:897px;
	height:7px;
	margin-left:2px;
	padding:58px 0px 0px 5px;
}
*:first-child+html #header #purple{
	background:#8357A6;
	width:895px;
	height:7px;
	padding:0px 7px 0px 0px;
}
*html #header #purple{
	background:#8357A6;
	width:895px;
	height:3px;
	padding:0px 7px 0px 0px;
}
#header #pink{
	background:#E085A5;
	width:897px;
	height:7px;
	margin-left:2px;
	padding:58px 0px 0px 5px;
}
*:first-child+html #header #pink{
	background:#E085A5;
	width:895px;
	height:7px;
	padding:0px 7px 0px 0px;
}
*html #header #pink{
	background:#E085A5;
	width:895px;
	height:3px;
	padding:0px 7px 0px 0px;
}
#header #yellow{
	background:#EFA41C;
	width:897px;
	height:7px;
	margin-left:2px;
	padding:58px 0px 0px 5px;
}
*:first-child+html #header #yellow{
	background:#EFA41C;
	width:895px;
	height:7px;
	padding:0px 7px 0px 0px;
}
*html #header #yellow{
	background:#EFA41C;
	width:895px;
	height:3px;
	padding:0px 7px 0px 0px;
}
#header #red{
	background:#ED5050;
	width:897px;
	height:7px;
	margin-left:2px;
	padding:58px 0px 0px 5px;
}
*:first-child+html #header #red{
	background:#ED5050;
	width:895px;
	height:7px;
	padding:0px 7px 0px 0px;
}
*html #header #red{
	background:#ED5050;
	width:895px;
	height:3px;
	padding:0px 7px 0px 0px;
}
#header #blue{
	background:#3CA0C1;
	width:897px;
	height:7px;
	margin-left:2px;
	padding:58px 0px 0px 5px;
}
*:first-child+html #header #blue{
	background:#3CA0C1;
	width:895px;
	height:7px;
	padding:0px 7px 0px 0px;
}
*html #header #blue{
	background:#3CA0C1;
	width:895px;
	height:3px;
	padding:0px 7px 0px 0px;
}
#header #violet{
	background:#3D3D9E;
	width:897px;
	height:7px;
	margin-left:2px;
	padding:58px 0px 0px 5px;
}
*:first-child+html #header #violet{
	background:#3D3D9E;
	width:895px;
	height:7px;
	padding:0px 7px 0px 0px;
}
*html #header #violet{
	background:#3D3D9E;
	width:895px;
	height:3px;
	padding:0px 7px 0px 0px;
}

/*-------------------------contentの指定*/ 
#content{
	width:880px;
	margin:0px 5px 5px 5px;
	padding:5px;
	text-align:left;
}
#content h2{
	width:830px;
	height:32px;
	margin:5px 5px 10px 5px;
	padding-left:15px;
	text-align:left;
	font-weight:bold;
	font-size:105%;
	background:url(../imgs/h2_line.gif) repeat-x;
}
#content p{
margin:5px;
padding:5px;
}
#content .right-img{
	float:right;
	margin: 0px 0px 5px 5px;
	}
	
#content .left-img{
	float:left;
	margin: 5px 10px 5px 5px;
	}
#content #line{
	border-top:#DDD 1px solid;
	margin:0px 0px 20px 0px;
}
/*-------------------------content infoの指定*/ 
#content #info {
	width:860px;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 5px;
	line-height:200%;
	}
#content #info h1{
	background:url(../imgs/h1_info.jpg) no-repeat;
	width:850px;
	height:83px;
	margin:15px 0px 0px 0px;
}
#content #info h1 a{
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	margin:15px 0px 5px 0px;
}
#content #info .box{
width:800px;
margin:0 0 5px 0;
}

#content #info.box .head{
margin:0 10px;
padding:5px 5px 0 5px;
border-bottom:#666666 dotted 1px;
}

#content #info .box .head p.date{
font-size:10px;
color:#9E1F2C;
margin:0;
padding:0;
}

#content #info .head p.title{
font-size:16px;
font-weight:600;
margin:0;
padding:0;
}

#content #info .box .txt{
margin:0 10px;
padding:5px 5px 0 5px;
}

#content #info .box .foot{
margin:5px 0px;
padding:5px 0px 0px 0px;
text-align:right;
border-top:#666666 dotted 1px;
}

#content #foot-area{
	float:left;
	width:860px;
	height:65px;
	padding:10px 8px 0px 10px;
	margin-left:15px;
}


/*-------------------------content aboutの指定*/ 
#content #about {
	width:860px;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 5px;
	line-height:200%;
	font-size: 125%;
	
}
#content #about h1{
	background:url(../imgs/h1_about.jpg) no-repeat;
	width:850px;
	height:83px;
	margin:0px 0px 10px 0px;
}
#content #about h1 a{
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	margin:0px 0px 10px 0px;
}
/*-------------------------content equipmentの指定*/ 
#content #equipment {
	width:860px;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 5px;
	line-height:200%;
	font-size: 102%;
	
}
#content #equipment h1{
	background:url(../imgs/h1_equip.jpg) no-repeat;
	width:850px;
	height:83px;
	margin:0px 0px 10px 0px;
}
#content #equipment h1 a{
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	margin:0px 0px 10px 0px;
}
#content #equipment .left-img{
	float:left;
	margin: 5px 20px 5px 5px;
	}
#content #equipment ul,
#content #equipment li{ 
    margin:3px 5px 5px 15px; 
	padding-left:10px; 
	list-style:none;
	}
	
#content #equipment li{
	margin: 0px 10px 5px 5px;
	padding-left:15px; 
	background-repeat: no-repeat;
			}
.green{
    background-image: url(../imgs/sq_gr.gif);
	background-position:left;
	margin-right:10px;
			}
.red{
    background-image: url(../imgs/sq_red.gif);
	background-position:left;
	margin-right:10px;
			}
.purple{
    background-image: url(../imgs/sq_purple.gif);
	background-position:left;
	margin-right:10px;
			}
.yellow{
    background-image: url(../imgs/sq_yellow.gif);
	background-position:left;
	margin-right:10px;
			}
/*-------------------------content worksの指定*/ 
#content #works {
	width:860px;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 5px;
	line-height:200%;
	font-size: 125%;
	
}
#content #works h1{
	background:url(../imgs/h1_works.jpg) no-repeat;
	width:850px;
	height:83px;
	margin:0px 0px 10px 0px;
}
#content #works h1 a{
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	margin:0px 0px 10px 0px;
}
#content #works .data{
	width:520px;
	margin:0 auto 15px;
	background-color:#fff;
	background:url(../imgs/bg_paper.gif) repeat-y top;
}
#content #works .data2{
	padding:16px 0;
	background:url(../imgs/data_top.gif) no-repeat top;
}

/*-------------------------content albumの指定*/ 
#content #album {
	width:860px;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 5px;
	line-height:200%;
	font-size: 125%;
	
}
#content #album h1{
	background:url(../imgs/h1_album.jpg) no-repeat;
	width:850px;
	height:83px;
	margin:0px 0px 10px 0px;
}
#content #album h1 a{
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	margin:0px 0px 10px 0px;
}
#content #album .data{
	width:520px;
	margin:0 auto 15px;
	background-color:#fff;
	background:url(../imgs/bg_paper.gif) repeat-y top;
}
#content #album .data2{
	padding:16px 0;
	background:url(../imgs/data_top.gif) no-repeat top;
}
/*アイコン*/
#content #album .data ul{
	display:inline;
	text-align:left;
}
#content #album .data ul li{
	display:inline;
	zoom:1;/*IEバグ回避用*/
}
/*テーブル*/
#content #album .data .table2{
	width:470px;
	margin:0 auto;
	line-height:1.3em;
}
#content #album .data table .th2{
	background-color:#FFFFFF;
	width:120px;
	padding:3px 10px 3px 0;
	border-top:none;
	border-right: none;
	border-left: none;
	border-bottom:1px solid #B78A63;
	color:#485F2A;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	
}
#content #album .data table .td4{
	padding:5px 10px 5px 0;
	border-top:none;
	border-right: none;
	border-left: none;
	border-bottom:1px solid #B78A63;
	font-weight:normal;
	text-align:left;
	border-right-style: none;
	border-left-style: none;
}
/*-------------------------content companyの指定*/ 
#content #company {
	width:860px;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 5px;
	line-height:200%;
	font-size: 110%;
	
}
#content #company h1{
	background:url(../imgs/h1_company.jpg) no-repeat;
	width:850px;
	height:83px;
	margin:0px 0px 10px 0px;
}
#content #company h1 a{
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	margin:0px 0px 10px 0px;
}
#content #company ul,
#content #company li { 
    margin:15px; 
	padding-left:15px; 
	list-style:none;
	}
	
#content #company li {
	margin: 5px 10px 10px 5px;
	background-image: url(../imgs/list_gs.gif);
	background-repeat: no-repeat;
			}
/*-------------------------content formの指定*/ 
#content #form {
	width:860px;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 5px;
	line-height:200%;
	font-size: 125%;
	
}
#content #form h1{
	background:url(../imgs/h1_form.jpg) no-repeat;
	width:850px;
	height:83px;
	margin:0px 0px 10px 0px;
}
#content #form h1 a{
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	margin:0px 0px 10px 0px;
}
/*-------------------------content estimateの指定*/ 
#content #estimate {
	width:860px;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 5px;
	line-height:200%;
	font-size: 125%;
	
}
#content #estimate h1{
	background:url(../imgs/h1_estimate.jpg) no-repeat;
	width:850px;
	height:83px;
	margin:0px 0px 10px 0px;
}
#content #estimate h1 a{
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	margin:0px 0px 10px 0px;
}
/*-------------------------content privacyの指定*/ 
#content #privacy {
	width:860px;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 5px;
	line-height:200%;
	font-size: 125%;
	
}
#content #privacy h1{
	background:url(../imgs/h1_privacy.jpg) no-repeat;
	width:850px;
	height:83px;
	margin:0px 0px 10px 0px;
}
#content #privacy h1 a{
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	margin:0px 0px 10px 0px;
}
/*-------------------------content sitemapの指定*/ 
#content #sitemap {
	width:860px;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 5px;
	line-height:200%;
	font-size: 110%;
	
}
#content #sitemap h1{
	background:url(../imgs/h1_sitemap.jpg) no-repeat;
	width:850px;
	height:83px;
	margin:0px 0px 10px 0px;
}
#content #sitemap h1 a{
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	margin:0px 0px 10px 0px;
}

#content #sitemap li{
	background:url(../imgs/list_gs.jpg) no-repeat;
	margin:0px 0px 20px 30px;
	padding:0px 0px 20px 20px;
}
#content #right-content .caption01{
	color: #9E7D58;
	font-size: 90%;
}

#content #right-content .mb10{
	margin:0px 0px 10px 0px;
}

#content #right-content .list{
	list-style:disc;
	margin:0px 0px 0px 15px;
}

#content #right-content .num{
	list-style:decimal;
	margin:0px 0px 10px 15px;
}

#content #right-content .num li{
	margin:0px 0px 0px 15px;
}

#content #right-content #box{
	border:#CCC 1px solid;
	margin:0px 3px 0px 0px;
	padding:8px 8px 8px 8px;
}

#content #right-content #box p#title{
	color:#FF6600;
	text-decoration:underline;
	margin:0px 0px 10px 0px;
}
#content #right-content .table1{
	width:300px;
	margin:5px 0px 10px 0px;
	border:0px none;
	text-align: left;
	line-height: 1.0;
}
#content #right-content .td1{
	border:0px none;
	padding:6px 10px 6px 10px;
}
#content #right-content .table2{
	width:600px;
	margin:5px 0px 10px 0px;
	border:0px none;
	text-align: left;
	line-height: 1.0;
}
#content #right-content .td2{
	border:0px none;
	line-height:160%;
	padding:3px 4px 0px 4px;
}

#content #right-content .td3{
	border:solid 1px #fff;
	line-height:160%;
	padding:3px 3px 0px 3px;
}
#content #right-content .btn_recipe{
	float:left;
	margin:5px;
}

#content #link{
	line-height:160%;
	text-align:center;
	padding:60px 0px 0px 0px;
	clear:both;
}

#content #link a{
	margin:0px 5px 0px 5px;
}
/* テーブル */

table{
	clear:both;
	width:95%;
	margin:10px 0px 10px 20px;
	border-collapse: collapse;
	border:solid 1px #CCC;
	text-align: left;
	line-height: 1.8;
}

th{
	border:solid 1px #CCC;
	padding:6px 10px 6px 10px;
	text-align: left;
	background-repeat: repeat;
	color: #666;
	background-color: #E1EEDD;
}

td{
	border:solid 1px #CCC;
	padding:6px 10px 6px 10px;
}
.table1{
	clear:both;
	width:95%;
	margin:5px 0px 10px 0px;
	border:0px;
	text-align: left;
	line-height: 1.8;
}

.table1 th{
	padding:6px 10px 6px 10px;
	text-align: left;
	background-repeat: repeat;
	color: #666;
	background-color: #DFDED2;
}

.table1 td{
	padding:6px 10px 6px 10px;
}
.table2{
	clear:both;
	width:95%;
	margin:10px 0px 10px 20px;
	border:0px none;
	text-align: left;
	line-height: 1.0;
}
.table2 td{
	border:0px none;
	line-height:160%;
	padding:3px 4px 0px 4px;
}
.table3{
	clear:both;
	width:95%;
	margin:10px 0px 10px 20px;
	border:0px none;
	text-align: left;
	line-height: 1.0;
}
.table3 td{
	border:0px none;
	line-height:160%;
	padding:0px;
}
table caption{
	display: none;
}
.table4{
	clear:both;
	width:98%;
	margin:10px 0px 10px 10px;
	border:0px none;
	text-align: left;
	line-height: 1.0;
}
.table4 td{
	border:0px none;
	line-height:160%;
	padding:0px;
}
table caption{
	display: none;
}

.w80{
    width:80%;
}

.w75{
    width:75%;
}

.w70{
    width:70%;
}

.w60{
    width:60%;
}

.w50{
    width:50%;
}

.w40{
    width:40%;
}

.w35{
    width:35%;
}

.w30{
    width:30%;
}

.w25{
    width:25%;
}

.w20{
    width:20%;
}

.w15{
    width:15%;
}

.w10{
    width:10%;
}
.w80p{
    width:80px;
}
.w235p{
    width:235px;
}
.w270p{
    width:270px;
}

.table_bg02{
	color: #666 !important;
	background-color: #EFECE0;
}

/* 定義リスト */

div.dl_box{
	clear:both;
	margin:0px 0px 20px 0px;
	padding:4px 4px 4px 4px;	
}

div.dl_box dl{
	background-color: #FFF;
	padding:6px 6px 0px 6px;
	border:solid 1px #DAD7C2;
}

div.dl_box dl dt{
	background-image: url(../images/second/right/dt_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin:0px 0px 3px 0px;
	padding:0px 0px 7px 15px;
}

div.dl_box02{
	clear:both;
	margin:0px 0px 20px 0px;
	padding:4px 4px 4px 4px;
	background-image: url(../images/second/right/dl_box02_border.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

div.dl_box02 dl{
	background-color: #FFF;
	padding:6px 6px 0px 6px;
}

div.dl_box02 dl dt{
	background-image: url(../images/second/right/dt.jpg);
	background-repeat: no-repeat;
	background-position: left 7px;
	border-bottom:dotted 1px #A5A386;
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 15px;
}

/* キャプション */
div.caption{
	margin:2px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	font-weight: bold;
	background-image: url(../images/global/caption.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	clear:both;
	overflow:hidden;
}

div.box01,
div.box02,
div.box03{
	clear:both;
	overflow: hidden;
	width:100%;
	margin:20px 0px 10px 0px;
}

div.box02 .box02_left{
	float:left;
}

div.box02 .box02_right{
	float:right;
}

div.box03 .box03_left{
	float:left;
	padding:0px 20px 0px 0px;
}

div.box03 .box03_right{
	float:left;
}

div.text01{
    width:300px;
	margin:0px 0px 10px 0px;
	line-height: 1.8;
	clear:both;
	overflow:hidden;
}
div.text02{
    width:400px;
	line-height: 3.0;
}

div.caption_kakudai,
div.caption_594 div.float_right{
    display:none;
}
/* キャプションリンク*/

div.caption_kakudai{
	margin:2px 0px 0px 0px;
	text-align: right;
}
/* フッター */
#footer{
	width:900px;
	height:50px;
	margin:0px auto;

}
*html hr {
   display :list-item;
   width:0;
   margin-left:-10px;
   list-style :url(../imgs/footer_line.gif) inside;
}


*:first-child+html hr {
   display :list-item;
   width:0;
   margin-left:-5px;
   list-style :url(../imgs/footer_line.gif) inside;
}

hr {
   border:0px;
   height: 7px;
   margin-right:5px;
   background:url(../imgs/footer_line.gif) no-repeat 95%;
}

#footer p{
	width:907px;
	text-align:center;
	padding:10px 0px 0px 0px;
}

#footer address{
	width:300px;
	float:right;
	text-align:right;
	margin:30px 10px 0px 0px;
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}