@charset "utf-8";

/* =====================================================================
	global
====================================================================== */
html {
	   overflow-y:scroll;
}
* {
	margin : 0;
	padding : 0;
	font : normal normal 100% Arial,Helvetica,sans-serif;
}
*html {
	border-style : none;
}
body {
	color : #333333;
	font-size : 62.5%;
	text-align : center;
	background : url(../images/bg.gif) repeat-y center top;
}

/* =====================================================================
/* ___________________________________________________________ anchor */

a {
	color: #437BBD;
	text-decoration : none;
}
a:link {
	color: #437BBD;
}
a:visited {

}
a:hover {
	text-decoration : underline;
	color: #2DB1D2;
}
a:active {
}

div#header ul#navigation li a:hover,
div#contents div.news ul.navigation li a:hover,
div#contents div.ranking li a:hover {
	text-decoration : none;
}


p#page_top {
	position : relative;
	margin : 20px 0 0 0;
	font-size : 0.9em;
}
*html p#page_top {
	font-size : 0.8em;
}
*+html p#page_top {
	font-size : 0.8em;
}
p#page_top a {
	position : absolute;
	right : 0;
	background : url(../img/icon/accessory/button/anchor.gif) no-repeat;
	font-size : 0.95em;
	text-indent : 27px;
	line-height : 21px;
	width : 144px;
	height : 21px;
}

/* ___________________________________________________________ headline */

h1 {
	padding : 0 0 5px 15px;
	color: #FFFFFF;
	font-size: 12px;
}

div#header h2 {/* 修正 */
	overflow : hidden;
	font-size : 12px;
	line-height : 1.4em;
	width : 555px;
}


/* ___________________________________________________________ document */

strong,
b {
	font-weight : bold;
}
p {
	padding : 0 0 5px 0;
	line-height : 1.3;
}
.note {
	padding : 7px 15px 7px 0;
	background : #cde8f6;
	text-align : right;
}

/* ___________________________________________________________ list */

ul {
	list-style : none;
}
ol {
	list-style-position : inside;
}

/* ___________________________________________________________ rule,clearfix */

div#contents div.attention hr.cut,
div#contents div.news div.column hr {
	clear : both;
	visibility : hidden;
}

div#header ul#navigation:after,
body#whole div.information:after,
body#whole div.cover:after,
div#contents div.news ul.navigation:after,
div#contents div.ranking ul:after,
div#contents div.backnumber:after {
	display : block;
	clear : both;
	content : ".";
	visibility : hidden;
	height : 0;
}

/* ___________________________________________________________ box */


div#global,
div#shell {
	margin : 0 auto;
	width : 990px;
	font-size : 1.2em;
	text-align : left;
}
div#header {/* 修正 */
	margin : 0;
	width: 100%;
	background : url(../images/headerbg.gif) repeat-x;
}
div#logobox {/* 修正 */
	float: left;
	width: 410px;
}

div#logoboxr {/* 修正 */
	float: right;
	text-align: right;
	width: 500px;
	padding: 20px 15px 0px 0px;
}
div#footerbox {
	margin : 5px auto 0 auto;
	padding-top: 10px;
	font-size : 1.0em;
	text-align : center;
	background-position: bottom;
	padding-bottom: 8px;
	clear: both;
}

div#footer {
	margin : 0 auto;
	width: 990px;
}

div#footer a{
	color: #000000;
}

*html div#footer {
	font-size : 0.9em;
	line-height: 42px;
}

/* =====================================================================
	header
====================================================================== */

p#logo,
div#global_center,
p#pr {/* 修正 */
	float:left;
}

div#global_center {/* 修正 */
	overflow : hidden;
	padding : 2px 0 0 5px;
	width:555px;
}

div#global_center h2 {/* 修正 */
	overflow : hidden;
	width:555px;
}

div#global_center ul#area_link {/* 修正 */
	padding : 24px 0 0 0;
	margin : 0 0 0 -2px;
}

div#global_center ul#area_link li a,
div#global_center ul#area_link_zenkoku li a {/* 修正 */
	padding : 0 2px;
}

div#global_center ul#area_link_zenkoku {/* 修正 */
	padding : 7px 0 0 0;
	margin : 0 0 0 -2px;
}

p#logo {
	margin : 0 5px; 0 2px;
	padding : 3px 0 0 0;
	width : 180px;
	height : 60px;
}
*html p#logo {
	margin : 0 0 0 5px;
}



p#pr {
	left : 785px;
	margin : 0 0 0 2px;
	padding : 0;
	width : 234px;
	height : 60px;
}

/* ___________________________________________________________ navigation */

