@charset "utf-8";
/*
Theme Name: Kodansha Ltd.
Theme URI: http://itan.webn.jp/
Description: 想像系新雑誌『ITAN』
Version: 1.0
Author: ITAN編集部
Author URI: http://itan.webn.jp/
Tags: 

*/


body {
	width:970px;
	font-size: 60%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #d5d6d7;
	color: #3f3f3f;
	text-align: center;
	padding:0;
	margin:0 auto;
	}

img {
	border:none;
	}

#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	}



/*======================
基本
======================*/


#box{
width:970px;
height:px;
padding:0;
margin:0;

	font-size: 16px;
	line-height: 21px;
	text-align:left;
	font-family:osaka,meiryo,ms-gothic;	
}

.img-back {
	background:#fff url(images/back_04.jpg) no-repeat;
	background-position:left 350px;
}

	*html .img-back {
	background-position:left 348px;
	}
	
	*:first-child+html .img-back {
	background-position:left 348px;
	}


	#box #box-right #box-right-inn {
	background:url(images/content-back-trans.png) no-repeat;
	}
	
	*:first-child+html #box #box-right #box-right-inn {
	background-position:left 7px;
	}


	#box:after{
	/* for modern browser */
	content:"";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
	}

	* html #box{/* for IE */
	/**/height:1%;/* for WinIE */
	display:inline-table;/* for MacIE */
	}

	body*#box:after{
	content:".";
	}



/*======================
ヘッダー
======================*/



	#box #box-main {
	width:970px;
	height:350px;
	padding:0;
	margin:0;
	
	background:#fff ;
	text-align:left;
	clear:both;
	}

	#box #box-main :after{
	/* for modern browser */
	content:"";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
	}

	* html #box #box-main {/* for IE */
	/**/height:1%;/* for WinIE */
	display:inline-table;/* for MacIE */
	}

	body* #box #box-main :after{
	content:".";
	}
	

	#box #box-main h1 {
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	
	width:970px;
	height:160px;
	padding:0;
	margin:0;
	
	font-size: 9px;
	line-height: 11px;
	color:#666666;
	position:relative;
	}
	
	#box #box-main h1 span{
	width: 100%;
	height:100%;
	background:url(images/header_01.jpg) no-repeat;
	position:absolute;

	}
	

	#box #box-main h2 {
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	
	width:970px;
	height:95px;
	padding:0;
	margin:0;
	
	font-size: 9px;
	line-height: 11px;
	color:#666666;
	position:relative;
	}
	
	*html #box #box-main h2 {
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	
	width:970px;
	height:95px;
	padding:0;
	margin:-1px 0 0 0;
	
	font-size: 9px;
	line-height: 11px;
	color:#666666;
	position:relative;
	}
	
	*:first-child+html #box #box-main h2 {
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	
	width:970px;
	height:95px;
	padding:0;
	margin:-1px 0 0 0;
	
	font-size: 9px;
	line-height: 11px;
	color:#666666;
	position:relative;
	}
	
	
	#box #box-main h2 span{
	width: 100%;
	height:100%;
	background:url(images/header_02.jpg) no-repeat;
	position:absolute;

	}
	

	#box #box-main h3 {
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	
	width:940px;
	height:30px;
	padding:65px 10px 0 20px;
	margin:0;
	
	font-size: 70%;
	line-height:130%;
	color:#666666;
	position:relative;
	background:url(images/header_03.jpg) no-repeat;
	border:none;
	font-weight:normal;
	text-align:right;
	}
	
	#box #box-main a{
	text-decoration:none;
	color:#666666;
	
	}
	
	*html #box #box-main h3 {
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	
	width:950px;
	height:30px;
	padding:65px 0 0 20px;
	margin:-1px 0 0 0;
	}
	
	*:first-child+html #box #box-main h3 {
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	
	width:950px;
	height:30px;
	padding:65px 0 0 20px;
	margin:-1px 0 0 0;
	}


/*======================
２コラム
======================*/


	#box #box-left {
	width:355px;
	height:px;
	padding:0 0 15px 10px;
	margin:0;
	float:left;
	text-align:left;

	background:#fff;
	overflow:hidden;
	zoom:1;
	}


	#box #box-right {
	width:580px;
	height:px;
	padding:0 10px 0 15px;
	margin:0;

	float:left;
	text-align:left;
	overflow:hidden;
	zoom:1;
	}


/*======================
左側コンテンツ
======================*/


