@charset "utf-8";

/*
********************************************************************
サイト全体に共通の基本定義
********************************************************************
*/

*{list-style:none;margin:0px;padding: 0px;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",Helvetica ,sans-serif;}

body{margin:0px;padding:0px;}

/* -- ▼ floatをクリアするためのCSS ▼ -- */
.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* 基本レイアウト */
#header-navi,#header,#sitenavi,#contents,#footer .footer-inner,.footer-home .home-link{width:1000px;margin:0 auto;line-height:1.4;}
#contents-wrapper{border-top:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;background:url(/common/images/v1/common/contents-wrap-bg.gif);}
#contents{margin:15px auto 20px auto;}
#contents.special{margin:15px auto 20px auto;background-color:#fff;border:solid 1px #dcdcdc;border-radius:3px;}
#main-column{width:690px;float:left;}
#main-column.detail{background-color:#fff;border:solid 1px #dcdcdc;border-radius:3px;padding-bottom:35px;}
#main-column.detail.store,#main-column.detail.category{background-color:transparent;padding-bottom:35px;border-style:none;}
#main-column-inner{padding:15px 20px;}
#main-column-inner.store,#main-column-inner.category{background-color:#fff;margin-bottom:10px;border-radius:0 0 3px 3px;border-left:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;border-right:solid 1px #dcdcdc;}
#sub-column{width:300px;float:right;}



/* アンカー指定 */
a{text-decoration:underline;color:#111;}
a:hover{text-decoration:none;}
a img{border-style:none;vertical-align:bottom;}

/* -- 全体で使う画像 -- */
.sprite{background:url(/common/images/v2/common/main-bg.png) no-repeat;display:block;}
.sprite a{background:url(/common/images/v2/common/main-bg.png) no-repeat;display:block;}

/* 会員用吹き出し（ストアに似たもの） */
#store-main-login{float:right;width:375px;font-size:13px;}
#store-dropdown{
	/* width:202px; */
	width:230px;
	float:left;
	/* background:url(/common/images/v2/store/arrow_dropdown.png) no-repeat 184px 10px; */
	background:url(/common/images/v2/store/arrow_dropdown.png) no-repeat 210px 10px;
	border-radius:6px;
	z-index:1000;
	position:relative;
}
#store-dropdown a{
	display:block;
	text-decoration:none;
	background:url(/common/images/v2/store/account_icon.png) no-repeat 11px 8px;
	padding:5px 20px 5px 34px;
}
#store-dropdown.menu-on{
	background:url(/common/images/v2/store/arrow_dropdown.png) no-repeat 210px 10px #fff !important;
	z-index:1000;
	border-radius:6px 6px 0 0;
}
#store-dropdown.menu-on a,#store-dropdown.menu-on a:hover{
	display:block;
	border-radius:6px 6px 0 0;
	border-bottom:none;
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
}
#cart-check{
	width:145px;
	float:left;
	border-radius:3px;
}
#cart-check a{
	display:block;
	width:102px;
	text-decoration:none;
	background:url(/common/images/v2/store/cart_icon.png) no-repeat 11px 6px;
	padding:5px 0 5px 41px;
}

#cart-check a:hover{background-color:#fff;}
#store-dropdown-body{
display:none;
position:absolute;
right:145px;
top:28px;
min-width:228px;
margin:0px;
background-color:#fff;
border:solid 1px #ccc;
border-radius:6px 0 6px 6px;
-webkit-border-radius:6px 0 6px 6px;
-moz-border-radius:6px 0 6px 6px; 
z-index:600;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#store-dropdown-body ul{margin:10px 0;}
#store-dropdown-body ul li a{
	display:block;
	padding:8px 10px 8px 20px;
	font-size:13px;
	text-decoration:none;
}
#store-dropdown-body ul li a:hover{
	background-image: -moz-linear-gradient(top, #eee, #ddd);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #eee), color-stop(1.0, #ddd));
	text-shadow:0 1px 0 #fff;
}
#store-dropdown-body .store-login{
	border-top:solid 1px #ddd;
	background-color:#f2f2f2;
	color:#999;
	font-size:13px;
	padding:15px 20px;
	border-radius:0 0 6px 6px;
}

