@charset "utf-8";
@import url("/styles/import.css");

.jamu-box{padding:10px 50px 0 50px;background:#e0d6cc;}
.white-box{background:#fff; padding:0px 0px 0px 0px;}
.blue-box{background:#cfd4e7;padding-bottom:60px;padding-right:30px;padding-left:30px;padding-top:30px;}
.blue-box02{background:#d3d8eb;padding-bottom:60px;padding-right:30px;padding-left:30px;padding-top:30px;}
.blue-box-profile{color:#ffffff;background-color:#4e6294;padding-bottom:13px;padding-right:18px;padding-left:13px;padding-top:13px;margin-bottom:10px;}

.blue-box-profile a{color:#ffffff;}

.pink-box{background:#f7d6df;}
.whitening-box{background:url("/images/whitening01_bg01.jpg") center top no-repeat;text-align:center;width:100%;padding-top:65px;}
.whitening-box ul{margin:0 auto;padding:0;height:150px;width:680px;overflow:auto;text-align:left;}
.whitening-box ul li{margin:0 0 0 50px;padding:0;}
.whitening-box a{color:#fff;text-decoration:none;line-height:1.2;}
.whitening-box a:hover{color:ddd;}
.box_s{background:#e9e9eb;padding:15px;margin:20px;}
.box_g{border: 1px solid #999 ;padding:10px;margin:10px;}
.att_b{color:#00ACE5;font-size:1.2em; font-weight:bold;}
.att_bo{color:#ff9966;font-size:1.2em; font-weight:bold;}
.att_bb{color:#000;font-size:1.2em; font-weight:bold;}
.att_bs{color:#0099cd;}
.att_bp{color:#6600CC;}

span.attg {
background-color: #DAF2DA;
}

span.attp {
background-color: #fae8e7;
}



/* DEFAULT */
body {background:url("/images/design/body.jpg") repeat-x;padding-bottom:0px;
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';}
#container {width:900px;}
/*#container {background : url("/images/design/container.jpg") repeat-y;width:900px;}*/
a {color: #000000 ;}
a:hover {color: #666666 ;}
hr {border: 1px solid #999 ;}
#container02 {width:900px;}

#container02 {
	position: relative ;
	width: 900px ;
	margin: auto ;
	text-align: left ;
}

/* HEADER */
#header {height:149px;background:url("/images/design/body.jpg") repeat-x}
#index #header{height:150px;}
#header * {color:#999;}
#header h1 {color : #fff ;}

#index #header h1 {width:900px;height:300px;line-height:900px;padding-top:0px;}
html > body#index #header h1 {height:0px;}
#header img {top:21px;}

#fontSize {border-bottom: 3px solid #0255A3 ;}
#fontSize p {color : #322620 ;}
#fontSize li a.off {border: 1px solid #1e3766 ;color: #0255A3;background: #fff ;}
#fontSize li a.on {border: 1px solid #fff ;color: #fff ;background: #0255A3;}

/* headerNavi */


#h-utility {width:450px;height:81px;background:url("/images/design/header01.png") right top no-repeat;}
#h-utility ul#n1 li.n01{width:114px;height:34px;}
#h-utility ul#n1 li.n02{width:114px;height:34px;}

#h-utility ul#n1 {height:81px;margin:11px 550px 0 70px;}

#h-info {width:163px;height:81px;background:url("/images/design/info.png") right top no-repeat;}
#h-info ul {height:21px;margin:60px 0 0 0;}
#h-info li {float: left;}
#h-info ul li.n01{width:81px;}
#h-info ul li.n02{width:81px;}

#hNavi {top:110px;width:900px;height:30px;}
#hNavi ul#n2 {height:40px;margin:0;width:100%;background:url("/images/design/menu.jpg") right top no-repeat;}
#hNavi li {width:auto;text-align:left;}

#hNavi ul#n2 li.n01{width:108px; margin-left:6px;}
#hNavi ul#n2 li.n02{width:108px; margin-left:6px;}
#hNavi ul#n2 li.n03{width:108px; margin-left:6px;}
#hNavi ul#n2 li.n04{width:108px; margin-left:6px;}
#hNavi ul#n2 li.n05{width:108px; margin-left:6px;}
#hNavi ul#n2 li.n06{width:108px; margin-left:6px;}
#hNavi li a{overflow:hidden;line-height:120px;background:url("/images/design/bg.gif");}
#hNavi ul#n1 li a{height:20px;}
#hNavi ul#n2 li a{height:40px;}
#hNavi ul#n1 li.n01 a{width:87px;}
#hNavi ul#n1 li.n02 a{width:87px;}
#hNavi ul#n2 li.n01 a{width:108px;}
#hNavi ul#n2 li.n02 a{width:108px;}
#hNavi ul#n2 li.n03 a{width:108px;}
#hNavi ul#n2 li.n04 a{width:108px;}
#hNavi ul#n2 li.n05 a{width:108px;}
#hNavi ul#n2 li.n06 a{width:108px;}

/* CONTENTS */
#center,
#index #center{width:680px;margin:0;}
#center{padding-top:5px;}
#index #center{padding-top:0px;}

#center .item h3 {margin :10px 0 5px;}

#center h3 {background :url("/images/design/hl.jpg") no-repeat ;color : #4F4F4F ;margin :10px 0 7px;}
.gl_Item h3 {background :url("/images/design/hl.jpg") no-repeat ;color : #4F4F4F ;margin :10px 0 7px;}
#center h3 a {color : #4F4F4F ;}
#center h4 {background :url("/images/design/hl.jpg") no-repeat ;color : #4F4F4F ;}
#center h4 a {color : #381D12 ;}
#center h2 { font-size: 1.1em;}
#center table th {background : #CFE4E9 ;border : 1px solid #83D3DE ; text-align : left ; font-weight : bold ;}

#center .item table th
    {padding :3px ;
     font-size: 1.1em;
     background-color:#fff;
     line-height: 1.6;}
#center table td {border : 1px solid #83D3DE ; padding :3px ; font-size: 0.9em;}

#center .faq a {background : url("/images/question.png") left center no-repeat ;}

#center .dotbox {background-color: #fcf6e8; padding: 10px 5px; border: 1px solid #faedd1;}

.pickupcolumn li{
display: inline-block;
width:250px;
vertical-align: top;
margin:0 5px;
}

/* CONTENTS FutureShop */

#form{width:760px; font-size:0.9em;}
#form .pageTitle,
h2.pageTitle{
	background-color:transparent;
	background:url("/images/design/hl.jpg") no-repeat left bottom;
	color:#4F4F4F;
	font-size:1.25em;
	margin:20px 0 7px;
	padding-bottom:5px;
	border:0px;
}
#form h3.Definition,
#form h4.Definition{border:0px;}

#form .userTable_02{
	width: 98% ;
	margin: 5px 0 5px 1% ;
	border: 1px #83D3DE solid;
}
#form .userTable_02 th {
	background-color:#CFE4E9;
	white-space: nowrap ;
	font-weight: bold ;
	text-align: left ;
	vertical-align : top ;
	padding: 3px ;
	border: 1px #83D3DE solid;
}
#form .userTable_02 td {
	padding: 3px ;
	vertical-align : top ;
	border: 1px #83D3DE solid;
}

.user_content{width:680px; font-size:0.95em;}
.user_content p{
	margin-bottom:5px;
	margin-top:5px;}
.user_content big{font-size:1.25em;}

.layout_table{margin:0;}
.system_content{margin-left:5px;}

.user_content h3,
.user_inner_content h3{
	background-color:transparent;
	background:url("/images/design/hl.jpg") no-repeat left bottom;
	color:#4F4F4F;
	font-size:16px !important;
	margin:20px 0 7px;
	padding-bottom:5px;
	padding-left:0 !important;
	border:0px;
}

.system_content .pan{background-color:#FFF;}

.layout_wide{width:900px; margin-left:-15px;}



/* NAVI */
#menu{text-align:center;}
#category {
		width:200px;
		margin:0 auto;
		text-align:left;
		padding-bottom:20px;}
#category li span, #category li a {color:#92804E;}
#category li li, #category li.sitemap {
		background:#fff url("/images/back.gif") left bottom no-repeat;
}

#category li a img{
	border-bottom:1px dotted #999;
	padding: 0;
}


#category li a:hover{}
#category li li a, #category li.sitemap a{
		padding:0 0 0 17px;
		color:#050726;
		line-height:25px;
		margin:1px 0;
		background:url("/images/back.gif") center left no-repeat;
		border-bottom:1px dotted #999;
}
#category li li a:hover, #category li.sitemap a:hover{
		background:url("/images/back_on.gif") center no-repeat ;
}
#category li.sitemap {margin-top:0px;}

/* FOOTER */
#footer { background-color:#fff;color:#fff;padding:0;border-top:3px solid #08a8be;height:47px;overflow:hidden;}
/*#footer * {color:#fff;font-size:1em;padding:50px 0 0 0;width:100%;}*/

/* TOPPAGE */
#index #center h3 {color:#fff;font-weight:normal;background: url("/images/design/h3.jpg") left center no-repeat;}
#index #center h3 a {color:#fff;font-weight:normal;font-size:1.26em;}
#index #center h4 {background:#d6d6d6 none;color:#666;font-size:1.15em;}
#index .indexContent {background : url("/images/reason.png") no-repeat top center; }
#index .content p {padding:0px 0px 1em 0px;font-size:0.92em;}

#index #center li{display:inline;}
.list-i1 li{margin:0;padding:0 0 20px 0;}
.list-i2 li{}
.list-i3 li{}
.link-i{text-align:right;}
.link-i a{background:url("/images/design/arrow.jpg") left center no-repeat;padding:0 0 0 20px;text-decoration:none;}
.r2{clear: both; padding: 0.3em; float: right;}


.topinfo {
	margin-bottom: 20px;
	padding: 5px;
	border: 1px solid #6BB0AB;
	background-color: #E9F3F3;
}

span.att{
background:#f0f8ff;
font-size:110%;
}

/* ITEM */
.item table.noline { margin-bottom : 20px ;}
.item table.noline th { border : none ;}
.item table td a { text-decoration:none; border-bottom:1px black dotted;}
.item table td a img { vertical-align:top; text-decoration:none; }

.item table td { line-height: 1.6; }

/* ボーダーなしのテーブル */
#center .item table.noline td { border : none ;}

div.item_left {width:320px; float:left;margin-bottom:10px; overflow: hidden;}
#center div.item_left img {margin:0 5px 5px 0;}
div.item_right {float:left;width:360px;margin-bottom:10px;}
// div.item_right p {font-size:100%;line-height:1.5;}
.pricearea {
      width:320px;
      background-color: #f3f3f3;
      margin: 5px;
      padding: 5px 12px 10px;
      line-height:30px;}

.pricearea h2 {font-size: 1.1em;line-height:1.3;}
.pricearea input {display:block; margin: auto; margin-top:5px;}
span.price {color: #dc143c; font-weight : bold ;}

table.sample2 {clear:both; width: 98% ;margin: 5px 0 5px 1% ;border: none;	border-collapse: collapse;border : 1px solid #cdcdcd ;}
table.sample2 th {background : #e6e6e6 ;border : 1px solid #cdcdcd ; text-align : center; font-weight : bold ;padding: 3px ;white-space: nowrap ; vertical-align : top ;}
table.sample2 td {border : 1px solid #cdcdcd; padding: 3px ;vertical-align : top ;font-size: 0.9em;}

span.stk { text-decoration:line-through; }

p.boderdot {
margin-top:20px;
padding: 10px;
border-top: 2px dotted #3CC2B0;
}

p.center { text-align:center;}

/*表top*/
.top_table {margin:0 auto;
width:900px;
text-align:left;}
.top_table br{clear:both;}
.top_table img{padding:2px;}
.top_table p{padding:4px; font-size:12px; color:#000;}
div.t1{display:block;
float:left;
background:url("/images/design/bg_brand.png") no-repeat;
margin:0 0 1px 1px;
height:133px;
width:293px;
padding:2px;
border:0px solid #fff;
}
div.t2{display:block;
float:left;
background:url("/images/design/bg_brand.png") no-repeat;
margin:0 0 1px 1px;
height:133px;
width:293px;
padding:2px;
border:0px solid #fff;
}
div.t3{display:block;
float:left;
background:url("/images/design/bg_brand.png") no-repeat;
margin:0 0 1px 1px;
height:133px;
width:293px;
padding:2px;
border:0px solid #fff;
}

/* footer-navi */
#footer-navi {
	padding-top: 10px;
	padding-left: 250px;
	text-align: left;
	font-size: 1em;
}
#footer-navi ul li {
	display: inline;
	border-left: 1px solid #333;
	padding: 0 8px;
}
#footer-navi ul li.s {
	border-left: 0;
}

/* topright */
#index .index_content .right02 {float:right;width:250px;}
#index .index_content .right li02 {margin-bottom:3px;}
#index .index_content .right02 ul {margin:0;}
#index .index_content .right02 ul li {margin:0; padding:0; list-style:none;}

/* template +2012.06.22 */
#footer{font-size:1.3em;color:#666;}
#footer a{color:#06a6be;}
#guide{margin-top:30px;font-size:1.3em;color:#666;}
#guide a{color:#06a6be;}
#guide h3{margin-bottom:10px;}
#guide .block{width:430px;}
#guide p{margin-bottom:10px;}
#guide p.title{padding:5px;background-color:#e1e1e1;}
#guide span{font-weight:bold;}

/* footer-calendar */
#guide .calender{}
#guide .calender_table{
	float:left;
	width:210px;
}

/* cart */

h3.CrossHead{
	font-weight:normal;
	font-size:18px;
	border:0px;
}

table.cartTable{
	margin-left:0;
	border:0px;
}
.cartTable th{
	background: #F5F5F5;
	text-align:center;
	padding:3px;
}

.FS2_total_area .cartTable th{
	text-align:right;
	font-weight:bold;
}
.userTable_01 caption {
	border-top: 1px solid #dddddd;
	background: #e5e5e5;
	padding: 5px;
}
.userTable_01 td,
.userTable_01 th{
	padding: 5px;
}



/*右のラインを消す*/
.FS2_body_Cart_ShoppingCart #form {
	width: 679px;
	overflow: hidden;
}
.FS2_body_Cart_ShoppingCart .cartTable {
	width: 680px;
	border-top: 1px solid #dddddd;
}
/*下のテーブルには適応しない*/
.FS2_body_Cart_ShoppingCart .FS2_total_area .cartTable {
	width: 100%;
}
.FS2_body_Cart_ShoppingCart .cartTable caption {
	border-top: 1px solid #dddddd;
	background: #e5e5e5;
	padding: 5px;
}
.FS2_body_Cart_ShoppingCart .cartTable th {
	background:#f5f5f5;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding:3px 8px;
	font-weight:normal;
}
.FS2_body_Cart_ShoppingCart .cartTable td {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding:3px 8px;
}
.FS2_body_Cart_ShoppingCart .FS2_total_area .cartTable th {
	border-right: none;
	font-weight: bold;
}
.FS2_body_Cart_ShoppingCart .FS2_total_area .cartTable td {
	border-right: none;
}
.FS2_body_Cart_ShoppingCart .FS2_bottom_btn_right_and_left_1 {
	float: right;
}
.FS2_body_Cart_ShoppingCart .FS2_bottom_btn_right_and_left_2 {
	float: left;
	margin-top: 20px;
}
.FS2_body_Cart_ShoppingCart .itemRight50 {
	margin-top: 25px;
}
.FS2_body_Cart_ShoppingCart .itemRight {
	margin-top: 20px;
}

/* ショッピングカート */
.FS2_body_Cart_ShoppingCart #submit_1 {
	background: url("/images/common/bg-bt-recalculate.gif") no-repeat left top;
}
.FS2_body_Cart_ShoppingCart #submit_2 {
	background: url("/images/common/main/bg-bt-void.gif") no-repeat left top;
}
.FS2_body_Cart_ShoppingCart #submit_3 {
	background: url("/images/common/main/bg-bt-03.gif") no-repeat left top;
}
.FS2_body_Cart_ShoppingCart #submit_4 {
	background: url("/images/common/main/bg-bt-continue.gif") no-repeat left top;
}/*買い物を続ける*/
.FS2_body_Cart_ShoppingCart #submit_1:hover {
	background: url("/images/common/bg-bt-recalculate.gif") no-repeat left bottom;
}
.FS2_body_Cart_ShoppingCart #submit_2:hover {
	background: url("/images/common/main/bg-bt-void.gif") no-repeat left bottom;
}
.FS2_body_Cart_ShoppingCart #submit_3:hover {
	background: url("/images/common/main/bg-bt-03.gif") no-repeat left bottom;
}
.FS2_body_Cart_ShoppingCart #submit_4:hover {
	background: url("/images/common/main/bg-bt-continue.gif") no-repeat left bottom;
}

/* LOGIN */
/* ログイン（お気に入りに登録する時） */
.FS2_body_Login_Login .inputTableArea div a,
.FS2_body_WishListLogin_Login .inputTableArea div a {
	margin-right: 100px;
}
.FS2_body_Login_Login .CrossHead {
	margin: 0 0 20px;
}
.FS2_body_Login_Login .FS2_login_layout_table_td_left .CrossHead,
.FS2_body_Login_Login .error_content {
	margin-right: 15px;
}
.FS2_body_Login_Login .userTable_01 {
	margin-bottom: 20px;
}
.FS2_body_Login_Login .userTable_01 caption {
	display: none;
}
.FS2_body_Login_Login #submit,
.FS2_body_Login_Login #submit_0,
.FS2_body_WishListLogin_Login #wishListLogin,
.FS2_Login_btn_position input {
	background: url("/images/common/bg-bt-01.gif") no-repeat left top;
}
.FS2_body_Login_Login #submit:hover,
.FS2_body_Login_Login #submit_0:hover,
.FS2_body_WishListLogin_Login #wishListLogin:hover,
.FS2_Login_btn_position input:hover {
	background: url("/images/common/bg-bt-01.gif") no-repeat left bottom;
 }
.FS2_body_Login_Login #submit {
	margin-bottom: 10px;
}
.FS2_body_Login_Login #submit_0 {
	margin-top: 53px;
}
.FS2_body_WishListLogin_Login .FS2_login_layout_table_td_left {
	padding-top: 25px;
}
.FS2_body_WishListLogin_Login .error_content {
	margin-right: 15px;
}
.FS2_body_WishListLogin_Login #wishListLogin {
	margin: 20px 0 10px;
}
/* パスワードをお忘れの方 */
.FS2_body_Password_PasswordReminderEdit .userTable_01 {
	margin: 15px 0 20px;
}
.FS2_body_Password_PasswordReminder #submit {
	margin-top: 20px;
}
.FS2_body_Password_PasswordReminderEdit #submit,
.FS2_body_Password_PasswordReminder #submit {
 	background: url("/images/common/bg-bt-01.gif") no-repeat left top;
}
.FS2_body_Password_PasswordReminderEdit #submit:hover,
.FS2_body_Password_PasswordReminder #submit:hover {
 	background: url("/images/common/bg-bt-01.gif") no-repeat left bottom;
}


