@charset "UTF-8";
/**\*/
@import url("style-base.css");
@import url("style-menu.css");

* { margin: 0; padding: 0; }

/* 文書全体 */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size:12px;
	border: 0px;
	background:url(img/main_bg.gif) repeat 0 0;
/*		font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",Osaka,sans-serif;*/
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
a:link,a:visited { color: #FF6102; text-decoration:underline; }
a:hover,a:active { color: #FF6102; text-decoration:none; }

/* basebox */
#wrapper {
	margin: 0px auto 0px auto;
	width:780px;
	padding:0px 10px;
	background:url(img/conback.gif) repeat-y center top;
	text-align:left;
}
#header {
height:104px;
background:url(img/headline.gif) repeat-x 0 0;
position:relative;
}
#navi{
height:30px;
width:740px;
margin:0px auto;
background:url(img/naviline.gif) repeat-x left bottom;
}
#contents_top {
background:url(img/side_bg.gif) repeat-y right top;
width:740px;
margin:0px auto;
}
#contents_in {
background:url(img/side_bg.gif) repeat-y left top;
width:740px;
margin:0px auto;
}
#footer {
background:url(img/footline.gif) repeat-x 0 0;
width:740px;
margin:5px auto 0px;
padding-bottom:15px;
}

/*
背景にpngを使う場合
スタイルシートに追加。iepngfixはそれぞれのIDやclassに。
* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); } 
*/



img{border:0px;}
.clear { clear: both; width:0px; height:0px; display:block; overflow:hidden; }




.p-t05{ padding-top:5px;}
.p-t10{ padding-top:10px;}
.p-t20{ padding-top:20px;}
.p-t30{ padding-top:30px;}
.p-t40{ padding-top:40px;}
.p-b05{ padding-bottom:5px;}
.p-b10{ padding-bottom:10px;}
.p-b20{ padding-bottom:20px;}
.p-b30{ padding-bottom:30px;}
.p-b40{ padding-bottom:40px;}

.m-t10{ margin-top:10px;}
.m-t20{ margin-top:20px;}
.m-t30{ margin-top:30px;}
.m-t40{ margin-top:40px;}
.m-b10{ margin-bottom:10px;}
.m-b20{ margin-bottom:20px;}
.m-b30{ margin-bottom:30px;}
.m-b40{ margin-bottom:40px;}

.cen{
text-align:center;
}


td { font-size:12px; line-height: 150%; }
th { font-size:12px; line-height: 150%; }

.img_r {
	float: right;
	border: none;
	vertical-align: top;
	margin-left: 5px;
	margin-bottom: 5px;
}
.img_l {
	float: left;
	border: none;
	vertical-align: top;
	margin-right: 5px;
	margin-bottom: 5px;
}
.img_n {
	float: none;
	border: none;
}
textarea,select,input {
    font-family: Verdana,ヒラギノ丸ゴ Pro W4,Hiragino Maru Gothic Pro,ＭＳ Ｐゴシック,Osaka,sans-serif;
}






#header h1{
font-size:10px;
line-height:110%;
color:#ffffff;
padding:5px 0px 0px 20px;
font-weight:normal;
height:16px;
overflow:hidden;
}
#header ul{
width:300px;
position:absolute;
right:20px;
top:3px;
line-height:110%;
list-style:none;
}
#header ul li{
background:url(img/point01.gif) no-repeat 0px 2px;
float:right;
font-size:10px;
color:#ffffff;
padding:0px 10px 0px 12px;
}
#header ul li a:link,#header ul li a:visited { color: #ffffff; text-decoration:none; }
#header ul li a:hover,#header ul li a:active { color: #ffffff; text-decoration:underline; }


#logo{
width:300px;
float:left;
padding-left:20px;
}
#topcontact{
width:350px;
float:right;
padding-right:20px;
}

#navi  ul{
list-style:none;
}
#navi  ul li{
float:left;
}
#navi  ul li img{
vertical-align:bottom;
}



#top_left{
width:530px;
float:left;
}
#top_right{
width:170px;
float:right;
padding:10px;
}

#topbana{
height:90px;
list-style:none;
}
#topbana li#bana_left{
float:left;
}
#topbana li#bana_right{
float:right;
}

#topbana li img{
vertical-align:bottom;
}

div#top_infoarea{
border-bottom:1px dotted #a8a8a8;
padding:10px 0px;
}
div#top_infoarea dl{
width:510px;
margin:0px auto;
}
div#top_infoarea dt{
line-height:160%;
background:url(img/point02.gif) no-repeat 0px 9px;
padding:4px 0px 4px 10px;
float:left;
width:120px;
}
div#top_infoarea dd{
line-height:160%;
float:left;
padding:4px 0px 4px 0px;
width:370px;
}


ul#toprss{
height:30px;
list-style:none;
}
ul#toprss li{
float:right;
}