/*
********************************************************************
ヘッダーの指定
********************************************************************
*/
#header-navi-wrap{border-bottom:solid 1px #dcdcdc;}
.header-navi-left{float:left;width:350px;}
.header-navi-right{float:right;width:650px;}
.header-navi-left p.catch{font-size:12px;font-weight:bold;padding:10px 0;}
ul#header-sub-menu,ul#header-main-menu,ul#header-sns-menu{float:right;}

.header-navi-left.v2{float:left;width:340px;}
.header-navi-right.v2{float:right;width:660px;}

ul#header-sub-menu{padding:11px 0;margin:0 10px 0 0;}
ul#header-sub-menu li{font-size:11px;float:left;}
ul#header-sub-menu li span{padding:0 5px;}
ul#header-sub-menu.v2 li span{padding:0 3px;}

ul#header-main-menu li{float:left;font-size:13px;border-left:solid 1px #dcdcdc;}
ul#header-main-menu li.member-regist{background-color:#f00;}
ul#header-main-menu li.login{background-color:#000;}
ul#header-main-menu li a{color:#fff;text-decoration:none;display:block;padding:10px;}
ul#header-main-menu li.mypage a{background-position:-700px -23px;background-color:#000;font-weight:bold;}
ul#header-main-menu li.mypage a:hover{background-position:-700px 10px;background-color:#fff;color:#000;}
ul#header-main-menu li.bookshelf a{background-position:-826px -22px;background-color:#000;font-weight:bold;}
ul#header-main-menu li.bookshelf a:hover{background-position:-826px 11px;background-color:#fff;color:#000;}
ul#header-main-menu li.mypage a span,ul#header-main-menu li.bookshelf a span{padding-left:15px;}

ul#header-sns-menu{border-left:solid 1px #dcdcdc;border-right:solid 1px #dcdcdc;padding:9px 12px;}
ul#header-sns-menu li{float:left;}
ul#header-sns-menu li a{width:20px;height:20px;display:block;}
ul#header-sns-menu li.facebook a{background-position:-940px 0;}
ul#header-sns-menu li.twitter a{background-position:-960px 0;margin-left:10px;}
ul#header-sns-menu li .ico{display:none;}

/* ヘッダー検索 */
#header{position:relative;padding:7px 0 7px 0;height:60px;}
#header.print{width:auto;padding:10px;border-bottom:solid 1px #dcdcdc;}
#header.print .header-sub-area{float:right;}
#header.print .header-sub-area ul li{float:left;margin-left:7px;}
#logo-banner{width:615px;float:left;}
.logo{float:left;width:292px;}
.logo img{width:292px;padding-top:6px;}
.header-banner{width:300px;height:60px;display:block;float:right;background-color:#f00;color:#fff;text-align:center;font-size:20px;line-height:60px;}
.header-search{width:353px;float:right;padding:8px 10px;background-color:#fff;margin-top:10px;}
.header-search.store-header{clear:right;margin-top:0;padding:7px 10px;}
.header-search p{float:right;font-size:12px;}
.header-search .search-box{float:left;}
.header-search .search-box select{float:left;width:120px;}
.header-search .search-box input{width:190px;background-color:#f5f5f5;border:solid 1px #ccc;float:left;margin-left:10px;}
.header-search .search-box button{width:20px;height:20px;background-position:-980px 0;display:block;border-style:none;float:left;margin-left:10px;cursor:pointer;border-width:0;}
.header-search .search-box button span{display:none;}

/* ヘッダー下のお知らせ用 */
#top-header-info{clear:both;width:950px;margin:5px auto;font-size:13px;text-align:left;background-color:#fff;padding:10px;border:solid 1px #ccc;}
#top-header-info{font-weight:bold;background:url(/common/images/v2/common/attention.gif) no-repeat 10px center #fff;padding-left:40px;}

/*
********************************************************************
グローバルナビの指定
********************************************************************
*/
#sitenavi{margin-top:15px;}
ul.sitenavi-menu{width:1000px;height:42px;}
ul.sitenavi-menu li{float:left;height:42px;text-align:center;vertical-align:middle;line-height:42px;position:relative;}
ul.sitenavi-menu{background-position:0 -58px;}
ul.sitenavi-menu a{color:#fff;font-size:16px;font-weight:bold;text-decoration:none;display:block;}
ul.sitenavi-menu a:hover,ul.sitenavi-menu a.current{color:#000;}

ul.sitenavi-menu li#nav1 a{width:247px;}
ul.sitenavi-menu li#nav2 a{width:249px;margin-left:4px;}
ul.sitenavi-menu li#nav3 a{width:246px;margin-left:3px;}
ul.sitenavi-menu li#nav4 a{width:247px;margin-left:4px;}
ul.sitenavi-menu li#nav1 a:hover,ul.sitenavi-menu li#nav1 a.current{background-position:0 -100px;}
ul.sitenavi-menu li#nav2 a:hover,ul.sitenavi-menu li#nav2 a.current{background-position:-251px -100px;}
ul.sitenavi-menu li#nav3 a:hover,ul.sitenavi-menu li#nav3 a.current{background-position:-503px -100px;}
ul.sitenavi-menu li#nav4 a:hover,ul.sitenavi-menu li#nav4 a.current{background-position:-753px -100px;}

#sitenavi li div#d1{
	display: none;
	position: absolute;
	top: 42px;
	padding: 5px;
	width: 300px;
	background: #fff;
	box-shadow:rgba(0, 0, 0, 0.388235) 1px 1px 5px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.388235) 1px 1px 5px;
	-moz-box-shadow:rgba(0, 0, 0, 0.388235) 1px 1px 5px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	z-index:9999;
}
#sitenavi li div#d2{
	display: none;
	position: absolute;
	top: 42px;
	padding: 5px;
	width: 236px;
	background: #fff;
	box-shadow:rgba(0, 0, 0, 0.388235) 1px 1px 5px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.388235) 1px 1px 5px;
	-moz-box-shadow:rgba(0, 0, 0, 0.388235) 1px 1px 5px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	z-index:9999;
}

#sitenavi li div#d1 {left: 4px;}
#sitenavi li div#d2 {left: 3px;}

#sitenavi li div#d1 a,#sitenavi li div#d2 a{
width:auto;
height:auto;
background-image:none;
color:#000 !important;
float:none;
line-height:21px;
}

