/* CSS Document */



body {

	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	background-color: #FFF;

	background-image:url(../imgs/body-bg.gif);

	margin: 0;

	padding: 0;

	color: #444;

	font-size:14px;

	line-height:1.6;

	font-weight:normal;

	word-break:break-all;

	word-wrap:break-word;

}

ul,li{

	list-style:none;

	margin:0;

	padding:0;}

h1,h2,h3,h4,h5,p{

	margin:0;

	padding:0;}



h3,h4,h5{

	color:#39F;}

	

h3 a,h4 a,h5 a{

	text-decoration:none;

	color:#39F;}



p{line-height:130%;}



a img{border:none;}





.clearfix:after {

	content: "."; 

	display: block;

	clear: both;

	height: 0;

	visibility: hidden;

}



.clearfix {

	min-height: 1px;

}



* html .clearfix {

	height: 1px;

	/*¥*//*/

	height: auto;

	overflow: hidden;

	/**/

}



/* layout */

.container{

	width:980px;

	background:#FFF;

	margin:0 auto;}



.sec{

	margin-top:20px;}



.center{text-align:center;}



.center-block{

	margin-left:auto;

	margin-right:auto;}







/* header */

#header{

	position:relative;

	}



#header-upper{height:73px;}



#main-logo{

}



#gsearch-box{

	position:absolute;

	top:20px;

	left:630px;

	}



#gsearch-box #search-word{

	width:160px;

	height:20px;
	
	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); 
	
	padding: 2px;}



#gsearch-box #search-word:focus{

	background:none;}


#link2english {

/*	display:none; */

	position: absolute;

	top: 20px;

	left: 870px;

	width:100px;

}



#link2english a{

	display:block;

	padding:3px 0;

	text-align:center;

	font-size:14px;

	text-decoration:none;

	background:#09f;

	border-radius:4px;

	color:#fff;}







#main-navi-area{

	clear:both;}



#main-navi {margin-left:10px}



#main-navi li{

	float:left;}



#main-navi li a{

	display:block;

	height:43px;

	text-indent:-9999px;}



#main-navi-home{width:76px;background:url(../imgs/navi-home.gif)}

#main-navi-home:hover,

.home #main-navi-home{background:url(../imgs/navi-home_on.gif)}



#main-navi-history{width:80px;background:url(../imgs/navi-history.gif)}

#main-navi-history:hover,

.history #main-navi-history{background:url(../imgs/navi-history_on.gif)}



#main-navi-people{width:96px;background:url(../imgs/navi-people.gif)}

#main-navi-people:hover,
.people #main-navi-people{background:url(../imgs/navi-people_on.gif)}



#main-navi-sports{width:82px;background:url(../imgs/navi-sports.gif)}

#main-navi-sports:hover,

.sports #main-navi-sports{background:url(../imgs/navi-sports_on.gif)}



#main-navi-industry{width:97px;background:url(../imgs/navi-industry.gif)}

#main-navi-industry:hover,

.industry #main-navi-industry{background:url(../imgs/navi-industry_on.gif)}



#main-navi-foods{width:75px;background:url(../imgs/navi-foods.gif)}

#main-navi-foods:hover,

.foods #main-navi-foods{background:url(../imgs/navi-foods_on.gif)}



#main-navi-culture{width:93px;background:url(../imgs/navi-culture.gif)}

#main-navi-culture:hover,
.culture #main-navi-culture{background:url(../imgs/navi-culture_on.gif)}



#main-navi-nature{width:84px;background:url(../imgs/navi-nature.gif)}

#main-navi-nature:hover,

.nature #main-navi-nature{background:url(../imgs/navi-nature_on.gif)}



#main-navi-archive{width:89px;background:url(../imgs/navi-archive.gif)}

#main-navi-archive:hover,

.archive #main-navi-archive{background:url(../imgs/navi-archive_on.gif)}



#main-navi-search{width:101px;background:url(../imgs/navi-search.gif)}

#main-navi-search:hover,

.search #main-navi-search{background:url(../imgs/navi-search_on.gif)}



#main-navi-photo{width:86px;background:url(../imgs/navi-photo.gif)}

#main-navi-photo:hover,

.photo #main-navi-photo{background:url(../imgs/navi-photo_on.gif)}















/* --- toppage only ---*/

#top-main{

	clear:both;

	margin-top:0;

	padding:14px;

	background:#FFF;}



