@charset "utf-8";
/**************************************************
 デフォルトスタイルのリセット
***************************************************/

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; zoom: 1; }
ul,ol { list-style: none; }
fieldset,img { border: none; vertical-align:bottom; }
caption,th { text-align: left; }
hr { display: none; }
strong { font-weight: bold; }
em { display: none; }

/**************************************************
 float解除
***************************************************/

.clear{ clear:both; }

/**************************************************
 共通アンカースタイル
***************************************************/

a:link { color: #0062AD; text-decoration: none; }
a:visited { color: #0062AD; text-decoration: none; }
a:hover { color: #027EDD; text-decoration: underline; }
a:active { color: #165BDA; text-decoration: underline; }

a.under:link, a.under:visited { text-decoration: underline; }

/**************************************************
 共通ページレイアウトスタイル
***************************************************/

/* BODY */
body {
	line-height: 140%;
	font-family: Verdane, Arial, "ＭＳ Ｐゴシック", Osaka;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	color: #222222;
	text-align:center;
	background-color:#ffffff;
}
body {
	font-size: 13px;
	*font-size: 81.25%; /*for IE6,IE7*/
}

body.conv { background: none; }

h2, h3 {
	font-family: sans-serif;
}

/* PAGETOP */
a#PAGETOP span { display: none; }

/* CONTENTS */
a#CONTENT span { display: none; }

/* 音声ブラウザ対応 */
p#skip { position: absolute; width: 100px; left: -200px; }

/* ページ全体のコンテナ */
div#containerWrap { width: 100%; font-size: 108%; line-height: 140%; }
div#container { width:100%; }

/**************************************************
 共通h2スタイル
***************************************************/

/* 基本h2 */
h2 { width: 735px; height: 33px; text-indent:-9999px; text-align:left; border-bottom: 7px solid #cccccc; background-repeat: no-repeat; }

/* ヘッダ */
div#header { width: 100%; background-color:#000000; color:#ffffff; }
div#headerInner { width: 987px; margin:0 auto; height:90px; }
div#headerLeft { float:left; margin: 20px 0 0 0; text-align: left; _width: 230px; }
/*div#headerLeft .logo { text-align:left; width: 178px; height:50px; background:url(../images/hd_logo.png) no-repeat; text-indent:-9999px; }*/
/*
div#headerLeft .logo { text-align:left; width: 178px; height:50px; background:url(../../common/images/header_logo.svg) no-repeat; text-indent:-9999px; }
div#headerLeft .logo a { width: 178px; height:50px; display:block; overflow:hidden; }
*/
div#headerLeft .logo { text-align:left; width: 229px; height:50px; background:url(../../common/images/harimode_inc_logo.svg) no-repeat; text-indent:-9999px; }
div#headerLeft .logo a { width: 229px; height:50px; display:block; overflow:hidden; }
div#headerRight { float:right; margin: 30px 0; text-align: right; }
div#headerRight ul { font-size: 12px; width: 100%; }
div#headerRight ul li{ color: #ffffff; float:left;  }
div#headerRight ul li.link a{ color: #ffffff; margin: 0 10px; }
div#headerRight ul li.link a:hover{ color: #cccccc; }
div#headerRight ul li.search { margin: 0 0 0 20px; }
div#headerRight ul li.search form { font-size:11px; _width: 168px; }
div#headerRight ul li.search .searchText { float:left; width:122px; height:14px; }
div#headerRight ul li.search .searchText, x:-moz-any-link { height:16px; }
div#headerRight ul li.search .searchBtn { float:left; background:url(../images/icon_search.jpg); width:20px; height:18px; border:none; text-indent:-9999px; cursor:pointer; margin: 0 20px 0 0; }



div#headerRight ul li.cart { float:left; width:110px; height:18px; text-indent:-9999px; text-align:left; }
div#headerRight ul li.cart a { width:110px; height:18px; display:block; background:url(../images/hd_cart.gif) 0 0 no-repeat; overflow:hidden; margin: 0; }
div#headerRight ul li.cart a:hover { background:url(../images/hd_cart.gif) 0 -18px no-repeat; }
div#headerRight ul li.account { float:left; margin: 0 0 0 10px; width:110px; height:18px; text-indent:-9999px; text-align:left; }
div#headerRight ul li.account a { width:110px; height:18px; display:block; background:url(../images/hd_account.gif) 0 0 no-repeat; overflow:hidden; }
div#headerRight ul li.account a:hover { background:url(../images/hd_account.gif) 0 -18px no-repeat; }

/* グローバルメニュー */
/*
div#Gnavi{ width: 100%; margin:0 auto; height:40px; background:url(../images/bg_gnavi.gif) repeat-x; }
div#Gnavi ul { width: 987px; height:40px; margin:0 auto; border-top: #b8b7b7 solid 1px; text-align:left; }
div#Gnavi ul { width: 987px; height:40px; }
div#Gnavi ul li { float:left; height: 40px; text-indent:-9999px; }
div#Gnavi ul li a { overflow:hidden; }
div#Gnavi ul li.hairmode { width:126px; }
div#Gnavi ul li.hairmode a { width:126px; height: 40px; display:block; background:url(../images/gn2.png) 0 0 no-repeat; }
div#Gnavi ul li.hairmode a:hover { background-position: 0 -40px; }
body.hairmode div#Gnavi ul li.hairmode a { background:url(../images/gn2.png) 0 -40px no-repeat; }
div#Gnavi ul li.plan { width:123px; }
div#Gnavi ul li.plan a { width:123px; height: 40px; display:block; background:url(../images/gn2.png) -126px 0 no-repeat; }
div#Gnavi ul li.plan a:hover, body.plan div#Gnavi ul li.plan a { background-position: -126px -40px; }
div#Gnavi ul li.biyokai { width:123px; }
div#Gnavi ul li.biyokai a { width:123px; height: 40px; display:block; background:url(../images/gn2.png) -249px 0 no-repeat; }
div#Gnavi ul li.biyokai a:hover, body.biyokai div#Gnavi ul li.biyokai a { background-position: -249px -40px; }
div#Gnavi ul li.book { width:123px; }
div#Gnavi ul li.book a { width:123px; height: 40px; display:block; background:url(../images/gn2.png) -372px 0 no-repeat; }
div#Gnavi ul li.book a:hover, body.book div#Gnavi ul li.book a { background-position: -372px -40px; }
div#Gnavi ul li.dvd { width:123px; }
div#Gnavi ul li.dvd a { width:123px; height: 40px; display:block; background:url(../images/gn2.png) -495px 0 no-repeat; }
div#Gnavi ul li.dvd a:hover { background-position: -495px -40px; }
div#Gnavi ul li.ebook { width:123px; }
div#Gnavi ul li.ebook a { width:123px; height: 40px; display:block; background:url(../images/gn2.png) -618px 0 no-repeat; }
div#Gnavi ul li.ebook a:hover, body.ebook div#Gnavi ul li.ebook a { background-position: -618px -40px; }
div#Gnavi ul li.hairdoga { width:123px; }
div#Gnavi ul li.hairdoga a { width:123px; height: 40px; display:block; background:url(../images/gn2.png) -741px 0 no-repeat; }
div#Gnavi ul li.hairdoga a:hover, body.hairdoga div#Gnavi ul li.hairdoga a { background-position: -741px -40px; }
div#Gnavi ul li.special { width:123px; }
div#Gnavi ul li.special a { width:123px; height: 40px; display:block; background:url(../images/gn2.png) -864px 0 no-repeat; }
div#Gnavi ul li.special a:hover, body.special div#Gnavi ul li.special a { background-position: -864px -40px; }
*/


div#Gnavi { width: 100%; margin:0 auto; height:40px; background:url(../images/bg_gnavi.gif) repeat-x; }
div#Gnavi ul { width: 987px; height:40px; margin:0 auto; border-top: #b8b7b7 solid 1px; text-align:left; }
div#Gnavi ul { width: 987px; height:40px; }
div#Gnavi ul li { width: 160px; float: left; }
div#Gnavi ul li a { overflow:hidden; height: 37px; display:block; }
div#Gnavi ul li a:hover { background-color: #fff; color: #000; }
/*
div#Gnavi ul li.hairmode, 
div#Gnavi ul li.plan, 
div#Gnavi ul li.biyokai { width:149px; }
*/
div#Gnavi ul li.hairmode { width: 170px; }
div#Gnavi ul li.plan { width: 177px; }

/*
div#Gnavi ul li.book,
div#Gnavi ul li.dvd, 
div#Gnavi ul li.movie_series{ width:135px; }
*/

/*
div#Gnavi ul li.hairmode { width:149px; }
div#Gnavi ul li.hairmode a { width:149px; height: 40px; display:block; background:url(../images/bg_global_navi.gif) 0 0 no-repeat; }
div#Gnavi ul li.hairmode a:hover { background-position: 0 -40px; }
body.hairmode div#Gnavi ul li.hairmode a { background:url(../images/bg_global_navi.gif) 0 -40px no-repeat; }
div#Gnavi ul li.plan { width:149px; }
div#Gnavi ul li.plan a { width:149px; height: 40px; display:block; background:url(../images/bg_global_navi.gif) -149px 0 no-repeat; }
div#Gnavi ul li.plan a:hover, body.plan div#Gnavi ul li.plan a { background-position: -149px -40px; }
div#Gnavi ul li.biyokai { width:148px; }
div#Gnavi ul li.biyokai a { width:148px; height: 40px; display:block; background:url(../images/bg_global_navi.gif) -298px 0 no-repeat; }
div#Gnavi ul li.biyokai a:hover, body.biyokai div#Gnavi ul li.biyokai a { background-position: -298px -40px; }
div#Gnavi ul li.book { width:108px; }
div#Gnavi ul li.book a { width:108px; height: 40px; display:block; background:url(../images/bg_global_navi.gif) -447px 0 no-repeat; }
div#Gnavi ul li.book a:hover, body.book div#Gnavi ul li.book a { background-position: -447px -40px; }
div#Gnavi ul li.ebook { width:108px; }
div#Gnavi ul li.ebook a { width:108px; height: 40px; display:block; background:url(../images/bg_global_navi.gif) -555px 0 no-repeat; }
div#Gnavi ul li.ebook a:hover, body.ebook div#Gnavi ul li.ebook a { background-position: -555px -40px; }
div#Gnavi ul li.hairdoga { width:108px; }
div#Gnavi ul li.hairdoga a { width:108px; height: 40px; display:block; background:url(../images/bg_global_navi.gif) -663px 0 no-repeat; }
div#Gnavi ul li.hairdoga a:hover, body.hairdoga div#Gnavi ul li.hairdoga a { background-position: -663px -40px; }
div#Gnavi ul li.dvd { width:108px; }
div#Gnavi ul li.dvd a { width:108px; height: 40px; display:block; background:url(../images/bg_global_navi.gif) -771px 0 no-repeat; }
div#Gnavi ul li.dvd a:hover, body.dvd div#Gnavi ul li.dvd a { background-position: -771px -40px; }
div#Gnavi ul li.special { width:109px; }
div#Gnavi ul li.special a { width:109px; height: 40px; display:block; background:url(../images/bg_global_navi.gif) -879px 0 no-repeat; }
div#Gnavi ul li.special a:hover, body.special div#Gnavi ul li.special a { background-position: -879px -40px; }
div#Gnavi ul li.movie_series { width:108px; }
div#Gnavi ul li.movie_series a { width:108px; height: 40px; display:block; background:url(../images/bg_global_navi.gif) -771px 0 no-repeat; }
div#Gnavi ul li.movie_series a:hover, body.movie_series div#Gnavi ul li.movie_series a { background-position: -771px -40px; }
*/



/* ページの先頭へ */
div.pageTop { clear: both; text-align:right; padding: 55px 0 0 0; }
/*div.pageTop a { float: right; display: block; background:url(../images/btn_pagetop.gif) no-repeat; text-indent:-9999px; text-align:left; width:105px; height:20px; overflow:hidden; }*/
div.pageTop a { 
float: right;
	display: block;
	text-align: center;
	padding: 2px 16px;
	font-size: 8px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background-color: #000;
}

/* フッタ */
div#footer { width: 100%; text-align: rigth; background-color:#000000; color:#ffffff; padding:20px 0; }
div#footerInner { width: 987px; text-align: right; margin:0 auto; }
div#footer ul { font-size: 12px; }
div#footer ul li{ color: #ffffff; text-align:left; float:left;  }
div#footer ul li a{ color: #ffffff; margin: 0 10px; }
div#footer ul li a:hover{ color: #cccccc; }
div#footer #footerLeft { float:left; text-align: left; _width: 400px; }
div#footer #footerRight { float:right; text-align: right; }
div#footer .copyright { font-size:77%; padding:45px 0 0 0; }


/* コンテンツのコンテナ */
div#contents { width: 987px; margin:27px auto 0; background-color:#ffffff; text-align:left; zoom:1; }
body.top div#contents { width: 987px; margin:27px auto 0; background-color:#ffffff; text-align:left; zoom:1; }

body.conv div#contents { width: 735px; margin: 0; background-color:#ffffff; text-align:left; zoom:1; }

/* TOPメインビジュアル */
/*
div#topLeft { float: left; width: 735px; height: 480px; margin:0 20px 0 0; background:url(../images/bg_main_visual.gif) 0 0 no-repeat; }
*/
div#topLeft {
	float: left;
	width: 735px;
	/*height: 480px;*/
	height: 420px;
	margin:0 20px 0 0;
	background-image: linear-gradient(-45deg, #f2f2f2 25%, #c0c0c0 25%, #c0c0c0 50%, #f2f2f2 50%, #f2f2f2 75%,#c0c0c0 75%, #c0c0c0 );
	background-size: 3px 3px;
}

a#main_visual_link { display: block; margin: 10px 10px 0; }

div#slideshow { width: 714px; height: 480px; margin: 10px 0 0 10px; overflow: hidden; }


div#slideshow div#slides { list-style: none; }
div#slideshow div#slides p { padding: 0; width: 714px; height: 400px; background-color: #272727; text-align: center; }

div#slideshow ul#nav { list-style: none; width: 715px; height: 59px; margin: 1px 0 0; display: none; }
div#slideshow ul#nav li { float: left; height: 59px; }
div#slideshow ul#nav li a {	display: block; text-indent: -9999px; }
div#slideshow ul#nav li a:hover { background-position: 0 -59px; }

div#slideshow ul#nav li#prev, div#slideshow ul#nav li#next { width: 16px; }
div#slideshow ul#nav li#menu_btn { width: 680px; margin: 0 1px; }
div#slideshow ul#nav li#menu_btn li { margin: 0 1px; }
div#slideshow ul#nav li#menu_btn li a { width:168px; height: 59px; }
div#slideshow ul#nav li#menu_btn li.snb0 a { background: url(../images/btn_slidenavi_hairmode.gif) 0 0 no-repeat; }
/*
div#slideshow ul#nav li#menu_btn li.snb1 a { background: url(../images/btn_slidenavi_uresta.gif) 0 0 no-repeat; }
div#slideshow ul#nav li#menu_btn li.snb2 a { background: url(../images/btn_slidenavi_plan.gif) 0 0 no-repeat; }
div#slideshow ul#nav li#menu_btn li.snb3 a { background: url(../images/btn_slidenavi_biyokai.gif) 0 0 no-repeat; }
div#slideshow ul#nav li#menu_btn li.snb4 a { background: url(../images/btn_slidenavi_book.gif) 0 0 no-repeat; }
div#slideshow ul#nav li#menu_btn li.snb5 a { background: url(../images/btn_slidenavi_hairdoga.gif) 0 0 no-repeat; }
div#slideshow ul#nav li#menu_btn li.snb6 a { background: url(../images/btn_slidenavi_news.gif) 0 0 no-repeat; }
*/
div#slideshow ul#nav li#menu_btn li.snb1 a { background: url(../images/btn_slidenavi_plan.gif) 0 0 no-repeat; }
div#slideshow ul#nav li#menu_btn li.snb2 a { background: url(../images/btn_slidenavi_biyokai.gif) 0 0 no-repeat; }
div#slideshow ul#nav li#menu_btn li.snb3 a { background: url(../images/btn_slidenavi_book.gif) 0 0 no-repeat; }
div#slideshow ul#nav li#menu_btn li.snb4 a { background: url(../images/btn_slidenavi_hairdoga.gif) 0 0 no-repeat; }
div#slideshow ul#nav li#menu_btn li.snb5 a { background: url(../images/btn_slidenavi_news.gif) 0 0 no-repeat; }
div#slideshow ul#nav li#menu_btn li a:hover { background-position: 0 -59px; }


div#slideshow ul#nav li#prev a { background: url(../images/btn_slidenavi_prev.gif) 0 0 no-repeat; height: 59px; }
div#slideshow ul#nav li#prev a:hover { background: url(../images/btn_slidenavi_prev.gif) 0 -59px no-repeat; height: 59px; }
div#slideshow ul#nav li#next a { background: url(../images/btn_slidenavi_next.gif) 0 0 no-repeat; height: 59px; }
div#slideshow ul#nav li#next a:hover { background: url(../images/btn_slidenavi_next.gif) 0 -59px no-repeat; height: 59px; }


/*

div#slideshow .panel { padding: 0; width: 714px; height: 400px; }

div#slideshow ul.filmstrip { width: 680px; height: 59px; margin: 1px 0 0; }
div#slideshow ul.filmstrip li { float: left; height: 59px; }
div#slideshow ul.filmstrip li a { display: block; text-indent: -9999px; }

*/

/* TOP右 */
/*
div#topRight { float: left; width: 210px; height: 460px; padding: 10px; background:url(../images/bg_top_right.gif) 0 150px no-repeat; }
*/
div#topRight { 
	float: left;
	width: 210px;
	/*height: 460px;*/
	height: 400px;
	padding: 10px;
	background-image: linear-gradient(-45deg, #f2f2f2 25%, #c0c0c0 25%, #c0c0c0 50%, #f2f2f2 50%, #f2f2f2 75%,#c0c0c0 75%, #c0c0c0 );
	background-size: 3px 3px;
}
/* div#topBanner { margin: -10px 0 10px -10px; } */
div#topBanner { 
	margin: 0 0 10px;
	background-color: #fff;
}

/* TOPバナー下のボタン */
div#topRight ul { width: 210px; }
div#topRight ul li { width:210px; text-indent:-9999px; text-align:left; margin: 2px 0 0 0; overflow:hidden; outline:none; }
div#topRight ul li.sample a { width:210px; height: 24px; display:block; background:url(../images/top_btn_sample.png) 0 0 no-repeat; }
div#topRight ul li.sample a:hover { background:url(../images/top_btn_sample.png) 0 -24px no-repeat; }
div#topRight ul li.hairdoga a { width:210px; height: 24px; display:block; background:url(../images/top_btn_paid_hairdoga.png) 0 0 no-repeat; }
div#topRight ul li.hairdoga a:hover { background:url(../images/top_btn_paid_hairdoga.png) 0 -24px no-repeat; }
div#topRight ul li.subscribe { margin: 9px 0 0 0; }
div#topRight ul li.subscribe a { width:210px; height: 24px; display:block; background:url(../images/top_btn_subscribe.png) 0 0 no-repeat; }
div#topRight ul li.subscribe a:hover { background:url(../images/top_btn_subscribe.png) 0 -24px no-repeat; }
div#topRight ul li.mailmagazine a { width:210px; height: 24px; display:block; background:url(../images/top_btn_mailmagazine.png) 0 0 no-repeat; }
div#topRight ul li.mailmagazine a:hover { background:url(../images/top_btn_mailmagazine.png) 0 -24px no-repeat; }
div#topRight ul li.present a { width:210px; height: 24px; display:block; background:url(../images/top_btn_present.png) 0 0 no-repeat; }
div#topRight ul li.present a:hover { background:url(../images/top_btn_present.png) 0 -24px no-repeat; }
div#topRight ul li.signup a { width:210px; height: 24px; display:block; background:url(../images/top_btn_signup.png) 0 0 no-repeat; }
div#topRight ul li.signup a:hover { background:url(../images/top_btn_signup.png) 0 -24px no-repeat; }

/* TOP美容界オンライン */
/*
div#biyokaiOnline { width: 210px; height: 234px; margin: 9px 0 0 0; background-color: #eeeeee; background: url(../images/bg_top_biyokai_online_wp.png) 0 0 no-repeat; }
div#biyokaiOnline h3 { width: 210px; height: 20px; text-indent: -9999px; text-align: left; }
div#biyokaiOnline h3 a { width: 62px; height: 18px; display: block; text-indent: -9999px; text-align:left; position: relative; left: 140px; top: -13px; overflow:hidden; outline:none; }
div#biyokaiOnline ul { width: 195px; height: 192px; overflow: auto; position: relative; left: 10px; top: 17px; line-height: 120%; font-size: 11px; }
* html div#biyokaiOnline ul { top: -2px; }
*/
div#biyokaiOnline { 
	width: 210px; 
	/*height: 263px;*/
	height: 202px;
	margin: 9px 0 0 0; 
	background-color: #eeeeee;
}
div#biyokaiOnline h3 {
	width: auto; 
	height: auto; 
	text-align: left;
	font-size: 12px;
	border-bottom: 1px solid #000;
	margin: 10px;
	padding: 7px 0 3px;
}
div#biyokaiOnline h3 a {
	display: block;
	text-align: right;
	position: relative;
	margin-top: -18px;
	font-size: 10px;
	color: #222;
	text-decoration: none;
}
div#biyokaiOnline h3 a:hover { color: #666666; }
div#biyokaiOnline ul {
	width: 195px;
	/*height: 220px;*/
	height: 156px;
	overflow: auto;
	position: relative;
	left: 10px;
	line-height: 120%;
	font-size: 11px;
}
* html div#biyokaiOnline ul { top: -2px; }