div#header ul {
	clear : both;
	padding : 0 0 0 15px;
	font-size : 12px;
	height : 20px;
}

div#header ul#navigation {
	padding : 16px 0 0 0;
	margin : 0px 0 0 15px;
	color : #ffffff;
	height : 32px;

	width:700px;/* 修正 */
	float:left;/* 修正 */
}

body#whole div#header ul#navigation {
	height : 20px;
}

div#header ul#navigation li,
div#header ul#navigation li a {
	line-height : 30px;
	width : 88px;
	height : 32px;
}
div#header ul#navigation li.letters_07,
div#header ul#navigation li.letters_07 a {
	width : 94px;
}
div#header ul#navigation li.letters_08,
div#header ul#navigation li.letters_08 a {
	width : 110px;
}
div#header ul#navigation li.letters_11,
div#header ul#navigation li.letters_11 a {
	width : 142px;
}
div#header ul#navigation li {
	display : block;
	float : left;
	margin : 0 4px 0 0;
	background : url(../img/icon/header/navi.gif) no-repeat bottom;
	text-align : center;
}
div#header ul#navigation li a {
	display : block;
	background : url(../img/icon/header/navi.gif) no-repeat top;
	color : #666666;
}
div#header ul#navigation li.letters_07 {
	background : url(../img/icon/header/letters_07.gif) no-repeat bottom;
}
div#header ul#navigation li.letters_07 a {
	background : url(../img/icon/header/letters_07.gif) no-repeat top;
}
div#header ul#navigation li.letters_08 {
	background : url(../img/icon/header/letters_08.gif) no-repeat bottom;
}
div#header ul#navigation li.letters_08 a {
	background : url(../img/icon/header/letters_08.gif) no-repeat top;
}
div#header ul#navigation li.letters_11 {
	background : url(../img/icon/header/letters_11.gif) no-repeat bottom;
}
div#header ul#navigation li.letters_11 a {
	background : url(../img/icon/header/letters_11.gif) no-repeat top;
}
div#header ul#navigation li a:hover {
	background-position : 0 -32px;
	color : #ffffff;
}

div#header ul#genre {/* 修正 */
	margin : 7px 0 0 0;
	width:950px;
	float:left;
}
div#header ul#genre li {
	margin : 0 10px 0 0;
	padding : 0;
	font-weight: bold;
	color: #3366cc;
}
div#header ul#genre li a{
	margin : 0 0 0 0;
	padding : 0 0 0 15px;
	background : url(../img/icon/accessory/arrow/white.gif) no-repeat left center;
	zoom : 1;
	font-weight: bold;
}
div#header ul#genre li.index,
div#header ul#genre li.index a {
	background : transparent;
	color : #3366cc;
	font-weight : bold;
}

div#header ul#genre li span {
	font-weight : normal;
}

div.keyword_search{
	float:right;
	height:27px;
	padding:21px 0 0 0;
	margin:0 0 0 0;
	width:270px;
}

div.keyword_search table {
	float:right;
}

div.keyword_search table input#stores,
div.keyword_search table input#girls
 {
	border:none;
}

* html div.keyword_search label {
	letter-spacing: -0.1em;
}

/* =====================================================================
	image
====================================================================== */
img {
	vertical-align : bottom;
	border : none;
}
/* =====================================================================
	footer
====================================================================== */

div#footer ul,
div#footer address,
div#footer p,
div#footer div#end {
	margin : 0 auto;
	padding : 0 0 3px 25px;
	text-align : left;
}
*html div#footer ul {
	margin : 0 0 0 25px;
	padding : 0;
}
*html div#footer p,
*+html div#footer p {
	font-size : 0.9em;
}
div#footer ul li {
	font-size : 1.2em;
}
div#footer address {
	margin : 15px auto 3px auto;
}
div#end,
*html div#end{
	margin : 0 auto;
	padding : 0 0 3px 0;
	text-align : left;
}
*+html div#end{
	margin : 0 auto;
	padding : 0 0 3px 0;
	text-align : left;
	font-size : 0.9em;
}


/* =====================================================================
	データがない時
====================================================================== */

div#nodata{
	text-align: center;
	padding: 15px 50px 0 50px;
}
/* =================================================================== */

/* =====================================================================
	em要素(イタリック)のスタイル指定 2009 2.13 @ESS 
	*指定のスタイル上書き  2009 2.16 @ESS 
====================================================================== */

#shopbody em,
#shopbody em *,
#combody em,
#combody em * { font-style: italic; }

#shopbody strong,
#shopbody strong *,
#combody strong,
#combody strong * { font-weight : bold; }

/* =================================================================== */