/* CSS Document */
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0 0 0 0;
	padding: 0;
	color: #000;
}
ul,li{
	list-style:none;
	margin:0;
	padding:0;}
h1,h2,h3,h4,h5,p{margin:0;padding:0;}
a img{border:none;}

h1 img{width:100%;height:auto;}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.pc-only{
	display:none;
	}

/* layout */
.container{
	
}

#gsearch-box{
	text-align:center;
	padding:5px;
	background:#333;
	}

#gsearch-box #search-word{
	width:64%;
	max-width:280px;
	font-size:24px;
	background: url(http://www.google.com/cse/intl/ja/images/google_custom_search_watermark.gif) 0% 50% no-repeat rgb(255, 255, 255);
	border: 1px solid rgb(126, 157, 185); }

#gsearch-box #search-word:focus{
	background:none rgb(255, 255, 255);}

#search-submit{
	font-size:22px;
	padding:5px;
	
}

#main-navi-area{
	display:none;}

#top-container-left {
	width: 100%;
	float:none;
}

.top-block, .top-block-w{
	width:100%;
	float:none;
	margin-bottom:20px;
	}

.top-block img,.top-block-w img{
	width:100%;
	height:auto;}

.top-block .infobox .tab{
	display:none;}

#top-tab-selectable{
	position:relative;
}

#ranking-area,#news-area,#calendar-area{
	background:#fff;
	width:100%;
}

#ranking-area{
	z-index:100;}

#ranking-area p.ranking-date{
	text-align:center;
	font-weight:bold;
	color:#00A037;}


#ranking-pickup{
	text-align:center;}


#ranking-pickup img{
	width:25%;
	padding:5px;
}

#ranking-list ul{
	
	border-top:dotted 1px #ccc;}

#ranking-list ul li{

	padding-bottom:8px;}

#ranking-list ul li a{
		display:block;
		padding:10px 0 10px 50px;
		border-bottom:dotted 1px #ccc;
		font-weight:bold;
		text-decoration:none;
		}

#ranking-list ul li a span.ranking-num{
	
	padding:4px 8px;
	
	background:#C4C4C4;
	
	color:#fff;
	
	border-radius:4px;}



.block147 {
	width: 48%;
	float:left;
	overflow:hidden;
}

.block66 {
	width: 45%;
	float:left;
	overflow:hidden;
}

.ex-l-imgbox {
		width: 100%;

}

.ex-l-imgbox img{
		width: 100%;
		height: auto;}

.lay-left14{float:right;}
.lay-bottom14{margin-bottom:20px;}


/* main */
#page-location-link {
	background:#DDE0D8;
	padding:5px;}


#page-location-link li{
	float:left;
	margin-right:5px;
	}
#page-location-link li a{
	display:block;
	padding-right:20px;
	background:url(../imgs/hd-link02.gif) no-repeat right;
	background-size:16px 16px;
	color:#666;
	text-decoration:none;
	}


.l3-title{
	margin-bottom:16px;}
.l3-title-main,
.l3-title-sub{color:#39F;}
.l3-title-lead{margin-top:12px;}
.column-block{
	margin-bottom:24px;}


.issue-main{
	margin:0 6px 0 6px}


.issue-photos{
	margin:10px 0;}

.photo-pack{
	width:30%;
	float:left;
	margin:0 1.2%;
	min-width:150px;
	}

.photo-pack img{
	width:100%;
	height:auto;
}

.photo-pack .caption{
	font-size:12px;}


.catalog-pack{
	width: 100%;
	margin-bottom:10px;
	margin-top:10px;
	height:147px;
	overflow:hidden;
}

.catalog-text-area{
	overflow:hidden;}

.catalog-pack h3 a{
	color:#39F;
	font-size:24px;
	text-decoration:none;
	}




.catalog-pack p.catalog-147-photo{
	float:left;
	margin:0 14px 0 0;
}

.catalog-pack p.catalog-147-photo img
{}

.catalog-pack:after{
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.catalog-pack {
	min-height: 1px;
}


.catalog-location , 
.catalog-text{
	font-size: 18px;
	margin:0;
}

.l2-pack img{
	display:block;
	width:70%;
	max-width:400px;
	margin:10px auto;}

* html catalog-pack {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.page-nation{
	margin-top:24px;
	margin-bottom:24px;}

.page-nation-list{
	text-align:center;}

.page-nation-list li{
	display:inline;}

.page-nation-list li a{
	padding:5px 8px;
	border:1px solid #ccc;
	border-radius:4px;
	text-decoration:none;
}

.page-nation-list li.here a{
	color:#F30;
}

.page-nation-list li a:hover{
	background:#CFF;
}

.page-nation-list li.here a:hover{
	background:#FFF;
}


#left-navi{
	display:none;}

.corner-top-image{
	widyh:100%}

.corner-top-image img{
	width:100%;
	height:auto;}

#update-info-area h3{
	color:#39F;}

#update-info-area .update-list li{	
	margin-bottom:20px;
	font-size:15px;
	position:relative;
	
	width:100%;
	padding-right:6px;
	background: #DFE;
}


#update-info-area .update-list li .update-photo {
	float: left;
	width:147px;

}

#update-info-area .update-list li .update-photo img{
	display:block;
	margin:auto 0;}

#update-info-area .update-list li .update-content{
	padding:4px 34px 4px 0;
	background:url(../imgs/hd-left-navi-h2-r.gif) no-repeat right center;
	background-size:30px 24px;
	}

#update-info-area .update-list li .update-content p.date{
	font-size:12px;}

#update-info-area .update-list li .update-content h4.title a{
	color:#39F;
	font-size:20px;
	text-decoration:none;}
	
#update-info-area .update-list li .update-content h5.sub-title{
	color:#555;
	}

#update-info-area .update-list li .update-content .link-btn a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-9999px;
}

/* sitemap */


#sitemap-area a{
	text-decoration:none;}

#sitemap-area h3{
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:0.8em;}

#sitemap-area h3 a{

	color:#666;
	font-weight:bold;
	padding:6px;
	display:block;
	border:1px solid #ccc;
	background:#C1C5B8;
	font-size:24px;}

#sitemap-area ul{

	margin-bottom:12px;
	font-size:0.8em;}

#sitemap-area ul.ft-sitemap li a{
	display:block;
	font-size:20px;
	padding:10px 10px 10px 26px;

	background:url(../imgs/hd-link01.gif) no-repeat #DDE0D8 2px 9px;
	background-size:22px 22px;
	border-bottom:1px solid #aaa;
	}



#sitemap-area .top-block{
	margin-bottom:0;}
	
	#footer{}

#footer ul{}

#footer ul li{
	float:left;
	}

#footer ul li a{
	display:block;
	padding:10px;
	text-decoration:none;
	border-radius:4px;
	border:solid 1px #3CF;
	margin-right:10px;
	margin-bottom:10px;}