/* 広告バナー */


	#box #box-left #box-left-bunner50{
	width:355px;
	height:px;
	padding:0;
	margin:0;
	border:none;
	}
	
	#box #box-left #box-left-bunner50 p{
	width:355px;
	height:50px;
	padding:0;
	margin:0 0 10px 0;
	border:none;
	
	}

	#box #box-left #box-left-bunner{
	width:355px;
	height:px;
	padding:0;
	margin:0;
	border:none;
	}
	
	#box #box-left #box-left-bunner p{
	width:355px;
	height:100px;
	padding:0;
	margin:0 0 10px 0;
	border:none;
	
	}

	
	#box #box-left h5{
	width:px;
	height:px;
	padding:10px 0 5px 0;
	margin:0;
	
	border-bottom:1px dotted #666;
	}

	#box #box-left ul{
	width:px;
	height:px;
	padding:0;
	margin:0;
	}

	#box #box-left li {
	width:px;
	height:px;
	padding:5px 0 0 0;
	margin:0;
	
	font-size:90%;
	list-style:none;
	}


	#box #box-left .navi{
	width:px;
	height:px;
	padding:0;
	margin:5px 0 0 20px;
	}

	#box #box-left .navi li {
	width:px;
	height:px;
	padding:0;
	margin:0;

	list-style:disc;
	}
	
	#box #box-left  .cat-item {
	width:px;
	height:px;
	padding:0;
	margin:5px 0 0 20px;

	list-style:disc;
	}
	
	#box #box-left li a { color: #000000;text-decoration: none; } 
	#box #box-left li a:link { color: #000000;text-decoration: none; } 
	#box #box-left li a:visited { color: #000000;text-decoration: none;} 
	#box #box-left li a:active { color: #cc0000;text-decoration: none; }
	#box #box-left li a:hover { color: #cc0000;text-decoration: none; }

	#box #box-left #searchform {
	width:px;
	height:px;
	padding:5px;
	margin:0;
	
	text-align:center;
	background:#d5d6d7;
	}


	#box #box-left .backnumber-link {
	width:px;
	height:px;
	padding:0 0 15px;
	margin:0;
	}


	

/*======================
エントリー
======================*/


	#box #box-right #box-right-box {
	width:540px;
	height:px;
	padding:20px;
	margin:0;


	text-align:left;
	}

	*html #box #box-right #box-right-box {
	width:540px;
	height:px;
	padding:20px;
	margin:-4px 0 0 0;


	text-align:left;
	}

	*:first-child+html #box #box-right #box-right-box {
	width:540px;
	height:px;
	padding:20px;
	margin:-7px 0 0 0;


	text-align:left;
	}
	
	#box #box-right #box-right-box:after{
	/* for modern browser */
	content:"";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
	}

	* html	#box #box-right #box-right-box{/* for IE */
	/**/height:1%;/* for WinIE */
	display:inline-table;/* for MacIE */
	}
	
	body*#box #box-right #box-right-box:after{
	content:".";
	}


	
#box-right h4 {
	width:px;
	height:px;
	font-size:120%;
	text-align:left;
	line-height:160%;

	padding:0;
	margin:0;
}

#box-right h4 a { color: #000000;text-decoration: none; } 
#box-right h4 a:link { color: #000000;text-decoration: none; } 
#box-right h4 a:visited { color: #000000;text-decoration: none;} 
#box-right h4 a:active { color: #cc0000;text-decoration: none; }
#box-right h4 a:hover { color: #cc0000;text-decoration: none; }
	

#box #box-right #box-right-box .time {
	width:px;
	height:px;
	font-size:80%;
	text-align:right;
	line-height:160%;
	
	color:#000;
	padding:0 0 5px;
	margin:0;
	border-bottom:3px solid #000000;
}


#box-right .entry {
	width:px;
	height:px;
	font-size:80%;
	text-align:left;
	line-height:160%;

	padding: 0;
	margin:0;
}
	
	#box-right .entry:after{
	/* for modern browser */
	content:"";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
	}

	* html	#box-right .entry{/* for IE */
	/**/height:1%;/* for WinIE */
	display:inline-table;/* for MacIE */
	}
	
	body*#box-right .entry:after{
	content:".";
	}


#box-right .entry p {
	padding:0;
	margin:20px 0 0 0;
}

#box-right .entry p strong{
	font-size:bold;
}

#box-right .entry .wp-caption{
	width:100%;
	height:px;
	padding:5px;
	margin:20px 0 0 0;
	
	text-align:center;
	background:#d5d6d7;
}

#box-right .entry .wp-caption img{
	padding:0;
	margin:5px 0 0 0;
}

#box-right .entry .wp-caption .wp-caption-text{
	width:px;
	height:px;
	padding:0 5px;
	margin:5px 0;
	font-size:90%;
	text-align:left;
	line-height:130%;	
}

#box-right .entry .alignleft{
	width:px;
	height:px;
	padding:0;
	margin:0 10px 0 0;
	
	float:left;
}