h3#comname{
font-size:14px;
color:#585857;
line-height:130%;
}
h3#comname span{
font-size:10px;
font-weight:normal;
}



address#comadd{
font-size:12px;
color:#585857;
font-style:normal;
padding:5px 0px;
line-height:160%;
}

div#access{
background:url(img/line02.gif) repeat-x 0 0;
padding-top:15px;
}



#footer address{
font-size:10px;
text-align:center;
color:#555555;
font-style:normal;
line-height:150%;
padding-top:10px;
}





#pan{
font-size:10px;
letter-spacing:0.5px;
padding:3px 20px;
line-height:150%;}

#in_left{
width:190px;
float:left;
}
#in_right{
width:530px;
float:right;
}


#for{
clear:both;
text-align:right;
}



.ttl01{
background:url(img/inner/ttlback.gif) no-repeat 0 0;
height:28px;
padding-top:5px;
padding-right:15px;
padding-left:25px;
font-size:15px;
color:#ffffff;
line-height:150%;
}

div.body{
line-height:180%;
width:510px;
margin:10px auto;
}

ul#menu{
list-style:none;
background:url(img/inner/menu_bg.gif) repeat-y 0 0;
margin-bottom:20px;
}
ul#menu li{
list-style:none;
background:url(img/inner/menuback.gif) no-repeat 0 0 #F1ECB8;
border-bottom:1px solid #BDBDBD;
padding:8px 5px 8px 27px;
width:156px;
margin:0px auto;
}

div.w170{
width:170px;
margin:0px auto;
}


div.month_bg{
background:url(img/inner/month_bg.gif) no-repeat left bottom;
text-align:center;
padding:10px 0px;
}

div.dat03{
background:url(img/inner/point03.gif) no-repeat right center;
padding:5px 20px 5px 0px;
text-align:right;
font-weight:bold;
margin-bottom:20px;
}

p.date{
font-size:10px;
color:#575757;
text-align:right;
padding:2px 3px;
line-height:150%;
}


table.outline {
    border-right:1px solid #FF9900;
    border-bottom:1px solid #FF9900;
    margin: 10px;
    width: 480px;
}
.outline th {
    border-left: 1px solid #FF9900;
    border-top: 1px solid #FF9900;
    background-color: #FFF8DC;
    padding: 6px;
    width: 100px;
	font-weight: lighter;
}
.outline td {
    border-left: 1px solid #FF9900;
    border-top: 1px solid #FF9900;
    padding: 6px;
    text-align: left;
}

table.bento {
    margin: 10px 10px 20px 10px;
    width: 480px;
	border-bottom: dotted 1px #CCCCCC;
}
.bento td {
    text-align: left;
	padding-bottom: 10px;
}
.bento td.bento-txt {
	padding-left: 6px;
	color: #666666;
}
.bento td.bento-txt h4 {
	font-size: 16px;
	line-height: 150%;
	color: #000000;
}

.contact {
	margin-left: 10px;
}
.contact ul {
	padding: 0px;
	margin: 0px;
}
.contact li {
	margin: 0px 0px 0px 20px;
}
.must	{
	font-size: 10px;
	color: #CC0000;
}
.privacy {
	margin: 10px;
}
.privacy dl {
}
.privacy dt {
	font-size: 12px;
	margin-bottom: 4px;
	font-weight: bold;
}
.privacy dd {
	font-size: 12px;
	line-height: 180%;
	margin-bottom: 20px;
}
.privacy ol {
	padding: 0px;
	margin: 0px;
}
.privacy li {
	margin: 0px 0px 0px 28px;
}

.haccp {
	padding: 0 10px;
}
.haccp p {
	font-size: 12px;
	line-height: 160%;
	margin-bottom: 16px;
}
.haccp p.in {
	font-size: 12px;
	line-height: 140%;
	margin-bottom: 8px;
	padding-left: 18px;
}
.haccp td.td-txt {
	padding: 0 18px;
}

.td-10 {
	padding: 0 10px;
}
.td-20 {
	padding: 0 20px;
}
.txt-10 {
	font-size: 10px;
	line-height: 120%;
}


div#sitemap{
}
div#sitemap h4{
background:url(img/icon-o.gif) no-repeat 5px 5px;
border-bottom:1px solid #FF9716;
padding:3px 10px 3px 25px;
line-height:110%;
font-size:14px;
margin-top:10px;
}
div#sitemap a:link,div#sitemap a:visited { color: #505050; text-decoration:none; }
div#sitemap a:hover,div#sitemap a:active { color: #505050; text-decoration:none; }

div#sitemap ul{
list-style:none;
padding:3px 0px 3px 20px;
}
div#sitemap ul li{
border-bottom:1px dotted #FF9716;
font-size:12px;
padding:8px 10px 3px 17px;
background:url(img/point02.gif) no-repeat 5px 13px;
}