@charset "UTF-8";
/* 全体 */
body {
	margin:0;
	padding:0;
	color:#666;
	font-family:"Hiragino Maru Gothic Pro", "HG丸ゴシックM-PRO", verdana, arial, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
}
html,body {
    height: 100%;
}
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd {
	margin:0;
	padding:0;
	display:block;
	font-size:12px;
}
p {
	line-height:1.35em;
	word-break: break-all;
}
ul, li {
	list-style-type:none;
}

a img {
	border:none;
}
a:link {
	color:#666;
	outline: none;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:visited {
	color:#666;
}
.pkg:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.pkg {
	min-height: 1px;
}
* html .pkg {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;/**/
}
/* レイアウト */
#wrapper {
	border-top:solid 10px #A0A0A0;
	padding-top:10px;
	margin:0;
}
#contents_wrap {
	margin:0 auto;
	background-color:#fff;
	width:950px;
}
#left_wrap {
	float:left;
	width:240px;
	border-right:solid 1px #999;
	padding-right:10px;
}
#right_wrap {
	float:right;
	width:690px;
}
/* ヘッダ */
#header {
	margin-bottom:10px;
}
#header .head_left {
	float:left;
	width:110px;
}
#header .head_right {
	margin:10px 0 0  20px;
    width: 820px;
	float:right;
}
#header h1 a.logo {
	background:url(../images/common/logo.gif) no-repeat center;
	height:0;
	padding-top:100px;
	overflow:hidden;
	display:block;
}
#header h1 a.logogch {
	background:url(../images/common/logo_gch.png) no-repeat center;
	background-size: 110px auto;
	height:0;
	padding-top:100px;
	overflow:hidden;
	display:block;
}
#header .head_right .head_menu {
	float:left;
	width:585px;
	padding-left:60px;
}
#header .head_right .login {
	width:439px;
	padding-left:206px;
}
#header .head_right .head_menu ul {
	letter-spacing:-0.4em;
	border-left:solid 1px #999;
}
#header .head_right .head_menu ul li {
	border-top:solid 1px #999;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	padding:2px;
	letter-spacing:normal;
	display:inline-block;
*display: inline;
*zoom: 1;
	width:141px;
	text-align:center;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-9 */
}
#header .head_right .head_menu ul li:hover {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(211, 211, 211, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3', GradientType=0 ); /* IE6-9 */
}
#header .head_right .head_menu ul li a {
	display:block;
}
#header .head_right .head_menu ul li a:hover {
	text-decoration:none;
	color:#666;
}
#header .head_right .head_rakuten {
	float:right;
	width:150px;
}
#header .top_info_area {
	background: url("../images/common/head_info_icon.gif") no-repeat left center;
    border: 1px solid #F19495;
    float: left;
    height: 18px;
    overflow: hidden;
    padding: 5px 0 0 95px;
    text-align: center;
    width: 492px;
}
#header .top_info_area a{
	color:#FF0000;
}
#header .searchform_box {
	float:right;
	width:190px;
	margin:-3px 0 0 4px;
	padding-right: 35px;
}
#searchform {
	position: relative;
}
#keywords {
	width: 190px;
	height: 18px;
	border:solid 1px #999;
	padding: 4px;
	margin-bottom:3px;
}
#searchBtn {
	position: absolute;
	top: 0;
	_top: 1px;
	left: 200px;
}
p.point{
	text-align:right;
}
p.point span{
	color:#F00;
	font-weight:bold;
}
p.point img{
	vertical-align:middle;
	margin-right:3px;
}
*:first-child + html #searchBtn {
	top: 1px;
}
/* navi */
#navi_wrap {
	margin-bottom:10px;
}
#navi_wrap ul {
	letter-spacing:-0.4em;
}
#navi_wrap ul li {
	letter-spacing:normal;
	display:inline-block;
*display: inline;
*zoom: 1;
}
#navi_wrap ul li a {
	background-position:top left;
	display:block;
	width:118px;
	height:0;
	padding-top:45px;
	overflow:hidden;
}
#navi_wrap ul li a:hover {
	background-position:bottom left !important;
}
#navi_wrap ul li a.about {
	background:url(../images/common/navi_about.gif) no-repeat;
}
#navi_wrap ul li a.howto {
	background:url(../images/common/navi_howto.gif) no-repeat;
}
#navi_wrap ul li a.shopping {
	background:url(../images/common/navi_shopping.gif) no-repeat;
}
#navi_wrap ul li a.event {
	background:url(../images/common/navi_event_shop.gif) no-repeat;
}
#navi_wrap ul li a.eromen {
	background:url(../images/common/navi_eromen.gif) no-repeat;
}
#navi_wrap ul li a.fan {
	background:url(../images/common/navi_fan_club.gif) no-repeat;
}
#navi_wrap ul li a.calendar {
	background:url(../images/common/navi_calendar.gif) no-repeat;
}
#navi_wrap ul li a.news {
	background:url(../images/common/navi_news.gif) no-repeat;
}