#box-right .entry .alignright{
	width:px;
	height:px;
	padding:0;
	margin:0;
	
	float:right;	
}

#box-right .entry blockquote{
	width:px;
	height:px;
	padding:0 0 0 10px;
	margin:0;
	color:#000;
	background:5px solid #d5d6d7;
}

#box-right .entry code{
	width:px;
	height:px;
	padding:0;
	margin:0;
	color:#000;
	
	font-weight:bold;
}

	#box-right .entry code:after{
	/* for modern browser */
	content:"";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
	}

	* html #box-right .entry code{/* for IE */
	/**/height:1%;/* for WinIE */
	display:inline-table;/* for MacIE */
	}
	

	body*#box-right .entry code:after{
	content:".";
	}


#box-right #box-right-box .postmetadata{
	width:px;
	height:px;
	padding:10px 0 0 0;
	margin:20px 0 0 0;
	
	border-top:1px dotted #d5d6d7;
	text-align:right;
	font-size:70%;
}

#box-right #box-right-box .postmetadata a { color: #000000;text-decoration: none; } 
#box-right #box-right-box .postmetadata a:link { color: #000000;text-decoration: none; } 
#box-right #box-right-box .postmetadata a:visited { color: #000000;text-decoration: none;} 
#box-right #box-right-box .postmetadata a:active { color: #cc0000;text-decoration: none; }
#box-right #box-right-box .postmetadata a:hover { color: #cc0000;text-decoration: none; }


/*======================
パンくず
======================*/


#box-right .navigation{
	width:px;
	height:px;
	padding:0;
	margin:15px 0 0 0;

	font-size:70%;
	line-height:110%;
	float:right;
	clear:both;
}

#box-right .navigation a { color: #000000;text-decoration: none; } 
#box-right .navigation a:link { color: #000000;text-decoration: none; } 
#box-right .navigation a:visited { color: #000000;text-decoration: none;} 
#box-right .navigation a:active { color: #cc0000;text-decoration: none; }
#box-right .navigation a:hover { color: #cc0000;text-decoration: none; }


#box-right  .navigation .alignleft{
	width:px;
	height:px;
	padding:0;
	margin:0;

	float:left;
}

#box-right .navigation .alignright{
	width:px;
	height:px;
	padding:0;
	margin:0;

	float:left;
}


#box-right .navigation-single{
	width:px;
	height:px;
	padding:0;
	margin:20px 0 10px 0;

	font-size:70%;
	clear:both;
	text-align:right;
}

#box-right .navigation-single a { color: #000000;text-decoration: none; } 
#box-right .navigation-single a:link { color: #000000;text-decoration: none; } 
#box-right .navigation-single a:visited { color: #000000;text-decoration: none;} 
#box-right .navigation-single a:active { color: #cc0000;text-decoration: none; }
#box-right .navigation-single a:hover { color: #cc0000;text-decoration: none; }

#box-right  .navigation-single .alignleft{
	width:540px;
	height:px;
	padding:0;
	margin:0 0 7px 0;
	
	line-height:120%;
}

#box-right .navigation-single .alignright{
	width:540px;
	height:px;
	padding:0;
	margin:0;

	line-height:120%;
}


/*======================
検索
======================*/


	#box #box-right #box-right-search {
	width:540px;
	height:px;
	padding:20px 20px 200px;
	margin:0;

	text-align:left;
	}
	
	#box #box-right #box-right-search h4 {
	width:px;
	height:px;
	font-size:120%;
	text-align:left;
	line-height:160%;

	padding:0;
	margin:0;
}

	#box #box-right #box-right-search h4 a { color: #000000;text-decoration: none; } 
	#box #box-right #box-right-search h4 a:link { color: #000000;text-decoration: none; } 
	#box #box-right #box-right-search h4 a:visited { color: #000000;text-decoration: none;} 
	#box #box-right #box-right-search h4 a:active { color: #cc0000;text-decoration: none; }
	#box #box-right #box-right-search h4 a:hover { color: #cc0000;text-decoration: none; }

	#box #box-right #box-right-search .time {
	width:px;
	height:px;
	font-size:80%;
	text-align:right;
	line-height:160%;
	
	color:#000;
	padding:0;
	margin:0;
}

	#box #box-right #box-right-search .postmetadata{
	width:px;
	height:px;
	padding:5px 0 0 0;
	margin:5px 0 0 0;
	
	border-top:1px dotted #000;
	text-align:right;
	font-size:70%;
}

	#box #box-right #box-right-search .postmetadata a { color: #000000;text-decoration: none; } 
	#box #box-right #box-right-search .postmetadata a:link { color: #000000;text-decoration: none; } 
	#box #box-right #box-right-search .postmetadata a:visited { color: #000000;text-decoration: none;} 
	#box #box-right #box-right-search .postmetadata a:active { color: #cc0000;text-decoration: none; }
	#box #box-right #box-right-search .postmetadata a:hover { color: #cc0000;text-decoration: none; }

	#box #box-right #box-right-search .navigation{
	width:px;
	height:px;
	padding:0;
	margin:15px 0 0 0;

	font-size:70%;
	line-height:110%;
	float:right;
	clear:both;
}

	#box #box-right #box-right-search .navigation a { color: #000000;text-decoration: none; } 
	#box #box-right #box-right-search .navigation a:link { color: #000000;text-decoration: none; } 
	#box #box-right #box-right-search .navigation a:visited { color: #000000;text-decoration: none;} 
	#box #box-right #box-right-search .navigation a:active { color: #cc0000;text-decoration: none; }
	#box #box-right #box-right-search .navigation a:hover { color: #cc0000;text-decoration: none; }

