@charset "utf-8";

/*ベース設定
=======================================*/
body {
	color: #666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	background-color: #fff;
	font-size:13px;
	line-height: 1.4em;
	letter-spacing: 0.1em;
	zoom: 1;
}

/* ======================== base:13px//list
 62% =  8px		147% = 19px		231% = 30px
 70% =  9px		154% = 20px		239% = 31px
 77% = 10px		162% = 21px		247% = 32px
 85% = 11px		170% = 22px		254% = 33px
 93% = 12px		177% = 23px		262% = 34px
100% = 13px		185% = 24px		270% = 35px
108% = 14px		193% = 25px		277% = 36px
116% = 15px		200% = 26px		285% = 37px
124% = 16px		208% = 27px		293% = 38px
131% = 17px		216% = 28px		300% = 39px
139% = 18px		224% = 29px		308% = 40px
=========================================*/

/*linkfont設定
=======================================*/
a:link {color:#c36;text-decoration:none;}
a:visited {color:#c36;text-decoration:none;}
a:hover {color:#555;text-decoration:underline;}
/*Font設定
=======================================*/
h1,h2,h3,h4,h5 {font-size: 100%;line-height: 150%;}
.att,.fcred {color: #f00;}
.stg {font-weight:bold;}
.fcdpink {color:#c36;}
.emf {font-size:116%;}

.sale_price {color: #f00;}
.price {color: #f69;font-weight:bold;}
.normal_price {font-size: 90%;}
.small {font-size:85%;line-height:1.2em;}
.yen {color:#c36;font-size:108%;line-height:1.6em;font-weight:bold;}
/*Form設定
=======================================*/
select {border: solid 1px #ccc;}
input[type='text'],
input[type='password'],
textarea,
.select {
    border: solid 1px #ccc;
    padding:2px 4px;
	margin:2px;
}
.help {color:#ccc;}

/*レイアウト設定
============================================================
┌.inloveagain──────────────────────┐
│                                                        │
│┌#container─────────────────────┐│
││┌────────────────────────┐││
│││#headerSec  >>>>>> #harea                       │││
││└────────────────────────┘││
││┌────── #mainwrap──────┐┌ #menuwrap┐││
│││┌───────────────┐││          │││
││││        #breadcrumbs          │││          │││
│││└───────────────┘││          │││
│││┌───────────────┐││          │││
││││            .mag              │││          │││
│││└───────────────┘││          │││
│││┌───────────────┐││          │││
││││          #artcleSec          │││          │││
│││└───────────────┘││          │││
│││┌───────────────┐││          │││
││││            .mag              │││          │││
│││└───────────────┘││          │││
│││┌───────────────┐││          │││
││││           #btmSec            │││          │││
│││└───────────────┘││          │││
││└─────────────────┘└─────┘││
│└──────────────────────────┘│
│┌──────────────────────────┐│
││                 #footerSec                         ││
│└──────────────────────────┘│
│┌──────────────────────────┐│
││                  #pagebtm                          ││
│└──────────────────────────┘│
└────────────────────────────┘
========================================================== */

/*汎用設定
************************************** */
.tac {text-align:center!important;}
.tar {text-align:right!important;}
.tal {text-align:left!important;}
.mbs {margin-bottom:4px;}
.mbm {margin-bottom:8px;}
.mbl {margin-bottom:12px;}
.mbxl {margin-bottom:16px;}
.tcenter {text-align:center;}
.tright {text-align:right;}
.mudmax {margin:32px 0;}
.wdss {width:60px;}
.wds {width:90px;}
.wdm {width:120px;}
.wdl {width:230px;}
.wdxl {width:360px;}

.fleft {float:left;}
.fright {float:right;}
.mb20 {margin-bottom:20px;}
.mb8 {margin-bottom:8px;}

.doublebtn {
	margin:10px auto;
	width:360px;
}

.doublebtn li {
	width:180px;
	float:left;
	text-align: center;
}

.doublebtn li input,
.doublebtn li img {
	vertical-align:middle!important;
}

/*レイアウト設定
************************************** */
.inloveagain {
	margin:0 auto 10px;
	width:980px;
	text-align:center;
}

.radius {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	position:relative;
	behavior: url(/inlove/js/PIE.htc); /* CSS3 PIE */
}

#container {
	margin:6px auto 10px;
	padding: 0 0 0 0;
	background:url("../img/globalbg.png") top center repeat-y;
	text-align: left;
}


#headerSec {
	background:url("../img/headerbg.png") top center no-repeat;
	margin:0 auto;
	text-align:left;
	height:162px;
}

#mainwrap {
	width:700px;
	float:left;
	margin-left:10px;
}

#artcleSec .inbody ,
#breadcrumbs,#btmSec {
	width:670px;
	float:left;
	padding:10px;
	background:#fff;
	margin-bottom:10px;
	clear:both;
}

.mag {
	clear:both;

}


#menuwrap {
	float:right;
	width:240px;
	margin-right:10px;
	padding:0 10px 0;
}
/*フッターセクション設定
************************************** */
ul#sitelink {
	margin:0 auto;
}
ul#sitelink li {
	float:left;
}


/*ヘッダーセクション設定
************************************** */
#logo {width:205px;float:left;}
#harea {
	float:right;
	width:775px;
	height:162px;
	text-align:left;
	position:relative;
}
#harea>h1,
#harea>p#sinfo {
	text-align:right;
	margin-right:6px;
	height:32px;
	line-height:32px;
	font-weight:normal;
}
#harea>#topBnr {
	position:absolute;
	bottom:34px;
	left:14px;
}


