@charset "UTF-8";
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, 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, optgroup { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
img { vertical-align: bottom; }
/* base */
body, textarea {line-height:1.5em; letter-spacing:0.05em; color: #231815; background-color: #fff; }
body, input, select, textarea, button {font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size: 12px; }
a:link, a:visited { color: #666; outline: none; }
a:hover { color: #f7ac00; }
strong { font-weight: bold; }
hr { display: none; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end */

html:not(:target) body {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: auto;
}
* html body  {
	overflow:auto;
}
#container {
	width:900px;
	margin:0 auto 15px;
	padding:15px 0 0;
}

/* header */
#header {
	height:65px;
	background:transparent url(../imgs/header_line.gif) repeat-x left 46px;
	position:relative;
}
#header .tagline {
	position:absolute;
	top:20px;
	left:201px;
}
#header .about {
	position:absolute;
	top:12px;
	right:0px;
}

/* mokkotsu > search_buttons_container */
#search_buttons_container{
	margin-bottom:20px;
	background-color: #2C2C2C;
}
#search_buttons_container ul li{
	float:left;
}

/* tab area */
#tab_area ul.buttons {
	position:relative;
	height:40px;
}
#tab_area ul.buttons li {
	position:absolute;
	top:1px;
	left:1px;
}
#tab_area ul.buttons li.shop { left:335px; }
#tab_area ul.buttons li.blog { left:670px; }
#tab_area ul.buttons li.event{ left:784px; }

#tab_area ul.buttons li a.nochange {
  cursor:default;
}

/* My Style */
#mystyle {
	background-color:#fff;
	width:900px;
	overflow:hidden;
}
#mystyle .gadget{
	margin-bottom:5px;
	position:relative;
	height:840px;
	width:915px;
	overflow:hidden;
}
#mystyle .banner{
	position:static;
	height:auto!important;
	width:168px!important;
	overflow:hidden;
	float:left;
}
#mystyle .banner .title_container{
	position:static!important;
	left: 0px;
	top: 0px;
	margin-bottom:15px;
}
#mystyle .banner .content.item{
	position:static!important;
	left: 0px;
	top: 0px;
	margin-bottom:15px;
}

#mystyle .gadget .loader{
	position:absolute;
	top:150px;
	left:350px;
	width:200px;
	padding:15px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#646464;
	background-color:#fff;
	border:1px solid #d4d4d4;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

	-moz-box-shadow:3px 3px 3px #ddd;
	-webkit-box-shadow:3px 3px 3px #ddd;
	z-index:10;
}
#mystyle .gadget .loader img{
	vertical-align:middle;
}

#mystyle .gadget .item{
	background-color:#fff;
	width:136px;
	border:1px solid #fff;
	padding:15px;
}
#mystyle .gadget .surface{
	background-color:#000;
	cursor:defalut;
	top:0px;
	left:0px;
	height:100%;
	width:168px;
	overflow:hidden;
	position:absolute;
	filter: alpha(style=0; opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
#mystyle .gadget .content{
	overflow:hidden;
	position:absolute;
}
#mystyle .gadget .fixed{
	position:relative!important;
	left:auto!important;
}
#mystyle .gadget .content.item{
	cursor:pointer;
	top:0px;
	left:-183px;
	z-index:30;
}
#mystyle .gadget .content.item.grayed{
	background-color:#fff!important;
	border:1px solid #d4d4d4!important;
}
#mystyle .gadget .content.item.grayed:hover{
	background-color:#fff!important;
	border:1px solid #d4d4d4!important;
}
#mystyle .gadget .title_container{
	z-index:50;
	display:block;
	width:168px;
	position:absolute;
}
#mystyle .gadget .title_container .back_button{
	height:36px;
}
#mystyle .gadget .title_container .upper{
	padding-bottom:15px;
}
#mystyle .gadget .title_container .lower{
	padding-top:15px;
}

#mystyle .gadget .title.item .volume{
	font-size:17px;
	font-weight:bold;
	height:1em;
	text-align:center;
	margin:9px 0;
}

#mystyle .gadget .title.item .tag_list{
	border-bottom:1px solid #d4d4d4;
}
#mystyle .gadget .title.item ul.tags{
	padding:11px 0;
}
#mystyle .gadget .title.item ul.tags li{
	margin:2px 0;
}
#mystyle .gadget .title.item ul.tags li a{
	text-decoration:none!important;
	display:block;
}
#mystyle .gadget .title.item .volume_list{
	height:32px;
}
#mystyle .gadget .title.item .volume_list select{
	margin-top:10px;
	width:100%;
}

#mystyle .gadget .item .gadget_image{
	width:138px;
}
#mystyle .gadget .item .tagdate img{
	float:left;
}
#mystyle .gadget .item .tagdate span{
	float:right;
	font-size:9px;
	letter-spacing:0.01em;
	line-height:12px;
	padding-top:2px;
}
#mystyle .gadget .item .text_content{
	margin-top:10px;
	line-height:1.4em;
}
#mystyle .gadget .item .text_content .size_l{
	font-size:15px;
	font-weight:bold;
}
#mystyle .gadget .item .text_content .size_m{
	font-size:12px;
	font-weight:bold;
}
#mystyle .gadget .item .text_content .size_s{
	font-size:11px;
}
#mystyle .gadget .item .text_content .body{
	font-size:12px;
	margin-top:10px;
}
#mystyle .gadget .item .series_content .title{
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #D4D4D4;
	padding-bottom:5px;
	margin:5px 0;
}

#mystyle .gadget .item .series_content ul li{
	font-size:11px;
	border-bottom:1px dotted #D4D4D4;
	padding-bottom:5px;
	margin-bottom:5px;
	line-height:1.3em;
}
#mystyle .gadget .item .series_content ul li:last-child{
	padding-bottom:0;
	margin-bottom:0;
	border-bottom:none;
}
#mystyle .gadget .item .series_content ul li a:link,
#mystyle .gadget .item .series_content ul li a:visited{
	color:#000;
	text-decoration:none;
}
#mystyle .gadget .item .series_content ul li a.selected,
#mystyle .gadget .item .series_content ul li a:hover{
	color:#f7ab00;
}

/* footer */
#footer {
	height:55px;
	background:transparent url(../imgs/footer_line.gif) repeat-x left 0px;
	position:relative;
}
#footer ol.banner{
	position:absolute;
	top:15px;
	left:0px;
	background:transparent url(../imgs/footer_banner_line.gif) no-repeat right center;
}
#footer ol.banner li{
	float:left;
	padding:0 15px;
	background:transparent url(../imgs/footer_banner_line.gif) no-repeat left center;
}
#footer ol.link{
	position:absolute;
	top:7px;
	right:0px;
	font-size:10px;
}
#footer ol.link li{
	float:left;
	padding:0 10px;
	background:transparent url(../imgs/footer_text_line.gif) no-repeat left center;
}
#footer ol.link li.last{
	padding-right:0;
}
#footer ol.link li a {
	text-decoration:none;
}

#footer address{
	position:absolute;
	top:25px;
	right:0px;
	font-size:8px;
}