/*---base---*/

body{
font-family:san-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:normal;
font-style:normal;
font-size:75%;
line-height:170%;
text-align: center;
color:#222222;
background-image:url(../img/background.jpg);
background-repeat:repeat-x;
background-color:#f8f8f3;
}

*{
margin:0px; 
padding:0px}

ul, li, p{
margin:0px; 
padding:0px; 
list-style-type:none}

h1, h2, h3, h4, h5, h6{
font-size:100%; 
font-weight:lighter}

img{
border-width:0px; 
border-style:none; 
vertical-align:top}

#wrapper{
margin:0px auto; 
width:760px; 
text-align:left}

#header{
width:760px; 
height:70px; 
background-image:url(../img/header_bg.jpg); 
background-repeat:no-repeat}

#header h1{
margin:9px 0 0 24px; 
display:inline; 
float:left}

#header ul{
margin:12px 0 0 0; 
display:inline; 
float:right}

#header li.btn01{
margin:3px 15px 0 0; 
display:inline; 
float:left}

#header li.btn02{
margin:3px 15px 0 0; 
display:inline; 
float:left; 
text-indent:15px; 
background-image:url(../img/link_line.jpg); 
background-repeat:no-repeat}

#header li.btn03{
margin:0 15px 0 0; 
display:inline; 
float:left}

#main_box{
width:760px;
background-image:url(../img/background_line.jpg); 
background-repeat:repeat-y; 
float:left; 
position:relative;
z-index:1}

#main{
background-image:url(../img/bg01.jpg); 
background-repeat:repeat-y;
	zoom: 1;
}
#main:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

#main_right {
width:520px;
margin:0 30px 20px 0;
float:right;
display:inline;
}

a:link, a:visited{
color:#222222; 
text-decoration:none}

a:active, a:hover{
color:#222222; 
text-decoration:underline; 
overflow:hidden}

.img_link a:hover img, 
.img_link a:active img{
filter:Alpha(opacity=50); 
-moz-opacity:0.50; 
opacity:0.50}

/*---navi---*/
#main_navi{
width:760px; 
height:33px; 
float:left; 
background-image:url(../img/mainnavi_bg.jpg)}

#main_navi ul{
float:right}

#main_navi ul li{
float:left}

/*---top---*/
h2#top_title{
float:left; 
margin:0 0 26px 0}

.top_seg01{
width:442px; 
margin:0 0 0 44px; 
float:left; 
display:inline}

#top_btn01{
width:208px; 
height:188px; 
background-image:url(../img/top_btn01_02.png); 
behavior:url(iepngfix/iepngfix.htc); 
background-repeat:no-repeat; 
position:absolute; 
left:530px;
top:200px; 
z-index:2}

#top_btn01 p{
margin:139px 0 0 20px}

#top_btn01 a{
color:#1184f0}

#top_banner01{
width:208px;
margin:149px 22px 15px 0;
float:right;
display:inline;
}

#top_flier {
margin:15px 0 20px 12px;
float:left;
display:inline;
}

#top_flier li{
clear:both;
}

#top_flier em{
width:100px;
display:block;
font-style:normal;
font-weight:bold;
float:left;
background-image:url(../img/icon01.gif);
background-repeat:no-repeat;
background-position:0px 4px;
text-indent:20px;
}

#top_flier strong{
width:90px;
display:block;
font-style:normal;
font-weight:bold;
float:left;
}

#top_flier p{
width:230px;
float:left;
margin:0 0 5px 0;
}

#top_topics {
margin:15px 0 30px 12px;
}

#top_topics li{
background-image:url(../img/topics_line.gif);
background-repeat:repeat-x;
background-position:bottom;
}

#top_topics li p{
background-image:url(../img/icon01.gif);
background-repeat:no-repeat;
background-position:0px 4px;
padding:0 0 5px 20px;
}

.chirashi {
	border-bottom: 1px dotted #ccc;
	padding: 12px 0 4px 0;
	margin: 0 10px 0 10px;
}
.chirashi img{
	vertical-align: middle;
	margin-right:5px;
}
.chirashi p{
    display:inline;
}


/*---footer---*/
#footer{
width:760px; 
background-image:url(../img/footer_bg.jpg); 
background-repeat:no-repeat; 
float:left}

#footer a{
color:#aaaaaa}

#footer ul{
margin:14px 0 0 210px}

#footer ul li{
margin:0 10px 0 0; 
text-indent:10px; 
float:left; 
background-image:url(../img/link_line.jpg); 
background-repeat:no-repeat; 
background-position:0 4px}

#footer ul li#start{
margin:0 10px 0 0; 
background-image:none}