#navi_wrap li.dropdown_item {
  position: relative;
}
#navi_wrap li.dropdown_item p {
  background: none repeat scroll 0 0 #A0A0A0;
    display: none;
    left: 1px;
    padding: 5px;
    position: absolute;
    top: 44px;
    width: 107px;
    z-index: 99999;
	text-align:center;
}

#navi_wrap li.dropdown_item p span a {
  display: inline-block;
  width: 98px;
  height: 15px;
  padding:10px 5px;
  color:#fff;
  fo
}
#navi_wrap li.dropdown_item p span a:hover {
  background: #F3A7AC;
  color: #fff;
  text-decoration:none;
}

/* ===============================================
	Side
=============================================== */

#side {
	width: 253px;
	float: left;
	margin-right: 27px;
}

#side > div {
	margin-bottom: 15px;
}




/* サイド */
.side_box {
	margin-bottom:30px;
}
.side_box h3 {
	height:0;
	padding-top:30px;
	margin-bottom:10px;
	overflow:hidden;
	background:url(../images/common/side_title.gif) no-repeat;
}
.side_box h3.topics {
	background-position:top left;
}
.side_box h3.info {
	background-position:0 -30px;
}
.side_box h3.menu {
	background-position:0 -60px;
}
ul.topics li {
	background:url(../images/common/side_menu_icon.gif) no-repeat left top;
	padding-left:14px;
	line-height:1.15em;
	margin-bottom:20px;
}
p.side_info {
	margin-bottom:10px;
	border-bottom:dotted 1px #999;
	padding-bottom:5px;
}
p.side_info span {
	margin-right:5px;
	color:#999;
	display:block;
	font-size:11px;
}
.side_nenu {
	border-top:solid 1px #999;
	border-left:solid 1px #999;
}
.side_nenu li a {
	border-bottom:solid 1px #999;
	border-right:solid 1px #999;
	display:block;
	text-align:center;
	padding:15px;
	cursor:pointer;
	font-size:14px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-9 */
}
.side_nenu li a:hover {
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(211, 211, 211, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(211, 211, 211, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3', GradientType=0 ); /* IE6-9 */
	text-decoration:none;
}
.banner_area img {
	margin-bottom:5px;
}
/* フッタ */
#footer_wrap {
	background-color:#A0A0A0;
	padding:15px;
}
.footer_box {
	width:950px;
	margin:0 auto;
	color:#fff;
	text-align:center;
}
.footer_box ul li {
	display:inline-block;
*display: inline;
*zoom: 1;
	border-right:solid 1px #fff;
	margin:10px 0 30px 0;
	padding:0 20px;
}
.footer_box ul li:last-child {
	border-right:none;
}
.footer_box p {
	font-size:11px;
	line-height:2em;
}
.footer_box ul li a{
	color:#fff;
}
/* ぱんくず */
#pankuzu{
	margin-bottom:10px;
	border-bottom:dotted 1px #CCCCCC;
	padding-bottom:3px;
}
#pankuzu ul li{
	display:inline-block;
*display: inline;
*zoom: 1;
	padding:0 15px 0 25px;
	font-size:11px;
}
#pankuzu ul li.home{
	background:url(../images/common/pankuzu_home_icon.gif) no-repeat left center;
}
#pankuzu ul li.yaji{
	background:url(../images/common/pankuzu_yaji_icon.gif) no-repeat left center;
}
/* page-top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
/* ページネート */
ul.pageNav01 {
	margin: 0 0 10px;
	padding: 12px;
	background: #f3f3f3;
	text-align: center;
}
ul.pageNav01 li {
	display: inline;
	margin: 0 1px;
	padding: 0;
}
ul.pageNav01 li a {
	display: inline-block;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #ccc;
	vertical-align: middle;
	text-decoration: none;
}
ul.pageNav01 li a:hover {
	background: #efefef;
}
ul.pageNav01 li span{
	display: inline-block;
	padding: 5px 10px;
	background: #999;
	vertical-align: middle;
	text-decoration: none;
	color:#fff;
}
/* エラー */
.error_wrap{
	padding-top:80px;
	text-align:center;
	margin:50px 0;
}
.error_wrap p{
	line-height:3em;
}
.error_wrap .more_btn_gray{
	padding:10px 20px;
}
.system_error{
	background:url(../images/common/title_error.gif) no-repeat center top;
}
.system_error_noimage{
        padding-top:10px;
}
.error{
	background: url(../images/common/title_error_404.gif) no-repeat center top;
}
/* kyoutuu */
.mulch_bd_box{
	border:solid 1px #999;
	padding:5px;
}
.mulch_bd_title{
	border-bottom:solid 1px #999;
	padding-bottom:3px;
	margin-bottom:3px;
	font-size:large;
}
.mulch_bd_title_s{
	border-bottom:solid 1px #999;
	padding-bottom:3px;
	margin-bottom:3px;
}
ul.m_img_list li{
	display:inline-block;
*display: inline;
*zoom: 1;
width:150px;
margin:0 0 15px 15px;
vertical-align:top;
}
/* 認証ページ */
#certification_wrap{
	background-color:#727171;
	height: 100%;
 min-height: 100%;
}

