@charset "shift_jis";

BODY {
	margin:0px;
	padding:0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#wrapper {
	WIDTH: 825px;
	margin:auto;
	padding: 0px;
}

/* メニュー */
.globalnavi {
	border: 0;
	margin: 0 0 10px 0;
	padding: 0;
	width: 825px;
	height: 30px;
	overflow: hidden;
}

.globalnavi img {
	visibility: hidden;
}

.globalnavi a,
.globalnavi a:link,
.globalnavi a:visited {
	background-position: 0px 0px;
	float:left;
}
.globalnavi a:focus,
.globalnavi a:hover,
.globalnavi a:active {
	background-position: 0px 30px;
	float:left;
}

.globalnavi .navi-top a {
	background-image: url(/image/globalnavi/navi_home.gif);
}
.globalnavi .navi-new a {
	background-image: url(/image/globalnavi/navi_whatsnew.gif);
}

.globalnavi .navi-sp a {
	background-image: url(/image/globalnavi/navi_sp.gif);
}

.globalnavi .navi-expo a {
	background-image: url(/image/globalnavi/navi_expo.gif);
}
.globalnavi .navi-moda a {
	background-image: url(/image/globalnavi/navi_moda.gif);
}

.globalnavi .navi-product a {
	background-image: url(/image/globalnavi/navi_product.gif);
}
.globalnavi .navi-repo a {
	background-image: url(/image/globalnavi/navi_repo.gif);
}
.globalnavi .navi-info a {
	background-image: url(/image/globalnavi/navi_info.gif);
}
.globalnavi .navi-calendar a {
	background-image: url(/image/globalnavi/navi_calendar.gif);
}
.globalnavi .navi-inner a {
	background-image: url(/image/globalnavi/navi_inner.gif);
}
.globalnavi .navi-it a {
	background-image: url(/image/globalnavi/navi_it.gif);
}
.globalnavi .navi-books a {
	background-image: url(/image/globalnavi/navi_books.gif);
}

/* navi begin */
#topicPath {
	 display: inline;
	 font-size:80%;
}
#topicPath img {
     margin: 0 5px;
}
/* navi end */

/* Google */
.google {
	border: 0;
	margin: 0;
	padding: 0;
	width: 825px;
	height: 40px;
	overflow: hidden;
}

#midashi {
	padding:0px 0px 0px 5px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 140%; 
	BACKGROUND: #ffffcc; 
	FLOAT: left; 
	MARGIN: 15px 0px 0px; 
	WIDTH: 450px; 
	COLOR: #0033ff; 
	BORDER-LEFT: #3366cc 5px solid; 
	BORDER-BOTTOM: #3366cc 1px solid
}
#special {
	FLOAT: left; 
	MARGIN: 0px; 
	WIDTH: 460px; 
	HEIGHT: auto
}

#itvspecial {
	BORDER-RIGHT: 1px solid #660000;
	BORDER-LEFT: 1px solid #660000;
	BORDER-BOTTOM: 1px solid #660000;
	FLOAT: left; 
	MARGIN: 5px 0px 0px 0px; 
	WIDTH: 456px; 
	HEIGHT: auto
}

#timely {
	FLOAT: left; 
	MARGIN: 0px; 
	WIDTH: 460px; 
	HEIGHT: auto
}

#timely_left {
	FLOAT: left; 
	MARGIN: 15px 0px; 
	WIDTH: 160px; 
	HEIGHT: auto
}

#left {
	FLOAT: left;
	WIDTH: 160px;
	margin-top: 8px;
	HEIGHT: auto;
	padding: 0px;
}

.leftbox {
	width:160px;
	height:auto;
	margin-bottom:8px;
	}
	
.leftbox2 {
	width:157px;
	height:auto;
	margin-left:3px;
	margin-bottom:8px;
	}	

#right {
	float: left;
	width: 160px;
	margin: 10px 0px 0px 20px;
}

.right_table {
	width: 152px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #3366CC;
	border-bottom-color: #3366CC;
	border-left-color: #3366CC;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;

}

.right_table_red {
	width: 152px;
	border:1px solid #990000;
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 2px;
}

.right_ad {
	width: 160px;
	height:auto;
	margin-bottom:8px;
}