.spage h1 {
	background:url(../img/blueheart.png)left center no-repeat;
	color:#069;
	font-size:131%;
	line-height:1.2em;
	padding:2px 0 0 18px;
	margin:0 4px 6px;
}

/*メニューカラム設定 ブロック設定
************************************** */
#menuwrap .bloc {margin-bottom:12px;text-align:center;}
#menuwrap #genrelist {margin-bottom:12px;}

#menuwrap h2 {text-align:center;}
div.genre h3 {margin:4px 6px;color:#c36;font-size:108%;}
div.genre>ul {margin-bottom:6px;}
div.genre>ul li {}
div.genre>ul li:before {
	margin-right:3px;
	content:url("../img/heart.png");
}
div.genre>ul li a:link,
div.genre>ul li a:visited {color:#555;text-decoration:none;}
div.genre>ul li a:hover {color:#c36;text-decoration:underline;}

#mgate {
	text-align:center;
	padding:4px 0 8px;
	border:3px solid #f69;
	margin-bottom:16px;
	background:#fff;
}

#mgate h2 {margin-bottom:8px;}

#mgate input[type='text'],
#mgate input[type='password'] {
	width:210px;
	margin-bottom:8px;
}

/*営業カレンダー
************************************** */
#scal {text-align:center;}
table.calender {
	border:1px solid #09c;
	margin:0 auto 10px;
}
table.calender thead th {
	text-align:center;
	background-color:#09c;
	color:#fff;
}
table.calender tbody th {
	width:28px;
	border:1px solid #09c;
	text-align:center;
	background-color:#9ff;
}
table.calender tbody td {
	border:1px solid #09c;
	text-align:center;
	background-color:#fff;
}
table.calender tbody .doff {background-color:#fcf;color:#f00;}


/*ガチャガチャリスト
************************************** */
.gacha {
	float:left;
	background:#fff;
	margin:0 10px 10px 0;
	font-size:93%;
	line-height:1.2em;
}
.size_s {width:165px;}
.size_m {width:340px;}
.size_l {width:510px;}
.size_xl {width:690px;}
.gacha .data {
	padding:8px;
	overflow:hidden;
}

.gacha .data .date {text-align:right;}
.gacha .data .salesyen {text-align:center;color:#069;padding:4px 0 0;font-weight:bold;}
.gacha .photo {margin:6px 0;text-align:center;}

.gacha .reco h2,
.gacha .his h2 {text-align:right;color:#09c;}

.gacha .new h2,
.gacha .relative h2 {text-align:right;color:#c36;}

.gacha .info h2 {text-align:right;}
.gacha .info h2 span.date {font-weight:normal;margin-left:12px;}

.gacha .item h2
.gacha .reco h3,
.gacha .relative h3,
.gacha .his h3,
.gacha .new h3,
.gacha .info h3 {
	font-weight:normal;
	line-height:1.2em;
	margin-bottom:6px;
}

/*Tweet表示
************************************** */
#tweetline {height:420px}


/*topicpath
************************************** */
#breadcrumbs {
	line-height:1.4em;
}

.pagenumber_area .change {width:240px;float:right;}
.pagenumber_area .navi {width:430px;float:left;}




/*btmセクション
************************************** */
#guide h2 {display:none;}
#guide .blc {width:330px;}
#guide h3 {
	background:#87d4ea;
	color:#fff;
	text-align:center;
	padding:3px 0;
	margin-bottom:8px;
}

#guide dl dt {
	color:#069;
	padding:4px 0;
	font-size:116%;
}

#guide dl dt:before {
	content:"■";
}

#guide dl dd {
	padding:2px 0;
	font-size:93%;
	line-height:1.2em;
}

