@charset "UTF-8";

/* CSS Information
 *
 * Last Editor:       N.Negishi
 * Editors:           
 * Published on:      2009-01-27
 * Last Modified on:  2009-01-30
 * Guideline Version: 2.0
 */

/* Table of Contents
 *
 * General Elements
 * Container
 * ...
 */

html, body,
h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset {
	margin: 0;
	padding: 0;
	color: #686868;
	font-family:"qMmpS Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic Pro W3","CI","Meiryo","Osaka","MS P Gothic";
	font-size:x-small;
	line-height: 1.4;
}


#mag_top {
	width: 940px;
	margin:0 auto;
	background: #ffffff;
	overflow: hidden;
}

#mag_contents {
	background:url(../images/magazineImg/mag_top_bg.jpg) no-repeat;
	width:940px;
	height:500px;
	position:relative;
	margin-bottom:30px;
}

#mag_contents_left {
position:absolute;
top:40px;
left:50px;
width:348px;
text-align:center;
}

#mag_contents_left span.link_cont a {
font-size:13px;
font-weight:bold;
background:transparent url(../images/topImg/arrow.gif) no-repeat scroll left center;
padding-left:10px;
text-decoration:underline;
color:#333333;
}

#mag_contents_left span.link_cont a:hover {
	color:#fc0;
}

#mag_contents_left strong {
font-size:18px;
font-weight:bold;
color:#000;
}

#banBox{position: absolute; left: 75px; bottom: 95px; margin:0 0 0 13px;}
#banBox a{margin-right:5px;}


#store_Btn { position: absolute; left: 40px; bottom: 25px; margin:0 0 0 13px;}
#store_Btn a { background:url(../images/magazineImg/btnMember2.png) no-repeat 0 0;
	display: block;
	width: 350px;
	height:55px;
	text-indent: -9999px;
	}
	
#store_Btn a:hover { background:url(../images/magazineImg/btnMember2.png) no-repeat 0 -55px;}	

#mag_contents #mag_contents_text {
position:absolute;
left:495px;
top:40px;
color:#342b28;
font-size:12px;
width:410px;
}

#mag_contents #mag_contents_text h2 {
font-size:24px;
line-height:30px;
color:#342b28;
}

#mag_contents #mag_contents_text h3 {
font-size:20px;
line-height:26px;
color:#342b28;
}

#mag_contents #mag_contents_text h4 {
font-size:18px;
line-height:22px;
color:#342b28;
}

#mag_contents #mag_contents_text h5 {
font-size:14px;
line-height:18px;
color:#342b28;
}

#mag_contents_text .cont_box {
background:url(../images/magazineImg/contents_line.gif) no-repeat left bottom;
overflow:hidden;
font-size:12px;
color:#342b28;
margin-bottom:5px;
padding-bottom:5px;
}

#Mid_contents {margin:0 20px 30px 20px; width:900px}

div.magMidBoxL{clear:both; width:440px; float:left;}
div.magMidBoxR{width:440px; float:left; margin-left:20px;}

.marg_b30 {margin-bottom:30px}


.contents_pic {
width:150px;
height:110px;
border:1px solid #fff;
}

.contents_pic_box {
width:152px;
height:112px;
border:1px solid #6e5f52;
float:left;
margin-top:14px;
}

.contents_text_box {
width:275px;
float:left;
margin:14px 0 0 10px;
font-size:12px;
}

.contents_text_box a.ttl_cont {
width:275px;
height:27px;
background-color:#e8e8e8;
font-size:12px;
font-weight:bold;
line-height:27px;
text-indent:0.8em;
display:block;
margin-bottom:10px;
text-decoration:none;
}

.contents_text_box a {
font-size:10px;
color:#333;
display:block;
text-decoration:underline;
margin-top:5px;
}

div.contents_text_box p.nextLink{margin-top:5px;}
div.contents_text_box p.nextLink a {display:inline;}



#backnumber {
clear:both;
width:900px;
margin:0 20px;
}

#backnumber #backnumber_wrap {
border-top:1px solid #b2b2b2;
margin-top:24px;
overflow:hidden;
width:897px;
}

#backnumber #backnumber_wrap a{
color:#333333;
text-decoration:none;
}

#backnumber #backnumber_wrap a:hover {
color:#FFCC00;
}

#backnumber .bn_box1,
#backnumber .bn_box2 {
border-left:1px solid #b2b2b2;
border-bottom:1px solid #b2b2b2;
width:207px;
height:90px;
padding:9px 8px;
background:url(../images/magazineImg/bn_bg.gif) repeat-x;
position:relative;
float:left;
display:inline;
}

#backnumber .bn_box2 {
border-right:1px solid #b2b2b2;
}


.bn_pic {
width:100px;
height:69px;
float:left;
}

p.bn_text {
float:left;
margin-left:10px;
font-size:9px;
width:95px;
}

p.number {
position:absolute;
top:90px;
left:10px;
}


/*会員登録・定期購読ボタン*/
#send_btn {clear:both; width:770px; margin:0 auto; padding:40px 0; overflow:hidden;}
#send_btn a {display:block; width:365px; height:55px; text-indent:-9999px;}

a#btn01{float:left; background:url(../images/magazineImg/btnMember.png) no-repeat 0 0;}
a#btn02{float:right; background:url(../images/magazineImg/btnMember.png) no-repeat 0 -110px;}
a#btn01:hover{background:url(../images/magazineImg/btnMember.png) no-repeat 0 -55px;}
a#btn02:hover{background:url(../images/magazineImg/btnMember.png) no-repeat 0 -165px;}



#tachiyomi_btn a {
	background:url(../images/magazineImg/btn_tachiyomi.png) repeat scroll 0 0;
	width:110px;
	height:30px;
	margin:30px 113px 20px 125px;
	text-indent:-10000em;
	display:block;
}

#tachiyomi_btn a:hover {
	background:url(../images/magazineImg/btn_tachiyomi.png) repeat scroll 0 -30px;
}

a:hover, a:focus, a:active {
	color: #fc0;
}

/*
************************************************************
2011リニューアル修正
************************************************************
*/
body {background:#fff;}
.container {margin: -20px auto 40px; background-color:transparent;}
p#pankuzu {width:670px; margin:0 0 20px; padding:0; color:#000;}
p#pankuzu a:link {color:#000;}
p#pankuzu a:visited {color:#000;}
p#pankuzu a:hover {color:#f90;}