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

td { font-size:12px; line-height: 150%; }
.size-12 { font-size: 12px; line-height: 180%; }
.size-10 { font-size: 10px; line-height: 150%; }
.size-16 { font-size: 16px; 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:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/****************************************************************   all   *****/
p{
line-height:180%;
color:#5F5F5F;
}

div#pan{
font-size:10px;
letter-spacing:1px;
padding:5px;
}

div#for{
margin-top:40px;}


div#infoot{
background:url(img/inner/con-toot.gif) no-repeat 0px 0px;
width:548px;
height:155px;
margin-top:30px;
}

div#infoot ul{
list-style:none;
padding:26px 0px 0px 317px;
}
div#infoot li{
width:215px;
height:56px;
}
div#infoot li a{
width:215px;
height:56px;
overflow:hidden;
display:block;
text-indent:-9999px;
}
div#infoot li.infoot01{
background:url(img/navi/infoot01r.gif) no-repeat 0px 0px;
}
div#infoot li.infoot01 a{
background:url(img/navi/infoot01.gif) no-repeat 0px 0px;
}
div#infoot li.infoot01 a:hover{
background:none;
}

div#infoot li.infoot02{
background:url(img/navi/infoot02r.gif) no-repeat 0px 0px;
}
div#infoot li.infoot02 a{
background:url(img/navi/infoot02.gif) no-repeat 0px 0px;
}
div#infoot li.infoot02 a:hover{
background:none;
}


h6{
font-weight:normal;
font-size:10px;
letter-spacing:1px;
text-align:center;
}

h6 a:link,h6 a:visited { color: #8A8A8A; text-decoration:none; }
h6 a:hover,h6 a:active { color: #8A8A8A; text-decoration:none; }

/****************************************************************   index   *****/

div#top02{
height:332px;
margin:0px auto;
background:url(img/mainimg.jpg) no-repeat 0px 0px;
position:relativel;
overflow:hidden;
}
#free{
	background:url(img/freebtn-r.jpg) no-repeat 0px 0px;
	width:148px;
	height:143px;
	float:left;
}
#free a{
display:block;
background:url(img/freebtn.jpg) no-repeat 0px 0px;
width:148px;
height:143px;
text-indent:-9999px;
overflow:hidden;
}
#free a:hover,
.slimup a:hover,
.oluolu a:hover
{
background:none;
}

div#top02 ul{
	list-style:none;
	float: right;
	padding-top:15px;
}
div#top02 li{
list-style:none;
}
.slimup{
background: url(img/slimbana-act.jpg) no-repeat 0px 0px;
width: 224px;
height: 138px;
}
.slimup a{
display:block;
background: url(img/slimbana-base.jpg) no-repeat 0px 0px;
width: 224px;
height: 138px;
text-indent:-9999px;
overflow:hidden;
}
.oluolu{
background: url(img/olubana-act.jpg) no-repeat 0px 0px;
width: 233px;
height: 154px;
}
.oluolu a{
display:block;
background: url(img/olubana-base.jpg) no-repeat 0px 0px;
width: 233px;
height: 154px;
text-indent:-9999px;
overflow:hidden;
}




div#top{
height:136px;
margin:0px auto;
background:url(img/topimg01.jpg) no-repeat 0px 0px;
padding-top:224px;
}
div#top div{
background:url(img/topimg-buttonr.jpg) no-repeat 0px 0px;
width:144px;
height:136px;
margin:0px 0px 0px 596px;
}
div#top div a{
display:block;
background:url(img/topimg-button.jpg) no-repeat 0px 0px;
width:144px;
height:136px;
text-indent:-9999px;
overflow:hidden;
}
div#top div a:hover{
background:none;
}




div#top-left{
float:left;
width:175px;
}

div#top-center{
float:left;
width:370px;
padding-left:10px;
}

div#top-right{
float:right;
width:175px;
}

div.newsarea{
font-size:10px;
padding-left:5px;
}
div.newsarea dl{
margin-top:10px;
margin-bottom:5px;
letter-spacing:1px;
color:#5F5F5F;
}
div.newsarea dd{
letter-spacing:1px;
margin-top:3px;
background:url(img/point01.gif) no-repeat 3px 3px;
padding-left:15px;
line-height:150%;
}

div.detailarea01{
text-align:right;
margin:15px 0px;
}

div#magaarea{
width:95px;
height:65px;
background:url(img/magaarea.gif) no-repeat 0px 0px;
margin:10px 0px 10px 0px;
padding:5px 5px 0px 75px;
font-size:12px;
}

div#shoparea{
}

div#shoparea h2{
margin:20px 0px 10px 0px;
}
div#shoparea p{
font-size:10px;
padding:1px 3px;
margin-bottom:7px;
line-height:150%;
}