div#biyokaiOnline ul li { width:auto; text-indent:0px; padding: 0 3px 3px 17px; text-align:left; background:url(../images/top_arw_biyokai_online.gif) 2px 2px no-repeat; }
div#biyokaiOnline ul li a { color: #222222; }
div#biyokaiOnline ul li a:hover { color: #666666; }


/* 基本リード文 */
.lead { padding: 0 0 20px 0; font-size: 12px; line-height: 140%; }

/* メインコンテンツ */
div#contentsMain { float: left; width: 735px; text-align: left; line-height: 115%; margin: 0; padding: 0 85px 0 0; }
/* TOP */
body.top div#contentsMain { margin:0 20px 0 0; padding: 20px 0 0 0; }
body.general div#contentsMain { margin:0 20px 0 0; padding: 0; }
body.ispecialsite div#contentsMain, body.mypage div#contentsMain { margin: 0; padding: 0; }

/* 右コンテンツ */
div#contentsRight { float: left; text-align: left; }
/* TOP */
body.top div#contentsRight { padding: 20px 0 0 0; }
body.general div#contentsRight { padding: 0; margin: 0; }

/* TOPページコンテンツ */
/* 最新刊 */
div#newbooks { clear: both; width: 100%; }
/*
div#newbooks h2 { width: 735px; height: 15px; background:url(../images/top_tit_newbooks.gif) no-repeat; text-indent:-9999px; text-align:left; margin: 0 0 20px 0; border: 0; }
div#newbooks h2 a { width:70px; height: 15px; display:block; text-indent:-9999px; text-align:left; position: relative; left: 665px; top: -15px; overflow:hidden; outline:none; }
*/
div#newbooks h2 {
	text-indent: 0;
	font-size: 12px;
	text-align: left;
	margin: 0 0 10px 0;
	border: 0;
	width: auto;
	height: auto;
}
div#newbooks h2 em {
	display: inline;
	font-style: normal;
	font-size: 18px;
	font-weight: bold;
	padding-right: 5px;
}
div#newbooks h2 a {
	display: block;
	text-align: right;
	position: relative;
	margin-top: -16px;
	font-size: 12px;
	color: #222;
	text-decoration: none;
	right: 2px;
}
div#newbooks h2 a:hover { color: #666666; }


/* お知らせ */
/*
div#news { clear: both; width: 100%; padding: 20px 0 10px 0; background:url(../images/bg_top_news.gif) 0 22px no-repeat; }
*/
div#news { clear: both; width: 100%; padding: 20px 0 10px 0; }
div#news .inner {
	background-image: linear-gradient(-45deg, #f2f2f2 25%, #c0c0c0 25%, #c0c0c0 50%, #f2f2f2 50%, #f2f2f2 75%,#c0c0c0 75%, #c0c0c0 );
	background-size: 3px 3px;
	padding: 0 0 1px;
}

/*
div#news h2 { width: 735px; height: 32px; background:url(../images/top_tit_news.gif) no-repeat; text-indent:-9999px; text-align:left; margin: 0; border: 0; }
div#news h2 a { width:78px; height: 15px; display:block; text-indent:-9999px; text-align:left; position: relative; left: 649px; top: -8px; overflow:hidden; outline:none; }
*/
div#news h2 {
	text-indent: 0;
	font-size: 10px;
	text-align: left;
	border: 0;
	padding: 10px 12px 7px;
	width: auto;
	height: auto;
}
div#news h2 em {
	display: inline;
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	padding-right: 5px;
}
div#news h2 a {
	display: block;
	text-align: right;
	position: relative;
	margin-top: -16px;
	font-size: 10px;
	color: #222;
	text-decoration: none;
}
div#news h2 a:hover { color: #666666; }
div#news dl { margin: 0 10px 10px; padding: 15px 20px 10px; background-color: #ffffff; line-height: 110%; position: relative; }
div#news dl.scroll { height: 150px; overflow: auto; }
div#news dl dt { padding: 0 0 0 15px; background:url(../images/top_arw_news.gif) 0 2px no-repeat; color: #666666; font-size: 12px; }
div#news dl dd { position: relative; top: -15px; left: 160px; width: 530px; font-size: 12px; }
div#news dl.scroll dd { width: 510px; }
div#news dl a { color: #222222; }
div#news dl a:hover { color: #666666; }


/* ボトム右上 */
/*
div#bottomRight { width: 210px; padding: 10px; margin: 0 0 20px 0; background:url(../images/bg_top_right.gif) 0 0 no-repeat; }
*/
div#bottomRight {
	width: 210px;
	padding: 10px;
	margin: 0 0 20px 0;
	background-image: linear-gradient(-45deg, #f2f2f2 25%, #c0c0c0 25%, #c0c0c0 50%, #f2f2f2 50%, #f2f2f2 75%,#c0c0c0 75%, #c0c0c0 );
	background-size: 3px 3px;
}