.toplink {
	float:left;
	font-size:85%;
	line-height:150%;
	padding-top:10px;
	padding-left:5px;
}


#footer1 {
	FONT-SIZE: 85%;
	BACKGROUND: #cccccc;
	WIDTH: 825px;
	HEIGHT: 20px;
	TEXT-ALIGN: center;
	float: left;
}
#footer1 A:link {
	COLOR: #000000; 
	TEXT-DECORATION: none
}
#footer1 A:hover {
	COLOR: #cccccc; 
	BACKGROUND-COLOR: #333333
}
#footer2 {
	FONT-SIZE: 80%;
	BACKGROUND: #333333;
	WIDTH: 825px;
	COLOR: #cccccc;
	HEIGHT: 20px;
	TEXT-ALIGN: center;
	float: left;
}
.book-image {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 5px;
	border: 1px solid #666666;
}
.column_midashi {
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 100%; 
	COLOR: #996600
}
.hissu_komoku {
	color: #FF0000;
}

H4 {
	FONT-SIZE: 90%; 
	MARGIN: 0px; 
	COLOR: #ffffff; 
	FONT-STYLE: normal; 
	BACKGROUND-COLOR: #ff0000
}
H4 A:link {
	COLOR: #ffffcc;
}
H4 A:visited {
	COLOR: #ffffcc;
}
H4 A:hover {
	BACKGROUND: #ffffcc; 
	COLOR: #006699;
}
.h7 {
	font-size: 100%;
	font-weight: bold;
	color: #003366;
	background-color: #BACFE9;
	height: auto;
	width: 614px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	float: left;
	line-height: 20px;
	border-right-width: 4px;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #3366CC;
	border-right-color: #3366CC;
	border-bottom-color: #3366CC;
	border-left-color: #3366CC;
	
}

#topics {
	PADDING-LEFT: 0px;
	FLOAT: left;
	WIDTH: 460px;
	HEIGHT: auto;
	margin: 5px 0px 8px 0px;
	border:1px solid #3366CC;
}

#topics2 {
	PADDING-LEFT: 0px;
	FLOAT: left;
	WIDTH: 455px;
	HEIGHT: 320px;
	margin: 5px 0px 8px 0px;
	border:1px solid #3366CC;
	overflow:scroll;
}

#head_ad {
	float: left;
	width: 825px;
	margin: 0px 0px 8px 0px;
}

#logo {
	float: left;
	width: 160px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#ad_top {
	FLOAT: left;
	display:inline; 
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	WIDTH: 650px; 
	HEIGHT: 90px;
}

#ad {
	FLOAT: left; 
	margin-top: 10px;
	margin-bottom: 10px;
	WIDTH: 650px; 
	HEIGHT: 90px;
}


#login {
	BACKGROUND: #ebe7b1;
	FLOAT: left;
	WIDTH: 460px;
	padding: 0px;
	height: auto;
	border: 1px solid #cc9900;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.login_p {
	MARGIN-TOP: 5px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
	MARGIN-LEFT: 5px;
	WIDTH: 430px;
	COLOR: #3366CC;
	FONT-STYLE: normal;
	background-color: #CBDEE9;
	border-bottom-width: 1px;
	border-left-width: 6px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #3366CC;
	border-left-color: #3366cc;
	padding-right: 5px;
}
#left A:link {
	COLOR: #333399; 
}
#left A:visited {
	COLOR: #330099; 
}
#left A:hover {
	WIDTH: 160px; 
}
#modality_navi A:link {
	COLOR: #ffffcc; 
	TEXT-DECORATION: none
}
#modality_navi A:hover {
	COLOR: #ff3300; 
	BACKGROUND-COLOR: #ffffcc
}
.left_mennu_text {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 90%; 
	PADDING-BOTTOM: 0px; 
	LINE-HEIGHT: 0px; 
	PADDING-TOP: 0px
}
#modality_navi {
	border: #ffffff 1px solid;
	FLOAT: left;
	WIDTH: 458px;
	HEIGHT: auto;
	padding: 0px;
	margin: 0px;
}

.h2 {
	FONT-WEIGHT: bold; FONT-SIZE: 90%;
}

