@charset "utf-8";
/* CSS Document */

html {
    overflow-y: scroll;
    margin-bottom:1px;
    height:100%;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{
    font-style:normal;font-weight:normal;
}

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

body, textarea {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-family: Arial, Helvetica,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.3;
	color: #333;
}
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }

body {
	padding: 0;
	margin: 0;
	font-size:12px;
    text-align:center;
	margin-left:auto;
	margin-right:auto;
	background:#FFF url(/shop/themes/sakura/images/bg_body_bg.png) center top no-repeat;
	background-color:#ffffff;
}

#bg_container{
	width:988px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:50px;
	background-image:url(/shop/themes/sakura/images/bg_body_5th_aniv.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-color:#ffffff;
}
#container{
	width:988px;
	margin-left:auto;
	margin-right:auto;
}

#head{
	width:988px;
	height:140px;
}

#head h1{
	color:#000;
	text-align:right;
	padding-right:20px;
	padding-top:10px;
}

#head h1 a:link, #head h1 a:visited, #head h1 a:hover{
	color:#0B539F;
	text-decoration:none;
}

#navi_container{
	width:172px;
	float:left;
}
#navi{
	width:150px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
    display:block;
}
#navi #cart{
	width:150px;
	height:140px;
    overflow:hidden;
    display:block;
}
#navi #cart #cart_info{
	text-align:center;
}
#navi #cart #cart_info table{
	margin-top:15px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
#navi #cart #cart_info table td{
	font-size:12px;
	text-align:center;
	vertical-align:middle;
}
#navi #cart #cart_info table td.cart_now{
	height:85px;
}
#navi #cart #cart_info table td.cart_btn{
	height:35px;
}

#navi #category {
	width:150px;
	margin-top:70px;
	text-align:left;
}
#navi #category ul.category,
#navi #category ul.category li,
#navi #category ul.category_list,
#navi #category ul.category_list li {
    list-style:none;
}
#navi #category ul.category li {
	margin: 1px 0;
}
#navi #category ul.category li a {
	height: 38px;
	width: 150px;
	text-indent: -1000px;
	overflow: hidden;
	display: block;
}
#navi #category ul.category li a.navi01 { background:url(/shop/themes/sakura/images/btn_navi01.png) no-repeat; }
#navi #category ul.category li a.navi02 { background:url(/shop/themes/sakura/images/btn_navi02.png) no-repeat; }
#navi #category ul.category li a.navi03 { background:url(/shop/themes/sakura/images/btn_navi03.png) no-repeat; }
#navi #category ul.category li a.navi04 { background:url(/shop/themes/sakura/images/btn_navi04.png) no-repeat; }
#navi #category ul.category li a.navi05 { background:url(/shop/themes/sakura/images/btn_navi05.png) no-repeat; }
#navi #category ul.category li a.navi_member01 { background:url(/shop/themes/sakura/images/btn_navi_member01.png) no-repeat; }
#navi #category ul.category li a.navi_member02 { background:url(/shop/themes/sakura/images/btn_navi_member02.png) no-repeat; }
#navi #category ul.category li a.navi_member03 { background:url(/shop/themes/sakura/images/btn_navi_member03.png) no-repeat; }
#navi #category ul.category li a:hover,
#navi #category ul.category li a:active{
    background-position: 0px -38px;
}
#navi #category input.text_padding {
	height: 1.8em;
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	width: 130px;
	border-width: 0px;
	border-style: none;
	border: 1px solid #999999;
	background-color: #fff4d4;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#navi #category ul.category_list li a{
	display:block;
	text-decoration:none;
	background:url(/shop/themes/sakura/images/category_icon_1.png) no-repeat 0 1px;
	padding:7px 0 6px 18px;
	font-weight:bold;
	border-bottom:1px solid #b9b9b9;
}
#navi #category ul.category_list li a:hover{
	background-color:#dddddd;
}


#main_container{
	width:814px;
	float:left;
	text-align:left;
	min-height: 500px;
}
#main{
	width:780px;
	margin-top:18px;
	margin-bottom:30px;
	margin-left:15px;
	position: relative;
}
#main div#new_alert {
	display: block;
	position: absolute;
	right: -100px;
	top: -10px;
}

#main .main_box {
	border: 2px solid #FFF;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	background-color: #FFF;
	padding: 10px;
}
#main .main_box_shadow
{
  width: 780px;
  height: 14px;
  background:#FFF url(/shop/themes/sakura/images/boxshadow780.png) center top no-repeat;
}