#footer p{
float:right; 
margin:20px 0 0 0}

/*---common---*/

.seg01{
width:520px; 
margin:0 0 15px 0;
float:left; 
display:inline}

.seg02{
width:520px; 
margin:0 0 30px 0;
float:left; 
display:inline}

.gototop{
margin:0 0 0 220px}

.subtitle01 {
margin:20px 0 20px 0;
}

.subtitle02 {
font-weight:bold; 
text-indent:15px; 
background-image:url(../img/square01.jpg); 
background-repeat:no-repeat; 
background-position:0 4px
}

.subsubtile01 {
font-weight:bold;
color:#760f1e;
margin:0 0 5px 0;
}

.subsubtile02 {
margin:0 0 15px 0;
}

.subsubtile03 {
font-weight:bold;
color:#ff6e0d;
margin:0 0 5px 0;
}

.subsubtile04 {
font-weight:bold;
color:#222222;
margin:0 0 5px 0;
}

.bar01 {
/*width:318px;*/
width:520px;
height:28px;
line-height:28px;
text-indent:15px;
float:left;
background-image:url(../img/bar01.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
margin:0 0 5px 0;
}

.bar02 {
/*width:318px;*/
width:520px;
height:28px;
line-height:28px;
text-indent:15px;
float:left;
background-image:url(../img/bar02.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
margin:0 0 5px 0;
}

.bar03 {
/*width:318px;*/
width:520px;
height:28px;
line-height:28px;
text-indent:15px;
float:left;
background-image:url(../img/bar03.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
margin:0 0 5px 0;
}

.table01 {
width:520px;
margin-bottom:20px;
float:left;
font-size:100%;
}

.table05 {
width:520px;
margin-bottom:0px;
float:left;
font-size:100%;
line-height: 18px;
}

.table01 table{
font-size:100%;
}

.table01 td{
padding:7px;
vertical-align:top;
line-height: 18px;
}

td.cell01{
background-color:#eaeae6;
line-height: 18px;
}

td.cell02{
background-color:#f4f4f4;
line-height: 18px;
}

td.cell03{
background-color:#f3f3ee;
line-height: 18px;
}

td.cell04{
background-color:#fbfbfb;
line-height: 18px;
}

td.cell05{
background-color:#717069;
line-height: 18px;
color: #fff;
font-weight:bold;
text-align: center;
}

/*---shop---*/

.shop_detail_btn{
margin:25px 15px 0 0; 
display:inline; 
float:right}

.shop_detail_text{
margin:0 0 15px 0}

.shop_seg01{
width:580px; 
margin:0 0 0 180px; 
float:left; 
display:inline; 
background-image:url(../img/dot01.jpg); 
background-repeat:repeat-x; 
background-position:bottom}

.shop_seg02{
width:580px; 
margin:0 0 30px 180px; 
float:left; 
display:inline}

.shop_seg02 .gototop{
margin:0 0 0 250px}

.shop_details{
	width:450px;
	margin:15px 0 0 25px;
	display:inline;
	float:left;
}
.shop_details_1{
	width:520px;
	margin:15px 0 0 25px;
	display:inline;
	float:left;
	margin-bottom: 20px;
}
.shop_details_2{
	width:520px;
	margin:5px 0 0 25px;
	display:inline;
	float:left;
	margin-bottom: 10px;
}

/*---popup---*/
#popup{
width:600px; 
float:left; 
background-color:#FFFFFF; 
text-align:left}


#popup h1{
width:600px; 
height:33px; 
float:left; 
background-image:url(../img/popup_title.jpg); 
background-repeat:repeat-x; 
line-height:33px; 
color:#FFFFFF; 
text-indent:15px; 
margin:0 0 20px 0}

#popup h2{
font-size:115%; 
font-weight:bold; 
margin:0 0 5px 40px}

#popup #address{
margin:0 0 0px 40px}

#popup #product_address{
margin:0 0 5px 40px}

#popup #print{
margin:0 0 10px 535px}

#popup #map{
margin:0 0 25px 40px}

#popup #product{
text-align: center;
}

#popup #close{
margin:0 0 100px 500px}

#popup #product_close{
	margin:0 0 20px 500px
}

/*---corporate---*/

#corporate_navi {
float:left;
}

#corporate_img01 {
float:left;
margin:20px 15px 40px 0;
display:inline;
}

#corporate_img02 {
float:left;
margin:0 0 50px 50px;
display:inline;
}

.corporate_text01 {
margin:0 0 10px 0;
}

#corporate_president {
width:140px;
float:left;
text-align:center;
margin:0 25px 15px 0;
}