#center-wrapper {
	FLOAT: left;
	display:inline; 
	WIDTH: 463px;
	HEIGHT: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#center-wrapper3 {
	FLOAT: left;
	WIDTH: 630px;
	HEIGHT: 60px;
	margin: 10px 5px 0px 5px;
	text-align: center;
}

#left #left_ad {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #ff0066; 
	PADDING-BOTTOM: 10px; 
	WIDTH: 160px; 
	PADDING-TOP: 10px; 
	HEIGHT: auto
}
#left #left_logo_under {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND: #ffcc00;
	PADDING-BOTTOM: 10px;
	WIDTH: 160px;
	PADDING-TOP: 10px;
	HEIGHT: 100px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#shop {
	WIDTH: 460px; HEIGHT: auto
}
.shop_title {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	WIDTH: 626px;
	COLOR: #003399;
	LINE-HEIGHT: 18px;
	text-align: center;
	border-right-width: 3px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-style: solid;
	border-top-color: #3366cc;
	border-right-color: #3366cc;
	border-bottom-color: #3366cc;
	border-left-color: #3366cc;
	background-color: #BDD3D9;
	border-right-style: inset;
	border-left-style: none;
}
.login_p2 {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND: #ffcc99;
	PADDING-BOTTOM: 0px;
	MARGIN-LEFT: 5px;
	WIDTH: 430px;
	COLOR: #993300;
	PADDING-TOP: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #993300;
	border-right-color: #993300;
	border-bottom-color: #993300;
	border-left-color: #993300;
	margin-bottom: 5px;
}
#center_wrapper2 {
	margin: 10px 0px 0px 8px;
	float: left;
	height: 350px;
	width: 463px;
}
#edit-area {
	height: auto;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 458px;
	float: left;
}
#edit-area-w {
	float: left;
	width: 650px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}

#register {
	float: left;
	width: 460px;
	background: #DCD8AF;
	border: 1px solid #996600;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: auto;
}
#modality_navi2 {
	margin: 15px 0px 0px;
	float: left;
	height: auto;
	width: 458px;
}
#book {
	height: auto;
	width: auto;
	border: 1px solid #666666;
	float: left;
}
#item {
	height: auto;
	width: 458px;
	border: 1px solid #666666;
}
#store {
	height: auto;
	width: 460px;
	border: 1px solid #333333;
}


#honbun {
	float: left;
	width: 825px;
	HEIGHT: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#honbun A:link {
	TEXT-DECORATION: none
}
#honbun A:visited {
	TEXT-DECORATION: none
}
#honbun A:hover {
	TEXT-DECORATION: none
}

.clear{
	clear: both;
}

#contents {
	FLOAT: left;
	WIDTH: 650px;
	HEIGHT: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.pad10 {
	FLOAT: left;
	WIDTH: 825px;
	HEIGHT: 10px;
}

#padleft15 {
	FLOAT: left;
	WIDTH: 15px;
	HEIGHT: 10px;
	background-image: url(../image/15w.gif); 
	background-repeat : repeat-y ;
}

td.bottom   {
	border-bottom: dotted 1px #cccccc; 
}

td.year   {
	border-bottom: dashed 1px #CC0000; 
	border-right: dashed 1px #CC0000; 
	font-size: 75% ; line-height: 150%;	
}

td.year2   {
	border-bottom: dashed 1px #CC0000; 
	border-left: dashed 1px #CC0000; 
	border-right: dashed 1px #CC0000; 
	font-size: 75% ; line-height: 150%;	
}

td.ad   {
	border-bottom: solid 1px #990000; 
	border-left: solid 1px #990000; 
	border-right: solid 1px #990000; 
	font-size: 85% ; line-height: 150%;	
}

.size14b_990000_line { 
	font-size: 90% ;  
	font-weight: bold; color: #990000;
	border-bottom: solid 2px #990000; 

}

.notsee{ 
	display: none; 
} 

html {overflow-x: hidden;}

A:link { 
	text-decoration:none; 
}

A:hover {
	text-decoration: underline; 
}

A:visited {
	text-decoration: none; 
}

A:active {
	text-decoration: underline; 
}

#count {
	padding:5px;
	text-align:center;
	font-size:11px;
	color:#0066FF;
	border:solid 1px #cccccc;
	margin-top:30px;
	margin-left: auto;
    margin-right: auto;
    width: 90px;
}

