@charset "UTF-8";

#HeaderArea{
	width:100%;
	height:150px;
	margin-bottom:45px;
	background-color:#fff;
}
#HeaderArea img {
	vertical-align:top;
}

/*==============================================*/
/* #headerMain */
/*==============================================*/
#HeaderMain {
	position:absolute;
	left:0;
	top:54px;
	width:100%;
	height:72px;
	padding:10px 0;
	background:#fff;
	z-index:500;
}
#HeaderMainInner {
	width:1200px;
	height:72px;
	margin:0 auto;
	position:relative;
}

/* 短縮バージョン */
#HeaderMain.short {
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height:51px;
	padding:10px 0;
	background-color:#fff;
	border-bottom:4px solid #383838;
	z-index:500;
}

#HeaderMain.short #HeaderMainInner {
	width:1200px;
	height:51px;
	margin:0 auto;
	position:relative;
}

/*----------------------------------------------*/
/* 宝島ロゴ */
/*----------------------------------------------*/
#HeaderMain h1{
	position:absolute;
	top:0;
	left:0;
}
#HeaderMain h1 a{
	display:block;
	width:116px;
	height:72px;
	background:url(../img/com_head_logo.png) no-repeat top left;
	text-indent:-9999px;
}

/* 短縮バージョン */
#HeaderMain.short h1{
	position:absolute;
	top:0;
	left:0;
}
#HeaderMain.short h1 a{
	display:block;
	width:81px;
	height:51px;
	background:url(../img/com_head_logo_s.png) no-repeat top left;
	text-indent:-9999px;
}

/*----------------------------------------------*/
/* ヘッダーキャッチコピー */
/*----------------------------------------------*/
#HeaderMain #Description{
	position:absolute;
	left:131px;
	top:0;
	color:#b8942b;
	font-size:12px;
	line-height:normal;
	font-weight:bold;
}

/* 短縮バージョン */
#HeaderMain.short #Description{
	display:none;
}

/*==============================================*/
/* グローバルナビ（#GrobalNaviArea） */
/*==============================================*/
#GrobalNaviArea {
	position:absolute;
	left:131px;
	top:22px;
}
#GrobalNaviArea ul#Gnav {
	position:relative;
	z-index:10;
}
#GrobalNaviArea ul#Gnav > li {
	float:left;
}
#GrobalNaviArea ul#Gnav > li a.GnavBtn {
	display:block;
	width:100%;
	height:50px;
	background-image:url(../img/gnavi_btn.png);
	background-repeat:no-repeat;
	text-align:center;
	color:#383838 !important;
	font-size:13px;
	line-height:50px;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	z-index:10;
}
#GrobalNaviArea ul#Gnav > li a.GnavBtn:hover,
	#GrobalNaviArea ul#Gnav > li.hover a.GnavBtn{
	background-color:#383838;
	color:#fff !important;
}
	#GrobalNaviArea ul li.hover a.GnavBtn:after{
	content: '';
	position:absolute;
	top:50px;
	left:50%;
	width:0;
	height:0;
	margin-left:-9px;
	border-top:9px solid #383838;
	border-right:9px solid transparent;
	border-bottom:0px solid transparent;
	border-left:9px solid transparent;
}
	#GrobalNaviArea ul li#GNaviGenre.hover a.GnavBtn:after{
		border:none;
	}

#GrobalNaviArea ul li#GNaviMagazine a.GnavBtn { background-position:   0px 0px; width:248px;}
#GrobalNaviArea ul li#GNaviBooks a.GnavBtn    { background-position:-248px 0px; width:248px;}
#GrobalNaviArea ul li#GNaviStore a.GnavBtn    { background-position:-496px 0px; width:248px;}

#GrobalNaviArea ul li#GNaviMagazine.hover a.GnavBtn { background-position:   0px -60px; }
#GrobalNaviArea ul li#GNaviBooks.hover a.GnavBtn    { background-position:-248px -60px; }
#GrobalNaviArea ul li#GNaviStore.hover a.GnavBtn    { background-position:-496px -60px; }

