@charset "utf-8";
/* CSS Document */
body{
line-height:140%;
color:#444;
font-size:14px;
}

table{
line-height:140%;
color:#444;
font-size:14px;
}

div{
line-height:140%;
color:#444;
font-size:14px;
}

#hedder{
	width:930px;
	height:105px;
	background-image:url(http://tsubutsubu-shop.jp/site/images/hedder_bg.jpg);
	background-repeat:repeat-x;
}
#hedder_right{
		float:left;
}
h1{font-size:12px;
color:#333333;
padding:5px 0px 0px 10px; 
}
#logo{
	width:268px;
	height:62px;
}
#hedder_left{
	width:600px;
	float:right;
	text-align:right;
	margin:5px 10px 5px 0px;
}
#hedder ul{padding:0px 0px 0px 0px;
margin:3px 0px 3px 0px;
list-style:none;
}
#hedder li{padding:0px 0px 0px 0px;
margin:5px 0px 5px 0px;
font-size:12px;
color:#663300;
}
a:link {
	color:#663300;
	text-decoration:none;
}
a:visited {
	color:#008080;
	text-decoration:underline;
}
a:hover {
	color:#008080;
	text-decoration:underline;
}
a:active {
}
#myform{
	width:400px;
	float:left;
}
#gNavi {
	width:930px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.mainmenu {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
  list-style: none;
}
#gNavi ul{padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style:none;
}
#gNavi li{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#663300;
	float:left;
}
.m10{
	padding-top:10px;
	padding-bottom:10px;
}
.mt10{
	padding-top:10px;
}
#navi {
	width:200px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