.dropdown ul {display: block;margin:0;padding:0 0 10px 5px;float:left;background: #fff;border-right: solid 1px #ccc;}
.dropdown ul.last {border-right: none;}
.dropdown ul.second,.dropdown ul.last {padding-left:10px;}
.dropdown ul.one-third{width:30%;}
.dropdown ul.half-left{width:57%;}
.dropdown ul.half-right{width:37%;}
.dropdown ul li {margin: 0;padding: 3px 0;border: none;text-align:left;float:none;height:auto;}
.dropdown ul li a {display: block;height: 20px;font-size:0.7em;text-decoration:underline;}
.dropdown ul li a:hover{text-decoration:none;}

/*
********************************************************************
フッターの指定
********************************************************************
*/

#footer .footer-home{border-bottom:solid 1px #dcdcdc;padding:10px 0;}
#footer .footer-home a{text-decoration:none;}
.footer-inner{padding:30px 0 50px 0;}
.footer-inner .footer-logo{float:left;width:335px;}
.footer-inner .footer-logo p.copyright{font-size:11px;}
.footer-inner .footer-logo .g-logo-plus{margin-bottom:63px;}
.footer-inner .footer-logo .g-logo{margin-bottom:13px;}
.footer-inner .footer-menu{float:left;width:550px;}
.footer-inner .footer-menu ul.menu-line{
	font-size:11px;
	border-left:solid 1px #dcdcdc;
	padding-left:10px;
	float:left;
	margin-right:35px;
}
.footer-inner .footer-menu ul.menu-line li{margin-bottom:10px;}
.footer-inner .footer-menu ul.footer-sns{float:left;}
.footer-inner .footer-menu ul.footer-sns li{margin-bottom:5px;}
.footer-inner .footer-menu ul.footer-sns .rss a{width:21px;height:20px;display:block;background-position:-919px 0;}
.footer-inner .footer-menu ul.footer-sns .rss span{display:none;}
.footer-inner .footer-totop{float:left;width:115px;}
.footer-inner .footer-totop p{font-size:12px;background-position:-899px -31px;padding-right:30px;float:right;}

#footer.print{padding:10px;border-top:solid 1px #dcdcdc;}
#footer.print p{font-size:13px;text-align:center;}

/*
********************************************************************
サブカラムの指定
********************************************************************
*/

.ad-bnr,.bnr-space{margin-bottom:10px;}

/* from 幻冬舎 */
#from-gsection{margin-bottom:10px;}
#from-gsection .sec-title{background-color:#c90;background-position:-973px -388px;padding-left:35px;}
#from-gsection .sec-title .more a{float:right;font-size:12px;color:#fff;font-weight:normal;padding-top:2px;}
#from-gsection #from-gsection-inner{
	border-radius:0 0 4px 4px;
	background-color:#fff;
	border-bottom:solid 1px #dcdcdc;
	border-right:solid 1px #dcdcdc;
	border-left:solid 1px #dcdcdc;
	padding:15px 9px 10px 9px;
}
#from-gsection #from-gsection-inner .more a{float:right;font-size:12px;color:#c90;margin-top:5px;}