/* グローバルナビ 短縮バージョン */
.short #GrobalNaviArea {
	position:absolute;
	left:99px;
	top:2px;
	width:776px;
}
.short #GrobalNaviArea ul#Gnav {
	position:relative;
	z-index:10;
}
.short #GrobalNaviArea ul#Gnav > li { float:left; }
.short #GrobalNaviArea ul#Gnav > li a.GnavBtn {
	display:block;
	width:100%;
	height:48px;
	background-image:url(../img/gnavi_btn_s.png);
	background-repeat:no-repeat;
	text-align:center;
	color:#383838 !important;
	line-height:50px;
	font-weight:bold;
	text-decoration:none;
	position:relative;
	z-index:10;
}
.short #GrobalNaviArea ul#Gnav > li a.GnavBtn:hover,
	.short #GrobalNaviArea ul#Gnav > li.hover a.GnavBtn{
	color:#fff !important;
}
	.short #GrobalNaviArea ul li.hover a.GnavBtn:after{
	content: '';
	position:absolute;
	top:48px;
	left:50%;
	margin-left:-9px;
	border-top-width:9px;
	border-right-width:9px;
	border-bottom-width:0px;
	border-left-width:9px;
}
	.short #GrobalNaviArea ul li#GNaviGenre.hover a.GnavBtn:after{
		border:none;
	}

.short #GrobalNaviArea ul li#GNaviMagazine a.GnavBtn { background-position:   0px 0px; width:259px;}
.short #GrobalNaviArea ul li#GNaviBooks a.GnavBtn    { background-position:-259px 0px; width:259px;}
.short #GrobalNaviArea ul li#GNaviStore a.GnavBtn    { background-position:-518px 0px; width:258px;}

.short #GrobalNaviArea ul li#GNaviMagazine.hover a.GnavBtn { background-position:   0px -50px; }
.short #GrobalNaviArea ul li#GNaviBooks.hover a.GnavBtn    { background-position:-259px -50px; }
.short #GrobalNaviArea ul li#GNaviStore.hover a.GnavBtn    { background-position:-518px -50px; }

/*----------------------------------------------*/
/* グローバルナビ サブメニュー */
/*----------------------------------------------*/
#GrobalNaviArea .GNSub {
	position:absolute;
	top:50px;
	left:0;
	width:722px;
	height:auto;
	padding-top:20px;
	padding-left:20px;
	background:#fff;
	border:1px solid #ebebeb;
	border-bottom:4px solid #000;
	overflow:hidden;
	display:none;
}
	.short #GrobalNaviArea .GNSub {
		top:48px;
		padding-left:36px;
		padding-right:16px;
	}
#GrobalNaviArea .GNSub a {
	color:inherit !important;
	text-align:left !important;
}
#GrobalNaviArea ul li.hover .GNSub { display:block !important; }
#GrobalNaviArea .GNSub .GNSubTitle {
	clear:both;
	width:auto;
	margin:0 0 12px;
	padding:3px 12px;
	background-color:#383838;
	color:#fff;
	text-align:left;
}
#GrobalNaviArea a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* 月刊誌 */
#GNSubMagazineInner{
	width:705px;
	padding-right:8px;
	max-height:530px;
	overflow:auto;
}
	#HeaderMain.short #GNSubMagazineInner{
		padding-right:16px;
	}
/* 女性誌、男性・雑誌 */
#GrobalNaviArea #GNSubLadies, #GrobalNaviArea #GNSubMens {
	padding-bottom:10px;
}
#GrobalNaviArea #GNSubLadies li, #GrobalNaviArea #GNSubMens li {
	float:left;
	width:122px;
	height:246px;
	margin-right:15px;
	margin-bottom:10px;
}
#GrobalNaviArea #GNSubLadies li:nth-child(5n), #GrobalNaviArea #GNSubMens li:nth-child(5n) {
	margin-right:0;
}

#GrobalNaviArea ul#GNSubLadies li a, #GrobalNaviArea ul#GNSubMens li a {
	display:block;
	width:100%;
}
#GrobalNaviArea ul#GNSubLadies li span.mag_img, #GrobalNaviArea ul#GNSubMens li span.mag_img {
	display:block;
	width:100%;
	height:153px;
	margin-bottom:8px;
	overflow:hidden;
	text-align:center;
}
#GrobalNaviArea ul#GNSubLadies li span.mag_img img, #GrobalNaviArea ul#GNSubMens li span.mag_img img {
	width:auto;
	height:100%;
}
#GrobalNaviArea ul#GNSubLadies li span.mag_ttl, #GrobalNaviArea ul#GNSubMens li span.mag_ttl {
	display:block;
	font-size:11px;
	line-height:normal;
	font-weight:bold;
}
#GrobalNaviArea ul#GNSubLadies li span.mag_cmt, #GrobalNaviArea ul#GNSubMens li span.mag_cmt {
	display:block;
	font-size:10px;
	line-height:15px;
}