.darkblue {color:#069;padding:4px;}


/*table設定
************************************** */
table.basic {
	border: 1px solid #bbb;
	width: 100%;
}
table.basic th {
	padding: 3px;
	border: 1px solid #bbb;
	color: #333;
	background: #cff;
	font-weight: normal;
	text-align:center;
	vertical-align:middle;
}
table.basic td {
	padding: 3px;
	border: 1px solid #bbb;
	vertical-align:middle;
}

table.ilabase {
	border: 1px solid #bbb;
	width: 96%;
	margin:20px auto;
}
table.ilabase th {
	padding: 6px;
	border: 1px solid #bbb;
	color: #333;
	background: #cff;
	font-weight: normal;
	text-align:center;
	vertical-align:middle;
}
table.ilabase td {
	padding: 6px;
	border: 1px solid #bbb;
	vertical-align:middle;
}

table.outable {
	border: 1px solid #bbb;
	width: 86%;
	margin:20px auto;
}
table.outable th {
	padding: 8px;
	border: 1px solid #bbb;
	color: #333;
	font-weight: normal;
	text-align:center;
	vertical-align:middle;
}
table.outable td {
	padding: 8px;
	border: 1px solid #bbb;
	vertical-align:middle;
}

p.login_memory {margin:6px 0 0;}

/*ページ個別
************************************** */
/*entry-kiyaku*/
#memberentry .kiyaku_text {width:600px;margin:20px auto;display:block;}

/*MyPage*/
#mynavi_area {border-bottom:1px dashed #ccc;margin:12px 0;}
.mynavi_list li {float:left;padding:1px 8px 0;border-left:3px solid #87d4ea;line-height:1.0em;margin:3px 0;}
#usrmypage h2 {margin-bottom:12px;}

/*shopping*/
.rgate,.pay_area,.pay_area02,.point_area {border:1px solid #ccc;padding:20px;margin:20px;}
#shopping .rgate h2,#usrmypage .rgate h2,
.pay_area h3,.pay_area02 h3,.point_area h3 {margin-bottom:12px;color:#c36;}
.pay_area .non-select-msg,.pay_area02 .non-select-msg {text-align:center;}
.stepimg {text-align:center;margin:16px 0;}

/*infopage*/
#infopage dl.rule {width:96%;margin:0 auto;}
#infopage dl.rule dt {color:#c36;font-size:116%;}
#infopage dl.rule dd {padding:10px;}


/* Tipsy
----------------------------------------------- */
.tipsy {
    padding: 5px;
    font-size: 10px;
    position: absolute;
    z-index: 100000;
}
.tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
}
.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.tipsy-arrow {
    position: absolute;
    background: url('../img/ajax/tipsy.gif') no-repeat top left;
    width: 9px;
    height: 5px;
}
.tipsy-n .tipsy-arrow {
    top: 0;
    left: 50%;
    margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
}
.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
}
.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 5px;
    height: 9px;
    background-position: top right;
}
.tipsy-w .tipsy-arrow {
    top: 50%;
    margin-top: -4px;
    left: 0;
    width: 5px;
    height: 9px;
}



/*商品詳細
************************************** */
#ilaitem {padding:0 5px 5px;}
#ilaitem #intro {margin-bottom:8px;border-bottom:1px dotted #ccc;padding-bottom:4px;}
#ilaitem #intro h1 {font-size:116%;padding-bottom:4px;}
#ilaitem #intro .salesyen {text-align:right;color:#c36;font-size:131%;}

#ilainfo {width:340px;float:right;}
#ilainfo h2 {margin-bottom:8px;}
#ilainfo #memo {border:1px dashed #f69;padding:3px 6px;margin-bottom:8px;}
#ilainfo #memo h3 {color:#c36;font-weight:normal;}

#ilainfo .cart_area {border:1px solid #ccc;padding:8px;}
#ilainfo .cart_area dl {width:300px;margin:4px auto;}
#ilainfo .cart_area dl#bill {
	text-align:center;
	border-bottom:1px dashed #ccc;
	border-top:1px dashed #ccc;
	margin-bottom:8px;
	padding:6px 0;
}
#ilainfo .cart_area dl#bill dt {font-size:139%;line-height:1.6em;}
#bill .salesyen {font-size:200%;line-height:1.2em;color:#c36;font-weight:bold;}
#bill .normalyen {font-size:85%;}
#ilainfo .quan {text-align:center;padding:16px;}
#ilainfo .quan input {width:86px;}
#cartbtn_default,#cartbtn_dynamic {text-align:center;}


#ilamore {width:310px;float:left;}

#ilamore #photoview {
	border:1px solid #ccc;
	background:#eee;
	width:300px;
	text-align:center;
	margin-bottom:10px;
}

#ilamore #addimg {
	width:300px;
	text-align:center;
	margin-bottom:10px;
}

#ilamore #addimg ul li {
	float:left;
	width:80px;
	padding:5px 10px;
}

#ilamore #addimg ul li img {
	border:1px solid #ccc;
}

#ilamore #update_info,
#ilamore #relative_cat {
	width:300px;
	font-size:85%;
	margin-bottom:10px;
}

#ilamore #update_info h2 {font-weight:normal;}

div.detailinfo {margin-bottom:10px;}
div.detailinfo table {border:1px solid #bbb;width:100%;font-size:93%;}
div.detailinfo table th {border:1px solid #bbb;width:110px;background-color:#fac1cb;padding:3px;vertical-align:middle;font-weight:normal;text-align:center;}
div.detailinfo table td {border:1px solid #bbb;padding:3px;vertical-align:middle;}


ul#socialbutton {margin-bottom:16px;}
ul#socialbutton>li {float:left;padding:3px 0;}

/*EC-CUBE移植
====================================*/
/*カートページ*/
div#shoppincart ul#quantity_level li {
    padding: 3px;
    display: inline;
}