#main .main_box div.f02{
	margin: 0 0 30px -10px;
	font-size: 116%;
	line-height: 1.5;
	font-weight: bold;
	border: 1px solid #DDD;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 1px 1px #EEE;
	-moz-box-shadow: 0 1px 1px 1px #EEE;
	box-shadow: 0 1px 1px 1px #EEE;
}
#main .main_box div.f02 h2{
	font-weight: bold;
	font-size: 17px;
	margin: 2px 1px;
	padding: 10px 10px 10px 20px;
	background: url(/shop/themes/sakura/images/f02_bg_01.gif) repeat-y 1px 0;
}

#main .main_box input.text_padding {
    height: 1.8em;
    padding: 2px;
	font-family: Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	width: 300px;
	border-width:0px;border-style:none;
	border:1px solid #999999;
	background-color: #fff4d4;
	border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */
}
#main .main_box textarea.textarea_padding {
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	border-width: 0px;
	border-style: none;
	border: 1px solid #999999;
	background-color: #fff4d4;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#main .main_box input:focus,
#main .main_box textarea:focus{
	background: #eeeeff;
}
#main .main_box form p {
	margin: 10px 0;
}
#main .main_box form a {
	text-decoration:underline;
}

/* ----- item_list ----- */
.item_list {
	margin-top:0px;
	display: inline-block;
	min-height: 1%;
}
.item_list article {
	width: 150px;
	float: left;
	margin: 0 15px 15px 0;
	position: relative;
	display: block;
}
.item_list article a {
	color: #333;
	text-decoration: underline;
	outline: none;
}
.item_list article p.price {
	text-align: center;
	margin-bottom: 5px;
	padding: 2px 0;
	margin: 5px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
.item_list article p.text {
	margin-bottom: 5px;
}
.item_list article span.viagra_icon {
    margin-left: 0.5em;
    padding: 0 0.5em;
    color: #fff;
    font-size: 80%;
    background-color: #1e90ff;
    border-radius: 0.5em;
}
.item_list article span.levitra_icon {
    margin-left: 0.5em;
    padding: 0 0.5em;
    color: #fff;
    font-size: 80%;
    background-color: #ff8c00;
    border-radius: 0.5em;
}
.item_list article span.cialis_icon {
    margin-left: 0.5em;
    padding: 0 0.5em;
    color: #fff;
    font-size: 80%;
    background-color: #228b22;
    border-radius: 0.5em;
}

/* ----- item_detail ----- */
section#item_detail .item_cart_text {
	width: 330px;
	float: right;
}
section#item_detail .item_cart_photo {
	width: 400px;
	float: left;
	text-align:center;
}
section#item_detail div.item_cart_text table{
	width:315px;
	margin:10px 0;
	text-align:left;
}
section#item_detail div.item_cart_text table th,
section#item_detail div.item_cart_text table td{
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:5px 10px;
	vertical-align:middle;
	text-align:left;
}
section#item_detail div.item_cart_text table td.price{
	color:#C00;
}
section#item_detail div.item_cart_text table td.price del{
	color:#666;
	margin-right:3px;
}
section#item_detail div.item_cart_text table td.price span{
	font-size:28px;
	margin-right:5px;
}

section#item_detail p.cart{
	margin-top:15px;
	margin-right:15px;
	text-align:right;
}

/*	review_detail
-----------------------------------------------*/
section#review_detail{
}
section#review_detail h1,
section#review_write h1 {
	background: #f2f9fc url(/shop/themes/sakura/images/title_main_bg.png) no-repeat 6px 7px;
	padding: 5px 0 5px 28px;
	color: #146685;
	margin-bottom: 8px;
	font-size: 14px;
	border: 1px solid #b6dfef;

	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;

	margin-top: 20px;

}
div.review_article {
	border-bottom:1px dotted #999;
	padding:0 10px 10px;
	margin:0 10px 10px;
}
div.review_article p.star{
	font-size:14px;
	margin-right:10px;
	color:#146685;
}
 div.review_article p.star
,div.review_article p.title
,div.review_article p.date
,div.review_article p.author
,div.review_article p.target
{
	float:left;
	vertical-align:bottom;
	margin-right:10px;
}



section#review_detail header{
	width:auto;
	height:auto;
	margin:0;
	vertical-align:bottom;
}

section#review_detail header h2{
	font-size:14px;
	margin-right:10px;
}
section#review_detail header p.date{
	color:#999;
	margin-right:10px;
}
section#review_detail p.target{
	font-weight:bold;
	margin-bottom:10px;
}
section#review_detail p.target span{
	color:#F60;
}

/*	review_write
-----------------------------------------------*/
section#review_write{
}