/* 特集 */
#GrobalNaviArea ul#GNSubFeature {
	padding-bottom:10px;
}
#GrobalNaviArea ul#GNSubFeature li {
	float:left;
	width:221px;
	height:66px;
	margin-right:19px;
	margin-bottom:10px;
}
#GrobalNaviArea ul#GNSubFeature li a {
	display:table-cell;
	width:181px;
	height:66px;
	padding:0 25px 0 15px;
	background:url(../img/gnsub_feature_bg.png) no-repeat 0 0;
	vertical-align:middle;
}

/* 関連サイト */
#GrobalNaviArea ul#GNSubRelated li {
	float:left;
	width:221px;
	height:138px;
	margin-right:19px;
	margin-bottom:10px;
}
#GrobalNaviArea ul#GNSubRelated li a {
	display:block;
	width:auto;
	height:auto;
	text-indent:0;
	background:none;
}
#GrobalNaviArea ul#GNSubRelated li a span {
	display:block;
	margin-top:5px;
	font-size:11px;
	line-height:16px;
}

/*----------------------------------------------*/
/* 宝島ストアボタン */
/*----------------------------------------------*/
/*
#HeaderMain #takarajima_store {
	position:absolute;
	left:900px;
	top:0px;
}
#HeaderMain #takarajima_store a {
	display:block;
	text-indent:-9999px;
	font-size:0;
	width:300px;
	height:32px;
	background-image:url(/common/item/img/com_gnav_tkjstore.png);
	background-repeat:no-repeat;
	background-position:top left;
}
#HeaderMain #takarajima_store a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
*/

/* 短縮バージョン */
/*
#HeaderMain.short #takarajima_store {
	position:absolute;
	left:781px;
	top:18px;
}
#HeaderMain.short #takarajima_store a {
	width:132px;
	height:32px;
	background-image:url(/common/item/img/com_gnav_tkjstore_s.png);
	background-repeat:no-repeat;
	background-position:top left;
}
*/

/*----------------------------------------------*/
/* 検索窓 */
/*----------------------------------------------*/
#HeaderMain #searchBlock {
	position:absolute;
	left:900px;
	top:30px;
}
#HeaderMain #searchBlock #SearchInput{
	position:absolute;
	left:0;
	top:0;
}
#HeaderMain #searchBlock #SearchInput input{
	width:123px;
	height:28px;
	padding-left:25px;
	border:2px solid #c6ccd2;
	border-right:none;
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	text-shadow: 0 1px #fff;
	-moz-box-shadow: 0 1px 1px #fff;
	-webkit-box-shadow: 0 1px 1px #fff;
	box-shadow:0 1px 1px #fff;
	background:url(../img/com_gnav_searchicon.png) no-repeat 5px 7px #fff;
}
#HeaderMain #searchBlock #SearchButton{
	position:absolute;
	left:150px;
	top:0;
}
#HeaderMain #searchBlock #SearchButton a{
	display:block;
	width:48px;
	height:32px;
	background:url(../img/com_gnav_searchbtn_s.png) no-repeat 0 0;
	text-indent:-9999px;
}
#HeaderMain #searchBlock #SearchButton a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/* 短縮バージョン */
#HeaderMain.short #searchBlock {
	top:10px;
}
/*
#HeaderMain.short #searchBlock #SearchInput{
	position:absolute;
	left:0;
	top:0;
}
#HeaderMain.short #searchBlock #SearchInput input{
	width:92px;
	height:28px;
	padding-left:25px;
	border:2px solid #c6ccd2;
	border-right:none;
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	text-shadow: 0 1px #fff;
	-moz-box-shadow: 0 1px 1px #fff;
	-webkit-box-shadow: 0 1px 1px #fff;
	box-shadow:0 1px 1px #fff;
	background:url(../img/com_gnav_searchicon.png) no-repeat 5px 7px #fff;
}
#HeaderMain.short #searchBlock #SearchButton{
	position:absolute;
	left:119px;
	top:0;
}
#HeaderMain.short #searchBlock #SearchButton a{
	display:block;
	width:48px;
	height:32px;
	background:url(../img/com_gnav_searchbtn_s.png) no-repeat 0 0;
	text-indent:-9999px;
}
*/