#top-container-left {

	width: 630px;

	float:left;

}



.top-block{

	width:308px;

	float:left;

	overflow:hidden;

}

.top-block-w{

	width:630px;
	
	height:469px;

	float:left;

	overflow:hidden;
	
}

.lay-left14{margin-left:14px;}

.lay-bottom14{margin-bottom:14px;}


.block308 {

	width: 308px;

	height:308px;

	float:left;

	overflow:hidden;

}


.block147 {

	width: 147px;

	height:147px;

	float:left;

	overflow:hidden;

}



.block147w {

	width: 308px;

	height:147px;

	float:left;

	overflow:hidden;

}



.block66 {

	width: 66px;

	height:66px;

	float:left;

	overflow:hidden;

}



.block66w {

	width: 147px;

	height:66px;

	float:left;

	overflow:hidden;

}



.ex-l-imgbox {

		width: 630px;

		height: 469px;

}



.infobox{
	
	width:308px;

	height:469px;
	
	background:#0099FF;
	
	overflow:hidden;

}

.infobox li.slide{height:469px;}

.infobox h3{color:#fff;}

.infobox div.info-inner{padding:10px; height:449px;overflow:hidden;}


p.ranking-date{
	
	text-align:right;
	
	margin-top:8px;
	
	padding-right:4px;
	
	padding-bottom:4px;
	
	color:#666;}



#ranking-list,#news-list{
	
	
	
	padding:6px;
	
	background:#fff;}



#ranking-list li{

	padding-bottom:8px;
	
	padding-top:8px;
	
	line-height:120%;
	
	}



#ranking-list li a{

	color:#666;
	
	text-decoration:none;
	
	}



#ranking-list li a span.ranking-num{
		
	padding:3px 5px 1px 5px;
	
	margin-bottom:4px;
	
	background:#A3A3A3;
	
	display:block;
	
	float:left;
	
	margin-right:4px;
	
	margin-top:-3px;
	
	color:#fff;}



#news-area{
	
	color:#666;
	
	}



#news-list li{

	margin-bottom:14px;}



#news-list li h4{
}



#news-list li p{

	margin-left:14px;
	
	}


.top-upper{
	
	margin-bottom:14px;
	
}


/* top page end */





/* common pages  */



#main{

	padding:14px;

	}



#page-location {

	margin-bottom: 16px;

}



#page-location-link{

	}

#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;

	}







/* --- lef navi --- */



#left-navi{

	width:260px;

	float:left;

	padding-bottom:50px;}


body.people #left-navi{
	
	padding-top:140px;
	
	background:url(../imgs/corner-left-people.jpg) no-repeat;}



body.history #left-navi{
	
	padding-top:140px;
	
	background:url(../imgs/corner-left-history.jpg) no-repeat;}



body.sports #left-navi{
	
	padding-top:140px;
	
	background:url(../imgs/corner-left-sports.jpg) no-repeat;}



body.industry #left-navi{
	
	padding-top:140px;
	
	background:url(../imgs/corner-left-industry.jpg) no-repeat;}



body.foods #left-navi{
	
	padding-top:140px;
	
	background:url(../imgs/corner-left-foods.jpg) no-repeat;}



body.culture #left-navi{
	
	padding-top:140px;
	
	background:url(../imgs/corner-left-culture.jpg) no-repeat;}



body.culture #left-navi{
	
	padding-top:140px;
	
	background:url(../imgs/corner-left-culture.jpg) no-repeat;}



body.nature #left-navi{
	
	padding-top:140px;
	
	background:url(../imgs/corner-left-nature.jpg) no-repeat;}



body.archive #left-navi{
	
	padding-top:140px;
	
	background:url(../imgs/corner-left-archive.jpg) no-repeat;}	



body.search #left-navi{
	
	padding-top:140px;
	
	background:url(../imgs/corner-left-search.jpg) no-repeat;}	



body.photo #left-navi{
	
	padding-top:140px;
	
	background:url(../imgs/corner-left-photo.jpg) no-repeat;}	


