@charset "utf-8";

/**************************
body,container,color
**************************/
#WRAPPER {
	margin:0 auto;
	padding:0 10px;
	width:940px;
	text-align:left;
	background-color:#FFF;
}

body {
	color:#000;
background: url(images/bg_body.gif)repeat scroll left top;
	text-align:center;
font-family: "Helvetica Neue",Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}



/**************************
header
**************************/
#header {
		margin:0 auto 14px;
		width:940px;
}

#headerLogo {
	float:left;
	margin:14px 0 0 24px;
}

* html #headerLogo {
	margin:21px 0 0 28px;
}

#headerImage {
	background:url(images/headerFuji.png) no-repeat top center;
	width: 940px;
	height:90px;
}

#header h1,
#header p,
#header p a{
	text-indent:-9999px;
	background:url(images/headerLogo.png) no-repeat;
	width:450px;
	height:65px;
	line-height:65px;
	margin:0;
	display:block;
}


#topicPath {
	margin:0 auto 14px;
	width: 940px;
	height:31px;
	clear:both;
	background-color:#000000;
	font-weight:bold;
}


#topicPath p {
	line-height:25px;
	margin:0;
	padding:0 24px;
	font-size:90%;
	color:#FFF;
}

#topicPath p a:link {color: #FFF;text-decoration:underline;}
#topicPath p a:visited {color: #ccc;}
#topicPath p a:hover {color: #2cddc8;text-decoration:underline;}
#topicPath p a:active {color: #004b89;}

#topicPath img {
	float:right;
	padding:5px 25px 0 0;
}

#headerUtility {
	margin: 10px auto 20px;
	width: 940px;
	height: 26px;
}

#headerJapanese {
	float:right;
	width: 75px;
	height: 20px;
}

#headerJapanese p {
	margin: 2px 0 0;
}

#headerSearch {
	float:right;
	height: 20px;
	margin: 0 20px 0 0;
}


/**************************
headerImageHlj
**************************/

#headerImageHlj {
	position:relative;
	margin: 0 auto 20px;
	width:940px;
	height:400px;
	background: url(../publicity/book/hlj/css/h1_headerImageHlj.jpg) no-repeat center top;
	}

#headerImageHlj h1{
	text-indent:-9999px;
	}

/**************************
headerImageHlj_common
**************************/

#headerImageHlj_common {
	position:relative;
	margin: 0 auto 20px;
	height:120px;
	background: #000 url(images/h1_headerImageHlj_common.png) no-repeat center top;
	}

#headerImageHlj_common h1{
	text-indent:-9999px;
	}
		
html body div#WRAPPER div#headerImageHlj p {
	text-indent:-9999px;
	}
		
/**************************
footer
**************************/


#footer {
	clear:both;
    margin: 0 auto;
	width:940px;
	overflow: auto;

}

#footerMenu {
	width:940px;

	text-align:center;
	margin: 0 auto 10px;
	}

#footerMenu ul {
	margin:0;
	height:60px;
}

#footerMenu ul li {
	display:inline;
	float:left;
}

#footerMenu ul li a {
	margin:0 20px 0 0;
}



#footerMenu p {
	margin:20px auto;
	padding:auto;
	width:833px;
	text-align:center;
	font-size: 90%;
	clear:both;
}
	
#footerBanner {
	height:50px;
	margin-bottom:10px;
}

#footerBanner ul{
	margin:auto;
	clear:both;
}

#footerBanner ul li{
    display: inline;
    float: left;

}

#footer #footerBanner ul li a{
    display: block;
	margin-right: 10px;
}

#footer #footerBanner ul li a.nomargin{
	display:inline;
	margin-right:0;
}

#footer div.to_form {
	clear:both;
	margin-bottom:10px;
	background-color:#66cccc;
	text-align:center;
}

#footer div.to_form p {
	padding:11px;
	color:#fff;
	font-size:80%;
}

#copyright {
	clear:both;
	height:37px;
	background-color:#000000;
	}

#copyright p{
	margin:0;
	padding: 10px;
	text-align:center;
	color:#FFF;
}

#index #footer {
	clear:both;
	padding: 0;
	width:940px;
	background:#0059B2;
	height:72px;
	overflow:hidden;
}



#index #copyright {
	padding-top:20px;
	height:40px;
	background:url(none) repeat-x top;
}

#index #copyright p{
	text-align:center;
	color:#FFF;
	font-size:80%;
	margin:0;
	padding:0;
	line-height:40px;
	vertical-align:middle;
}


/**************************
Contents Area
**************************/
#contents {
	width:940px;
	margin:0 auto;
}

#contents {
	width:880px;
	margin:0 auto;
}

.bannerNL {
	text-align:center;
	margin:20px 0;
}

.section-lv2 {
	margin:0 0 40px;
	width:708px;
	overflow: hidden;
}

.section-lv2 p {
	margin:0 0 1em;
}

.section-lv2 h2 {
	margin:0 0 30px;
}

.section-lv2 h3 {
	margin:0 0 16px;
	padding-left: 24px;
	background:url(images/h3.gif) no-repeat 0 4px;
}

.section-lv3{
	width: 680px;
	margin: 0 14px 40px;
	overflow:hidden;
}

/**************************
トップページ最新号情報欄
**************************/

#information {
margin:0 auto 30px;
width:940px;
height:560px;	
	}
	
#information #bookCoverImage {
	width:393px;
	float:right;
}

#information #currentIssue {

	}
	
#information #currentIssue h2 {
	margin-bottom: 20px;
	width:530px;
	height: 40px;
	line-height: 40px;
	background-color:#000;
	text-align:center;
	color:#fff;
	font-size:100%;	
}

#information #currentIssue #coverStory {
	margin-bottom: 20px;
	width:530px;
	height: 170px;
	/*line-height: 170px;*/
	background-color:#cc3333;
	text-align:center;
	color:#fff;
	/*　元々は220%だったのを一時的に変更　font-size:220%;*/	
	font-size:200%;	
}

#information #currentIssue #coverStory p{
	padding-top: 50px;
}

#information #nav_hj {
}

#information #nav_hj #nav_index {
	margin-bottom: 15px;
}

#information #nav_hj ul {
	margin:0;
	width:530px;
	
}

#information #nav_hj ul li {
	margin-bottom:14px;
	height:53px;
}

#information #nav_hj ul li.left_side {
	float:left;
}

#information #nav_hj ul li.right_side {
	float:right;
}




/**************************
clearfix
**************************/

.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}
 
.clearfix {
  min-height: 1px;
}
 
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/**************************
Sub Area
**************************/

div.ban{
	margin:0 auto;
	width:220px;
	text-align: left;
}

div.ban li{
	margin-bottom:5px;
	width:220px;
}