body.mypage div#bottomRight { margin: 0 0 20px 20px; }
div#bottomRight ul.navi { width: 210px; }
div#bottomRight ul.navi li { width:210px; text-indent:-9999px; text-align:left; margin: 2px 0 0 0; }
div#bottomRight ul.navi li a { width:210px; height: 24px; display:block; background-position: 0 0; background-repeat: no-repeat; }
div#bottomRight ul.navi li.sample a { background-image: url(../images/top_btn_sample.png); }
div#bottomRight ul.navi li.hairdoga a { background-image: url(../images/top_btn_paid_hairdoga.png); }
div#bottomRight ul.navi li.subscribe a { background-image: url(../images/top_btn_subscribe.png); }
div#bottomRight ul.navi li.mailmagazine a { background-image: url(../images/top_btn_mailmagazine.png); }
div#bottomRight ul.navi li.present a { background-image: url(../images/top_btn_present.png); }
div#bottomRight ul.navi li.signup a { background-image: url(../images/top_btn_signup.png); }


div#bottomRight ul.navi li.mypage a { background-image: url(../images/top_btn_mypage.png); }
div#bottomRight ul.navi li.logout a { background-image: url(../images/top_btn_logout.png); margin: 0 0 9px 0; }
div#bottomRight ul.navi li.member_info a { background-image: url(../images/top_btn_member_info.png); }
div#bottomRight ul.navi li.rireki a { background-image: url(../images/top_btn_rireki.png); }
div#bottomRight ul.navi li.reserve a { background-image: url(../images/top_btn_reserve.png); }
div#bottomRight ul.navi li.resign a { background-image: url(../images/top_btn_resign.png); margin: 0 0 9px 0; }
div#bottomRight ul.navi li.order_history a { background-image: url(../images/top_btn_order_history.png); }

div#bottomRight ul.navi li.login a { background-image: url(../images/movie_btn_login.png); }
div#bottomRight ul.navi li.hajimete a { background-image: url(../images/hajimete.png); height: 45px; margin: 9px 0 0; }



div#bottomRight ul.navi li a:hover, div#bottomRight ul.navi li.on a { background-position: 0 -24px; }
div#bottomRight ul.navi li.hajimete a:hover, div#bottomRight ul.navi li.hajimeteon a { background-position: 0 -45px; }
/*
div#bottomRight div#biyokaiOnline ul { width: 195px; height: 142px; overflow: auto; position: relative; left: 10px; top: 17px; _top: -2px; line-height: 120%; font-size: 11px; }
div#bottomRight div#biyokaiOnline h3 { width: 210px; height: 20px; text-indent: -9999px; text-align: left; }
div#bottomRight div#biyokaiOnline h3 a { width: 62px; height: 18px; display: block; text-indent: -9999px; text-align: left; position: relative; left: 140px; top: -13px; overflow:hidden; outline:none; }
*/
/*
div#bottomRight div#biyokaiOnline ul { 
	width: 195px; height: 207px; overflow: auto; position: relative; left: 10px; top: 17px; _top: -2px; line-height: 120%; font-size: 11px;
}
*/
div#bottomRight div#biyokaiOnline ul { 
	width: 195px; height: 150px; overflow: auto; position: relative; left: 10px; top: 17px; _top: -2px; line-height: 120%; font-size: 11px;
}
div#bottomRight div#biyokaiOnline h3 {
	width: auto!important;
	height: auto;
	text-indent: 0;
	text-align: left;
	margin: 10px 10px -5px;
}

div#bottomRight div#biyokaiOnline h3 a {
	display: block;
	text-align: right;
	position: relative;
	margin-top: -18px;
	font-size: 10px;
	color: #222;
	text-decoration: none;
}
div#bottomRight div#biyokaiOnline h3 a:hover { color: #666666; }