.left-navi-category a{

	text-decoration:none;

	color:#666;}

	

.left-navi-category a:hover{

	color:#39F;	}



.left-navi-category{}



.left-navi-category li{

	margin-bottom:16px;}



.left-navi-category h2{

	font-size:16px;

	color:#666;

	margin:0 0 0 0;

	padding:3px 0 3px 20px;

	background:url(../imgs/hd-left-navi-h2.gif) no-repeat 0 6px;

	background-size:14px 14px;}



.left-navi-category h2:hover{
	
	background:url(../imgs/hd-left-navi-h2hover.gif) no-repeat 0 6px;}




.left-navi-category h2.here {

	background:url(../imgs/hd-left-navi-h2on.gif) no-repeat 0 6px;
	
	}

.left-navi-category h2.here a{

	color:#FF9933;
	
	}



.left-navi-category-sub{

	margin-left:20px;}



.left-navi-category-sub li{

	margin-bottom:4px;}



.left-navi-category-sub li.here a{

	color:#39F}



.link2category-search{



	position:relative;}



.link2category-search a{

	text-decoration:none;

	text-indent:-9999px;

	display:block;

	width:260px;

	height:80px;		

	background:url(../imgs/bnr_search.jpg) no-repeat;

	}



.link2category-search a .title{

	font-weight:bold;

	}



.link2category-search p{

	text-align:left;

	margin:0;

	font-size:12px;}



#contents{

	width:670px;

	float:right;}



/* --- sitemap-area --- */



#sitemap-area{

	margin-top:20px;

	clear:both;

	padding-top:14px;
	
	background:url(../imgs/sitemap-area-top.gif) no-repeat;

	}



#sitemap-area a{

	text-decoration:none;}



#sitemap-area h3{

	margin:0 0 0 0;

	padding:0 0 4px 0;

	font-size:0.8em;}



#sitemap-area h3 a{



	color:#666;

	font-weight:bold;}



#sitemap-area h3 a span.jp{

	}



#sitemap-area ul{

	padding-left:20px;

	margin-bottom:12px;

	font-size:0.8em;}



#sitemap-area ul.ft-sitemap li{

	padding-bottom:3px;

	padding-left:20px;

	background:url(../imgs/hd-link01.gif) no-repeat;

	}



#sitemap-area ul.ft-sitemap li a{

	color:#666;

}



/* ----　footer　------ */



#footer{padding-bottom:80px;}



#footer ul{}



#footer ul li{

	float:left;

	margin-left:6px;

	}



#footer ul li a{

	display:block;

	text-indent:-9999px;

	height:45px;}



#ft-link{

	width:104px;

	background:url(../imgs/ft-link.gif);}



#ft-map{

	width:191px;

	background:url(../imgs/ft-map.gif);}



#ft-concept{

	width:163px;

	background:url(../imgs/ft-concept.gif);}



#ft-contact{

	width:129px;

	background:url(../imgs/ft-contact.gif);}



#ft-sitemap{

	width:127px;

	background:url(../imgs/ft-sitemap.gif);}



#ft-writer{

	width:129px;

	background:url(../imgs/ft-writer.gif);}



#ft-magazine{

	width:137px;

	background:url(../imgs/ft-magazine.gif);}



#ft-logo{

	color:#555;

	margin:0;

	padding:5px;}





/* --- google検索結果　表示調整 --- */



#search-result{

	padding:0 40px 0 40px;

	border-bottom:solid 1px #ccc;}







/* --- カタログ　--- */


.catalog-wrapper{
	margin-bottom:20px;
	}

.catalog-pack {position:relative;}
.catalog-pack h3{line-height:120%;margin-top:5px;}
.catalog-pack h4{line-height:120%;margin-top:5px;}

.catalog-wrapper .catalog-pack {
	width: 147px;
	height:280px;
	overflow:hidden;
	float:left;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom:24px;
	position:relative;
}

.catalog-wrapper .catalog-pack:after{content:".";
	display:block;
	position:absolute;
	top:264px;
	background:url(../imgs/bottom-grd.png) repeat-x;
	width:100%;
	height:16px;
	text-indent:-9999px} 

.catalog-pack p{
	font-size:12px;}

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

.catalog-wrapper-2column .catalog-pack{
	width:322px;
	height:147px;
	overflow:hidden;
	float:left;
	margin:0 6px 24px 6px;
	}

.catalog-wrapper-2column .catalog-pack:after,
.catalog-wrapper-1column .catalog-pack:after{content:".";
	display:block;
	position:absolute;
	top:131px;
	background:url(../imgs/bottom-grd.png) repeat-x;
	width:100%;
	height:16px;
	margin-left:147px;
	text-indent:-9999px;
	} 