#from-gsection .gentosha-contents{margin-bottom:10px;}
#from-gsection .gentosha-contents .img{float:left;width:50px;margin-right:10px;}
#from-gsection .gentosha-contents .txt{float:right;width:220px;}
#from-gsection .gentosha-contents a .ttl{text-decoration:underline;font-size:13px;}
#from-gsection .gentosha-contents a .ttl .author{font-weight:bold;}
#from-gsection .gentosha-contents a:hover .ttl{text-decoration:none;}
#from-gsection .gentosha-contents a .date{font-size:11px;color:#999;display:block;margin-top:5px;text-decoration:none;text-align:right;}

/* 会員限定 */
#members-section{margin-bottom:10px;}
#members-section .sec-title{background-color:#f30;background-position:-974px -1738px;padding-left:35px;}
#members-section .sec-title .more a{float:right;font-size:12px;color:#fff;font-weight:normal;padding-top:2px;}
#members-section #members-section-inner{
	border-radius:0 0 4px 4px;
	background-color:#fff;
	border-bottom:solid 1px #dcdcdc;
	border-right:solid 1px #dcdcdc;
	border-left:solid 1px #dcdcdc;
	padding:15px 9px 10px 9px;
}
#members-section #members-section-inner .regist{margin:10px 30px 0 30px;}
#members-section #members-section-inner .regist a{background-color:#f30;display:block;color:#fff;font-size:16px;padding:10px;text-align:center;border-radius:5px;text-decoration:none;}

#members-section .gentosha-contents{margin-bottom:10px;}
#members-section .gentosha-contents .img{float:left;width:50px;margin-right:10px;}
#members-section .gentosha-contents .txt{float:right;width:220px;position:relative;}
#members-section .gentosha-contents a .ttl{text-decoration:underline;font-size:13px;padding-bottom:5px;display:block;}
#members-section .gentosha-contents a .ttl .author{font-weight:bold;}
#members-section .gentosha-contents a:hover .ttl{text-decoration:none;}
#members-section .gentosha-contents a .date{font-size:11px;color:#999;display:block;margin-top:5px;text-decoration:none;text-align:right;}


/* ランキング */
#ranking-section,#store-ranking-section{margin-bottom:10px;}
#ranking-section .sec-title,#store-ranking-section .sec-title{background-color:#fb0;background-position:-973px -422px;padding-left:35px;}
#ranking-section .sec-title.best{background-color:#f60;background-position:-973px -1472px;padding-left:35px;}
#ranking-section-inner,.ranking-store-section-inner{
	border-radius:0 0 4px 4px;
	background-color:#fff;
	border-bottom:solid 1px #dcdcdc;
	border-right:solid 1px #dcdcdc;
	border-left:solid 1px #dcdcdc;
	padding:15px 9px 10px 9px;
}

#ranking-section .sec-title .more a,#store-ranking-section .sec-title .more a{float:right;font-size:12px;color:#fff;font-weight:normal;padding-top:2px;}

#ranking-section-inner .rank-ttl,.ranking-store-section-inner .rank-ttl{font-size:15px;border-bottom:solid 1px #dcdcdc;}
#ranking-section-inner ul li,.ranking-store-section-inner ul li{padding:10px 0;border-bottom:solid 1px #dcdcdc;}
#ranking-section-inner ul li:last-child,.ranking-store-section-inner ul li:last-child{border-style:none;}
#ranking-section-inner .more a,.ranking-store-section-inner .more a{float:right;font-size:12px;color:#fb6;margin-top:5px;}
#ranking-section-inner .more.best a,.ranking-store-section-inner .more.best a{color:#f60;}

