﻿@charset "utf-8";

/*----------------------------------------------------
トータル設定
----------------------------------------------------*/
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a, dl, dt, dd{margin:0; padding:0;}

img{border:none;}

/*a{color:#ff9900; text-decoration:none;}*/
/*a:link{color:#ff9900;}
a:visited{color:#ff9900;}
a:hover{color:#facd00;}*/
/*デフォルト#0000ff　#000080 #ff3300*/

/* clearfix -Firefox/Safari/Opera/...- */
div#content:after,
div#navi:after,
div.frame:after,
div.container:after,
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* clearfix -IE7/MacIE5- */
div#content,
div#navi,
div.frame,
div.container,
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html div#content,
div#navi,
div.frame,
div.container,
.clearfix{height:1%;}
div#content,
div#navi,
div.frame,
div.container,
.clearfix{display:block;}
/* End hide from IE-mac */

	
/*----------------------------------------------------
メイン設定
----------------------------------------------------*/
body{margin:0px; padding:0px; background-color:#ffffff; text-align:center; color:#333333; font-family:sans-serif;}

#wrap{width:800px; margin:0 auto 0 auto; text-align:left; background:url(../img/rose1.gif) no-repeat right top #ffffff; border-right:1px solid #cccccc; border-left:1px solid #cccccc;}


/*----------------------------------------------------
ヘッダー設定
----------------------------------------------------*/
#header{width:800px; margin:0px 0px 40px 0px;}

h1{font-size:65px; font-weight:bold; font-family:Verdana, sans-serif; padding:0px;}

.cart{float:right; margin:20px 40px auto auto;}



/*----------------------------------------------------
コンテンツ設定
----------------------------------------------------*/
#content{width:800px; background-color:transparent; margin:0px auto; font-size:14px;}

.f10{font-size:10px;}

.f12{font-size:12px;}

.f18{font-size:18px;}

.f24{font-size:24px;}

.f36{font-size:36px;}

.red{color:#ff0000;}

.blue{color:#0000ff;}

.green{color:#00ff00;}

.tright{text-align:right; margin-right:20px;}


/*----------------------------------------------------
左コンテンツ設定
----------------------------------------------------*/
#left{width:200px; float:left; background-color:transparent;}

#menu ul{padding:8px;}

#menu li{list-style:none; font-weight:bold; color:#441122; line-height:100%; background:url(../img/bullet1.gif) no-repeat 5px 2px; margin:0px 15px 20px 10px; padding:0px 0px 5px 24px; border-bottom:1px solid #ff99cc;}

#menu li a{font-weight:bold; color:#441122; text-decoration:none;}

#menu li a:hover{font-weight:bold; color:#441122; text-decoration:none;}

#menu li a:visited{font-weight:bold; color:#441122; text-decoration:none;}

.snavi{width:180px; margin:20px 10px;}

#left h3{font-size:14px; font-weight:bold; color:#bb2244;}

.shopnavi{font-size:14px; font-weight:bold; color:#bb2244; background:url(../img/bullet2.gif) no-repeat 5px 2px; padding:8px 0px 6px 36px; margin-bottom:5px;}

.shopinfo{font-size:14px; font-weight:bold; color:#bb2244; background:url(../img/bullet3.gif) no-repeat 5px 2px; padding:8px 0px 6px 36px; margin-bottom:5px;}

.snavi ul{padding:15px 10px; margin-left:20px;}

.snavi li{list-style:none; font-size:12px; color:#441122; line-height:100%; margin:0px auto 10px 0px; }

.snavi li a{color:#441122; text-decoration:none;}

.snavi li a:hover{color:#ff99cc; text-decoration:underline;}


/*----------------------------------------------------
右コンテンツ設定
----------------------------------------------------*/
#right{width:569px; float:right; background-color:transparent; padding:0;}

#new{padding:0px 20px 20px 0px;}

.container{width:549px; padding:0px 20px 20px 0px;}

h2{font-size:14px; font-weight:900; line-height:140%; padding:5px 0px 15px 0px;}

h2 span{font-size:14px; color:#ffffff; background-color:#bb2244; padding:5px 20px 4px 10px;}

#right ul{list-style:none; padding:5px 10px;}

#right li{font-size:14px; line-height:170%; list-style:none;}

#right dl{width:555px; padding:10px 5px; margin:15px 0px; line-height:170%;}

#right dt{float:left; width:120px; clear:both; font-weight:bold;}

#right dd{width:420px; margin-left:120px; padding:0px 5px 20px 0px;}

.sentence{line-height:150%; padding:10px 15px 10px 0px;}

.sentence img{margin:10px 10px 10px 0px;}

.recommend{width:110px; float:left; padding:10px; font-size:12px; line-height:150%;}

.recommend img{margin-bottom:10px; display:block;}

.caption1{width:519px; line-height:150%; background:url(../img/captionbg1.gif) no-repeat 0 0; margin:20px 0px 0px 0px; padding:15px 15px 0px 15px;}

.caption2{width:549px; height:15px; background:url(../img/captionbg2.gif) no-repeat 0 0; margin:0px 0px 20px 0px; padding:0px;}

.totop{text-align:right; padding:20px 25px 20px 0px;}

/*-----商品ページ設定----------------------------------------------------*/
.frame{width:560px;}

.leftimg{width:215px; float:left;}

.leftimg img{margin:10px 15px 15px 0px;}

.rightimg{float:right;}

.rightimg img{margin:10px 15px 15px 15px;}

.price{width:325px; float:right; padding:5px 10px; line-height:180%;}

.price img{margin:10px auto 10px 0px;}

.price p{font-size:12px; line-height:120%; margin-top:8px;}

.pf24{font-size:24px; color:#ff0000;}

h4{font-size:16px; font-weight:bold; color:#bb2244; background:url(../img/bullet4.gif) no-repeat 0 0; padding:5px 0px 7px 28px; margin:15px auto 10px 0px;}

h4 span{font-size:16px; font-weight:bold; color:#bb2244; background:url(../img/titlebg.gif) no-repeat 0 -4px;}

.goodsinfo{margin:10px 0px 25px 5px;}

.goodsinfo p{line-height:170%; padding:10px 15px 10px 0px;}

.buy{text-align:right; padding:20px; font-size:16px; line-height:100%;}

.buy img{vertical-align:middle;}

/*----ショップガイドページ設定----------------------------------------------------*/
.guide{width:549px; padding:0px 20px 20px 0px;}

.guide h5{font-size:14px; font-weight:bold; color:#bb2244; margin:20px auto 10px 0px;}

.guide h6{font-size:14px; font-weight:bold; color:#333333; margin:20px auto 10px 0px;}

.guide p{line-height:170%; padding:5px 10px 5px 15px;}

.guide img{margin:15px auto 25px 15px;}

.guide table{font-size:14px; border-top:1px solid #cccccc; border-right:1px solid #cccccc; margin:15px auto 25px 15px;}

.guide th{text-align:center; background-color:#eeeeee; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; padding:5px;}

.guide td{text-align:right; border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; padding:5px;}

.faq{width:549px; padding:0px 20px 50px 0px;}

.faq h5{font-size:14px; font-weight:bold; color:#bb2244; margin:20px auto 10px 0px;}

.faq ul{list-style:none; padding:5px 20px;}

.faq li{font-size:14px; line-height:170%; list-style:none; margin-bottom:5px;}

/*----リンクページ設定----------------------------------------------------*/
.link{padding:10px 10px 20px 10px;}

.link table{font-size:12px; border-top:1px solid #ff99cc; border-right:1px solid #ff99cc;}

.link th{border-bottom:1px solid #ff99cc; border-left:1px solid #ff99cc; padding:8px;}

.link td{border-bottom:1px solid #ff99cc; border-left:1px solid #ff99cc; padding:8px;}

.link p{line-height:170%; padding:10px 15px 10px 0px;}


/*----------------------------------------------------
フッター設定
----------------------------------------------------*/
#footer{width:800px; height:140px; background:url(../img/rose2.gif) no-repeat right bottom #ffffff; color:#bb2244; line-height:130%;}

.copy{width:500px; font-size:12px; padding:20px 0px 10px 20px; margin-top:20px;}

.footerad{width:760px; font-size:xx-small; padding:10px 20px;}

.footerad a{font-size:10px; color:#ff99cc;}