.catalog-147-photo{
		height:147px;
		overflow:hidden;
		text-align:center;
}

	

.catalog-wrapper-2column .catalog-147-photo,

.catalog-wrapper-1column .catalog-147-photo{

	float:left;

	margin-right:5px;

}



.catalog-pack-2column h3{

	font-size:16px;

	line-height:20px;

	}



.catalog-pack-2column h4{

	font-size:14px;

	line-height:16px;

	}



.catalog-wrapper-1column .catalog-pack{

	width:98%;

	height:147px;

	overflow:hidden;

	margin:0 6px 24px 6px;

	}



.catalog-pack-2column .catalog-text-area{

	overflow:hidden;

	}



.catalog-location , .catalog-text{

	overflow:hidden;

}











/* ---　ページ送り　--- */



.page-nation{margin-top: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;

}





/* ---　コーナーTOP　---- */



.corner-top-wrapper {

}



.corner-top-image {

	width: 670px;

}


.corner-branding {
	
	margin-bottom:14px;
}


.corner-branding img{
	
	display:block;
	
	height:208px;
}

.corner-branding h1{
	
	background:#FF9900;
	
	color:#fff;
	
	width:240px;
	
	font-size:22px;
	
	float:left;
	
	text-align:center;
	
	padding:6px 10px;


}


.corner-branding div div{
	
	overflow:hidden;
}


.corner-branding .layout-3line{
	

}


.corner-branding .layout-2line{
	
	padding-top:8px;

}


.corner-branding .layout-1line{
	
	padding-top:19px;

}


.corner-branding h2{
	
	font-size:11px;
	
	line-height:15px;
	
	overflow:hidden;
	
	padding-left:6px;
	
	font-weight:normal;	
	
}


.corner-branding p{

	font-size:11px;
	
	line-height:15px;
	
	overflow:hidden;
	
	padding-left:6px;

}

#left-navi div.block147{

	width:120px;
	
	height:120px;

	}


#left-navi div.block147 img{

	width:120px;
	
	height:120px;}


.separate-dot-orange{

	background:url(../imgs/dot_gr_12.gif?0326) repeat-x 4px;
	
	color:#FF9900;	
	
	margin-bottom:12px;
	
}

.separate-dot-orange span{

	display:block;
	
	float:left;
	
	background:#fff;
	
	padding-right:4px;
	
}


/* ---　コーナーTOP最新記事　----- */



#update-info-area{}



#update-info-area h3{

	color:#39F;

	padding:16px 0 8px 0;}



#update-info-area .update-list {

	display: block;}



#update-info-area .update-list li{	

	margin-bottom:20px;

	font-size:15px;}



#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:#666;

	font-size:14px;

	border-bottom:dotted 1px #ccc;

	padding-bottom:3px;

	margin-bottom:3px;}





#update-info-area .update-list li .update-photo {

	float: left;

}





/* ---　記事コラム部分　--- */



.column-block{

	border-top:2px dotted #ccc;

	padding-top:16px;}



.column-block p{

	margin-bottom:12px;}





/* ---　記事タイトル部分　--- */



.l3-title {

	margin-bottom: 16px;

}





.l3-title-main {

	color: #39F;

	margin-bottom: 6px;

}

.l3-title-sub {

	color: #39F;

	margin-bottom: 16px;

}



/* --- 記事写真 --- */



.issue-photos {

	width: 200px;

	float: left;

}

.issue-main {

	width: 450px;

	float: right;

}



.photo-pack{

	margin-bottom:12px;}



.photo-pack img{

	width:200px;

	height:auto;

	display:block;

}



.photo-pack .caption {

	padding: 5px;

	font-size: 12px;

	margin:0;

}



p.photo200{

	margin-bottom:0;

	padding:0;}



.l2-wrapper{margin-bottom:30px;}



.l2-pack h3{font-size:12px;}



.l2-pack p{font-size:12px;}



.l2-pack a{text-decoration:none;color:#39F;font-size:18px;}



.l2-pack a span.sub-title{font-size:14px;white-space:nowrap;padding-left:1em}



.issue-data ul{

	font-size:12px;}



/* area category search */



#html-contents{

	border-bottom:dotted 1px #ccc;

	padding-bottom:12px;}



.area-category-search-head{

	margin-bottom:16px;}