div#qrarea{
}
div#qrarea h2 img{
padding-bottom:10px;
}
div#qrarea img{
float:left;
padding-right:10px;
}
div#qrarea p{
font-size:10px;
line-height:150%;
}


div#top-center h2{
width:366px;
height:93px;
background:url(img/topbanner01r.gif) no-repeat 0px 0px;
}
div#top-center h2 a{
display:block;
text-indent:-9999px;
width:366px;
height:93px;
background:url(img/topbanner01.gif) no-repeat 0px 0px;
overflow:hidden;
}
div#top-center h2 a:hover{
background:none;
}

div#openhelp{
width:175px;
height:67px;
background:url(img/top-button01r.gif) no-repeat 0px 0px;
margin-bottom:10px;
}
div#openhelp a{
display:block;
width:175px;
height:67px;
background:url(img/top-button01.gif) no-repeat 0px 0px;
text-indent:-9999px;
overflow:hidden;
}
div#openhelp a:hover{
background:none;
}

div#links{
width:175px;
height:60px;
background:url(img/top-button02r.gif) no-repeat 0px 0px;
}
div#links a{
display:block;
width:175px;
height:60px;
background:url(img/top-button02.gif) no-repeat 0px 0px;
text-indent:-9999px;
overflow:hidden;
}
div#links a:hover{
background:none;
}





div#staffarea{
background:url(img/backstaff.gif) no-repeat 0px 15px;

padding-top:15px;
}

table.staff{
margin-top:60px;
float:left;
}
table.staff th{
text-align:center;
}
table.staff td{
padding-left:30px;
padding-right:15px;
padding-top:5px;
background:url(img/point01.gif) no-repeat 20px 10px;
line-height:140%;
}




/********************************************************  inner   ****************/

div#in-left{
width: 555px;
float:left;
}
div#in-right{
width: 175px;
float:right;
padding-top:10px;
}



h3#blogbanner{
width:175px;
height:64px;
background:url(img/navi/navi-blogr.gif) no-repeat 0px 0px;
margin:0px 0px;
}
h3#blogbanner a{
display:block;
overflow:hidden;
text-indent:-9999px;
width:175px;
height:64px;
background:url(img/navi/navi-blog.gif) no-repeat 0px 0px;
}
h3#blogbanner a:hover{
background:none;
}


div.r-shoparea{
background:url(img/inner/shop-back.gif) repeat-y 0px 0px;
margin-bottom:20px;
}
div.r-shoparea p{
font-size:10px;
padding:1px 6px;
margin-bottom:7px;
line-height:150%;
}

div.detailarea03{
text-align:right;
padding:0px 5px;
margin:10px 0px;
}

div.r-shoparea img.qr{
padding:10px 5px 0px 5px;
float:left;
}

div.r-shoparea p.qr-p{
font-size:10px;
line-height:150%;
padding-top:10px;
float:left;
width:70px;
}




/********************/
div.ent-in{
margin-top:15px;
color: #5F5F5F;
line-height:180%;
}
div.ent-in h3{
background:url(img/inner/backttl.gif) no-repeat 0px 0px;
height:24px;
color:#FFFFFF;
padding:8px 0px 0px 15px;
font-size:14px;
}
div.ent-in p{
padding:5px 15px;
}
div.ent-in th,div.ent-in td{
color: #5F5F5F;
line-height:180%;
}