.pr {
	font-size:80%;
	color:#333300;
	height: auto;
	margin: 2px 0px 2px 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 458px;
	float: left;
}



/* Whats new */

.date {
	padding-bottom:2px;
	border-bottom:solid 1px #cccccc;
	font-size: 85%;
}

.whatnew ul{
	list-style-type: square; 
}

.whatnew ul ul{
	list-style-type: square; 
}

/* Whats new */

/*
* ツールチップ
*/
.tooltips{
padding:5px;
background-color:#FFFFCC;
}
.tooltips ul{
list-style:none;
margin:0px;
padding:0px;
font-size:75%;
}
.tooltips ul li{
margin-bottom:8px;
}
.tooltips ul h4{
font-size:100%;
line-height:150%;
margin:0px;
padding:0px;
padding-bottom:4px;
border-bottom:2px solid #998866;
}


/* TOP Suite */

#suite {
	width:160px;
	margin-bottom:10px;
	}

/* ルポ */

.repo_topbox {
	float:left;
	width: 825px;
	height:auto;
	margin-bottom: 10px;
}

.repo_box_left {
	float:left;
	width: 360px;
	height:auto;
	margin-right: 20px;
}

.repo_box_right {
	float:right;
	width: 445px;
	margin-top: 2px;
	margin-bottom: 2px;
}


#joint {
	width:160px;
	margin-bottom:10px;
	}

/* ----- 表紙拡大 ----- */
/* ----- サムネイル表示 ----- */
p.zoom {
     position: relative;
     width: 75px;
     height: 100px;
}
p.zoom a,
p.zoom a:visited {
     position: absolute;
     display: block;
     width: 75px;
     height: 100px;
}
p.zoom a img {
     width: 75px;
     height: 100px;
}
 
/* ----- マウスオーバーによる拡大表示----- */
p.zoom a:hover {
     position: absolute;
     width: 375px;
     height: 500px;
}
p.zoom a:hover img {
     position: absolute;
     top: 0;
     left: 0;
     width: 375px;
     height: 500px;
}
/* ----- 表紙拡大 ----- */



/* ----- 公開まであと○日 ----- */
.top_countdown {
	width: 160px;
	margin-top: 0px;
	margin-bottom: 5px;
}