p{
	font-size:10px;
	color:#333333;
	padding:5px 10px 5px 10px;
}
.q{
	font-size:12px;
	color:#F16764;
	padding:5px 10px 5px 10px;
}
.a{
	font-size:12px;
	color:#333333;
	padding:5px 10px 5px 10px;
}
#navi ul{padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style:none;
}
#navi li{
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	font-size:12px;
	color:#663300;
	float:left;
	vertical-align:top;
}
.mymenu{
	background-image:url(http://tsubutsubu-shop.jp/site/images/mymenu_bg.jpg);
	width:200px;
	background-repeat:repeat-x;
	text-align:center;
	padding:0px;
	margin:0px 0px 0px 0px;
	line-height:100%;
}
p{
	padding:0px;
	margin:2px 5px 5px 5px;
}
.qa_btn{
	margin:10px 10px 10px 10px;
}
.left{
	text-align:left;
}

/*商品*/
.simg {
	padding-top:10px;
	padding-bottom:10px;
}
.sy{
	font-size:12px;
	line-height:18px;
	color:#333333;
	padding:10px 10px 10px 10px;
	text-align:left;
}
.s_bg{
	background-image:url(http://tsubutsubu-shop.jp/site/images/data_bg.gif);
	background-repeat:repeat-y;
}
.sp{
	font-size:12px;
	line-height:18px;
	color:#630000;
	text-align:left;
	padding:10px 10px 10px 10px;
}
.sp_bg{
	background-image:url(http://tsubutsubu-shop.jp/site/images/point_bg.gif);
	background-repeat:repeat-y;
}
/*商品ここまで*/

/*商品共通項目*/
.tur{
	background-image:url(http://tsubutsubu-shop.jp/site/images/riyuu_bg.jpg);
	width:720px;
	height:198px;
	background-repeat:no-repeat;
}
.p_tur{
	font-size:15px;
	color:#336666;
	line-height:20px;
	margin:70px 380px 50px 20px;
}
.k_bg{
	background-image:url(http://tsubutsubu-shop.jp/site/images/koe_bg.gif);
	background-repeat:repeat-y;
}
.p_k{
	font-size:15px;
	color:#336666;
	line-height:20px;
	margin:10px 20px 10px 20px;
}
.k_icon{
	margin:10px 0px 10px 10px;
}
/*商品共通項目ここまで*/

/*共通ランキング*/
.rank_img{
	margin:6px 6px 6px 6px;
	vertical-align:middle;
}
.rank_text{
	width:85px;
	height:80px;
	margin:8px 8px 8px 8px;
	line-height:15px;
}
.float{
	float:left;
}
/*共通ランキングここまで*/

/*box お客様の声*/

.box25{
  width: 485px;
  font-size: 10pt;/*文字サイズ*/
  }
.box25 dt{/*タイトル部分の設定*/
  color: #414142;/*文字色*/
  background-color: #FCFCFD;/*背景色*/
  font-weight: bold;
  width: 30em;/*タイトルの幅（文字数）*/
  position: relative;
  z-index: 2;
  padding: 0.3em 1em 0.2em 0.3em;
  border-style: solid;
  border-color: #616161;/*枠の色*/
  border-width: 1px 2px 2px 1px;
  }
.box25 dt span{
  padding-left: 8px;
  border-left: 4px solid #A0CD3C;/*タイトル部の左縦線*/
  }
.box25 dd{/*内容部分*/
  position: relative;
  z-index: 1;
  top: -0.9em;
  margin: 0 0 0 0.9em;
  border: solid 1px #717175;/*枠の色*/
  }
.box25 dd .text {
  padding: 1.7em 0.5em 1em 1em;/*テキスト部分の余白*/
  border-left: solid 30px #A0CD3C;/*左側の着色部分*/
  }


/*トラスト用*/
.tur2{
	background-image:url(http://tsubutsubu-shop.jp/site/images/trust_bg.jpg);
	width:714px;
	height:400px;
	background-repeat:no-repeat;
}
.p_tur2{
	font-size:12px;
	color:#336666;
	line-height:20px;
	margin:50px 380px 20px 20px;
}

/*box_Q&A*/

.box_qa{
  width: 700px;
  font-size: 10pt;/*文字サイズ*/
  }
.box_qa dt{/*タイトル部分の設定*/
  color: #414142;/*文字色*/
  background-color: #FCFCFD;/*背景色*/
  font-weight: bold;
  width: 35em;/*タイトルの幅（文字数）*/
  position: relative;
  z-index: 2;
  padding: 0.3em 1em 0.2em 0.3em;
  border-style: solid;
  border-color: #616161;/*枠の色*/
  border-width: 1px 2px 2px 1px;
  }
.box_qa dt span{
  padding-left: 8px;
  border-left: 4px solid #A0CD3C;/*タイトル部の左縦線*/
  }
.box_qa dd{/*内容部分*/
  position: relative;
  z-index: 1;
  top: -0.9em;
  margin: 0 0 0 0.9em;
  border: solid 1px #717175;/*枠の色*/
  }
.box_qa dd .text {
  padding: 1.7em 0.5em 1em 1em;/*テキスト部分の余白*/
  border-left: solid 30px #A0CD3C;/*左側の着色部分*/
  }

/*box_商品リンク*/

.box16{
  border: solid 1px #A0CD3C;/*外側の枠の色*/
  border-width: 1px 5px 1px 5px;
  width: 720px;  
  }
.inb{
  font-size: 8pt;/*文字サイズ*/
  border-top: 1px dashed #A0CD3C;
  border-bottom: 1px dashed #A0CD3C;
  margin: 5px;
  padding: 9px 17px;
  }


#shopping-index p {
	padding-bottom:5px;
}

#shopping-index td {
	line-height:1.5;
	padding:5px 0;
}

#shopping-index h2 {
	font-size:134%;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:10px;
}

#shopping-index strong {
	font-size:134%;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:10px;
	padding-bottom:5px;
}


.c-white {
	color: #FFFFFF;
}

.c-green {
	color: #91C604;
}

.c-green2 {
	color: #669900;
}

.c-green3 {
	color: #99CC99;
}

.c-orange {
	color: #FF9900;
}

.c-orange2 {
	color: #FF6600;
}

.c-orange3 {
 	color:#ff823f;
}

.c-purple {
	color: #990099;
}

.c-purple2 {
	color: #660066;
}

.c-red {
	color: #CC0033;
}

.c-pink {
	color: #FF8877;
}

.c-blue {
	color: #339999;
}

.c-beige {
	color: #AF9B5E;
}

.c-brown {
	color: #993300;
}

.c-black {
	color: #000000;
}

.c-green4 {
	color:#00b391;
}

h2.custard {
	font-size:134%;
	font-weight:bold;
	padding-bottom:10px;
	padding-top:10px;
}

.line150 {
	line-height: 150%;
}
.f12-16 {
	font-size: 12px;
	line-height: 16px;
}

.f12-18 {
	font-size: 12px;
	line-height: 18px;
}

.f12-21 {
	font-size: 12px;
	line-height: 21px;
}
.f14-s {
	font-size: 14px;
	letter-spacing: 3px;
	line-height: 150%;
}
.f14-18 {
	font-size: 14px;
	line-height: 18px;
}

.f14-21 {
	font-size: 14px;
	line-height: 21px;
}

.f14-21b {
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
}

.f14-21b a {
	color:#555555;
	text-decoration: none;
}

.f14-24 {
	font-size: 14px;
	line-height: 24px;
}


.f16 {
	font-size: 16px;
}

.f16-s {
	font-size: 16px;
}

.f16-20 {
	font-size: 16px;
	line-height: 20px;
}

.f16-27 {
	font-size: 16px;
	line-height: 27px;
}



.f18 {
	font-size: 18px;
}

.f18-b {
	font-size: 18px;
	font-weight: bold;
}


.f18-s {
	font-size: 18px;
	letter-spacing: 5px;
}

.f24 {
	font-size: 24px;
}

.f24-s {
	font-size: 24px;
	letter-spacing: 5px;
}

.f12-white {
	color: #FFFFFF;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

.f14-white {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

.f16-white {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}


.f10-gray{
	font-weight: normal;
	color: #AF9B5E;
	font-size: 10px;
	line-height: 16px;
}

.f12-gray {
	font-weight: bold;
	color: #AF9B5E;
	font-size: 12px;
	line-height: 18px;
}

.f14-gray {
	font-weight: bold;
	color: #AF9B5E;
	font-size: 14px;
	line-height: 20px;
}
.f18-gray {
	font-size: 18px;
	color: #AF9B5E;
	font-weight: bold;
	text-align: 23px;
}

.f12-green {
	font-weight: bold;
	color: #91C604;
	font-size: 12px;
	line-height: 18px;
}

.f14-green {
	font-weight: bold;
	color: #91C604;
	font-size: 14px;
	line-height: 20px;
}

.f16-green {
	font-weight: bold;
	color: #91C604;
	font-size: 16px;
	line-height: 20px;
}


.f12-orange {
	font-weight: bold;
	color: #FF9900;
	font-size: 12px;
	line-height: 18px;
}

.f14-orange {
	font-weight: bold;
	color: #FF9900;
	font-size: 14px;
	line-height: 20px;
}

.f16-orange {
	font-weight: bold;
	color: #FF9900;
	font-size: 16px;
	line-height: 20px;
}


.f12-purple {
	font-weight: bold;
	color: #990099;
	font-size: 12px;
	line-height: 18px;
}

.f14-purple {
	font-weight: bold;
	color: #990099;
	font-size: 14px;
	line-height: 20px;
}

.f16-purple {
	font-weight: bold;
	color: #990099;
	font-size: 16px;
	line-height: 20px;
}


.f12-red {
	font-weight: bold;
	color: #CC0033;
	font-size: 12px;
	line-height: 18px;
}

.f14-red {
	font-weight: bold;
	color: #CC0033;
	font-size: 14px;
	line-height: 20px;
}

.f16-red {
	font-weight: bold;
	color: #CC0033;
	font-size: 16px;
	line-height: 20px;
}
.f24-red {
	font-size: 24px;
	font-weight: bold;
	color: #CC0000;
	line-height: 32px;
}
.f18-red {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	color: #CC0000;
}
.f36-red {
	font-size: 36px;
	line-height: 48px;
	font-weight: bold;
	color: #CC0000;
}
.f12-pink {
	font-weight: bold;
	color: #FF8888;
	font-size: 12px;
	line-height: 18px;
}

.f14-pink {
	font-weight: bold;
	color: #FF8888;
	font-size: 14px;
	line-height: 20px;
}

.f16-pink {
	font-weight: bold;
	color: #FF8888;
	font-size: 16px;
	line-height: 20px;
}
.f12-orange2 {
	font-weight: bold;
	color: #FF6600;
	font-size: 12px;
	line-height: 18px;
}

.f14-orange2 {
	font-weight: bold;
	color: #FF6600;
	font-size: 14px;
	line-height: 20px;
}

.f16-orange2 {
	font-weight: bold;
	color: #FF6600;
	font-size: 16px;
	line-height: 20px;
}

.f18-orange2 {
	font-weight: bold;
	color: #FF6600;
	font-size: 18px;
	line-height: 23px;
}
.f24-orange2 {

	font-weight: bold;
	color: #FF6600;
	font-size: 24px;
	line-height: 36px;
}
.box_orange{
	border: #FF8800 solid 1px;
}

.box_green{
	border: #91C604 solid 1px;
}

.box_purple{
	border: #990099 solid 1px;
}
.product h2 {
	color: #990099;
	letter-spacing: 0.4em;
	font-size: 16px;
}
.banner {
	font-size: 14px;
	color: #FFFFFF;
}

