@charset "Shift_JIS"; 		/* 文字コードセット */


/* 全体構造
---------------------------------------------------- */
* {margin: 0px;padding: 0px}
html{overflow-y:scroll}

dl:after{
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden
}

dl{
    display:inline-block;　/* MAC IE用　*/
    min-height:1%  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html dl{height: 1%}
dl{display: block}
/*--ここまでMAC IEは非適用 */

.clearfix:after { content: ""; display: block; clear: both; }
.clearfix {display: inline-block;} /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;} /* End hide from IE-mac */

a{ outline:none}

body {
	font-size:85%; /* 基本のフォントサイズ */
	line-height: 1.8em; /* 基本の行間 */

	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;

	color: #333;
	background: url(../images/bg_body.jpg) ;
}


/* link
---------------------------------------------------- */
a:link,
a:visited {color: #06c; text-decoration:underline} 
a:hover,
a:active {color: #06c; text-decoration:none}


/* header
---------------------------------------------------- */

#header{
	width:100%; background:url(../images/bg_header.jpg) repeat-x;
	
}

#header .inr{
	width:960px;
	margin:0px auto;
}
#header .bgIndex{ background:url(../images/bg_index.jpg) no-repeat center bottom;}
#header h1{ float:left}


/* main
---------------------------------------------------- */
#main{
	clear:both;
	width:100%;
	background:#8e5401 url(../images/bg_main.jpg) repeat-y center top;
	
	text-align:left;
}

#main .inr{
	width:960px; margin:0px auto; padding:0px; background:url(../images/main.jpg) no-repeat 0px 0px;
	text-align:left
}


#main ul{

	margin:20px auto 12px;
	
	font-size:10px;
	line-height:100%;
	list-style:none
}
#main li{}



/* pagebody
---------------------------------------------------- */
#pagebody{
	width:960px;
	margin:0px auto 40px auto;
	text-align:left
}

#sub{ width:235px; float:left;}
#sub li{ margin-bottom:10px; list-style:none;}

#contents{ width:685px; float:right;}



/* footer
---------------------------------------------------- */
#footer{
	width:100%;
	margin:0px auto;
	text-align:left;
	padding-bottom:50px;font-size:10px;
}

#footer .textLink{ background:#bc1011;}
#footer .textLink .inr{ width:960px; margin:0px auto;}

#footer ul{
	font-size:90%;
	list-style:none;
	 float:left; 
}
#footer li{
	list-style:none;
	display:inline;
	
	line-height:1.0em;
	border-right:1px solid #fff;
	padding:0px 10px; margin:0px;
}
#footer .first{ padding-left:0px}
#footer .last{ border:none}
#footer a:link,
#footer a:visited {color: #fff; text-decoration:none}
#footer a:hover,
#footer a:active {color: #fff; text-decoration: underline}

#footeMiddle{ width:960px; margin:0px auto;}

/* トップページ（index.html）
---------------------------------------------------- */
.topBox{}

.textBox{ padding:19px; border:solid 1px #d5c3a0; background:#FFF url(../images/p01_img02.png) no-repeat right center;}

#news .text{ height:110px; overflow-y: scroll; background:url(../images/p01_img05.jpg) no-repeat 750px bottom;}
#news .text1{ height:110px;background:url(../images/p01_img05.jpg) no-repeat 750px bottom;}

#news table{ width:100%;}

#news th{ text-align:left; padding:4px;}
#news td{ text-align:left; padding:4px;}


/* 2お弁当メニュー	menu.html	
---------------------------------------------------- */
.textBox2{ padding:9px; border:solid 1px #d5c3a0; background:#FFF;}


/* 3 ご注文について	order.html
---------------------------------------------------- */
.orderBox{ position:relative;}
.orderBox .textBox2{ float:right; width:730px;} 
.orderBox .icon{ position:absolute; left:1px;}

/* 4 会社概要		about.html	
---------------------------------------------------- */
.faqBox dl{ margin-bottom:40px }
.faqBox dt{ margin-bottom:10px ; background:#cc0000 url(../images/icon_q.jpg) no-repeat 8px 8px; padding:8px 8px 8px 36px; color:#FFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; font-size:120%; font-weight:bold; }
.faqBox dd{ background:#FFF url(../images/icon_a.jpg) no-repeat 8px 8px; border: solid 1px #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin-left:20px; padding: 8px 8px 8px 36px;}



/* 汎用スタイルシート
---------------------------------------------------- */
img {border: 0px; vertical-align:bottom}
table{margin-top:1px}



.form-s{width:70px}
.form-m{width:150px}
.form-l{width:300px}
.form100{width:99%}
.form-h{ height:80px}
.needinput{background-color:#fee;border:1px solid #ccc}
input[type="checkbox"], input[type="radio"] {vertical-align:middle}
input{font-size:100%;vertical-align:middle; padding:2px}
input[type="text"], select{border:1px solid #ccc;}
input:focus[type="text"]{border:1px solid #06c}
textarea{font-size:100%;border:1px solid #ccc;width:99%}

.clear {clear: both}

.red{ color:#cc0000}
.orange{ color:#cc6600}


.f-left{float:left}
.f-right{float:right}

.tac{ text-align:center}
.tar{ text-align:right}

.large{ font-size:120%; line-height:normal}

.link{ background:url(../images/icon_link.gif) no-repeat 4px; center; padding-left:12px}

.table{
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.table th{
	background-color:#e5e5e5;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	padding:7px 15px;
	width:25%;
}
.table td{
	background-color:#fff;
	border-bottom:1px solid #ccc;
	padding:7px 15px;
}
.table ul{ margin-left:18px}

.table td span{ color:#666; font-size:90%}

.title{ background:#cc0000  url(../images/parts_11.jpg) no-repeat 4px center; color:#FFF;
	font-size:140%;
	line-height:normal;
	padding:8px 8px 8px 30px;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; line-height:100%;
	margin-bottom:10px;
}
.title span{ font-size:80%; background-color:#666; color:#fff; padding:3px 15px; margin-right:10px}
.title2{
	font-size:120%;
	line-height:normal;
	padding:5px 10px;
	color:#fff;
	background-color:#999;
	margin-bottom:12px
}
.title3{
	font-size:120%;
	line-height:normal;
	padding-bottom:7px;
	border-bottom:1px dotted #aaa;
	margin-bottom:7px
}

.btn a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
 	-moz-opacity: 0.7;
}

.frame img{ border:1px solid #ccc; padding:1px; background:#FFF;}

.In{ line-height:normal}

.w280{ width:280px}
.w315{ width:315px}
.w335{ width:335px}
.w355{ width:355px}

.w425{ width:425px}
.w525{ width:525px}
.w600{ width:600px}



.w705{ width:705px}
.w795{ width:795px}
.w875{ width:875px}

.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb25{ margin-bottom:25px}

.mb30{ margin-bottom:30px}
.mb40{ margin-bottom:40px}
.mb60{ margin-bottom:60px}


.mr18{ margin-right:18px}
.ml18{ margin-left:18px}
.ml23{ margin-left:23px}

@media print{
}