.size10 { font-size: 80% ; line-height: 150%;}
.size12 { font-size: 85% ; line-height: 170%;}
.size14 { font-size: 90% ; line-height: 150%;}
.size16 { font-size: 100% ; line-height: 150%;}
.size18 { font-size: 110% ; line-height: 150%;}
.size12b { font-size: 85% ; line-height: 170%; font-weight: bold}
.size14b { font-size: 90% ; line-height: 150%; font-weight: bold}
.size16b { font-size: 100% ; line-height: 150%; font-weight: bold}
.size18b { font-size: 110% ; line-height: 150%; font-weight: bold}
.size20b { font-size: 120% ; line-height: 160%; font-weight: bold}
.size12b_FFFFFF { font-size: 85% ; line-height: 170%; font-weight: bold; color: #FFFFFF}
.size12b_000099 { font-size: 85% ; line-height: 170%; font-weight: bold; color: #000099}
.size12b_990000 { font-size: 85% ; line-height: 170%; font-weight: bold; color: #990000}
.size14b_990000 { font-size: 90% ; line-height: 150%; font-weight: bold; color: #990000}
.size18b_990000 { font-size: 110% ; line-height: 150%; font-weight: bold; color: #990000}
.size12b_999966 { font-size: 85% ; line-height: 170%; font-weight: bold; color: #999966}
.size14b_999966 { font-size: 90% ; line-height: 150%; font-weight: bold; color: #999966}
.size18b_999966 { font-size: 110% ; line-height: 150%; font-weight: bold; color: #999966}
.size12b_FF7900 { font-size: 85% ; line-height: 170%; font-weight: bold; color: #FF7900}
.size14b_FF7900 { font-size: 90% ; line-height: 150%; font-weight: bold; color: #FF7900}
.size18b_FF7900 { font-size: 110% ; line-height: 150%; font-weight: bold; color: #FF7900}
.size12b_FF9966 { font-size: 85% ; line-height: 170%; font-weight: bold; color: #FF9966}
.size14b_FF9966 { font-size: 90% ; line-height: 150%; font-weight: bold; color: #FF9966}
.size18b_FF9966 { font-size: 110% ; line-height: 150%; font-weight: bold; color: #FF9966}
.size12b_669999 { font-size: 85% ; line-height: 170%; font-weight: bold; color: #669999}
.size14b_669999 { font-size: 90% ; line-height: 150%; font-weight: bold; color: #669999}
.size18b_669999 { font-size: 110% ; line-height: 150%; font-weight: bold; color: #669999}
.size10n { font-size: 80% ; line-height: normal;}
.size12n { font-size: 85% ; line-height: normal; }
.size14n { font-size: 90% ; line-height: normal; }
.size18n { font-size: 110% ; line-height: normal; }
.report_cap12 { color: #003399;}
.report_cap10 { font-size: 70% ; line-height: 150%; color: #003399}
.report_cap11 { font-size: 75% ; line-height: 150%; color: #003399}
.report_cap11_red { font-size: 75% ; line-height: 150%; color:#990000}
.size6 {  font-size: 60%; line-height: 150%;}
.size7 {  font-size: 70%; line-height: 150%;}
.size8 { font-size: 72%; line-height: 150%;}
.size9 { font-size: 75%; line-height: 150%;}
.size10_666666 { font-size: 80% ; line-height: 150%; color: #666666}

p.kanrenkiji {
	font-size:80%;
	margin:0px;
	line-height:160%;
	}
	
	

/* image */
.right_img {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
}

.left_img {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

.img_cap {
	font-size:80%;
	color:#039;
	line-height:180%;
}

/* 取材報告 */

#report {
	float:left;
	width:825px;
	height:auto;
}

.repomonth {
	width:825px;
	font-size:85%;
	line-height:180%;
	font-weight:bold;
	color:#C30;
	padding-bottom:2px;
	border-bottom:2px solid #C30;
}


#report li {
	font-size:85%;
	line-height:180%;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
	
}

/*電子ブック */

#books {
	float:left;
	width:405px;
	margin-right:15px;
}

#itv {
	float:right;
	width:405px;
}

.ninja_onebutton {
	float:right;
}


/*細い線 */

.tb01 {
border-collapse: collapse; /* 枠線の表示方法 */
border: 1px #CCC solid; /* テーブル全体の枠線（太さ・色・スタイル） */
}

.tb01 TD {
border: 1px #CCC solid; /* セルの枠線（太さ・色・スタイル） */
}


/*参考文献 */
p.refbunken {
	margin-top: 0; 
	margin-bottom: 0; 
	text-indent:-2em;
margin-left:3em;
font-size: 80%;
line-height: 160%;
	}
	
	
/* 特集見出し区切り */

.selector01new{ 
	margin-top:15px;
	font-size:100%;
	font-weight:bold;
	line-height:170%;
	background:#eee;  
	border-top:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-left:7px solid #F03;
	border-bottom:1px solid #ccc;  
	padding:5px 0 5px 8px;
    }
		
.selector01{ 
	margin-top:15px;
	font-size:100%;
	font-weight:bold;
	line-height:170%;
	background:#eee;  
	border-top:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-left:7px solid #06C;
	border-bottom:1px solid #ccc;  
	padding:5px 0 5px 8px;
    }
	
.selector02{ 
	margin-top:15px;
	font-size:90%;
	line-height:170%;
	background:#eee;  
	border-top:1px solid #ccc;  
	border-right:1px solid #ccc;  
	border-left:7px solid #06C;
	border-bottom:1px solid #ccc;  
	padding:5px 0 5px 8px;
    } 
	
.selector03{ 
	margin:30px 0 15px 0;
	font-size:90%;
	font-weight:bold;
	line-height:170%;
	background:#eee;  
	border-left:7px solid #ccc;  
    border-bottom:1px dashed #ccc;  
	padding:3px 0 3px 8px;
    } 
	
.midashibox {
	width:825px;
	margin:5px 0 5px 0;
}
	 

@media print{
#head_ad{display:none;}
#logo{display:none;}
#ad_top{display:none;}
.google{display:none;}
.glovalnavi{display:none;}
.ninja_onebutton{display:none;}
#footer1{display:none;}
#footer2{display:none;}
#honbun{width:100%; float:none;}
}