@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: #A90404;
/*		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: #4D4D4D; text-decoration:underline; }
a:hover,a:active { color: #9D9D9D; text-decoration:none; }

/* basebox */
#foot_bg	{
	background: #FFFFFF url(img/main_bg.gif) repeat-x 0 0;
}
#wrapper {
	margin: 0px auto 0px auto;
	width:780px;
	padding:0px 10px;
	text-align:left;
}
#header {
width: 780px;
height:105px;
background:url(img/headline.gif) repeat-x 0 0;
position:relative;
}
#navi{
height:42px;
width:780px;
margin:0px auto;
}
#contents_top {
background:url(img/side_bg.gif) repeat-y right top;
width:780px;
margin:0px auto;
}
#contents_in {
background:url(img/side_bg2.gif) repeat-y left top;
width:780px;
margin:0px auto;
}
#footer {
width:780px;
margin:5px auto 0px;
padding-bottom:15px;
}

#footer a:link,#footer a:visited { color: #ffffff; text-decoration:none; }
#footer a:hover,#footer a:active { color: #ffffff; text-decoration:none; }


#footer address{
font-size:10px;
letter-spacing: 1px;
text-align:right;
color:#FFFFFF;
font-style:normal;
line-height:150%;
}

/*
背景に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;
}
.l-box{float:left;}
.r-box{float:right;}
.p-lr10{padding:0px 10px;}
.huto{ font-weight: bold;}



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;
	font-size: 12px;
}
#days	{ width: 90%; }





#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{
float:left;
margin-top: 11px;
}
#topcontact{
width:351px;
height: 63px;
float:right;
margin-top: 11px;
}

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



#top_left{
width:580px;
float:left;
}
#top_right{
width:165px;
float:right;
padding: 10px;
}

#topbana{
height:91px;
list-style:none;
}
#topbana li{
float:left;
}

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

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


ul#toprss{
height:17px;
margin: 5px 0;
list-style:none;
}
ul#toprss li{
float:right;
}


h3#comname{
font-size:12px;
color:#585857;
line-height:130%;
padding-bottom: 5px;
background: url(img/line02.gif) no-repeat 0 bottom;
}
h3#comname span{
font-size:10px;
line-height: 130%;
font-weight:normal;
}



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

div#access{
padding:10px 0px;
text-align: center;
}



ul.syousai	{
	margin: 5px 0 0 0;
	padding: 0;
	text-align: right;
	list-style: none;
}
ul.syousai li	{
	background: url(img/inner/icon01.gif) no-repeat right center;
	padding-right: 15px;
}





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

#in_left{
width:190px;
float:left;
}
#in_right{
width:576px;
float:right;
text-align: left;
}


#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:30px;
font-size:15px;
color:#333333;
line-height:150%;
}

div.body{
line-height:180%;
width:556px;
margin:5px auto 10px auto;
padding: 10px 0px;
}

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:#F0F0F0 url(img/inner/menuback.gif) no-repeat 0 0;
border-bottom:1px solid #740202;
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;
}*/


div#mokuji	{
	margin-top: 25px;
	padding-top: 15px;
	border-top: #CCCCCC solid 1px;
}
div#mokuji ul	{
	list-style: none;
	margin: 0;
	padding: 0;
}
div#mokuji li	{
	padding-bottom: 2px;
}
div#mokuji li a:link,
div#mokuji li a:visited	{
	color: #666666;
	text-decoration: none;
}
div#mokuji li a:hover	{
	text-decoration: underline;
}
div#mokuji li.mo01	{
	background: url(img/inner/icon02.gif) no-repeat 0 center;
	padding-left: 15px;
}
div#mokuji li.mo02	{
	background: url(img/inner/icon01.gif) no-repeat 0 center;
	padding-left: 15px;
}
div#mokuji li.mo03	{
	background: url(img/inner/icon03.gif) no-repeat 0 center;
	padding-left: 15px;
}