/*----------------------------------------------*/
/* 詳細検索ボタン */
/*----------------------------------------------*/
#HeaderMain #searchBlock #AdvancedSearch a{
	position:absolute;
	left:208px;
	top:0px;
	display:block;
	width:92px;
	height:32px;
	background-image:url(../img/com_btn_advanced_search.png);
	background-repeat:no-repeat;
	background-position:top left;
	text-indent:-9999px;
	font-size:0;
}
#HeaderMain #searchBlock #AdvancedSearch a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* 短縮バージョン */
/*
#HeaderMain.short #searchBlock #AdvancedSearch a{
	position:absolute;
	left:175px;
	top:0px;
}
*/

/*==============================================*/
/* #BreadNaviArea */
/*==============================================*/
#HeaderArea #BreadNaviArea{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:39px;
	border-bottom:1px solid #ebebeb;
	background-color:#fff;
}
#HeaderArea #BreadNaviArea ul{
	width:1200px;
	height: 39px;
	margin:0 auto;
	
}
#HeaderArea #BreadNaviArea li{
	float:left;
	display:block;
	width:100%;
	height:39px;
	margin:0;
	padding:0;
	position:relative;
}
#HeaderArea #BreadNaviArea li .icon{
	position:absolute;
	bottom:-6px;
	right:-6px;
	z-index:10;
}
#HeaderArea #BreadNaviArea a,
	#HeaderArea #BreadNaviArea span{
	display:block;
	width:100%;
	height:39px;
	margin:0;
	padding:0;
	background-image:url(../img/com_head_btn_bread.png);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	zoom:1;
}
#HeaderArea #BreadNaviArea #BNaviAndrosy     { width: 91px; }
#HeaderArea #BreadNaviArea #BNaviOsharetecho { width:135px; }
#HeaderArea #BreadNaviArea #BNaviMuse        { width: 90px; }
#HeaderArea #BreadNaviArea #BNaviGlow        { width: 84px; }
#HeaderArea #BreadNaviArea #BNaviInred       { width: 81px; }
#HeaderArea #BreadNaviArea #BNaviSweet       { width: 87px; }
#HeaderArea #BreadNaviArea #BNaviLiniere     { width: 92px; }
#HeaderArea #BreadNaviArea #BNaviSpring      { width: 96px; }
#HeaderArea #BreadNaviArea #BNaviSteady      { width: 89px; }
#HeaderArea #BreadNaviArea #BNaviMini        { width: 77px; }
/*#HeaderArea #BreadNaviArea #BNaviCutie       { width: 76px; }*/
#HeaderArea #BreadNaviArea #BNaviSmart       { width: 91px; }
#HeaderArea #BreadNaviArea #BNaviMonomax     { width: 89px; }
#HeaderArea #BreadNaviArea #BNaviInaka       { width: 98px; }
/*#HeaderArea #BreadNaviArea #BNaviTakarajima  { width: 58px; }*/

#HeaderArea #BreadNaviArea #BNaviAndrosy a     { background-position:    0px   0px; }
#HeaderArea #BreadNaviArea #BNaviOsharetecho a { background-position:  -91px   0px; }
#HeaderArea #BreadNaviArea #BNaviMuse a        { background-position: -226px   0px; }
#HeaderArea #BreadNaviArea #BNaviGlow a        { background-position: -316px   0px; }
#HeaderArea #BreadNaviArea #BNaviInred a       { background-position: -400px   0px; }
#HeaderArea #BreadNaviArea #BNaviSweet a       { background-position: -481px   0px; }
#HeaderArea #BreadNaviArea #BNaviLiniere a     { background-position: -568px   0px; }
#HeaderArea #BreadNaviArea #BNaviSpring a      { background-position: -660px   0px; }
#HeaderArea #BreadNaviArea #BNaviSteady a      { background-position: -756px   0px; }
#HeaderArea #BreadNaviArea #BNaviMini a        { background-position: -845px   0px; }
/*#HeaderArea #BreadNaviArea #BNaviCutie a       { background-position: -797px   0px; }*/
#HeaderArea #BreadNaviArea #BNaviSmart a       { background-position: -922px   0px; }
#HeaderArea #BreadNaviArea #BNaviMonomax a     { background-position:-1013px   0px; }
#HeaderArea #BreadNaviArea #BNaviInaka a       { background-position:-1102px   0px; }
/*#HeaderArea #BreadNaviArea #BNaviTakarajima a  { background-position:-1142px   0px; }*/