section#review_write table{
	width:700px;
}
section#review_write table th{
	text-align:center;
	width:100px;
}
section#review_write table td{
}
section#review_write table td textarea{
	border:0;
	padding:5px;
	font-size:1.0em;
	font-family:Arial, sans-serif;
	color:#333;
	background-color: #fff4f4;
	border:solid 1px #999;
	width:500px;
	height:60px;
	margin:5px 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
section#review_write table td input[type="text"]{
	border:0;
	padding:5px;
	font-size:1.0em;
	font-family:Arial, sans-serif;
	color:#333;
	background-color: #fff4f4;
	border:solid 1px #999;
	width:150px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#footer_container {
	width: 100%;
	background-color: #ececec;
	border-top: 2px solid #999;
	padding: 60px 0;
}

#footer {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 60px;
}

#footer .footer_column {
	float: left;
	width: 285px;
	margin-left : 20px;
	margin-right: 10px;
	text-align: left;
	display: inline;
}

#footer .footer_column h1 {
	border-bottom: 3px double #999;
	margin-bottom: 8px;
}


#footer_navi {
	border-top: 1px dotted #a0a0a0;
	border-bottom: 1px dotted #a0a0a0;
	background-color: #FFF;
	padding: 8px 0;
	margin-bottom: 5px;

	position:relative;
	overflow:hidden;
	width:100%;
}

#footer_navi ul {
	list-style: none;
	position: relative;
	left: 50%;
	float: left;
}
#footer_navi ul li {
	margin-right: 20px;

	position: relative;
	right: 50%;
	float: left;
}

#footer_navi a {
	color: #333;
	text-decoration: underline;
	outline: none;
}

#footer_signature {
	text-align:center;
}

a:link, a:visited{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#F63679;
	text-decoration:underline;
}


/* -----------------------------------------
usage:
<div class="clearfix">
	<ul>
		<li>** float items **</li>
	</ul>
</div>
-------------------------------------------- */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* -----------------------------------------
usage:
<div class="clear"><hr /></div>
-------------------------------------------- */
.clear {clear:both;}
.clear hr {display:none;}


/*	カートの詳細
-----------------------------------------------*/

div#main section#cart_detail{
	margin-bottom:50px;
}
div#main section#cart_detail table.cart_detail_table th{
	text-align:center;
}
table.cart_detail_table{
	margin:20px auto;
	width:95%;
}
table.cart_detail_table th,
table.cart_detail_table td{
	border:1px solid #aaaaaa;
	padding:5px 10px;
	vertical-align:middle;
}
table.cart_detail_table th{
	text-align:left;
	background-color:#eeeeee;
}

/*== 商品のサムネイル ==*/
table.cart_detail_table td img{
	float:left;
	margin-right:10px;
}

/*== 価格（税込） ==*/
table.cart_detail_table td.price{
	text-align:right;
	color:#C00;
}
table.cart_detail_table td.price span{
	font-size:16px;
	margin-right:5px;
}

/*== 小計 ==*/
table.cart_detail_table td.price.subsum{
	color:#333;
}

/*== 削除 ==*/
table.cart_detail_table td a.delete{
	background:url(../images/icon_delete.png) no-repeat 0 2px;
	padding-left:15px;
}

/*== 合計 ==*/
table.cart_detail_table tfoot,
table.cart_detail_table tfoot th{
	background-color:#ccc;
}

/*== 合計金額の再計算 ==*/
div#main section#cart_detail p.resum{
	text-align:center;
}
div#main section#cart_detail p.resum img{
	vertical-align:middle;
	margin-left:20px;
}

/* --------------------------
   特定商取引法律に基づく表記
   -------------------------- */
div#tokutei {
	width:700px;
	height:697px;
	background: #ffffff url(/shop/themes/sakura/images/tokutei_6000_credit_without_master_with_jp.png) no-repeat;
}

/* --------------------------
   お取次ぎ代理店
   -------------------------- */
div#distributor_png {
	width:670px;
	height:316px;
	background: #ffffff url(/shop/themes/sakura/images/distributor.png) no-repeat 30px 20px;
}


/* -----------
   message css
   ----------- */
div.msg_info, div.msg_success, div.msg_warning, div.msg_error {
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
div.msg_info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('/shop/themes/sakura/images/msg_info.png');
}
div.msg_success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('/shop/themes/sakura/images/msg_success.png');
}
div.msg_warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('/shop/themes/sakura/images/msg_warning.png');
}
div.msg_error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('/shop/themes/sakura/images/msg_error.png');
}

span.ylw { background-color: #FFE566; font-weight: bold; padding: 2px; }

div#pankuzu {
	margin: 0 0 10px 0;
}
div#pankuzu a {
	color: #0000ff;
	text-decoration:underline;
}
div#pankuzu a:hover {
	color: #ff0000;
}


}