/*------------------------------------------------------------------------contact----*/
.in-contact{
line-height: 150%;
}
.in-contact p{
padding-bottom: 10px;
}
.in-contact table{
margin: 10px 0px;
width:554px;
border-top: 1px solid #7A7A7A;
border-right: 1px solid #7A7A7A;
border-left: 1px solid #7A7A7A;
}
.in-contact table th{
font-weight:normal;
text-align:left;
padding: 10px 10px;
background:#FFD3D3;
border-bottom: 1px solid #7A7A7A;
border-right: 1px solid #7A7A7A;
width: 150px;
}
.in-contact table td{
border-bottom: 1px solid #7A7A7A;
text-align:left;
padding: 10px 10px;
}
.absored{
color: #ff0000;
}

#F-NAME,#F-MAIL,#F-MAIL2,#F-TEL,#F-POST {width: 50%;}
#F-ADDRESS,#F-COMPANY { width: 90%; height: 120%;}
#F-MESSAGE { width: 90%; height: 150px;}
#F-ZIP {width: 30%;}








/*------------------------------------------------------------------------in-company----*/
table.in-company {
width: 530px;
margin:10px auto 20px auto;
border-top: 1px solid #AC9D8E;
border-right: 1px solid #AC9D8E;
border-left: 1px solid #AC9D8E;
}
table.in-company th{
width: 130px;
background: #F6EFE8;
border-right: 1px solid #AC9D8E;
border-bottom: 1px solid #AC9D8E;
font-weight:normal;
font-size:12px;
padding: 10px;
vertical-align:top;
}
table.in-company td{
border-bottom: 1px solid #AC9D8E;
padding: 10px;
}

h4.in-company02 {
background:url(img/inner/icon04.gif) no-repeat 0px 3px;
padding-left:20px;
border-bottom: 1px solid #A90404;
font-size:12px;
margin-bottom: 10px;

}
.in-comtext{
padding:0px 20px 10px 20px;
}
.in-comtext02{
padding:0px 20px 70px 20px;
width: 480px;
background:url(img/inner/comimg01.jpg) no-repeat right top;
}




.map01{
width: 520px;
}
.map02{
width: 50px;
padding: 10px 10px 10px 20px;
float:left;
background:url(img/inner/icon04.gif) no-repeat 0px 13px;
}
.map03{
width: 420px;
padding: 10px;
float:left;
line-height:180%;
}
.map03 p{
padding-bottom:10px;
background:url(img/inner/icon06.gif) no-repeat 0px 5px;
padding-left: 10px;
}
.map03 ul{
list-style:none;
}
.map03 ul li{
list-style:none;
background:url(img/inner/icon06.gif) no-repeat 0px 5px;
padding-left: 10px;
padding-bottom: 5px;
}


h5.rec01{
background:url(img/inner/icon05.gif) no-repeat 0px 16px;
padding: 10px 0px 15px 10px;
font-weight:normal;
font-size: 12px;
}
.rec02{
padding: 0px 15px 15px 15px;
line-height:180%;
}

table.rec03 { 
width: 500px;
margin: 0px auto;
border-top: 1px solid #A90404;
border-right: 1px solid #A90404;
border-left: 1px solid #A90404;
}
table.rec03 th { 
width: 100px;
padding: 10px 10px;
font-weight:normal;
font-style:normal;
text-align:left;
border-bottom: 1px solid #A90404;
border-right: 1px dotted #A90404;
background:#FADEDE;
}

table.rec03 td{ 
padding: 10px 15px;
border-bottom: 1px solid #A90404;
line-height:180%;
}
table.rec03 p{
padding-bottom:10px;
}














/*------------------------------------------------------------------------in-privacy----*/
.in-privacy {
width:556px;
margin:0px auto 20px auto;
}
.in-privacy h4{
background:url(img/inner/icon04.gif) no-repeat 0px 3px;
font-size:12px;
padding-bottom:10px;
padding-left: 20px;
}
.in-privacy p{
padding: 0px 10px 10px 20px;
line-height: 150%;
}
.in-privacy ul{
padding: 0px 10px 10px 40px;
}
.in-privacy ul li{
line-height: 150%;
padding-bottom: 5px;
}