.area-select {

	float:left;

	width:200px;

	border:solid 1px #ccc;

	border-radius:8px;

	padding:13px;

	margin-right:20px;

	}



.category-select  {

	float:left;

	width:670px;

	border:solid 1px #ccc;

	border-radius:8px;

	padding:13px;}



.area-select h3,

.category-select h3{

	margin-bottom:6px;

}



.category-select ul,

.area-select ul {}



.area-select ul {margin-bottom:20px;}





.area-select ul li{

	margin-bottom:6px;

	font-size:16px;

	border-top:1px dotted #ccc;

	padding-top:6px;}



.category-select ul li{

	margin-bottom:6px;

	font-size:16px;

	border-top:1px dotted #ccc;

	padding-top:6px;}



.category-select ul li h4{

	width:155px;

	float:left;}



.category-select ul li ul{
	
	overflow:hidden;
	
	border-left:dotted 1px #EEE;}



.category-select ul li ul,

.area-select ul li ul{

	padding:0 0 0 30px;

}



.category-select ul li ul li,

.area-select ul li ul li{

	font-size:13px; 

	white-space:

	nowrap;padding-right:8px;

	margin-bottom:0;

	border-top:none;

	padding-bottom:0;}



.category-select ul li ul li{

	display:inline-block;}



.submit-area{

	margin-top:12px;

	text-align:center;}



div.separate{border-top:2px dotted #ccc;height:0;margin:20px 0;}





/* area category search result*/



table.search-result{

	border-collapse:collapse;
	
	width:100%;}



table.search-result tr{}



table.search-result td{

	vertical-align:top;

	padding:5px;

	border:1px solid #DDD;

	}

table.search-result td.area-column , table.search-result td.cat-column {

 width:165px;}	



table.search-result td .catalog-text-area {

	height:147px;

	width:auto;

	overflow:hidden;}



table.search-result td p.catalog-147-photo{margin:0;}

table.search-result td p.catalog-147-photo img{display:block;}

table.search-result td ul li{

	font-size:12px;

	padding:3px;}

.area-title,.cat-title{white-space:nowrap;}

.date-title{text-align:center;}

.submit-area {	margin-top:12px;

	text-align:center;}

	

/* photo search */

body.photo h2{

	margin-bottom:8px;}

body.photo h3{

	margin-top:10px;}





/* link btn */

a.link_btn01{

	padding:6px;

	border:solid 1px #666;

	text-decoration:none;

	border-radius:6px;

	background:#CCC;

	}

a.link_btn01:hover{background:#dddddd}





/* SITE MAP */

ul.page-sitemap{

	margin-left:30px;

	}



ul.page-sitemap li{

}



ul.page-sitemap li a{

	display:block;

	padding-left:20px;

	background:url(../imgs/hd-link01.gif) no-repeat;

	background-size:16px 16px;

	text-decoration:none;}





/* photo deatail */

table#phPostFormTable{

	border-collapse:collapse;}

	

table#phPostFormTable td,table#phPostFormTable th{

	padding:5px;

	border:solid 1px #ccc;}



table#phPostFormTable th{

	white-space:nowrap;}



table#phPostFormTable td img{

	display:block;}





/* photo */

#phPostFlow{
	
	text-align:center;
	
	margin-bottom:10px;}


.formSubmit{
	
	text-align:center;
	
	margin-top:20px;}


tableph#PostFormTable{}

/* new icon */
.newicon {
	color: red;
	font-weight: bold;
}

/* suzuki add 2015/3/18 */
.boxrelationlist {
	margin-top:30px;
	padding-top:10px;
	border-top:dotted 1px #ccc;
}

.boxrelationlist h3 {
	padding:5px 0;
}

.catalog-100-photo{
		height:100px;
		overflow:hidden;
		text-align:center;
}

.catalog-wrapper-1column .catalog-100-photo{
	float:left;
	margin-right:5px;
}

.catalog-wrapper-1column .catalog-pack2{
	width:98%;
	height:100px;
	overflow:hidden;
	margin:0 6px 24px 6px;
	}

.corner-branding .layout-cattopline {
}


.sports .corner-branding .layout-cattopline {
	padding-top:8px;
}

.archive .corner-branding .layout-cattopline {
	padding-top:8px;
}
/* suzuki add 2015/3/18 */


#head-description {
	position: absolute;
	top: 14px;
	left: 335px;
	font-size: 10px;
	color: #3399FE;
}