/* 下部オススメ商品 */
.FS2_recommendgoods_table h3.itemTitle{
	background-image:none;
	font-size:12px;
	font-weight:normal;
	padding-bottom:3px;
	border-top:0px;
}
.FS2_recommendgoods_table h3.itemTitle a{
	text-decoration:none;
	border-bottom:1px #CCC dotted;
}

.FS2_itemPrice_area{
	font-size:12px;
}
.FS2_itemPrice_area span{
	font-weight:normal;
}
.FS2_itemPrice_addition{
	color:#dc143c;
	padding-left:7px;
}

#innerlink{
	padding:10px 0;
}
#innerlink span{
	font-weight:bold;
	color:#dc143c;

}

#nenshi img{
	padding:5px 0;
}

/*index.html　コラムエリア*/
#columnlist {
margin:10px 0px 5px;
width:100%;
}


.fL{
float:left;
width:48%;
margin:3px;
padding-right:5px;
}

.clearfix {
display: inline-block;/*インラインレベル表示設定*/
}

.info-ho{
width: 100%;
font-size:110%;
margin-bottom: 10px;
margin-top: 10px;
background-color: #ffcc99;
}

.info-ho th{
width: 10%;
padding: 4px;
margin-right: 10px;
text-align: center;
vertical-align: middole;
color: #fff;
background-color: #ff9966;
border-style: none;
}

.info-ho td{
padding: 4px 10px;
text-align: left;
color: #666;
}

.info-ho a{
color: #666;
}

/* 商品リニューアルの注意文 */
.renewal {
    position: relative;
    display: inline-block;
    padding: 1em 1.5em;
    text-decoration: none;
    color: #00BCD4;
    background: #ECECEC;
    transition: .4s;
    border: solid 1px #ff9966;
    border-radius: 10px;
  }

.renewal:hover {
    background: #fce4cc;
    color: white;
}

.renewal p{
	font-size: 1.2em;
	}

.renewal a{
	text-decoration: none;
	}

.renewal img{
	float: left;
	width:20%;
	margin-right: 20px;
	}
	
.sankaku{
	width: 15px;
	height: 15px;
	border-top: 10px solid transparent;
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    border-left: 10px solid transparent;
    float:right;
    margin-top: -30px;
}