@charset "UTF-8";

/*** Marginal areas & page background ***/
body {
	margin: 0;
	padding: 0;
	background: url(/images/parts/back.gif);
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}
/*** Layout Alignment ***/
div#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0px;
	width: 800px;
	min-width: inherit;
	max-width: none;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

h1,h2,h3,h4,h5,h6,p,form,table,td,ul,li,dl,dt,dd,div{
	margin: 0;
	padding: 0;
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

ul{
	list-style-type: none;
}

a{
	text-decoration: none;
}

table {font-size:inherit;font:100%;}



em {
	font-style: normal;
	font-weight: bold;
}

img {
	border: none;
}

/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}




/**Header**/
#header{
	position: relative;
	margin: 0;
	padding: 0;
}

#header img,
#header h1{
	margin: 8px 0 0;
	padding: 0;
}

/**Navigation**/
ul#header-navi{
	margin: 0;
	padding: 0;
	border: #000 1px solid;
	width: 798px;
	height: 30px;
	background: #fff;
}

#header-navi li{
	margin: 0;
	display: inline;
}

#header-navi li a{
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 159px;
	height: 30px;
	text-decoration: none;
	text-indent: -9999px;
	outline: none;
	background: url(/images/parts/navi.gif) no-repeat;
}


li#new-issue a{background-position: 0 0;}
li#publish a{background-position: -159px 0;}
li#back-number a{background-position: -318px 0;}
li#company a{background-position: -477px 0;}
li#advertising a{background-position: -635px 0; width: 161px;}


li#new-issue a:hover{background-position: 0 -30px;}
li#publish a:hover{background-position: -159px -30px;}
li#back-number a:hover{background-position: -318px -30px;}
li#company a:hover{background-position: -477px -30px;}
li#advertising a:hover{background-position: -635px -30px;}

/**Contents Area**/
#contents{
	margin:0 15px;
	width: 765px;
}

/*Section Title*/
h2 {
	clear: both;
	margin:0 5px;
	padding: 25px 0;
	width: 760px;
}

div.item-section{
	margin: 0;
	padding: 10px 5px 10px 14px;
	border: #333 1px solid;
	width: 350px;
	background: #fff;
}

div#super-suzy,
div#jimny-offroad{
	margin: 0 0 0 5px;
	float: left;
}

div#leaf-spring,
div#jimny-tatsujin{
	float: right;
}


div.item-section div.book-img{
	float: left;
	margin: 0;
	padding: 0;
	width: 130px;
}

div.item-section div.issue-data{
	position: relative;
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
}

div.item-section div.issue-data div.data{
	padding: 5px 0;
}

div.item-section div.issue-data div.link-btn a{
	display: block;
	position: absolute;
	margin: 0;
	padding: 0;
	width: 130px;
	height: 30px;
	background: url(/images/parts/detailed-page_btn.gif) no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	outline: none;
	top: 140px;
}


div.item-section div.issue-data div.link-btn a:hover{
	background-position: 0px -30px;
}

div.item-section div.summary{
	clear: both;
	margin: 0;
	padding: 15px 5px 0 0;
}

div.item-section div.summary li{
	margin: 0 0 0.5em;
	padding: 0;
	line-height: 1.2;
	text-decoration: none;
	outline: none;
	_height: 1%;
}

div.item-section strong{
	display: block;
}

/*Clearfix*/
#contents:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

#contents{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html #contents{height:1%;}
#contents{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

/**Footer**/
#footer{
	margin: 25px 0 0;
	padding: 10px 5px;
	text-align: center;
	font-size: 85%;
	color: #fff;
	line-height: 1;
	background: #000;
}