#ranking-section-inner ul li .rank-txt,.ranking-store-section-inner ul li .rank-txt{padding-left:40px;}
#ranking-section-inner ul li .rank-txt.no-number,.ranking-store-section-inner ul li .rank-txt.no-number{padding-left:0;}
ul#books-ranking li .rank-txt,ul.books-store-ranking li .rank-txt{min-height:60px;}
#ranking-section-inner ul li .rank-txt .img,.ranking-store-section-inner ul li .rank-txt .img{float:left;width:50px;margin-right:5px;}
#ranking-section-inner ul li .rank-txt .txt,.ranking-store-section-inner ul li .rank-txt .txt{float:left;width:185px;font-size:13px;}
#ranking-section-inner ul li .rank-txt.no-number .txt,.ranking-store-section-inner ul li .rank-txt.no-number .txt{width:225px;}
#ranking-section-inner ul li .rank-txt a .ttl,.ranking-store-section-inner ul li .rank-txt a .ttl{font-size:13px;font-weight:bold;display:block;text-decoration:underline;}
#ranking-section-inner ul li .rank-txt a:hover .ttl,.ranking-store-section-inner ul li .rank-txt a:hover .ttl{text-decoration:none;}
#ranking-section-inner ul li .rank-txt a .author,.ranking-store-section-inner ul li .rank-txt a .author{font-weight:bold;}
.article-ranking ul li.rank1 .rank-txt{background-position:0 -527px;}
.article-ranking ul li.rank2 .rank-txt{background-position:0 -706px;}
.article-ranking ul li.rank3 .rank-txt{background-position:0 -890px;}
.article-ranking ul li.rank4 .rank-txt{background-position:0 -1070px;}
.article-ranking ul li.rank5 .rank-txt{background-position:0 -1250px;}

.store-ranking ul li.rank1 .rank-txt{background-position:-500px -517px;}
.store-ranking ul li.rank2 .rank-txt{background-position:-500px -696px;}
.store-ranking ul li.rank3 .rank-txt{background-position:-500px -880px;}
.store-ranking ul li.rank4 .rank-txt{background-position:-500px -1060px;}
.store-ranking ul li.rank5 .rank-txt{background-position:-500px -1240px;}

/* facebook */
#fb-likebox{margin-bottom:10px;background-color:#fff;}

#sub-column .text-ad{margin-bottom:10px;}