#corporate_president img{
margin:0 0 10px 0;
}

/*---delivery---*/

#delivery_box01 {
width:530px;
height:214px;
background-image:url(../img/delivery_img01.jpg);
background-repeat:no-repeat;
float:left;
}

#delivery_box01 p{
margin:140px 0 0 0;
}

#delivery_box02 {
width:516px;
height:107px;
background-image:url(../img/delivery_img02.jpg);
background-repeat:no-repeat;
float:left;
}

#delivery_box02 p {
margin:77px 0 0 345px;
}

#margin40 {
	margin-left:40px;
}




/*---pb---*/

#pb_box01 {
height:320px;
background-image:url(../img/pb_img01.jpg);
background-repeat:no-repeat;
background-position:100% 100%;
}

#pb_box01 p{
margin:0 0 20px 0;
}

#pb_box01 a{
color:#3b7bda;
}

.pb_seg01 {
width:520px;
float:left;
background-image:url(../img/dot01.gif);
background-repeat:repeat-x;
background-position:bottom;
padding:0 0 15px 0;
margin:0 0 25px 0;
}

.pb_seg01 p{
margin-bottom:3px;
}

.pb_seg01 .itemname{
font-size:115%;
font-weight:bold;
}

.pb_seg01 .infotext{
color:#666666;
line-height: 16px;
margin-bottom:10px;
}

.pb_seg01 .number{
line-height: 14px;
color:#666666;
font-weight:bold;
}

.pb_seg01 .price{
line-height: 16px;
color:#666666;
padding-bottom: 6px;
}

.pb_seg01 .price strong{
font-size:150%;
color:#7c1222;
}

.pb_seg01 .text_area {
float:left;
margin:0 0 0 10px;
}

.pb_seg01 .text_area01{
width:250px;
float:left;
margin:0 0 0 10px;
}

.pb_seg01 .text_area02{
width:310px;
float:left;
margin:0 0 0 10px;
}

.pb_seg01 .img01{
float:left;
}

.pb_seg01 .img02{
float:right;
}

.pb_sm01 {
	width: 181px;
	background: #540B16;
	color: #fff;
	text-indent: 30px;
	padding-top: 3px;
}

.pb_sm02 {
	width: 181px;
	background: #540B16;
	color: #fff;
	text-indent: 30px;
}

.pb_sm03 {
	width: 181px;
	background: #540B16;
	color: #fff;
	text-indent: 30px;
	padding-bottom: 5px;
}

.pb_sm01 a:visited{
	color: #fff;
}

.pb_sm02 a:visited{
	color: #fff;
}

.pb_sm03 a:visited{
	color: #fff;
}

.pb_sm01 a{
	color: #fff;
}

.pb_sm02 a{
	color: #fff;
}

.pb_sm03 a{
	color: #fff;
}

.error {
	font-weight: bold;
	color: red;
}

.error2 {
	color: red;
}


/*---sitepolicy---*/

#ichiran {
	margin-left: 30px;
}

/*---recruit---*/
.column {
	background-color:#f8f8f8;
	margin:10px 0 0 50px;
	padding:10px;
	overflow:hidden;
}

.column_photo {
	float:right;
	margin: 0 0 0 5px;
}

#recruit_01_photo_margin {
	margin:5px 0 0 0 ;

}

#recruit_02_photo {
	margin:5px 15px 0 0;
	float:left;
	overflow:hidden;
	display:inline;
}

.recruit_02_seg{
width:280px;
margin:0 0 20px 0;
float:left; 
display:inline}

.recruit_03_seg{
width:500px;
margin:0 0 30px 0;
float:left;
display:inline}

.recruit_03_seg img{
margin: 0 10px 0 0 ;
width:143px;
float:left;
display:inline}

#recruit_03_title{
font-size:120%;
font-weight:bold;}

#recruit_03_top {
display:inline}

.recruit_03_seg02{
width:500px;
margin:0 0 30px 0;
float:left;
display:inline}

.recruit_03_seg02 h5{
font-size:120%;
font-weight:bold;}

.recruit_03_seg02 p{
margin:0 10px 0 0;
display:inline}

.recruit_03_seg02 img{
margin: 0 0 0 5px;
float:right; 
display:inline}

.recruit_03_line{
height:4px;
overflow:hidden;
background-color:#f3f3f3;
margin:5px 0}

.recruit_time_font {
	color:#760f1e;
	font-weight:bold;
	background-image:url(../img/recruit_03_time_logo.gif);
	background-repeat:no-repeat;
	padding: 0 0 0 20px;
}