/*======================
コメント
======================*/


#respond {
	width:540px;
	height:px;
	padding:0 0 15px 0;
	margin:30px 0 0 0;
	
	font-size:80%;
	text-align:left;

	border-bottom:1px dotted #d5d6d7;
	}
	
#respond #comment {
	width:540px;
	height:px;
	padding:0;
	margin:0;
	}
	
#comments {
	width:525px;
	height:px;
	padding:15px 0 5px 15px;
	margin:50px 0 0 0;
	
	font-size:80%;
	color:#090909;
	text-align:left;
	font-weight:bold;	

	border-top:1px dotted #d5d6d7;
}
	
#respond h3 {
	width:px;
	height:px;
	padding: 20px 0 0 0;
	margin:0;
	font-size:100%;
	color:#090909;
	text-align:left;
	font-weight:bold;
	border-top:1px dotted #000;
}

#respond .category-cap {
	width:px;
	height:px;
	padding:0;
	margin:0;
	font-size:80%;
	line-height:140%;
	color:#363636;
	text-align:left;
}

#respond p {
	font-size:90%;
	line-height:140%;
	font-weight:bold;
}

.commentlist cite {
	width:px;
	height:px;
	padding:0;
	margin:0;
	font-size:110%;
	line-height:140%;
	color:#060606;
	text-align:left;
	font-weight:bold;
	font-style:normal;
}

#comment-no {
	width:px;
	height:px;
	padding:10px 0 5px 0;
	margin:0 0 0 20px;
	
	font-size:90%;
	text-align:left;
	font-weight:bold;
}


.commentlist {
	width:505px;
	height:px;
	padding:0 0 15px 15px;
	margin:0;
	
	font-size:70%;
	line-height:180%;
	text-align:left;
	list-style:none;
}

.commentlist .comment-author {
	font-size:110%;
	font-weight:bold;
}

.commentlist em{
	color:#CC0000;
}

.commentlist ol{
	width:px;
	height:px;
	padding:0;
	margin:0;
}

.commentlist li{
	width:px;
	height:px;
	padding:3px 0 3px 10px;
	margin:0;
	border-left:5px solid #ccc;	
	clear:both;
	display:block;
}

.commentlist li p{
	width:px;
	height:px;
	padding:0;
	margin:10px 0 0 0;
}

.commentlist .alt{
	width:px;
	height:px;
	padding:0 0 0 10px;
	margin:10px 0 0 0;
}

.nocomments {
	margin:20px 0 0 0;
	padding:10px 0 0 0;
	text-align:right;
	border-top:1px dotted #ccc;
}


/*======================
コピーライト
======================*/


	#box .copy {
	width: 970px;
	height:px;
	padding:0;
	margin:15px 0 0 0;
	text-align:center;
	
	clear:both;
	display:block;
	background:#fff;
	}


	#box .copy:after{
	/* for modern browser */
	content:"";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
	}

	* html #box .copy{/* for IE */
	/**/height:1%;/* for WinIE */
	display:inline-table;/* for MacIE */
	}
	
	body*#box .copy:after{
	content:".";
	}

	
	.copy a { color: #000000;text-decoration: none; } 
	.copy a:link { color: #000000;text-decoration: none; } 
	.copy a:visited { color: #000000;text-decoration: none;} 
	.copy a:active { color: #000000;text-decoration: none; }
	.copy a:hover { color: #000000;text-decoration: none; }

	.copy strong{
	font-weight:bold;

	}
	
	#copyl {
	width: 390;
	height:px;
	padding:20px 10px;
	margin:0;

	background:url(images/kodansha.gif) no-repeat;
	background-position:50px 0;
	float:left;
	}
		
	#copyr {
	width: 380px;
	height:px;
	padding:20px 10px;
	margin:0;
	float:right;
	
	font-size:70%;
	text-align:right;
	line-height:150%;
	}