/* その他共通（タイトル部分） */
.sec-title{border-radius:4px 4px 0 0;color:#fff;padding:5px;font-size:15px;font-weight:bold;}
#breadcrumb{padding:15px 20px 12px 20px;border-bottom:solid 1px #dcdcdc;}
#breadcrumb.store,#breadcrumb.category{background-color:#fff;border:solid 1px #dcdcdc;border-radius:3px 3px 0 0;}
#breadcrumb ul li,#footer-breadcrumb ul li{float:left;font-size:11px;background-position:0 -324px;margin-left:10px;padding-left:15px;}
#breadcrumb ul li a,#footer-breadcrumb ul li a{font-weight:bold;}
#breadcrumb ul li.home,#footer-breadcrumb ul li.home{margin-left:0;padding-left:0;}

/* ページネーション */
#pagination{margin-bottom:20px;clear:both;}
#pagination ul{float:right;}
#pagination ul li{float:left;}
#pagination ul li.prev a{font-size:13px;font-weight:bold;background-position:0 -384px;margin-right:10px;padding-left:10px;}
#pagination ul li.next a{font-size:13px;font-weight:bold;background-position:70px -322px;margin-left:20px;padding-right:10px;}
#pagination ul li.other a{background-color:#000;color:#fff;border:solid 1px #000;text-decoration:none;font-size:15px;padding:2px 5px;margin-left:10px;line-height:100%;display:block;}
#pagination ul li.current{background-color:#fff;color:#000;border:solid 1px #000;text-decoration:none;font-size:15px;padding:2px 5px;margin-left:10px;line-height:100%;display:block;}

/* -- ページ送り -- */
#feed-page{border-top:solid 1px #dcdcdc;border-bottom:solid 1px #dcdcdc;margin-bottom:20px;padding:20px 10px;clear:both;}
#feed-page .prev-page{float:left;font-size:13px;display:block;margin-bottom:5px;}
#feed-page .next-page{float:right;font-size:13px;display:block;}
#feed-page .prev-page a{background-position:0 -384px;padding-left:10px;display:block;}
#feed-page .next-page a{background-position:32px -323px;padding-right:10px;display:block;}
#feed-page .next-page.favorite a{background-position:110px -323px;}

#feed-page.v2 .next-page a{background-image:url(/common/images/v2/common/arrow.gif);background-repeat:no-repeat;background-position:right 7px;}


#feed-page.feed{border-top-style:none;border-bottom:solid 1px #dcdcdc;margin:10px 0;padding:10px;clear:both;}
#feed-page.feed .prev-page a{background-position:0 -384px;padding-left:10px;display:block;}
#feed-page.feed .next-page a{background-position:57px -323px;padding-right:10px;display:block;}


/* not-found */
#not-found{border:solid 1px #dcdcdc;border-radius:3px;background-color:#fff;padding:25px 30px;}
#not-found h1{font-size:28px;margin-bottom:1em;}
#not-found ul li{
	font-size:15px;
	margin-bottom:5px;
	list-style-type:disc;
	padding-left:5px;
	margin-left:20px;
}
#not-found p{font-size:15px;margin:1em 0;}
#not-found .btn{width:520px;margin:40px auto 0 auto;}
#not-found .sitemap,#not-found .totop{width:250px;float:left;}
#not-found .sitemap{margin-right:20px;}
#not-found .sitemap a,#not-found .totop a{
	border:solid 1px #bcbcbc;
	border-radius:3px;
	text-align:center;
	font-size:18px;
	display: block;
	padding:15px 0;
}

/* ログイン画面 */
#login-top-info{
	clear:both;
}
#login-top-info h1#login{background-position:-960px -1205px;padding-left:50px;font-size:28px;}
#login-frame{
	margin:30px;
	border:solid 1px #bcbcbc;
	padding:15px;
	border-radius:3px;
}

#login-frame h4{background-color:#ededed;border:solid 1px #dcdcdc;font-size:13px;font-weight:bold;padding:5px;margin:1em 0;}

#login-frame p{font-size:14px;}

#login-frame .input-area{margin:15px 0;}
#login-frame .input-area .name{background-color:#dcdcdc;padding:5px;border-bottom:solid 1px #fff;width:100px;display:block;float:left;}
#login-frame .input-area .box{padding:5px;}
#login-frame .input-area .box input{padding:3px;font-size:16px;}

#login-frame .login-btn{width:200px;margin:20px auto;}
#login-frame .login-btn input{
	background-color:#333;
	color:#fff;
	border:solid 1px #666;
	font-weight:bold;
	border-radius:3px;
	padding:8px 10px;
	cursor:pointer;
	width:200px;
}
#login-frame ul li{background-position:0 -322px;padding-left:10px;font-size:13px;margin-bottom:5px;}


#regist a {
    background-color: #FF0000;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
	font-weight:bold;
    margin: 20px auto;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    width: 200px;
}