/*------------------------------------------------------------------------sitemap----*/
.sitemap {
width:550px;
margin:0px auto 20px auto;
}
.sitemap h4{
background:url(img/inner/icon04.gif) no-repeat 0px 3px;
padding-left:20px;
font-size:12px;
padding-bottom:10px;
border-bottom: 1px dotted #A90404;
margin: 15px 0px 5px 0px;
}
.sitemap ul{
padding-left: 20px;
width:530px;
margin-bottom: 10px;
}
.sitemap ul li{
list-style:none;
padding:0px 15px 0px 12px;

float:left;
background:url(img/inner/icon05.gif) no-repeat left center;
}
.sitemap a:link,.sitemap a:visited { color: #505050; text-decoration:none; }
.sitemap a:hover,.sitemap a:active { color: #909090; text-decoration:none; }

/*------------------------------------------------------------------------link----*/

.link {
width:550px;
margin:0px auto 20px auto;
}
.link h4{
background:url(img/inner/icon04.gif) no-repeat 0px 3px;
padding-left:20px;
font-size:12px;
padding-bottom:10px;
border-bottom: 1px dotted #A90404;
margin: 15px 0px 5px 0px;
}
.linkcome {
padding:5px 5px 0px;

}




/*------------------------------------------------------------------------tenji----*/
h5.tenji{
font-size:12px;
font-weight:normal;
color: #A90404;
background:url(img/inner/icon05.gif) no-repeat left center;
padding-left:10px;
margin-top:10px;
}
h4.tenji02 {
background:url(img/inner/icon04.gif) no-repeat 0px 3px;
padding-left:20px;
font-size:12px;
padding-bottom:5px;
border-bottom: 1px solid #A90404;
margin: 15px 0px 10px 0px;
}


table.plant{
width: 500px;
margin: 0px auto;
border-top: 1px solid #BDBDBD;
border-left: 1px solid #BDBDBD;
}
table.plant th{
padding: 5px 10px ;
margin: 0px auto;
border-right: 1px solid #BDBDBD;
border-bottom: 1px solid #BDBDBD;
background: #ECECEC;
text-align:center;
}
table.plant td{
padding: 5px 10px ;
margin: 0px auto;
border-right: 1px solid #BDBDBD;
border-bottom: 1px solid #BDBDBD;
}


#tenji03 {
width: 556px;
}
.tenji03-l{
width: 258px;
float:left;
}
.tenji03-r{
width: 278px;
padding-left: 20px;
float:left;
line-height:160%;
}
ul.tenji04{
width: 536px;
padding-left: 20px;
margin:5px 0px 15px 0px;
text-align:left;
}
ul.tenji04 li{
}
.tenji05 p{
width: 278px;
float:left;
text-align:center;
padding-bottom: 10px;
}
#tenji-box{
width:556px;
margin: 0px auto;
}
.tenji06{
width: 556px;
}
.tenji06-l{
width: 248px;
float:left;
padding: 0px 20px 0px 10px;
line-height:170%;
}
.tenji06-r{
width: 278px;
float:left;
}







.leather01{
width:556px;
margin: 5px 0px 20px 0px;
}
.leather01-l {
width: 278px;
float:left;
}
.leather01-r {
width: 248px;
padding: 0px 0px 0px 20px;
line-height:170%;
float:left;
}
.leather01 ul{
padding-left:20px;
margin-bottom: 15px;
}






.service{
width:556px;
background: url(img/inner/service06.jpg) no-repeat right bottom;
margin-bottom: 50px;
}
.service01{
width: 360px;
background: url(img/inner/service08.gif) repeat-y left top;
padding: 10px;
}
.service02{
width:110px;
padding-right:20px;
float:left;
}
.service03{
width:230px;
float:left;
line-height:160%;
}
.service04 {
width:222px;
padding:0px 30px 0px 10px;
float:left;
}
.service05 {
wiodth: 294px;
float:left;
}
.service05 address {
line-height:160%;
font-style: normal;
font-weight:normal;
}



.message, .message td{
line-height: 180%;
}