@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 author     :km (admin)
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、リンクカラー、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
 
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラー、レイアウト、横幅設定など
----------------------------------------------------*/
body{background:url(../img_new/common/bg.jpg) fixed center;}

a{text-decoration:none;}
a:link{color:#333333;}
a:visited{color:#333333;}
a:hover{color:#0099FF;}
a:active{color:#0099FF;}

/* 共通レイアウト */
#box{width:770px; margin:0 auto; padding:15px 15px;}
#middle{width:740px; margin:0 auto;}

#main{width:540px; margin:0; padding:0; float:left;}
#main img{margin-bottom:15px;}


#sidebar{width:160px; margin:0 0 0 20px; padding:0; float:left;}
#sidebar img{margin-bottom:10px;}
#sidebar p{text-align:center;}

.link a:link{color:#FF3300;}
.link a:visited{color:#FF3300;}
.link a:hover{color:#CC3366;}
.link a:active{color:#CC3366;}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;}

.btn {text-align: center;}

.liststyle_circl li{list-style:decimal; padding:0; margin:0 0 0 23px;}

.m0{margin:0;}
.mr0{margin-right:0;}
.mt10{margin-top:10px;}
.mb5{margin-bottom:5px;}

h1{height:30px; padding:0 0 0 20px; margin:0 0 10px; line-height:1.6em; font-size:20px; color:#FFFFFF; font-weight:bold; background:url(../img_new/common/h1.jpg) no-repeat;}
h2{font-size:18px; font-weight:bold; color:#ff3300; padding:0; margin:10px 0; line-height:1.5em; border-top:#ff3300 1px solid; border-bottom:#ff3300 1px solid;}
h3{font-size:18px; font-weight:bold; color:#6633ff; padding:0; margin:10px 0; line-height:1.5em; border-top:#6633ff 1px solid; border-bottom:#6633ff 1px solid;}
h4{height:30px; padding:0 0 0 20px; margin:0 0 10px; line-height:1.6em; font-size:20px; color:#FFFFFF; font-weight:bold; background:url(../img_new/common/h1.jpg) no-repeat;}

.t10{font-size:10px;}
.t14{font-size:14px;}

.clear{clear:both;}

/* clearfix */
.clearfix:after {
	height:0;
	content: "";
	clear: both;
	display: block;
	visibility: hidden;
	}
	
* html .clearfix {display:inline-block;}

/*\*/
* html .clearfix {
	height:0;
	display:block;
	}
/**/

*:first-child+html .clearfix {
	display:inline-block;
	min-height: 1%;
	}
	
/* font */	
.cap{font-size:12px;}
.cap a:link{color:#0099FF;}
.cap a:visited{color:#0099FF;}
.cap a:hover{color:#666666;}
.cap a:active{color:#666666;}


/* font color */
.red{color:#CC0000;}
.darkred{color:#A52A2A;}

/*----------------------------------------------------
	#ページトップ
----------------------------------------------------*/
.pageTop{
margin:0 60px;
clear: both;
text-align: right;
}

.pageTop2{
clear: both;
text-align: right;
border-bottom:#666666 1px solid;
}

.pageTop a:link{color:#0099FF;}
.pageTop a:visited{color:#0099FF;}
.pageTop a:hover{color:#666666;}
.pageTop a:active{color:#666666;}

.pageTop2 a:link{color:#0099FF;}
.pageTop2 a:visited{color:#0099FF;}
.pageTop2 a:hover{color:#666666;}
.pageTop2 a:active{color:#666666;}


/*----------------------------------------------------
	#トピックス
----------------------------------------------------*/
#topics{margin-bottom:20px;}
#topics img{float:left; margin:2px 5px 0 0;}
#topics p{line-height:1.1; margin-bottom:0.6em;}

/*----------------------------------------------------
	#新刊PICK UP
----------------------------------------------------*/
#pickup:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
#pickup div{width:110px; margin-right:25px; float:left;}
#pickup div img{border:#666666 1px solid;}
#pickup div p{ font-size:11px;}
#pickup div p span{color:#FF3300; font-size:13px; font-weight:bold;}
#pickup div p img{border:none;}

/*----------------------------------------------------
	#新刊紹介
----------------------------------------------------*/
.bookinfo{width:268px; float:left; margin-right:7px;}
.bookinfo img{margin:0 6px 8px 0; float:left;}
.bookinfo p{text-align:right; margin-right:8px;}

/*----------------------------------------------------
	#雑誌ページ
----------------------------------------------------*/
.maggnl p{background:#FFFFFF; padding:10px 0 10px;}
.maggnl img{float:left; margin:0 0 10px 10px;}


/*----------------------------------------------------
	#雑誌紹介
----------------------------------------------------*/
#maggen{width:440px; margin:0 30px 0 0; padding:0; float:left;}
#maggen div{margin:0 0 15px; padding:0 0 15px; border-bottom:#999999 1px solid; line-height:2em;}
#maggen img{float:left; margin-right:10px;}
#maggen div strong{font-size:15px;}
#maggen div p{float:left;}
#maggen div p a:link{color:#FF3300;}
#maggen div p a:visited{color:#FF3300;}
#maggen div p a:hover{color:#CC3366;}
#maggen div p a:active{color:#CC3366;}


/*----------------------------------------------------
	#雑誌詳細
----------------------------------------------------*/
.maginfo{width:440px; margin:0 30px 0 0; padding:0; float:left;}
.maginfo div{margin:0 0 15px; padding:0 0 15px; line-height:2em;}
.maginfo div.cap{float:none; border:none; width:440px; line-height:16px; margin-bottom:0;}
.maginfo div div{margin:0 0 10px; float:left; width:230px; border-bottom:#999999 1px dashed;}
.maginfo img{float:left; margin-right:10px;}
.maginfo p{border-bottom:#999999 1px dashed; float:left; width:230px;}
.maginfo p strong{font-size:16px;}
.maginfo p a{width:200px; height:2em; padding-left:18px; background:url(/img_new/maggen/icon_02.jpg) no-repeat left bottom; display:block; line-height:3em;}
.ie6 .maginfo p a{width:200px; height:12px; margin-top:10px; padding:0 0 0 18px; background:url(/img_new/maggen/icon_02.jpg) no-repeat left bottom; display:block; line-height:12px;}
.booktitle{font-size:20px; font-weight:bold; color:#333333;}
.chatch{display:block; clear:both; font-size:16px; font-weight:bold; color:#CC0000;}

/*----------------------------------------------------
	#発売予定表
----------------------------------------------------*/
#magsch{width:440px; margin:0 30px 0 0; padding:0; float:left;}
#magsch div{margin:10px 0 15px; padding:0 0 15px; border-bottom:#999999 1px solid; line-height:2em;}
#magsch div strong{font-size:15px; color:#A52A2A;}
#magsch p.sche{background:#FFF68F; color:#333333; font-size:13px; margin:5px 0 10px 0; padding-left:5px;}
#magsch p a{width:200px; height:2em; margin:0; padding-left:18px; background:url(/img_new/maggen/icon_02.jpg) no-repeat left bottom; display:block; line-height:3em;}
.ie6 #magsch p a{width:200px; height:12px; margin-top:10px; padding:0 0 0 18px; background:url(/img_new/maggen/icon_02.jpg) no-repeat left bottom; display:block; line-height:12px;}

/*----------------------------------------------------
	#ご購入案内
----------------------------------------------------*/
.purchase{}
.purchase strong{font-size:15px; color:#A52A2A;}
.purchase table{
border-top:1px solid #663300;
border-left:1px solid #663300;
border-collapse:collapse;
margin-bottom:10px;}

.purchase td.red{
background:#CD6090;
color:#FFFFFF;}

.purchase td.pink{
background:#EE6AA7;
color:#FFFFFF;}

.purchase td{
padding:3px 5px;
border-right:1px solid #663300;
border-bottom:1px solid #663300;}


/*----------------------------------------------------
	#警告
----------------------------------------------------*/
#middle .keikoku p{font-size:14px; color:#FF6633; font-weight:bold; line-height:2em; margin:20px 0;}