/* tooltip用スタイル */
.tooltip {
    background: url("/common/js/lib/tooltip/images/white_arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #333333;
    display: none;
    font-size: 14px;
    height: 92px;
    line-height: 1.4;
    margin:0px;
    padding: 15px 15px;
    width: 179px;
    border:none;
    z-index: 1000;
}
.tooltip p a.normal,.tooltip p a.normal:visited{
    background:none!important;
    display:inline;
    font-size:14px!important;
    margin:auto;
    padding:auto;
    border:none;
    color:#000!important;
}

/* 特集出しわけ用 */
.a_disp_pc{display:block;}
.a_disp_sp{display:none;}

/* 会員特典 */
#common-members-section{border-radius:4px;border:solid 1px #dcdcdc;background-color:#fff;}
#common-members-section .sec-title{border-bottom:solid 1px #dcdcdc;padding-bottom:0;}
#common-members-section .sec-title-inner{padding:10px 20px;}
#common-members-section .sec-title .ttl{color:#000;}
#common-members-section .sec-title .more a{color:#000;float:right;font-weight:normal;font-size:12px;padding-top:2px;}

#common-members-section-inner{padding:15px 20px;}
#common-members-section-inner .registration{width:200px;float:left;margin-right:30px;}
#common-members-section-inner .registration a{display:block;color:#fff;text-align:center;text-decoration:none;border-radius:4px;font-weight:bold;}
#common-members-section-inner .registration .regist-btn a{background-color:#f30;padding:20px 0;}
#common-members-section-inner .registration .login-btn a{background-color:#000;margin-top:10px;padding:10px 0;}
#common-members-section-inner .benefits{width:90px;float:left;font-size:13px;text-align:center;padding-bottom:80px;}
#common-members-section-inner .benefits.sec1{background:url(/common/images/v2/common/benefits1.png) no-repeat center bottom;margin-right:15px;}
#common-members-section-inner .benefits.sec2{background:url(/common/images/v2/common/benefits2.png) no-repeat center bottom;margin-right:15px;}
#common-members-section-inner .benefits.sec3{background:url(/common/images/v2/common/benefits3.png) no-repeat center bottom;margin-right:15px;}
#common-members-section-inner .benefits.sec4{background:url(/common/images/v2/common/benefits4.png) no-repeat center bottom;}

/* バナーエリア */
#top-bnr-section{margin:30px 25px 10px 25px;}
#top-bnr-section .bnr-area ul li{float:left;width:300px;text-align:center;margin-bottom:20px;margin:0 10px 10px 10px;min-height:80px;}

/* 会員限定のマーク（全共通） */
a .member{font-size:11px;background-color:#f30;color:#fff;padding:2px 8px;position:absolute;bottom:0;left:0;padding-left:20px;background-position:-985px -1785px;}
.member-mark{font-size:11px;background-color:#f30;color:#fff;padding:2px 8px;padding-left:20px;background-position:-985px -1785px;float:left;}
.member-mark.text-list{float:right;}
/* 著者別一覧での会員限定マーク用 */
.author-column-list a{display:inline;}

/* SNSボタン */
.sns-area.v2 div{float:left;margin-right:2px;width:120px;}
.sns-area.v2 a{display:block;width:120px;height:40px;text-indent:200%;overflow:hidden;white-space:nowrap;background-repeat:no-repeat;background-position:center;}
.sns-area.v2 .facebook{background-color:#3b5998;}
.sns-area.v2 .twitter{background-color:#55acee;}
.sns-area.v2 .hatena{
background: rgb(28,153,205); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(28,153,205,1) 0%, rgba(28,153,205,1) 50%, rgba(36,134,201,1) 50%, rgba(36,134,201,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(28,153,205,1)), color-stop(50%,rgba(28,153,205,1)), color-stop(50%,rgba(36,134,201,1)), color-stop(100%,rgba(36,134,201,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(28,153,205,1) 0%,rgba(28,153,205,1) 50%,rgba(36,134,201,1) 50%,rgba(36,134,201,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(28,153,205,1) 0%,rgba(28,153,205,1) 50%,rgba(36,134,201,1) 50%,rgba(36,134,201,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(28,153,205,1) 0%,rgba(28,153,205,1) 50%,rgba(36,134,201,1) 50%,rgba(36,134,201,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(28,153,205,1) 0%,rgba(28,153,205,1) 50%,rgba(36,134,201,1) 50%,rgba(36,134,201,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c99cd', endColorstr='#2486c9',GradientType=0 ); /* IE6-9 */
}
.sns-area.v2 .facebook a{
	background-image:url(/common/images/v2/common/sns-fb.png);
	background-size:9px 20px;
	-moz-background-size:9px 20px;
	-webkit-background-size:9px 20px;
}
.sns-area.v2 .twitter a{
	background-image:url(/common/images/v2/common/sns-tw.png);
	background-size:25px 20px;
	-moz-background-size:25px 20px;
	-webkit-background-size:25px 20px;
}
.sns-area.v2 .hatena a{
	background-image:url(/common/images/v2/common/sns-hatena.png);
	background-size:24px 20px;
	-moz-background-size:24px 20px;
	-webkit-background-size:24px 20px;
}