#certification_box{
	background:url(../images/common/top_bg.gif) repeat-x center;
	height:558px;
	text-align:center;
	padding-top:100px;
	color:#fff;
}

#certification_box a.link{
	width:130px;
	height:0;
	padding-top:43px;
	overflow:hidden;
	margin:0 10px;
	display:inline-block;
*display: inline;
*zoom: 1;
}
#certification_box a.yes{
	background:url(../images/common/top_yes_btn.gif) no-repeat left top;
}
#certification_box a.no{
	background:url(../images/common/top_no_btn.gif) no-repeat left top;
}
#certification_box a:hover{
	background-position:right top;
}





















/* 全体タグ再定義 */
/*
html{height:100%;}

body{
	font-size:12px;
	line-height:16px;
	height:100%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ";
	color:#333333;
	margin:0px 10px 0 10px;
}

li {list-style:none;}

a {color: #2952a6; text-decoration:none;}

a:visited {color: #2952a6;}

a:hover {color: #e8a44a; text-decoration:underline;}

a img:hover{opacity:0.7;}

h1{
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	display:inline;
	color:#2952a6;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.headtop h1{
	float:left;
	font-size: 12px;
	font-weight:normal;
	line-height:16px;
	color:#ffffff;
	margin:2px 0 0 10px;
}

h2,h2 a,h2 a:visited{
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	display:inline;
	color:#ffffff;
	margin-left: -10px;
	margin-top: 1px;
	margin-bottom: 0px;
        padding-top:1px;
}

.title h2, .cltitle h2, .helptitle h2{
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	display:inline;
	color:#ffffff;
	margin-top:5px;
	margin-left: 5px;
	padding-top: 12px;
	margin-bottom: 0px;
}

.cltitle3 h2{
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	display:inline;
	margin-top:4px;
	margin-left: 15px;
	padding-top: 12px;
	margin-bottom: 0px;
}

.mycltitle3 h2{
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	display:inline;
	color:#ffffff;
	margin-top:10px;
	margin-left: 5px;
	padding-top: 12px;
	margin-bottom: 0px;
}

.helptitle3 h2, .helptitle3 h2 a{
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	display:inline;
	color:#ffffff;
	margin-top:5px;
	margin-left: -5px;
	padding-top: 12px;
	margin-bottom: 0px;
}


h3{
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	color: #2952a6;
	margin-left:8px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#main_cl h3, #centercontent h3, #mypagebox h3, #infobox h3 ,#cartbox h3 ,#list_cl h3 ,#one_cl h3{
	float:left;
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	color: #ffffff;
	margin-left:17px;
	margin-right:14px;
	margin-top: 2px;
	margin-bottom: 0px;
}

h4{
       line-height:14px;
}
*/
.categorytitle h4 {
	float:left;
	margin-top:4px;
	padding-left:7px;
	font-size:15px;
	font-weight:bold;
	line-height:14px;
}
/*
p{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

table{
	font-size: 12px;
	line-height: 16px;
}
*/
.clear {
	clear:both;
	height:1px;
}
/*
.space{        clear:both;     height:1px;}
*/
.space10 {
	clear:both;
	height:10px;
}
/*
.space20{ clear:both; height:20px;}

.flright{
	clear:both;
	width:160px;
	margin-right:5px;
	padding:5px 5px 5px 10px;
	text-align:right;
}
*/
.flRight {
	display:inline;
	float:right;
	margin-top:5px;
	margin-right:5px;
}
/*
img{border:none;}

.borderImage img{border:1px solid #555555;}
*/
.txtBold {
	font-weight:bold;
}
.txtSmall {
	font-size:80%;
}
/*
.txtRight{text-align:right;}
*/
.font-Red {
	color:#ff0000;
}
/*
.font-s-Red{ color:#ff0000;    font-size:11px;}

.font-Blue-Bold{ color:#00F; font-weight:bold;}
*/
.font-Orange {
	color:#F90;
}
/*
.font11{ font-size:11px;}
*/
.borderline {
	clear:both;
	padding:5px 0 5px 0;
	width:100%;
	background:url(../images/common/line.png) repeat-x;
	background-position:top;
}
/*
.m_10{ margin:10px;}
*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* genre */
#genre .genre_list_ch li {
	padding:5px;
    margin:0 5px 10px;
    width: 47%;
    float: left;
}
#genre .genre_list_ch img{
    width: 100%;
}