ul.right_menu { width: 210px; }
ul.right_menu li { width: 210px; text-align: left; margin: 2px 0 0 0; }
ul.right_menu li { }
ul.right_menu li a { text-indent: 0; width:205px; height: 21px; padding: 3px 0 0 5px; color: #ffffff;
	font-size: 11px; text-decoration: none; display:block; background-color: #656565; }
ul.right_menu li.current a,
ul.right_menu li a:hover { background-color: #9a9a9a; }

/* シリーズ */
div#topSeries { width: 100%; padding: 20px 0 0 0; }
body.mypage div#topSeries { width: 210px; margin: 0 0 0 20px; }
div#topSeries h3 { background: url(../images/top_tit_series.gif) no-repeat; }
div#topSeries ul { padding: 0; }
div#topSeries ul li { margin: 1px 0 0 0; }

/* 電子書籍 */
div#topEbook { width: 100%; padding: 20px 0 0 0; }
body.mypage div#topEbook { width: 210px; margin: 0 0 0 20px; }
div#topEbook h3 { background: url(../images/top_tit_ebook.gif) no-repeat; }
div#topEbook ul { padding: 0; }
div#topEbook ul li { margin: 1px 0 0 0; }

/* スペシャル */
div#topSpecial { width: 100%; padding: 20px 0 0 0; }
body.mypage div#topSpecial { width: 210px; margin: 0 0 0 20px; }

/* 携帯 */
div#topQR { width: 100%; padding: 20px 0 0 0;  }
body.mypage div#topQR { width: 210px; margin: 0 0 0 20px; }

/* 広告 */
div#topAdv { width: 100%; padding: 20px 0 0 0; }
body.mypage div#topAdv { width: 210px; margin: 0 0 0 20px; }
div#topAdv h3 { background: url(../images/top_tit_advertisement.gif) no-repeat; }
div#topAdv ul { padding: 0; }
div#topAdv ul li { margin: 5px 0 0 0; }

div.rightTop { padding: 0!important; }



div#sideTwitter { margin: 20px 0 0; width: 230px; padding: 0; }

/*
div#sideFacebook { width: 230px; padding: 0; }
div#sideFacebook ul { height: 250px; overflow-y: scroll; overflow-x: hidden; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
div#sideFacebook ul li { margin: 1px 0 0 0; font-size: 12px;  border-bottom: 1px solid #cccccc; padding: 4px 8px 6px; border-bottom: 1px solid #cccccc; }
div#sideFacebook ul span { font-weight: bold; color: #3B5998; }
*/

div#sideFacebook { width: 230px; padding: 0; background: url(../images/bg_facebook.gif) 0 0 no-repeat; height: 254px; }
div#sideFacebook div a { display: block; width: 210px; height: 24px; position: relative; top: 10px; left: 10px; text-indent: -9999px; }
div#sideFacebook ul { height: 210px; overflow-y: scroll; overflow-x: hidden; width: 210px; line-height: 120%; font-size: 11px; position: relative; top: 10px; margin: 0 0 0 10px; background-color:#FFFFFF; }
div#sideFacebook ul li {  width:auto; text-indent:0px; margin: 5px 0 0; padding: 0 5px 8px 20px; text-align:left; background:url(../images/top_arw_biyokai_online.gif) 9px 2px no-repeat; border-bottom: 1px solid #cccccc; word-wrap:break-word; }
div#sideFacebook ul span { font-weight: bold; color: #3B5998; }



div#sideBanner { width: 100%; padding: 0; }
body.mypage div#sideBanner { width: 210px; margin: 0 0 0 20px; }
div#sideBanner ul { padding: 0; }
div#sideBanner ul li { margin: 1px 0 0 0; }

div#sideBanner ul li img { max-width: 230px; }


/* 本一覧6列 */
ul.books6 { clear: both; padding: 0; }
ul.books6:nth-child(6),
ul.books6:nth-child(10) { padding: 1em 0 0; }
ul.books6 li { float: left; width: 105px; margin: 0 0 0 21px; }
ul.books6 > li:first-child { /*IE-expression (first-child) */ margin: 0; }
ul.books6 li.book-img { width: 105px; min-height: 1px; background:url(../images/bg_top_book.gif) 0 0 repeat-y; }
/*ul.books6 li img { border: 1px solid #e0e0e0 }*/
ul.books6 li.border img { border: 1px solid #e0e0e0 }
ul.books6 li.book-title { font-size: 11px; font-weight: bold; padding: 0.7em 0 0 0; width: 105px; }
ul.books6 li.book-author { font-size: 11px; padding-top: 0.5em; }
ul.books6 li.sample { padding: 0 0 50px 0; }
ul.books6 li.book-appeal { padding: 0 0 0.7em 0; font-size: 11px; color: #CC0000; min-height: 1px; }
ul.books6 li a { color: #222222; }
ul.books6 li a:visited { color: #222222; }
ul.books6 li a:hover { color: #666666; }

/* 本一覧3列 */
ul.books3 { clear: both; line-height: 105%; }
ul.books3 ul { margin: 0; padding: 0; height: auto; }
/*ul.books3 li { float: left; width: 210px; height: auto; margin: 0 0 0 35px; padding: 0; }*/
ul.books3 li { float: left; height: auto; padding: 0; }
ul.books3 li.hairmode { width: 232px; margin: 0; }
ul.books3 li.uresta { width: 225px; margin: 0 0 0 25px; _margin: 0 0 0 23px; }
ul.books3 li.plan2 { width: 225px; margin: 0 0 0 25px; _margin: 0 0 0 23px; }
ul.books3 li.plan { width: 225px; margin: 0 0 0 33px; _margin: 0 0 0 30px; }
ul.books3 li.biyokai { width: 210px; margin: 0 0 0 33px; _margin: 0 0 0 30px; }
ul.books3 li img { border: 1px solid #e0e0e0 }
/*ul.books3 li.book-title { font-size: 12px; font-weight: bold; padding: 7px 0 0 0; width: 210px; }*/
ul.books3 li.book-title { font-size: 12px; font-weight: bold; padding: 7px 0 0 0; }
ul.books3 li.book-author { font-size: 11px; padding-top: 5px; }
ul.books3 li.book-description { font-size: 11px; color: #666666; padding: 20px 0 20px 0; }
ul.books3 li a { color: #222222; text-decoration: none; }
ul.books3 li a:visited { color: #222222; }
ul.books3 li a:hover { color: #666666; }
ul.books3 li a.more-info { width: 125px; height: 12px; display:block; background: url(../images/btn_more_info.gif) no-repeat; text-indent: -9999px; text-align: left; padding: 0; margin: 0 0 60px 0; }

/* HAIR MODE Uresta 一覧 */
ul.hairmode_uresta { clear: both; line-height: 105% ;margin: 0; padding: 0; height: auto; }
ul.hairmode_uresta li { clear: both; height: 220px; margin: 20px 0 0 0; padding: 25px 0 0 0; border-top: 1px dashed #999999; font-size: 11px; color: #666666; }
ul.hairmode_uresta > li:first-child { /*IE-expression (first-child) */ margin: 0; padding: 0; border: none; }
ul.hairmode_uresta li .book-img { float: left; margin: 0 0 0 0; width: 380px; }
ul.hairmode_uresta li .book-img2 { float: left; margin: 0 0 0 0; width: 190px; }
ul.hairmode_uresta li .book-img img, ul.hairmode_uresta li .book-img2 img { margin: 0 15px 0 0; border: 1px solid #e0e0e0; }
ul.hairmode_uresta li .title-area { float: left; width: 350px; }
ul.hairmode_uresta li a.book-title { color: #222222; font-weight: bold; font-size: 12px; display: block; margin: 0 0 10px 0; width: 100%; }
.uresta-title { margin : 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px dashed #cccccc; }
ul.hairmode_uresta li a:visited { color: #222222; }
ul.hairmode_uresta li a:hover { color: #666666; }
ul.hairmode_uresta li a.more-info { width: 125px; height: 12px; display:block; background: url(../images/btn_more_info.gif) no-repeat; text-indent: -9999px; text-align: left; padding: 0; margin: 15px 0 0 0; overflow:hidden; outline:none; }

/* 本一覧4列 */
ul.books4 { clear: both; line-height: 105%; }
ul.books4 ul { margin: 0; padding: 0; height: auto; }
ul.books4 li { float: left; width: 168px; height: auto; margin: 0 0 0 20px; padding: 0; }
ul.books4 > li:first-child { /*IE-expression (first-child) */ margin: 0; }
/*ul.books4 li img { border: 1px solid #e0e0e0 }*/
ul.books4 li.border img { border: 1px solid #e0e0e0 }
ul.books4 li.book-title { font-size: 11px; font-weight: bold; padding: 7px 0 0 0; width: 168px; }
ul.books4 li.book-author { font-size: 11px; padding-top: 5px; }
ul.books4 li.book-description { font-size: 11px; color: #666666; padding: 20px 0 20px 0; }
ul.books4 li.book-appeal { padding: 0 0 0.7em 0; font-weight: bold; color: #CC0000; min-height: 1px; }
ul.books4 li.sample { padding: 0 0 20px 0; }
ul.books4 li a { color: #222222; text-decoration: none; }
ul.books4 li a:visited { color: #222222; }
ul.books4 li a:hover { color: #666666; }
ul.books4 li a.more-info { width: 125px; height: 12px; display:block; background: url(../images/btn_more_info.gif) no-repeat; text-indent: -9999px; text-align: left; padding: 0; margin: 0 0 60px 0; overflow:hidden; outline:none; }
ul.books3 li.more-info,
ul.books4 li.more-info,
ul.books6 li.more-info {
	font-weight: bold;
	font-size: 12px;
	font-family: sans-serif;
	cursor: pointer;
	padding-bottom: 60px;
}

.li_ure { margin: 0!important; padding: 0 0 0 13px!important; text-align: right; }


/* 詳細ページ */
div#detail { width: 100%; }
/* div#detail h2 { width: 735px; height: 33px; text-indent:-9999px; text-align:left; margin: 0 0 10px 0; }
div#detail h2 { width: 735px; height: 33px; text-indent:-9999px; text-align:left; } */
/* div#detail h2 a { width:43px; height: 14px; display:block; text-indent:-9999px; text-align:left; position: relative; left: 692px; top: -10px; background:url(../images/btn_back.gif) 0 0 no-repeat; overflow:hidden; outline:none; } */
div#detail h2 a.list-link {
	display: block;
	text-align: right;
	position: relative;
	margin-top: -16px;
	font-size: 12px;
	color: #222;
	text-decoration: none;
}
div#detail h2 a:visited {
	color: #222;
}
div#detail h2 a:hover {
	color: #666;
}
.triangle01 {
	display: inline-block;
	padding-right: 4px;
	width: 0;
	height: 0;
	border-left: 6px solid #222;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.triangle02 {
	display: inline-block;
	padding-right: 4px;
	width: 0;
	height: 0;
	border-left: 6px solid #fff;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}


/* 表紙エリア */
div.img-area { float: left; width: 314px; }
/*
div.img-area img { border: 1px solid #e0e0e0; }
*/
div.img-area .border { border: 1px solid #e0e0e0; }

/* 立ち読みボタン */
div.img-area a { width:293px; height: 35px; display:block; background:url(../images/btn_tachiyomi.gif) 0 0 no-repeat; text-indent:-9999px; text-align:left; margin: 17px 0 0 0; overflow:hidden; outline:none; }
div.img-area a:hover { background:url(../images/btn_tachiyomi.gif) 0 -35px no-repeat; }
/* DVDおためし */
div.img-area a.otameshi { background:url(../images/btn_otameshi.gif) 0 0 no-repeat; }
div.img-area a.otameshi:hover { background:url(../images/btn_otameshi.gif) 0 -35px no-repeat; }
/* 誌面連動動画 */
div.img-area a.hairdoga { background:url(../images/btn_uresta_hairdoga.gif) 0 0 no-repeat; margin: 7px 0 0 0; }
div.img-area a.hairdoga:hover { background:url(../images/btn_uresta_hairdoga.gif) 0 -35px no-repeat; }
/* 立ち読みボタンミニ */
a.mini_tachiyomi { width:168px; height: 35px; display:block; background:url(../images/btn_mini_tachiyomi.gif) 0 0 no-repeat; text-indent:-9999px; text-align:left; margin: 17px 0 0 0; }
a.mini_tachiyomi:hover { background:url(../images/btn_mini_tachiyomi.gif) 0 -35px no-repeat; }
a.mini_tachiyomi_232 { width:232px; height: 35px; display:block; background:url(../images/btn_mini_tachiyomi_232.gif) 0 0 no-repeat; text-indent:-9999px; text-align:left; margin: 17px 0 0 0; }
a.mini_tachiyomi_232:hover { background:url(../images/btn_mini_tachiyomi_232.gif) 0 -35px no-repeat; }
a.mini_tachiyomi_225 { width:225px; height: 35px; display:block; background:url(../images/btn_mini_tachiyomi_225.gif) 0 0 no-repeat; text-indent:-9999px; text-align:left; margin: 17px 0 0 0; }
a.mini_tachiyomi_225:hover { background:url(../images/btn_mini_tachiyomi_225.gif) 0 -35px no-repeat; }

/* DVDおためし */
a.dvd_play { width:168px; height: 35px; display:block; background:url(../images/btn_dvd_play.gif) 0 0 no-repeat; text-indent:-9999px; text-align:left; margin: 17px 0 0 0; }
a.dvd_play:hover { background:url(../images/btn_dvd_play.gif) 0 -35px no-repeat; }

a.play { width:90px; height: 20px; display:block; background:url(../images/btn_play.gif) 0 0 no-repeat; text-indent:-9999px; text-align:left; margin: 17px 0 0 0; }
a.play:hover { background:url(../images/btn_play.gif) 0 -20px no-repeat; }

/* タイトルエリア */
div.txt-area { float: left; width: 420px; }
/* タイトル */
div.txt-area h3 { width: 420px; padding: 30px 0 40px; border-top: 7px solid #cccccc; border-bottom: 1px dotted #cccccc; margin: 0 0 15px 0; }
/* テキスト用 */
div.txt-area h3 span { display: block; font-size: 12px; padding: 15px 0; }
/* タイトル画像 */
/* JBOOKS */
body.jbooks div#detail h3 { /*height: 137px; text-indent:-9999px;*/ text-align:left; padding: 0; }

/* ヘアモード */
/*
body.hairmode div#detail .txt-area h3 { height: 223px; background:url(../images/h3_hairmode.jpg) no-repeat; text-indent:-9999px; text-align:left; padding: 0; }
*/
body.hairmode div#detail .txt-area h3 { padding: 0; }

/* プラン */
/*
body.plan div#detail .txt-area h3 { height: 223px; background:url(../images/h3_plan.jpg) no-repeat; text-indent:-9999px; text-align:left; padding: 0; }
*/
body.plan div#detail .txt-area h3 { padding: 0; }

/* 美容界 */
body.biyokai div#detail .txt-area h3 { height: 223px; background:url(../images/h3_biyokai.jpg) no-repeat; text-indent:-9999px; text-align:left; padding: 0; }
/* 定期購読 詳細 */
body.subscribe div#detail .txt-area h3 { height: 223px; text-indent:-9999px; text-align:left; padding: 0; }

/* 書籍 */
body.book div#detail .txt-area h3 { height: 137px!important; text-indent:-9999px; text-align:left; padding: 0; }

/* DVD */
body.dvd div#detail .txt-area h3 { height: 137px; text-indent:-9999px; text-align:left; padding: 0; }

/* 電子書籍 */
body.ebook div#detail .txt-area h3 { height: 137px; text-indent:-9999px; text-align:left; padding: 0; }

/* 動画サービス */
body.movie_series div#detail .txt-area h3 { height: 137px; text-indent:-9999px; text-align:left; padding: 0; }


/* オススメ */
div#recommend { clear: both; width: 100%; padding: 20px 0 0 0; }
/* div#recommend h3 { width: 191px; height: 14px!important; background:url(../images/top_tit_recommend.gif) no-repeat!important; text-indent:-9999px; text-align:left; margin: 0 0 20px 0; } */
div#recommend h3 {
	font-size: 12px;
	text-align: left;
	margin: 0 0 20px 0;
}
div#recommend h3 em {
	display: inline;
	font-style: normal;
	font-size: 16px;
	font-weight: bold;
	padding-right: 5px;
}


/* カートボタン */
div.txt-area a.cart_btn { width:168px; height: 47px; display:block; background:url(../images/btn_cart_in.gif) 0 0 no-repeat; text-indent:-9999px; text-align:left; margin: 10px 0 0 0; overflow:hidden; outline:none; }
div.txt-area a.cart_btn:hover { background:url(../images/btn_cart_in.gif) 0 -47px no-repeat; }

div.txt-area a.reserve_btn { width:168px; height: 47px; display:block; background:url(../images/btn_reserve_in.gif) 0 0 no-repeat; text-indent:-9999px; text-align:left; margin: 10px 0 0 0; overflow:hidden; outline:none; }
div.txt-area a.reserve_btn:hover { background:url(../images/btn_reserve_in.gif) 0 -47px no-repeat; }

div.txt-area a.app_store_btn { width:168px; height: 47px; display:block; background:url(../images/btn_app_store.gif) 0 0 no-repeat; text-indent:-9999px; text-align:left; margin: 10px 0 0 0; overflow:hidden; outline:none; }
div.txt-area a.app_store_btn:hover { background:url(../images/btn_app_store.gif) 0 -47px no-repeat; }

div.txt-area a.signup { display:inline; text-indent: 0; text-align:left; background: none; }
div.txt-area a.signup:hover { background: none; }

div.txt-area a.mainte { width:auto; height: auto; display:inline; background:none;  text-indent:0; margin: 0; }
div.txt-area a.mainte:hover { background:none; }

div#detail h4 { color: #222222; font-weight: bold; padding: 27px 0 22px 0; font-size: 12px; }
div#detail h5 { color: #222222; font-weight: bold; font-size: 12px; clear: both; }

/* 内容 */
/*
h6.contents { width: 100%; height: 45px; background:url(../images/tit_contents.gif) 0 10px no-repeat; text-indent:-9999px; text-align:left;border-top: 2px solid #cccccc; }
*/
h6.contents {
	width: 100%;
	height: 45px;
	text-align: left;
	border-top: 2px solid #cccccc;
	padding: 10px 0 0;
	font-size: 14px;
	font-weight: bold;
}
h6.contents em {
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	display: inline;
}

/* 著者 */
h6.authors { width: 100%; height: 45px; background:url(../images/tit_authors.gif) 0 10px no-repeat; text-indent:-9999px; text-align:left;border-top: 2px solid #cccccc; }

/*div#detail .bottom-img { clear: both; padding: 15px 0 20px 0; margin: 20px 0; border-top: 1px dotted #cccccc; }*/
div#detail .bottom-img { clear: both; padding: 15px 0 20px 0; }
div#detail .bottom-img img { width: 100%; }

.top20 { margin: 20px 0 0 0; }
.hr_clear { clear: both; height: 1px; border: none; }
.wh10 { clear: both; height: 10px; }
.wh20 { clear: both; height: 20px; }
.wh30 { clear: both; height: 30px; }
.hr20 { clear: both; height: 20px; border-bottom: 7px solid #cccccc; }
.hr30 { clear: both; height: 30px; border-bottom: 7px solid #cccccc; }
.hr40 { clear: both; height: 40px; border-bottom: 7px solid #cccccc; }
/*.dot20 { clear: both; height: 20px; border-bottom: 1px dotted #cccccc; }*/
.dot20 { clear: both; height: 10px; padding: 10px 0 0; margin: 0 0 10px 0; border-bottom: 1px dashed #cccccc; }
.dot30 { clear: both; height: 15px; padding: 15px 0 0; margin: 0 0 15px 0; border-bottom: 1px dashed #cccccc; }
.dot40 { clear: both; height: 40px; border-top: 1px dotted #cccccc; }

.notxt-img { clear: both; margin: 0; height: 100%; }
.bottom-img { margin: 10px 0 0 0; height: 100%; }
.top-img { margin: 0 0 10px 0; height: 100%; }
.left-img { float: left; margin: 0 20px 10px 0; height: 100%; font-size: 10px; color: #666666; line-height: 110%; }
.left-img img { margin: 0 0 5px 0; max-width: 300px; }
.right-img { float: right; margin: 0 0 10px 20px; height: 100%; font-size: 10px; color: #666666; line-height: 110%; }
.right-img img { margin: 0 0 5px 0; max-width: 300px; }

/*
.left-txt { float: left; margin: 0; }
.right-txt { float: left; margin: 0; }
*/

.item-data { clear: both; font-size: 12px; color: #666666; line-height: 1.8em; padding: 5px 0 0 0; }
body.general .item-data { color: #222222; padding: 5px 0 20px 0; }
body.news .item-data { color: #222222; }
.item-description { font-size: 12px; color: #666666; line-height: 150%; padding: 0 0 20px 0; }

img.noborder { border: none!important }

.item-data h3 { height: auto!important; text-indent: 0!important; }

/**************************************************
 右メニュー
***************************************************/

body.top div#contentsRight ul { position: relative; left: 0; }
body.general div#contentsRight ul { position: relative; left: 0; }
div#contentsRight ul { }
li.current-book { width:167px; height: 36px; background:url(../images/btn_current_book.gif) 0 -36px no-repeat;  text-indent:-9999px; text-align:left; }
li.current-book a { width:167px; height: 36px; display:block; background:url(../images/btn_current_book.gif) 0 0 no-repeat;  text-indent:-9999px; text-align:left; overflow:hidden; outline:none; }
li.current-book a:hover { background:url(../images/btn_current_book.gif) 0 -36px no-repeat; }

li.current-issue { width:167px; height: 36px; background:url(../images/btn_current_issue.gif) 0 -36px no-repeat;  text-indent:-9999px; text-align:left; }

li.current-issue a { width:167px; height: 36px; display:block; background:url(../images/btn_current_issue.gif) 0 0 no-repeat;  text-indent:-9999px; text-align:left; overflow:hidden; outline:none; }
li.current-issue a:hover { background:url(../images/btn_current_issue.gif) 0 -36px no-repeat; }
li.next-issue { width:167px; height: 36px; background:url(../images/btn_next_issue.gif) 0 -36px no-repeat; text-indent:-9999px; text-align:left; }
li.next-issue a { width:167px; height: 36px; display:block; background:url(../images/btn_next_issue.gif) 0 0 no-repeat;  text-indent:-9999px; text-align:left; overflow:hidden; outline:none; }
li.next-issue a:hover { background:url(../images/btn_next_issue.gif) 0 -36px no-repeat; }

/* カテゴリタイトル */
div#contentsRight h3 { margin: 50px 0 5px 0; width: 167px; height: 19px; text-indent: -9999px; text-align: left; }
body.top div#contentsRight h3 { margin: 0 0 5px 0; width: 231px; height: 18px; text-indent: -9999px; text-align: left; }

body.hairdoga div#contentsRight h3 { margin: 0 0 5px 0; }

/* body.news div#contentsRight h3 { margin: 0 0 5px 0; width: 167px; height: 19px; text-indent: -9999px; text-align: left; } */
body.news div#contentsRight h3 { 
	margin: 0 0 5px 0;
}
/*body.sample div#contentsRight h3 { width: 230px!important; }
body.special div#contentsRight h3 { width: 230px!important; }*/

body.general div#contentsRight h3 { margin: 0 0 5px 0; width: 231px!important; height: 18px; text-indent: -9999px; text-align: left; }
body.dvd div#contentsRight h3 { margin: 0 0 5px 0; }
body.movie_series div#contentsRight h3 { margin: 0 0 5px 0; }



/* 右コンテンツ */
div#contentsRight .sidebar-title-advertisement {
	background-image: linear-gradient(90deg,#fff 25%, #999 25%, #999 50%, #fff 50%, #fff 75%,#999 75%, #999);
	background-size: 4px 4px;
	padding-left: 2px;
	text-indent: 0px;
}
div#contentsRight .sidebar-title-advertisement em {
	display: inline;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	background-color: #fff;
	padding: 4px 14px 2px 8px;
}

div#contentsRight .sidebar-title-category {
	background-image: linear-gradient(90deg,#fff 25%, #444 25%, #444 50%, #fff 50%, #fff 75%,#444 75%, #444);
	background-size: 4px 4px;
	width: 164px;
	padding-left: 3px;
	text-indent: 0px;
}
div#contentsRight .sidebar-title-category em {
	display: inline;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	background-color: #fff;
	padding: 4px 8px 2px 8px;
}
body.jbooks div#contentsRight .sidebar-title-category {
	background-image: linear-gradient(90deg,#fff 25%, #dc7dcd 25%, #dc7dcd 50%, #fff 50%, #fff 75%,#dc7dcd 75%, #dc7dcd);
}



h3.category { background: url(../images/book_tit_category.gif) 0 0 no-repeat; }
h3.backnumber { background: url(../images/tit_backnumber.gif)  0 0 no-repeat; }


/* カテゴリボタン */
div#contentsRight ul.category { }
div#contentsRight ul.category li { width:167px; height: 36px; text-indent:-9999px; text-align:left; background:url(../images/btn_category.gif) 0 -36px no-repeat; }
div#contentsRight ul.category li a { width:167px; height: 36px; display:block; text-indent:-9999px; text-align:left; background:url(../images/btn_category.gif) 0 0 no-repeat; overflow:hidden; outline:none; }
div#contentsRight ul.category li a.current, div#contentsRight ul.category li a:hover { background:url(../images/btn_category.gif) 0 -36px no-repeat; }


/**************************************************
 カート
***************************************************/

/* 読み込み中･･･ */
div#progress { display: none; }

/* カートテーブル */
div#cartbox { font-size: 12px; line-height: 130%; }
div#cartbox table { text-align: center; width: 735px; margin: 0 0 15px 0; border: 5px solid #cccccc; }
div#cartbox th { text-align: center; background-color: #E8E8E8; padding: 10px; }
div#cartbox td { text-align: center; border-left: 1px dashed #cccccc; border-top: 1px dashed #cccccc; padding: 7px; }
div#cartbox td:first-line {  border-top: none; }
div#cartbox tr.add td { background-color: #F6F6F6; }
div#cartbox td.item { text-align: left; border-left: none; }
div#cartbox td.item img { display: block; float: left; margin: 0 5px 0 0; }
div#cartbox td a { color: #003399; }
div#cartbox td a:visited { color: #003399; }
div#cartbox td a:hover { color: #0066CC; }
div#cartbox input { text-align: center; }
div#cartbox table.noitem { margin: 0 0 15px 0; }
div#cartbox table.noitem td { text-align: left; border: none; padding: 15px; }

/* カート下リンク */
div.left-link { float: left; padding: 0 0 30px 0 ; font-size: 12px; line-height: 20px; }
div.right-link { float: right; padding: 0 0 30px 0 ; font-size: 12px; line-height: 20px; }

/* 会員登録・ログインボタン */
div#cartbox div.login { clear: both; margin: 15px 0 25px; text-align: left; }

/* カートボタン */
div#cartbox div.btn { clear: both; width: 350px; height: 47px; margin: 15px 0 30px 192px; }
div#cartbox div.noitem_btn { clear: both; width: 170px; height: 47px; margin: 0 0 20px 277px; }

div#cartbox a.goto_order { width:170px; height: 47px; display:block; float: left; background:url(../images/btn_goto_order.gif) 0 0 no-repeat;  text-indent:-9999px; text-align:left; overflow:hidden; outline:none; }
div#cartbox a.goto_order:hover { background:url(../images/btn_goto_order.gif) 0 -47px no-repeat; }
div#cartbox a.continue { width:170px; height: 47px; display:block; float: left; background:url(../images/btn_continue.gif) 0 0 no-repeat;  text-indent:-9999px; text-align:left; overflow:hidden; outline:none; }
div#cartbox a.continue:hover { background:url(../images/btn_continue.gif) 0 -47px no-repeat; }

/**************************************************
 注文
***************************************************/

table.tbl5 { text-align: left; width: 735px; margin: 0 0 20px 0; background-color: #999999; border-top: 1px solid #D0D0D0;	border-left: 1px solid #D0D0D0; border-spacing: 0;border-collapse: collapse; }
table.tbl5 tr, table.tbl5 th, table.tbl5 td { vertical-align:middle; border-right: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; padding: 10px; color:#333333; text-align: center; font-size: 12px; }
table.tbl5 th { background-color: #E8E8E8; white-space:nowrap; }
table.tbl5 td { background-color: #ffffff; }
table.tbl5 td.item { text-align: left; border-left: none; }
table.tbl5 td.item img { display: block; float: left; margin: 0 5px 0 0; }


/**************************************************
 ニュース系
***************************************************/

/* 月別ナビ */
div#monthNavi { padding: 0 0 20px 0; font-size: 13px; }
div#monthNavi span { font-weight: bold; }
div#monthNavi ul { width: auto; line-height: 140%; display: inline; padding: 0; font-size: 13px; margin: 0 0 0 15px; }
div#monthNavi ul li { display: inline; padding: 0 0 0 13px; margin: 0 7px 0 0; border: none; clear: none; width: auto; background:url(../images/arw_biyokai_online.gif) 0 6px no-repeat; /background-position: 0 4px; }
div#monthNavi ul li a { display: inline; padding: 0; width: auto; height: auto; float: none; color: #336699; }
div#monthNavi ul li a:visited { color: #336699; }

/* 一覧 */
h3.archives { background: url(../images/tit_archives.gif)  0 0 no-repeat; }
div#archives ul { padding: 0 0 20px 0; /padding: 0; width: 100%; line-height: 160%; font-size: 12px; }
div#archives li { clear: both; width: 100%; border-top: 1px dashed #cccccc; }
div#archives ul > li:first-child { /*IE-expression (first-child) */ border: none; }
div#archives li span { float: left; display: block; width: 20%; height: 100%; padding: 10px 0; /padding: 10px 0 5px 0; }
div#archives li a { float: left; display: block; width: 80%; height: 100%; padding: 10px 0; /padding: 10px 0 5px 0; }
div#archives li.gray { background-color: #F2F2F2; }

/* 詳細 */
body.news div#detail .description { padding: 0 0 20px 0; font-size: 12px; line-height: 150%; color: #666666; }
body.news div#detail h3 { padding: 0 0 30px 0; border-bottom: 7px solid #cccccc; font-size: 14px; margin: 0 0 20px 0; }
body.news div#detail h3 span { padding: 0 0 7px 0; display: block; font-size: 12px; font-weight: normal; color: #444444; }

/* 美容界オンライン ページナビ */
body.news div#detail .page_navi { clear: both; border-top: 7px solid #cccccc; text-align: right; padding: 30px 0 20px; _padding: 30px 0 10px; }
body.news div#detail .page_navi a { font-size: 12px; }
body.news div#detail .page_navi .prev { float: left; text-align: left; width: 30%; }
body.news div#detail .page_navi .maga_link { float: left; text-align: center; width: 39%; }
body.news div#detail .page_navi .next { float: right; text-align: right; width: 30%; }


/**************************************************
 立ち読み & DVDお試し
***************************************************/

/* DVDおためし動画 */
body.sample div#detail h3 { padding: 0 0 30px 0; border-bottom: 7px solid #cccccc; font-size: 14px; margin: 0 0 20px 0; }

div#dvd_otameshi { width: 735px; background-color: #000000; color: #FFFFFF; }
div#dvd_otameshi .dvd_title { font-size: 14px; font-weight: bold; padding: 10px 10px 3px; }
div#dvd_otameshi a { color: #FFFFFF; }
div#dvd_otameshi a:hover { color: #CCCCCC; text-decoration: none; }

div#topYtPlayer .dvd_title { font-size: 10px; padding: 0 0 0 12px; }
div#topYtPlayer a { font-size: 10px; color: #fff; }


/**************************************************
 HAIR DO-GA　無料
***************************************************/

div#hairdoga .blockL { width: auto; max-width: 200px; margin: 0 20px 0 0; float: left; }
div#hairdoga .blockL img { border: 1px solid #e0e0e0; }
div#hairdoga .blockR { font-size: 12px; float: left; }


div#hairdoga h4 { font-size: 12px; font-weight: bold; padding: 0; line-height: 18px; }
div#hairdoga h4 a { color: #444444; }
div#hairdoga h4 span { font-size: 14px; font-weight: bold; padding: 0; color: #444444; }

div#hairdoga .processL { width: 175px; height: 96px; float: left; overflow:hidden; position:relative;  }
div#hairdoga .processL img { border: 3px solid #333333; position:absolute; top:-15px; }
div#hairdoga .processR { width: 180px; height: 130px; float: left; font-size: 12px; }

div#hairdoga .page_num { font-size: 12px; text-align: center; background-color: #777777; font-weight: bold; padding: 5px; color: #ffffff; width: 30px; margin: 0 0 8px 0; }
div#hairdoga .process_title { font-weight: bold; color: #444444; margin: 0 0 3px 0; }

div#dvd_otameshi .process_title { font-size: 14px; font-weight: bold; padding: 10px 10px 6px; color: #FFFFFF; }



/* 一覧 */
h3.relatedmovie { background: url(../images/tit_relatedmovie.gif)  0 0 no-repeat; width: 167px; margin: 0; }
div#relatedmovielist ul { width: 167px; margin: 14px 0 0 0; padding: 0; }
div#relatedmovielist li { margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #bbbbbb; font-size: 11px; line-height: 16px; }
div#relatedmovielist a { display: block; margin: 0 0 8px 0; overflow:hidden; position:relative; height: 96px; }
div#relatedmovielist a img { border: 3px solid #333333; position:absolute; top:-15px; }


div#hairdogalist ul { width: 167px; margin: 14px 0 0 0; padding: 0; }
div#hairdogalist li { margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #bbbbbb; font-size: 11px; line-height: 16px; }
div#hairdogalist a { color: #333333; }
div#hairdogalist img { display: block; margin: 0 0 8px 0; border: 3px solid #999999; }


div#hairdogalist .page_num { font-size: 10px; background-color: #777777; padding: 1px; color: #ffffff; }



/**************************************************
 HAIR DO-GA　有料
***************************************************/

div#movie .blockL { width: auto; max-width: 200px; margin: 0 20px 0 0; float: left; }
div#movie .blockL img { border: 1px solid #e0e0e0; }

div#movie .blockC { float: left; font-size: 12px; }
div#movie .blockR { float: right; font-size: 11px; text-align: right; position: relative; }


div#movie .blockL .imgArea { width: 160px; height: 88px; overflow:hidden; position:relative; border: 3px solid #333; }
div#movie .blockL .sampleImg {  position:absolute; z-index: 1; top: -15px; }
div#movie .blockL .playIcon { position:absolute; z-index: 2; left: -3px; top: -3px; }


div#movie h4 { font-size: 12px; font-weight: bold; padding: 0; line-height: 18px; }
div#movie h4 a { color: #444; }
div#movie h4 span { font-size: 14px; font-weight: bold; padding: 0; color: #444; }

ul.phdglist { margin: 0 0 30px; }
ul.phdglist li { clear: both; padding: 35px 0 0; }

div#movie .type_icon { right: 0; position: absolute; width: 300px; }
div#movie .type_icon span { background-color: #ddd; padding: 2px 5px; color: #111; }
div#movie .type_icon span.bdr { border: 1px solid #888; }

div#movie .info_txt { top: 22px; right: 0; position: absolute; width: 200px; }

div#movie a.btn_phdg { top: 65px; width:79px; height: 36px; display:block; background:url(../images/btn_phdg.gif) 0 0 no-repeat; right: 0; text-align: rigth; overflow: hidden; outline:none; position: absolute; }
div#movie a.btn_phdg:hover { background:url(../images/btn_phdg.gif) 0 -36px no-repeat; }

div#movie a.btn_goto_detail { top: 64px; width:200px; height: 47px; display:block; background:url(../images/btn_goto_detail.gif) 0 0 no-repeat; right: 0; text-align: right; overflow: hidden; outline:none; position: absolute; }
div#movie a.btn_goto_detail:hover { background:url(../images/btn_goto_detail.gif) 0 -47px no-repeat; }

div#movie a.btn_goto_sample { top: 44px; width:123px; height: 47px; display:block; background:url(../images/btn_goto_sample.gif) 0 0 no-repeat; right: 0; text-align: right; overflow: hidden; outline:none; position: absolute; }
div#movie a.btn_goto_sample:hover { background:url(../images/btn_goto_sample.gif) 0 -47px no-repeat; }

div#movie a.btn_buy_phdg { top: 32px; width:79px; height: 36px; display:block; background:url(../images/btn_buy_phdg.gif) 0 0 no-repeat; right: 0; text-align: right; overflow: hidden; outline:none; position: absolute; }
div#movie a.btn_buy_phdg:hover { background:url(../images/btn_buy_phdg.gif) 0 -36px no-repeat; }
div#movie a.selected { background:url(../images/btn_buy_phdg.gif) 0 -72px no-repeat; }
div#movie a.selected:hover { background:url(../images/btn_buy_phdg.gif) 0 -72px no-repeat; }


div#movie a.btn_dougahaishin { width:350px; height: 250px; display:block; background:url(../images/btn_dougahaishin.gif) 0 0 no-repeat; overflow: hidden; outline:none; margin: 0 25px 0 0; float: left; }
div#movie a.btn_muryoudouga { width:350px; height: 250px; display:block; background:url(../images/btn_muryoudouga.gif) 0 0 no-repeat; overflow: hidden; outline:none;; }
div#movie a.btn_dougahaishin:hover, div#movie a.btn_muryoudouga:hover { border: 4px solid #777; width:342px; height: 242px; background-position: -4px -4px; }





div#movie .infoL { width: 175px; float: left; }
div#movie .infoL .imgArea { width: 160px; height: 88px; overflow:hidden; position:relative; border: 3px solid #333; }
div#movie .infoL .capImg {  position:absolute; z-index: 1; top: -2px; }
div#movie .infoL .playIcon { position:absolute; z-index: 2; left: -3px; top: -3px; }
div#movie .infoC { float: left; font-size: 12px; }
div#movie .infoR { float: right; font-size: 11px; text-align: right; position: relative; }


div#movie .page_num { margin: 8px 0 0; }
div#movie .page_num span { background-color: #999; font-weight: bold; padding: 2px 5px; color: #fff; }
div#movie .process_title { font-weight: bold; color: #444; margin: 0 0 6px 0; }

div#movie .promo_box { width: 728px; background-color: #000; padding: 5px 0 5px 7px; background-image: url(../images/promo_bg.png); }

div#movie .movie_title { color: #222222; font-weight: bold; padding: 27px 0 22px 0; font-size: 12px; border-top: 7px solid #cccccc; margin: 30px 0 0; }

div#movie h6.contents { margin-bottom: 5px; }

div#movie h6.sample { width: 100%; height: 45px; background:url(../images/tit_sample.gif) 0 10px no-repeat; text-indent:-9999px; text-align:left;border-top: 2px solid #cccccc; }

div#movie ol { margin: 0 0 0 18px; list-style-type: disc; font-size: 12px; }
div#movie ol li { margin: 0 0 5px 0; }

.movie_cart_info { display: none; padding: 8px 0; width: 100%; border-bottom: 7px solid #cccccc; background-color: #f7f7f7; }
.movie_cart_info h3 { font-size: 12px; font-weight: bold; background:url(../images/h3_head_circle.gif) no-repeat; padding: 2px 0 15px 25px; margin: 0 0 0 5px; }
.movie_cart_info .section { margin: 0 0 0 30px; }
.movie_cart_info .section span { font-size: 18px; color: #990000; }
.movie_cart_info a.cart_btn { width:168px; height: 47px; display:block; background:url(../images/btn_cart_in.gif) 0 0 no-repeat; text-indent:-9999px; text-align:left; margin: 10px 0 0 0; overflow:hidden; outline:none; }
.movie_cart_info a.cart_btn:hover { background:url(../images/btn_cart_in.gif) 0 -47px no-repeat; }

/* 一覧 */
h3.relatedmovie { background: url(../images/tit_relatedmovie.gif)  0 0 no-repeat; width: 167px; margin: 0; }
div#relatedmovielist ul { width: 167px; margin: 14px 0 0 0; padding: 0; }
div#relatedmovielist li { margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #bbbbbb; font-size: 11px; line-height: 16px; }
div#relatedmovielist a { display: block; margin: 0 0 8px 0; overflow:hidden; position:relative; height: 96px; }
div#relatedmovielist a img { border: 3px solid #333333; position:absolute; top:-15px; }


div#movielist ul { width: 167px; margin: 14px 0 0 0; padding: 0; }
div#movielist li { margin: 0 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #bbbbbb; font-size: 11px; line-height: 16px; }
div#movielist a { color: #333333; }
div#movielist img { display: block; margin: 0 0 8px 0; border: 3px solid #999999; }


div#movielist .page_num { font-size: 10px; background-color: #777777; padding: 1px; color: #ffffff; }




/**************************************************
 サイトマップ
***************************************************/

div#sitemap h2 { width: 987px; margin: 0 0 20px 0; border-bottom: 7px solid #cccccc; }
div#sitemap .block { float: left; width: 300px; padding: 0 10px; }
div#sitemap .left { float: left; width: 350px; padding: 0 10px; }
div#sitemap .right { float: right; width: 340px; }
div#sitemap h3 { clear: none; width: 280px; border-bottom: 1px dashed #cccccc; border-left: 7px solid #cccccc; font-size: 16px; padding: 5px 0 5px 12px; }
div#sitemap ul { padding: 10px 17px 30px; line-height: 150%; }
div#sitemap ul ul { padding: 0; }
div#sitemap li { padding: 0 0 0 15px; background:url(../images/top_arw_news.gif) 0 2px no-repeat; color: #222222; }


/**************************************************
 会社概要
***************************************************/

div#company .addr { float: left; width: 200px; padding: 0 10px; margin: 0 10px 0 0; }
div#company .gmap { float: left; width: 495px; height: 400px; border: 5px solid #cccccc; }
div#company h4 { clear: both; padding: 15px 0 7px 0; border-top: 1px dashed #cccccc; }


/**************************************************
 プライバシーポリシー
***************************************************/

div#privacy h4 { padding: 0 0 7px 0; }
div#privacy .item-data { padding: 0 0 20px 0; color: #444444; }


/**************************************************
 リンク集
***************************************************/

div#link ul { clear: both; padding: 0 0 30px 0; line-height: 160%; }
div#link li { width: 230px; float: left; margin: 0 15px 0 0; }


/**************************************************
 広告掲載について
***************************************************/

div#advertising_media .item-data a { display: block; margin: 10px 0 30px 0; width: 112px; }
div#advertising_media .adobe_reader { float: left; margin: 0 20px 0 0; }
div#advertising_media .adobe_reader_txt { float: left; margin: 10px 0 0 0; }

/* PDFボタン */
div#advertising_media a.pdf { width:169px; height: 36px; display:block; background:url(../images/btn_pdf.gif) 0 -36px no-repeat; text-indent:-9999px; text-align:left; margin: 17px 0 0 0; }
div#advertising_media a.pdf:hover { background:url(../images/btn_pdf.gif) 0 0 no-repeat; }


/**************************************************
 特集
***************************************************/

/*body.special div#detail .description { color: #333333!important; }*/

/* カバーヒストリーボタン */
a.btn_cover_history { width:295px; height: 36px; display:block; background:url(../images/btn_cover_history.gif) 0 0 no-repeat; text-indent:-9999px; text-align:left; margin: 17px 0 0 0; position: relative; left: 220px; /left: 0px; overflow:hidden; outline:none; }
a.btn_cover_history:hover { background:url(../images/btn_cover_history.gif) 0 -36px no-repeat; }



/**************************************************
 I SPECIAL SITE
***************************************************/

/*
a.btn_ispecial_top { width:350px; height: 250px; display:block; background:url(../images/i_special_banner_w350_h250.jpg) 0 0 no-repeat; overflow: hidden; outline:none; }
a.btn_web_gallery { width:350px; height: 250px; display:block; background:url(../images/350_250_assistant.jpg) 0 0 no-repeat; overflow: hidden; outline:none; margin: 0 25px 0 0; float: left; }

a.btn_obenkyomode { width:350px; height: 250px; display:block; background:url(../images/350_250_obenkyo_special.jpg) 0 0 no-repeat; overflow: hidden; outline:none; margin: 0 25px 0 0; float: left; }

a.btn_cover_history_top { width:350px; height: 250px; display:block; background:url(../images/cover_history_banner_w350_h250.jpg) 0 0 no-repeat; overflow: hidden; outline:none; }
*/
a.btn_ispecial_top { width:350px; height: 250px; display:block; background:url(../images/i_special_banner_w350_h250.jpg) 0 0 no-repeat; overflow: hidden; outline:none; margin: 0 25px 0 0; float: left; }
a.btn_cover_history_top { width:350px; height: 250px; display:block; background:url(../images/cover_history_banner_w350_h250.jpg) 0 0 no-repeat; overflow: hidden; outline:none; }

a.btn_cover_history_top:hover, a.btn_ispecial_top:hover, a.btn_web_gallery:hover, a.btn_obenkyomode:hover { width:342px; height: 242px; background-position: -4px -4px; }
a.btn_cover_history_top:hover { border: 4px solid #777; }
a.btn_ispecial_top:hover { border: 4px solid #0A6774; }
/*
a.btn_web_gallery:hover { border: 4px solid #E95A5E; }
a.btn_obenkyomode:hover { border: 4px solid #E95A5E; }
*/

/* I BIO LOGIN */
.ibio_lead { padding: 0 0 20px 0; font-size: 12px; line-height: 150%; color: #666666; }
.ibio_login_main_title { background: none!important; padding: 6px 0 30px 0!important; border-bottom: 7px solid #cccccc; font-size: 14px; margin: 0 0 20px 0; }

/* I BIO */
.ibio_main_title { background: url(../images/ispecialsite.png)  2px 0 no-repeat; padding: 6px 0 33px 121px!important; }

.ispecialsite_title { background: url(../images/ispecialsite.png)  2px 0 no-repeat; padding: 6px 0 36px 121px!important; border-bottom: 7px solid #cccccc!important; text-indent:-9999px; text-align:left; }

.ispecialsite_sub_title { background-position: 2px 16px; background-repeat: no-repeat; height: 14px; padding-top: 23px!important; margin: 0 0 30px 0!important; border-top: 1px dotted #666666; border-bottom: 1px dotted #666666!important; text-align:left; }

.ispecialsite_title_bottom { background-position: 2px 0; background-repeat: no-repeat;  padding: 7px 0 34px 121px!important; border-bottom: 7px solid #cccccc!important;  text-align:left; font-size: 14px }

.inews_title { background-image: url(../images/inews.png); padding-left: 88px!important; }
.imessage_title { background-image: url(../images/imessage.png); padding-left: 127px!important; }
.iwallpaper_title { background-image: url(../images/iwallpaper.png); padding-left: 139px!important; }
.igoods_title { background-image: url(../images/igoods.png); padding-left: 100px!important; }
.isns_title { background-image: url(../images/isns.png); padding-left: 73px!important; }
.btn_imenu_ispecialsite { background-image: url(../images/btn_imenu_ispecialsite.png); }
.btn_imenu_inews { background-image: url(../images/btn_imenu_inews.png); }
.btn_imenu_imessage { background-image: url(../images/btn_imenu_imessage.png); }
.btn_imenu_iwallpaper { background-image: url(../images/btn_imenu_iwallpaper.png); }
.btn_imenu_igoods { background-image: url(../images/btn_imenu_igoods.png); }
.btn_imenu_isns { background-image: url(../images/btn_imenu_isns.png); }


.ibio_sub_title { background: url(../images/ibio_i_logo.gif)  2px 14px no-repeat; padding: 20px 0 20px 23px!important; margin: 10px 0 20px 0!important; border-top: 3px solid #cccccc; border-bottom: 3px solid #cccccc!important; }

div#inews { clear: both; width: 100%; padding: 0 0 10px 0; background:url(../images/bg_top_news.gif) 0 22px no-repeat; }
div#inews h2 { width: 735px; height: 32px; background:url(../images/tit_inews.gif) no-repeat; text-indent:-9999px; text-align:left; margin: 0; border: 0; }
div#inews h2 a.goto_inews_list { width:48px; height: 15px; display:block; text-indent:-9999px; text-align:left; position: relative; left: 679px; top: -8px; background: none; overflow:hidden; outline:none; }
div#inews dl { margin: 0 10px 0; padding: 15px 20px 0px; background-color: #ffffff; line-height: 110%; }
div#inews dl dt { padding: 0 0 0 15px; background:url(../images/top_arw_news.gif) 0 2px no-repeat; color: #666666; font-size: 12px; }
div#inews dl dd { position: relative; top: -15px; left: 160px; width: 530px; font-size: 12px; }
div#inews dl a { color: #222222; }
div#inews dl a:hover { color: #666666; }


div#login_name { font-size: 12px; color: #666666; padding: 10px 0 0; width: 251px; height: 23px; text-align: right; margin: 0 0 20px 0; border-bottom: 7px solid #cccccc; }
ul#imenu { margin: 0 0 0 30px; width: 221px; padding: 0; }
ul#imenu li { background-position: 2px 0; background-repeat: no-repeat;  }
ul#imenu li a { height: 22px; margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #666666; text-indent:-9999px; text-align:left; display: block; overflow:hidden; outline:none; }
.inews_category { padding: 0 0 10px; }
.inews_category li { padding: 0 0 5px 15px; font-weight: bold; margin: 0 0 0 20px; background: none; border: none; background:url(../images/top_arw_news.gif) 0 3px no-repeat!important; }
.inews_category li a { height: auto!important; font-weight: normal; margin: 0!important; padding: 0!important; text-indent: 0!important; border: none!important; }


h4.tit_auth { font-size: 12px; color: #333333; padding: 21px 0 0 3px; width: 218px; height: 23px; text-align: left; margin: 0 0 30px 30px; border-bottom: 1px dotted #666666; }
ul#writing { margin: 0 0 0 30px; width: 221px; padding: 0; }
ul#writing li { clear: both; border-top: 1px dotted #666666; padding: 20px 0 0; /margin-bottom: 20px; }
ul#writing > li:first-child { /*IE-expression (first-child) */ border: none; padding: 0; }
ul#writing li a { color: #333333; font-size: 11px; line-height: 150%; }
ul#writing li img { display: block; margin: 0 15px 20px 0; float: left; }
ul#writing li p { float: left; width: 115px; }
ul#writing li a.more-info { width: 98px; height: 12px; display:block; background: url(../images/btn_more_info_mini.gif) no-repeat; text-indent: -9999px; text-align: left; padding: 0; margin: 20px 0 0 0; overflow:hidden; outline:none; }


div#message ul { margin: 0 0 0 20px; }
div#message ul li { width:auto; text-indent:0px; padding: 0 3px 5px 17px; text-align:left; background:url(../images/top_arw_news.gif) 2px 2px no-repeat; font-size: 12px; }
div#message a { color: #222222; }
div#message a:hover { color: #666666; }

div#message td p { margin: 10px 0 0; font-size: 11px; color: #666666; text-align:center; }


a.btn_isns { width:169px; height: 36px; display:block; background:url(../images/btn_isns.gif) 0 0 no-repeat; text-indent:-9999px; text-align:left; margin: 0; }
a.btn_isns:hover { background:url(../images/btn_isns.gif) 0 -36px no-repeat; }

div#isns td p { margin: 0 0 0 20px; font-size: 12px; color: #666666; width: 300px; }

a.btn_igoods { width:169px; height: 36px; display:block; background:url(../images/btn_igoods.gif) 0 0 no-repeat; text-indent:-9999px; text-align:left; margin: 20px 0 0 20px; }
a.btn_igoods:hover { background:url(../images/btn_igoods.gif) 0 -36px no-repeat; }

div#igoods td h4 { margin: 0 0 15px 20px; font-size: 12px; color: #333333; font-weight: bold; padding: 0; }
div#igoods td p { margin: 0 0 0 20px; font-size: 12px; color: #666666; width: 300px; }

div#wallpaper ul { margin: 0 0 0 10px; }
div#wallpaper ul li { width:auto; text-indent:0px; padding: 0 3px 5px 17px; text-align:left; background:url(../images/top_arw_news.gif) 2px 2px no-repeat; }
div#wallpaper ul li a { color: #222222; }
div#wallpaper ul li a:hover { color: #666666; }

div#wallpaper td p { margin: 5px 0 0 5px; font-size: 11px; color: #666666; text-align:center; }



/**************************************************
 会員登録
***************************************************/
div#signup h2 { clear: both; width: 735px; height: 33px; text-indent:-9999px; text-align:left; margin: 0 0 20px 0; border-bottom: 7px solid #cccccc; background-repeat: no-repeat; }
div#signup h3 { font-size: 12px; font-weight: bold; background:url(../images/h3_head_circle.gif) no-repeat; padding: 2px 0 15px 25px; }
div#signup h3.long { background:url(../images/h3_head_circle.gif) 0 5px no-repeat; padding: 0 0 15px 25px; }
/*
div#signup table.tbl1 { font-size: 12px; margin-bottom: 40px; }
div#signup table.tbl1 th { width: 170px; font-weight: normal; background-color: #eeeeee; }
div#signup table.tbl1 th.mailmaga { width: 210px; }
*/
div#signup label { top: -2px; }
.rule_title { width: auto!important; font-weight: bold!important; text-align: center; }
div#signup #rule { overflow: auto; margin: 0 5px; padding: 0 10px 0 0; height: 300px; }


/**************************************************
 読者プレゼント
***************************************************/
div#present .description { padding: 0 0 20px 0; font-size: 12px; line-height: 150%; color: #666666; }

div#present h3 { padding: 0 0 30px 0; border-bottom: 7px solid #cccccc; font-size: 14px; margin: 0 0 20px 0; }
div#present h3 span { padding: 0 0 7px 0; display: block; font-size: 12px; font-weight: normal; color: #444444; }
div#present h3.qa { padding: 30px 0 30px 0; border-top: 7px solid #cccccc; font-size: 14px; clear: both; }
div#present div#signup h2 { font-size: 14px; font-weight: bold; padding: 0; margin: 0; border: none; text-indent: 0; height: auto; background-repeat: no-repeat; }
div#present div#signup h3 { font-size: 12px; font-weight: bold; background:url(../images/h3_head_circle.gif) no-repeat; padding: 2px 0 15px 25px; margin: 0; border: none; }
div#present .number { font-size: 14px; padding: 2px 4px; border: 1px solid #333333; }
div#present h4 { padding: 0 0 20px 0; font-size: 14px; }
div#present h4 span { padding: 3px 0 0 0; display: block; font-size: 12px; font-weight: normal; color: #444444; }
div#present .limit { padding: 20px 0 0 0; font-size: 14px; font-weight: bold; color: #555555; }
div#present .limit span { font-size: 20px; }
div#present .hand { cursor: pointer; }
div#present .item-wrap { width: 705px; height: auto; padding: 15px; background:url(../images/bg_top_news.gif) 0 0 repeat-y; }
/*div#present .item-wrap-checked { border: 5px solid #CCCCCC; padding: 10px; }*/
div#present .item-img { float: left; }
div#present .item-description { float: left; width: 385px; }

div#present h5 { padding: 0 0 20px 2em; text-indent:-2em; font-size: 14px; /*font-weight: normal;*/ }
div#present h5.op { padding: 0 0 20px 3em; text-indent:-3em; }
div#present label { margin-right: 10px; }
div#present .answer { color: #666666; }



/**************************************************
 検索結果
***************************************************/

div#search h2 { width: 987px; margin: 0 0 20px 0; border-bottom: 7px solid #cccccc; background-repeat: no-repeat; }
div#search dl { padding: 20px 0 55px 0; }
div#search dt { padding: 0 0 5px 0; font-size: 14px; }
div#search dt a { text-decoration: underline; }
div#search dd { padding: 0 0 20px 0; }
div#search dt.more { padding: 20px 0 55px 0; }
div#search dt.notfound { padding: 0 0 350px 0; }


/**************************************************
 通販系　サンクスページ
***************************************************/

/* STEP IMAGE */
.stepimg { display: block; border-bottom: 7px solid #cccccc; padding: 0 0 10px; margin: 0 0 10px; }



/**************************************************
 YOUTUBE クロムレスプレイヤー
***************************************************/


.flashContainer {
	position: relative;
	overflow: hidden;
}
.flashContainer .flashControl {
	display: none;
	position: absolute;
	width: auto;
	height: 24px;
	left: 105px;
	right: 105px;
	bottom: 10px;
	background-color: #000;
	overflow: hidden;
	background: url(../images/youtube/bg.png) repeat-x center;
}

#topYtPlayer {
	width: 210px;
	padding: 5px 0;
	background-color: #000;
}

#topYtPlayer .flashContainer .flashControl {
	height: 12px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	background-color: #000;
	overflow: hidden;
	background: url(../images/youtube/bg-mini.png) repeat-x center;
}

.flashContainer .flashControl .flashPlay {
	float: left;
	display: block;
	height: 24px;
	width: 24px;
	background: url(../images/youtube/Player-Play.png) no-repeat center center;
	overflow: hidden;
}

#topYtPlayer .flashContainer .flashControl .flashPlay {
	height: 12px;
	width: 12px;
	background: url(../images/youtube/Player-Play-mini.png) no-repeat center center;
}


.flashContainer .flashControl .flashPlay:hover {
	background: url(../images/youtube/Player-Play-hover.png) no-repeat center center;
}

#topYtPlayer .flashContainer .flashControl .flashPlay:hover {
	background: url(../images/youtube/Player-Play-hover-mini.png) no-repeat center center;
}

.flashContainer.playing .flashControl .flashPlay {
	background: url(../images/youtube/Player-Pause.png) no-repeat center center;
}

#topYtPlayer .flashContainer.playing .flashControl .flashPlay {
	background: url(../images/youtube/Player-Pause-mini.png) no-repeat center center;
}

.flashContainer.playing .flashControl .flashPlay:hover {
	background: url(../images/youtube/Player-Pause-hover.png) no-repeat center center;
}

#topYtPlayer .flashContainer.playing .flashControl .flashPlay:hover {
	background: url(../images/youtube/Player-Pause-hover-mini.png) no-repeat center center;
}


.flashContainer .flashControl .flashCurrent,
.flashContainer .flashControl .flashDuration {
	float: left;
	height: 24px;
	width: 60px;
	overflow: hidden;
	font-family: "Courier New", Courier, monospace;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 24px;
	padding: 0px 4px;
	text-align: center;
	background: url(../images/youtube/border.png) no-repeat right center;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#topYtPlayer .flashContainer .flashControl .flashCurrent,
#topYtPlayer .flashContainer .flashControl .flashDuration {
	display: none;
}

.flashContainer .flashControl .flashDuration {
	float: right;
	background: url(../images/youtube/border.png) no-repeat left center;
}

#topYtPlayer .flashContainer .flashControl .flashDuration {
	display: none;
}

.flashContainer .flashControl .flashProgress {
	height: 22px;
	overflow: hidden;
	cursor: pointer;
	overflow: hidden;
	margin-top: 1px;
}

#topYtPlayer .flashContainer .flashControl .flashProgress {
	height: 10px;
}

.flashContainer .flashControl .flashProgress .flashElapsed {
	width: 0;
	height: 100%;
	background-color: #fff;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
	opacity: .6;
	border-right: 1px solid #000;
}

.flashContainer .flashControl .flashMute {
	float: right;
	display: block;
	height: 24px;
	width: 24px;
	background: url(../images/youtube/Sound-On.png) no-repeat center center;
	overflow: hidden;
}

#topYtPlayer .flashContainer .flashControl .flashMute {
	height: 12px;
	width: 12px;
	background: url(../images/youtube/Sound-On-mini.png) no-repeat center center;
}

.flashContainer .flashControl .flashMute:hover {
	background: url(../images/youtube/Sound-On-hover.png) no-repeat center center;
}

#topYtPlayer .flashContainer .flashControl .flashMute:hover {
	background: url(../images/youtube/Sound-On-hover-mini.png) no-repeat center center;
}

.flashContainer.muted .flashControl .flashMute {
	background: url(../images/youtube/Sound-Off.png) no-repeat center center;
}

#topYtPlayer .flashContainer.muted .flashControl .flashMute {
	background: url(../images/youtube/Sound-Off-mini.png) no-repeat center center;
}

.flashContainer.muted .flashControl .flashMute:hover {
	background: url(../images/youtube/Sound-Off-hover.png) no-repeat center center;
}

#topYtPlayer .flashContainer.muted .flashControl .flashMute:hover {
	background: url(../images/youtube/Sound-Off-hover-mini.png) no-repeat center center;
}

.flashContainer .flashControl .flashClear {
	clear: both;
}



.flashContainer .flashControl .flashVolume {
	float: right;
	height: 20px;
	width: 60px;
	background: url(../images/youtube/border.png) no-repeat right center;
	overflow: hidden;
	cursor: pointer;
	padding: 2px;
}


#topYtPlayer .flashContainer .flashControl .flashVolume {
	float: right;
	height: 6px;
	width: 18px;
	background: url(../images/youtube/border-mini.png) no-repeat right center;
}


.flashContainer .flashControl .flashVolume .flashCursor {
	float: left;
	height: 20px;
	width: 5px;
	border-right: 1px solid #000;
	overflow: hidden;
	cursor: pointer;
	background-color: #777;
}

#topYtPlayer .flashContainer .flashControl .flashVolume .flashCursor {
	float: left;
	height: 10px;
	width: 2px;
}

.flashContainer .flashControl .flashVolume .flashCursor.selected {
	background-color: #fff;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
	opacity: .8;
}

#topYtPlayer .flashContainer .flashControl .flashVolume .flashCursor.selected {
	background-color: #fff;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
	opacity: .8;
}

.flashContainer:hover .flashControl {
	display: block;
}


/* jbooks_campaign */

.jbooks-campaign-title {
	display: block;
	color: red;
	font-size: 12px;
	font-weight: normal;
	padding: 0 0 0.5em!important;
}












/**************************************************
 汎用テーブル
***************************************************/

/* ボーダーあり */
table.tbl1 { text-align: left; width: 100%; margin: 0 0 20px 0; background-color: #999999; border-top: 1px solid #D0D0D0;	border-left: 1px solid #D0D0D0; border-spacing: 0;border-collapse: collapse; }
table.tbl1 tr, table.tbl1 th, table.tbl1 td { vertical-align:middle; border-right: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; padding: 10px; color:#333333; }
table.tbl1 th { background-color: #E8E8E8; white-space:nowrap; }

#contact table.tbl1, #signup table.tbl1 { font-size: 12px; line-height: 20px; margin-bottom: 20px; }
#contact table.tbl1 th, #signup table.tbl1 th { width: 170px; font-weight: normal; background-color: #eeeeee; }
#contact table.tbl1 th.mailmaga { width: 210px; }

table.tbl1 td { background-color: #ffffff; }
/* ボーダーなし */
table.tbl2 { text-align: left; width: 100%; margin: 0 0 20px 0; }
table.tbl2 tr, table.tbl2 th, table.tbl2 td { vertical-align:middle; padding: 10px; color:#333333; border: none; }
table.tbl2 th { background-color: #EFEFEF; }
table.tbl2 td { text-align: center; background-color: #ffffff; }
table.tbl2 td.left { text-align: left; }

table.tbl3 { text-align: left; width: auto; margin: 0 0 20px 0; display: inline; }
table.tbl3 tr, table.tbl3 th, table.tbl3 td { vertical-align:middle; padding: 10px; color:#333333; border: none; }
table.tbl3 td { text-align: center; background-color: #ffffff; }
table.tbl3 td.left { text-align: left; }

/* ボーダーなし */
table.tbl4 { text-align: left; width: 100%; margin: 0 0 20px 0; }
table.tbl4 tr, table.tbl4 th, table.tbl4 td { border: none; }
table.tbl4 th { }
table.tbl4 td { }


/**************************************************
 フォーム
***************************************************/

.text70 { width: 70px; border: 1px solid #999999; padding: 2px; }
.text150 { width: 150px; border: 1px solid #999999; padding: 2px; }
.text200 { width: 200px; border: 1px solid #999999; padding: 2px; }
.text250 { width: 250px; border: 1px solid #999999; padding: 2px; }
.text380 { width: 380px; border: 1px solid #999999; padding: 2px; }
.text580 { width: 580px; padding: 2px; border: 1px solid #999999; padding: 2px; }
.textarea380 { width: 380px; height: 140px; border: 1px solid #999999; font-size: 12px; padding: 2px; }
.textarea580 { width: 580px; height: 140px; border: 1px solid #999999; font-size: 12px; padding: 2px; }
.alignC { text-align: center; }

.ime0 { ime-mode:active; }
.ime1 { ime-mode:inactive; }
.ime2 { ime-mode:disabled; }


/**************************************************
 リスト
***************************************************/

.lst0{ list-style-type: none; }
.lst1{ padding-left: 1em; /padding-left: 0.5em; line-height: 20px; }
.lst1 li{ text-indent:-1em; /text-indent:0; list-style-type:none; }
.lst2{ padding-left:1.5em; }
.lst2 li{ text-indent:-1.5em; list-style-type:none; }

/**************************************************
 ボーダー
***************************************************/

.dott { border-top: 1px dotted #cccccc!important; }
.dotb { border-bottom: 1px dotted #cccccc!important; }
.dasht { border-top: 1px dashed #cccccc!important; }
.dashb { border-bottom: 1px dashed #cccccc!important; }
.brd0 { border: 0!important; }
.brd7t { border-top: 7px solid #cccccc!important; }
.brd7b { border-bottom: 7px solid #cccccc!important; }
.brd2b { border-bottom: 2px solid #666666!important; }
.brd5b { border-bottom: 5px solid #666666!important; }

.floatR { float: right; }
.floatL { float: left; }


/* 赤字 */
.red { color: #CC3300!important; /* display: inline!important; */ }
.small { font-size: 80%; }

.soldout { color: #CC3300!important; font-weight: bold; margin-top: 5px; }
.comingsoon { color: #CC3300!important; font-weight: bold; margin-top: 5px; }

.order_status8{ background-color:#999; color: #FFF; width: 60px; padding: 2px 5px; font-size: 11px; }





/* facebook twitter */
ul.icon {
	height: 20px;
	padding: 0 0 10px;
	list-style: none outside none;
}
ul.icon li {
	float: left;
	margin: 0 10px 0 0;
}





/* スマホ用パーツ */
.headerMenuBtn,
#headerMenu,
footer {
	display: none;
}

/* WP */

/* 基本h2 */
h2.bc-title { width: 735px!important; height: 33px!important; font-size: 26px!important; text-indent: 0px!important; text-align:left!important; border-bottom: 7px solid #cccccc; background-repeat: no-repeat!important; font-weight: bold; }

h2.bc-title em { display: inline; font-style: normal; font-weight: normal; font-size: 11px; }

#sitemap h2.bc-title { width: 987px!important; }

/*
.img-area { max-width: 314px; }
.img-area img { width: 100%; }
*/
.img-area img { width: 292px; }

body.jbooks .img-area img {
	border: none;
}
body.jbooks ul.books4 li img {
	border: none;
}

.page-contents {
	margin: 3em 0;
	line-height: 1.5em;
}

.page-contents h2 {
	width: auto;
	height: auto;
	text-indent: 0;
	border: none;
}

.bc-list li { width: 167px; /*height: 37px;*/ border-bottom: 1px solid #ffffff }
@-moz-document url-prefix() {
	.bc-list li { margin-bottom: 1px; }
}
.bc-list li a { display: block; background-color: #696969; color: #ffffff; /*padding: 9px 0 9px 10px;*/ padding: 9px 10px 9px 10px; text-decoration: none; font-size: 12px; font-weight: bold; }
.bc-list li a:link, .bc-list li a:visited { color: #ffffff; }
.bc-list li a:hover { background-color: #333333; }
.bc-list li a.current { background-color: #111111; }


body.jbooks .bc-list li a { background-color: #dc7dcdad; }
body.jbooks .bc-list li a:hover { background-color: #dc7dcde0; }
body.jbooks .bc-list li a.current { background-color: #dc7dcd; }


h3.book-title { line-height: 24px; font-size: 18px; }
h3.book-title em { display: block; font-style: normal; font-size: 14px; font-weight: normal; margin: 16px 0 -16px; }

.item-data { margin-bottom: 1.5em; }
.notxt-img { max-width: 987px; }
.notxt-img img { width: 100%; }

.type-list { display: inline-flex; }
.type-list li { padding: 1em; border: 1px solid #999; border-radius: 4px; }
.type-list li:nth-child(2) { margin-left: 6px; }
.type-list li.current { background-color: #fcffcc4a; border: 2px solid #f59d06; }
.type-list li.current .price { color: #dc1e1e; }
.type-list .title em { display: inline; font-size: 14px; font-weight: bold; color: #333; }

.book-list > li { max-width: 168px; display: inline-block; margin: 0 12px 0 0; }
.recommend-list > li { max-width: 105px; margin: 0 12px 0 0; }
.book-list img { width: 100%; height: 100%; }
.book-list .book-title { font-size: 11px; font-weight: bold; padding: 7px 0 0 0; width: 168px; }
.recommend-list  .book-title { width: 105px; }
.book-list .book-title a:link, .book-list .book-title a:visited { color: #333333; }
.book-list .book-author { font-size: 11px; padding-top: 5px; }
.book-list .book-description { font-size: 11px; color: #666666; padding: 20px 0 20px 0; }
.book-list .more-info { width: 125px; height: 12px; display: block; background: url(../images/btn_more_info.gif) no-repeat; text-indent: -9999px; text-align: left; padding: 0; margin: 0 0 60px 0; overflow: hidden; outline: none; }

.book-list .book-appeal { padding: 0 0 0.7em 0; font-weight: bold; color: #CC0000; min-height: 1px; }

.sidebar-jbooks-banner { display: block; margin-bottom: 1em; width: 167px; }

h3.item-title { height: 120px!important; text-indent: 0!important; padding: 17px 0 0!important; background: none!important; }

#recommend h3 { height: 14px!important; }

div#Gnavi ul li.jbooks a { /*width:108px;*/ height: 40px; display:block; background:url(../images/bg_global_navi.gif) -555px 0 no-repeat; }
div#Gnavi ul li.jbooks a:hover, body.jbooks div#Gnavi ul li.jbooks a { background-position: -555px -40px; }

/* ディーラー販売 */
h4.dealer-title { font-size: 20px; font-weight: bold; margin-bottom: 1em; }
h3.dealer-title { padding: 0 0 0 10px; line-height: 1.1; border-left: 5px solid #ccc; }



.alignC { text-align: center; }
.fs11 { font-size: 11px!important; }
.fs12 { font-size: 12px!important; }

h2.gray1 { clear: both; width: 735px; border-top: 1px dashed #bbbbbb!important; border-bottom: 1px dashed #bbbbbb!important; padding: 10px 0!important; background-color: #F9F9F9; background-repeat: no-repeat; }
h2.gray2 { clear: both; width: 725px!important; padding: 10px 0 10px 10px!important; background-color: #999999; color: #FFFFFF!important; border: none!important; text-indent: 0!important; font-size: 14px!important; height: auto!important; background-repeat: no-repeat; }
h2.gray3 { clear: both; width: 715px!important; border-left: 15px solid #bbbbbb!important; padding: 10px 0 5px 5px!important; background-repeat: no-repeat; }
h2.pngimg { clear: both; width: 735px; height: 33px!important; text-indent:-9999px!important; text-align:left!important; background-repeat: no-repeat; }

h2.black2 { clear: both; width: 725px!important; padding: 10px 0 10px 10px!important; background-color: #333333; color: #FFFFFF!important; border: none!important; text-indent: 0!important; font-size: 14px!important; height: auto!important; background-repeat: no-repeat; }


h3.gray5 { clear: both; width: 725px!important; padding: 10px 0 10px 10px!important; background-color: #666666; color: #FFFFFF!important; border: none!important; text-indent: 0!important; font-size: 14px!important; height: auto!important; }

h3.gray6 { clear: both; width: 725px!important; padding: 10px 0 10px 10px!important; background-color: #777777; color: #FFFFFF!important; border: none!important; text-indent: 0!important; font-size: 14px!important; height: auto!important; }

.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt25 { margin-top: 25px!important; }
.mt30 { margin-top: 30px!important; }
.mt35 { margin-top: 35px!important; }
.mt40 { margin-top: 40px!important; }
.mt50 { margin-top: 50px!important; }
.mt70 { margin-top: 70px!important; _margin-top: 35px!important; }


.mr5 { margin-right: 5px!important; _margin-right: 2px!important; }
.mr10 { margin-right: 10px!important; _margin-right: 5px!important; }
.mr15 { margin-right: 15px!important; _margin-right: 7px!important; }
.mr20 { margin-right: 20px!important; _margin-right: 10px!important; }
.mr25 { margin-right: 25px!important; _margin-right: 12px!important; }
.mr30 { margin-right: 30px!important; _margin-right: 15px!important; }
.mr40 { margin-right: 40px!important; _margin-right: 20px!important; }
.mr50 { margin-right: 50px!important; _margin-right: 25px!important; }

.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb50 { margin-bottom: 50px!important; }

.ml5 { margin-left: 5px!important; _margin-left: 2px!important; }
.ml10 { margin-left: 10px!important; _margin-left: 5px!important; }
.ml15 { margin-left: 15px!important; _margin-left: 7px!important; }
.ml20 { margin-left: 20px!important; _margin-left: 10px!important; }
.ml25 { margin-left: 25px!important; _margin-left: 12px!important; }
.ml30 { margin-left: 30px!important; _margin-left: 15px!important; }
.ml40 { margin-left: 40px!important; _margin-left: 20px!important; }
.ml50 { margin-left: 50px!important; _margin-left: 25px!important; }

.pt5 { padding-top: 5px!important; _padding-top: 3px!important; }
.pt10 { padding-top: 10px!important; _padding-top: 5px!important; }
.pt15 { padding-top: 15px!important; _padding-top: 8px!important; }
.pt20 { padding-top: 20px!important; _padding-top: 10px!important; }
.pt25 { padding-top: 25px!important; _padding-top: 13px!important; }
.pt30 { padding-top: 30px!important; _padding-top: 15px!important; }
.pt40 { padding-top: 40px!important; _padding-top: 20px!important; }
.pt50 { padding-top: 50px!important; _padding-top: 25px!important; }

.pr5 { padding-right: 5px!important; _padding-right: 3px!important; }
.pr10 { padding-right: 10px!important; _padding-right: 5px!important; }
.pr15 { padding-right: 15px!important; _padding-right: 8px!important; }
.pr20 { padding-right: 20px!important; _padding-right: 10px!important; }
.pr25 { padding-right: 25px!important; _padding-right: 13px!important; }
.pr30 { padding-right: 30px!important; _padding-right: 15px!important; }
.pr40 { padding-right: 40px!important; _padding-right: 20px!important; }
.pr50 { padding-right: 50px!important; _padding-right: 25px!important; }

.pb5 { padding-bottom: 5px!important; _padding-bottom: 3px!important; }
.pb10 { padding-bottom: 10px!important; _padding-bottom: 5px!important; }
.pb15 { padding-bottom: 15px!important; _padding-bottom: 8px!important; }
.pb20 { padding-bottom: 20px!important; _padding-bottom: 10px!important; }
.pb25 { padding-bottom: 25px!important; _padding-bottom: 13px!important; }
.pb30 { padding-bottom: 30px!important; _padding-bottom: 15px!important; }
.pb40 { padding-bottom: 40px!important; _padding-bottom: 20px!important; }
.pb50 { padding-bottom: 50px!important; _padding-bottom: 25px!important; }

.pl5 { padding-left: 5px!important; _padding-left: 3px!important; }
.pl10 { padding-left: 10px!important; _padding-left: 5px!important; }
.pl15 { padding-left: 15px!important; _padding-left: 8px!important; }
.pl20 { padding-left: 20px!important; _padding-left: 10px!important; }
.pl25 { padding-left: 25px!important; _padding-left: 13px!important; }
.pl30 { padding-left: 30px!important; _padding-left: 15px!important; }
.pl40 { padding-left: 40px!important; _padding-left: 20px!important; }
.pl50 { padding-left: 50px!important; _padding-left: 25px!important; }