#HeaderArea #BreadNaviArea #BNaviAndrosy span     { background-position:    0px   0px; }
#HeaderArea #BreadNaviArea #BNaviOsharetecho span { background-position:  -90px   0px; }
#HeaderArea #BreadNaviArea #BNaviMuse span        { background-position: -226px   0px; }
#HeaderArea #BreadNaviArea #BNaviGlow span        { background-position: -316px   0px; }
#HeaderArea #BreadNaviArea #BNaviInred span       { background-position: -400px   0px; }
#HeaderArea #BreadNaviArea #BNaviSweet span       { background-position: -481px   0px; }
#HeaderArea #BreadNaviArea #BNaviLiniere span     { background-position: -568px   0px; }
#HeaderArea #BreadNaviArea #BNaviSpring span      { background-position: -660px   0px; }
#HeaderArea #BreadNaviArea #BNaviSteady span      { background-position: -756px   0px; }
#HeaderArea #BreadNaviArea #BNaviMini span        { background-position: -845px   0px; }
/*#HeaderArea #BreadNaviArea #BNaviCutie span       { background-position: -797px   0px; }*/
#HeaderArea #BreadNaviArea #BNaviSmart span       { background-position: -922px   0px; }
#HeaderArea #BreadNaviArea #BNaviMonomax span     { background-position:-1013px   0px; }
#HeaderArea #BreadNaviArea #BNaviInaka span       { background-position:-1102px   0px; }
/*#HeaderArea #BreadNaviArea #BNaviTakarajima span  { background-position:-1142px   0px; }*/

#HeaderArea #BreadNaviArea #BNaviAndrosy a:hover     { background-position:    0px -40px; background-color: #d7487e; }
#HeaderArea #BreadNaviArea #BNaviOsharetecho a:hover { background-position:  -91px -40px; background-color: #b38750; }
#HeaderArea #BreadNaviArea #BNaviMuse a:hover        { background-position: -226px -40px; background-color: #9d8949; }
#HeaderArea #BreadNaviArea #BNaviGlow a:hover        { background-position: -316px -40px; background-color: #ff959a; }
#HeaderArea #BreadNaviArea #BNaviInred a:hover       { background-position: -400px -40px; background-color: #c30000; }
#HeaderArea #BreadNaviArea #BNaviSweet a:hover       { background-position: -481px -40px; background-color: #ff508f; }
#HeaderArea #BreadNaviArea #BNaviLiniere a:hover     { background-position: -568px -40px; background-color: #a88237; }
#HeaderArea #BreadNaviArea #BNaviSpring a:hover      { background-position: -660px -40px; background-color: #ff4a62; }
#HeaderArea #BreadNaviArea #BNaviSteady a:hover      { background-position: -756px -40px; background-color: #f37d7b; }
#HeaderArea #BreadNaviArea #BNaviMini a:hover        { background-position: -845px -40px; background-color: #32cf9f; }
/*#HeaderArea #BreadNaviArea #BNaviCutie a:hover       { background-position: -797px -40px; background-color: #f48a99; }*/
#HeaderArea #BreadNaviArea #BNaviSmart a:hover       { background-position: -922px -40px; background-color: #008bc4; }
#HeaderArea #BreadNaviArea #BNaviMonomax a:hover     { background-position:-1013px -40px; background-color: #b7934d; }
#HeaderArea #BreadNaviArea #BNaviInaka a:hover       { background-position:-1102px -40px; background-color: #6da400; }
/*#HeaderArea #BreadNaviArea #BNaviTakarajima a:hover  { background-position:-1142px -40px; background-color: #de1516; }*/

/*==============================================*/
/* #headerSns */
/*==============================================*/
#HeaderSns {
	position:absolute;
	left:50%;
	top:158px;
	width:1200px;
	margin:0 0 0 -600px;
}

#HeaderSns .SnsArea{
	position:absolute;
	top:0;
	right:0;
	z-index:1000;
}
#HeaderSns .SnsArea li{
	float:left;
	margin-left:5px;
}
#HeaderSns .SnsArea li a:hover img {
	opacity:0.7;
}

#HeaderSns .SnsArea .sns_list {
	position: relative;
}
#HeaderSns .SnsArea .sns_list a{
	display:block;
	width:70px;
	height:20px;
	margin:0;
	padding:0;
	background-image:url(../img/btn_sns_off.png);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	zoom:1;
}

#HeaderSns .SnsArea .sns_list a:hover {
	background-image:url(../img/btn_sns_on.png);
}
#HeaderSns .SnsArea .sns_list span{
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	left: -11px;
	bottom: 22px;
	position:absolute;
	display:block;
	width:92px;
	height:44px;
	margin:0;
	padding:0;
	background-image:url(../img/btn_sns_balloon.png);
	background-repeat:no-repeat;
	background-position:0 0;
}