div.detailarea02{
text-align:right;
margin:10px 0px 25px 0px;
padding-right:20px;
}
div.ent-in h3 a:link,div.ent-in h3 a:visited { color: #ffffff; text-decoration:none; }
div.ent-in h3 a:hover,div.ent-in h3 a:active { color: #ffffff; text-decoration:none; }

div.ent-in img{
padding:5px 10px;
}


/********************************************************  メルマガ＆お問い合わせ   ****************/

div.popin{
padding:15px;
}

table.contact{
border-top:1px solid #FFAD35;
text-align:left;
font-size:12px;
margin:20px auto;
}
table.contact tr{
padding:2px;
}
table.contact th{
border-bottom:1px solid #FFAD35;
background:#FFF2DF;
width:120px;
padding:8px;
}
table.contact td{
border-bottom:1px solid #FFAD35;
border-left:1px solid #FFAD35;
padding:8px;
}





/********************************************************  blog   ****************/

div.blogarea{
padding:15px 10px 10px 10px;
border-bottom:1px dotted #8e8e8e;
}
div.blogarea2{
padding:15px 10px 10px 10px;
}
div.blogarea p.day , div.blogarea2 p.day{
color:#DA5E89;
letter-spacing:1px;
font-size:12px;
}
div.blogarea h4 , div.blogarea2 h4{
font-size:14px;
font-weight:bold;
margin:0px 0px 10px 0px;
}
div.blogarea div.maintext img , div.blogarea2 div.maintext img{
padding-right:10px;
float:left;
}
div.detailarea04{
text-align:right;
margin:20px 0px 10px 0px;
padding-right:20px;
vertical-align:middle;
color:#888888;
font-size:12px;
}
div.detailarea04 img{
vertical-align:middle;
padding-left:10px;
}
div.blogarea h4 a:link,div.blogarea h4 a:visited { color: #111111; text-decoration:none; }
div.blogarea h4 a:hover,div.blogarea h4 a:active { color: #111111; text-decoration:none; }

div.blogarea2 div.b-subtext{
padding-top:15px;}




div.staffarea{
background:#FFE1EB;
margin-bottom:20px;
}
div.staffarea img{
float:left;
padding:0px 6px;
}
div.staffarea p{
}
div.staffarea img.p-0{
padding:0px;
float:none;
}
.name01{
font-size:10px;
padding-top:15px;
}
.name02{
font-size:13px;
font-weight:bold;
}
.name03{
padding:6px 6px;
font-size:12px;
}




div.trackarea{
background:url(img/inner/trackback.gif) no-repeat 20px 5px #FFFAF0;
margin-bottom:15px;
}
div.commentarea{
background:url(img/inner/comment.gif) no-repeat 20px 5px #FFFAF0;
}
div.trackarea p , div.commentarea p{
font-size:10px;
}
div.b-left{
border-left:1px dotted #aaaaaa;
margin-left:90px;
padding:15px 10px 15px 10px;
}
div.b-left dl{
font-size:12px;
letter-spacing:1px;
margin:0px 0px 20px 0px;
}
div.b-left dt{
}
div.b-left dd{
color:#99845F;
margin-top:5px;
padding:0px 30px 0px 5px;
line-height:160%;
}



.commenttable{
margin:auto;
}
.commenttable td{
line-height:200%;
font-size:10px;
letter-spacing:2px;
padding:3px 0px;
}



div#next{
margin-top:20px;
letter-spacing:8px;
text-align:center;
}

table.next02{
text-align:center;
margin:30px auto 10px auto;
color:#666666;
}
table.next02 td{
text-align:center;
}







div.add{
display:none;
text-indent:-9999px;
}





/*-------------------------------------------------/// slim - oluolu ///----*/
.p-t10 { padding-top:10px; }
.p-b30 { padding-bottom:30px; }
.cen{ text-align: center;}
.p-t20 { padding-top:20px; }

div.ent-in .slimebox img{
margin: 0px;
padding: 0px;
}
.slimtxt{
text-align:center;
font-weight:bold;
padding: 15px 0px 30px 0px;
}
.slim02{
width: 520px;
margin: 20px auto 10px auto;
background:#EAAEB3;
}
.slim02 th{
background: #FDC4D8;
padding: 5px 10px;
text-align:center;
font-weight: normal;
width: 120px;
}
.slim02 td{
background:#FEF9EF;
padding: 5px 15px;
}
.slim-price{
background:url(img/inner/sulim09-r.gif) no-repeat left top;
height: 43px;
width: 199px;
margin-left:350px;
margin-bottom:30px;
}
.slim-price a{
background:url(img/inner/sulim09.gif) no-repeat left top;
height: 43px;
width: 199px;
display:block;
text-indent:-9999px;
overflow:hidden;
}
.slim-price a:hover {
background:none;
}
.slim-tai{
background:url(img/inner/sulim10-r.jpg) no-repeat left top;
height: 160px;
width: 367px;
margin: 0px auto 20px auto;
}
.slim-tai a{
background:url(img/inner/sulim10.jpg) no-repeat left top;
height: 160px;
width: 367px;
display:block;
text-indent:-9999px;
overflow:hidden;
}
.slim-tai a:hover{
background:none;
}

.olubox{
background:url(img/inner/olu01.jpg) no-repeat left bottom;
padding-left:258px;
}
.olu02{
width: 350px;
}
.olu02 dt{
float:left;
width: 100px;
display:block;
}
.olu02 dd{
float:left;
display:block;
width: 250px;
}
.olu-tai{
background:url(img/inner/olu07-r.jpg) no-repeat left top;
height: 171px;
width: 360px;
margin: 0px auto 20px auto;
}
.olu-tai a{
background:url(img/inner/olu07.jpg) no-repeat left top;
height: 171px;
width: 360px;
display:block;
text-indent:-9999px;
overflow:hidden;
}
.olu-tai a:hover{
background:none;
}

.copyright{
font-size:10px;
letter-spacing:1px;
color: #A2A2A0;
padding-bottom:20px;
padding-top:10px;
}
.copyright a:link,.copyright a:visited { color: #8C908F; text-decoration:none; }
.copyright a:hover,.copyright a:active { color: #8C908F; text-decoration:underline; }