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

/* Hides from IE-mac ＼*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End from IE-mac ＼*/


/*----------------------------------
=01 reset 
----------------------------------*/

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0;
	} 

body{  
	margin:0; 
	background:url(../img/bg_cont.gif) repeat-y center top #fef4e0;
	padding:0;
	text-align:center;
	font-size:12px;
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Verdana",sans-serif;
	line-height:1.7;
	color:#59432d;	}

table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 

address,caption,cite,code,dfn,em,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 

h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	}
	
fieldset,img {border:0;} 	 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
q:before,q:after {content:'';} 
abbr,acronym { border:0;}

a:link{color:#59432d;}
a:hover{color:#59432d; text-decoration:none;}
a:active{color:#59432d;}
a:visited{color:#59432d;}



/* 画像下のスペース消し */
li img,
dt img,
dd img{
vertical-align:top;}


/*----------------------------------
=02 font color size
----------------------------------*/

.txt-c{text-align:center;}
.txt-l{text-align:left;}
.txt-r{text-align:right;}
.txt-s{font-size:10px;}
.txt-b{font-size:15px;}
.txt-or{color:#ef6818;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}


/*----------------------------------
=02 base layoout
----------------------------------*/


#wrapper{
	width:890px;
	margin:0 auto;
	}

#container{
	margin:0 5px;}

#header{
	background:url(../img/bg_header.gif) left top repeat-x;
	text-align:left;
	position:relative;
	}

#header h1{
	padding:18px 0 8px 17px;
	}

#header p{
	position:absolute;
	top:40px;
	right:20px;}

#header em{
	position:absolute;
	top:13px;
	right:20px;}

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




#footer{
	margin:20px;}



/*----------------------------------
=02 top
----------------------------------*/



#main{
	background:url(../img/bg_topmain.gif) repeat-x bottom;
	margin-top:25px;
	padding-bottom:20px;
	}
	

#mainL{
	float:left;
	width:590px;
	margin-left:40px;
	display:inline;
	text-align:left;
	}

#mainL h2{
	margin-bottom:20px;}

#main p{
	margin-bottom:10px;}

#mainL dt{
	float:left;
	width:130px;
	}

#mainL dd{
	float:left;
	width:460px;
	}
	
#mainR{
	float:right;
	width:173px;
	margin:10px 40px 0 0;
	display:inline;
	}

#gakun{
	margin:20px 0 20px;}

#article{
	width:830px;
	text-align:left;
	margin:0 auto;}


#artL{
	float:left;
	width:615px;
	}

#artR{
	float:right;
	width:215px;
	}
	
#article #artL h3{
	margin-bottom:10px;}

.entry{
	background:url(../img/bg_entry-cont.gif) repeat-y;
	width:605px;
	margin-bottom:20px;
	}

.entry h4{
	background:url(../img/bg_entry-top.gif) left top no-repeat;
	font-size:15px;
	font-weight:bold;
	color:#f26818;
	line-height:15px;
	padding:25px 10px 0px 37px;
	margin-bottom:3px;
	}


.entry p.date{
	text-align:right;
	margin-right:18px;
	font-weight:bold;
	}

.entryC{
	padding:0px 10px 27px 37px;
	line-height:20px;
	background:url(../img/bg_entry-btm.gif) no-repeat left bottom;
	}

.entryC p{
	margin-bottom:20px;
	}
p.morelink{
	line-height:20px;
	margin:20px 0 0 0;}


#artR p.banner{
	margin-bottom:10px;}

.module{
	background:url(../img/bg_module.gif);
	padding:12px;
	margin-bottom:10px;
	}

.module li{
	background:url(../img/icon_module-list.gif) no-repeat 3px 0.65em;
	padding-left:15px;
	}

.module ul.new{
	background:#fff url(../img/bg_module-new.gif) no-repeat right bottom;
	padding:10px 10px 25px;
	}

.module ul.month{
	background:#fff url(../img/bg_module-month.gif) no-repeat right bottom;
	padding:10px 10px 25px;
	}



/*----------------------------------
=02 contents
----------------------------------*/

#cont{
	width:830px;
	text-align:left;
	margin:25px auto 0;}


#contL{
	float:left;
	width:600px;
	}

#contR{
	float:right;
	width:215px;
	}


#contR p.banner{
	margin-bottom:10px;}

#contR #sidebook,#artR #sidebook{
	margin:30px 0 20px;}


#contR #sidebook ul,#artR #sidebook ul{
	margin:0 5px 0 22px;}
	

#contL h3{
	margin-bottom:20px;}

#cont #artL h3{
	margin-bottom:20px;}

p.pagelink{
	text-align:center;
	margin-bottom:30px;}



/*----------------------------------
=02 本の紹介
----------------------------------*/

#book{
	width:575px;
	margin:0 auto 15px;
	background:url(../img/dot-gy.gif) repeat-x left bottom;
	padding-bottom:30px;
	}

#bookL{
	float:left;
	width:130px;
	}

#bookR{
	float:left;
	width:440px;
	}
	
#bookR h4{
	margin-bottom:10px;}

#bookR ul{
	margin-left:3px;}
	
.mokuji{
	width:575px;
	margin:0 auto 15px;
	background:url(../img/dot-gy.gif) repeat-x left bottom;
	padding-bottom:15px;
	}

.mokuji h5{
	font-size:15px;
	font-weight:bold;
	background:url(../img/icon_book-mokuji.gif) no-repeat left 0.5em;
	padding-left:17px;
	color:#f26818;
	}

.mokuji p{
	padding-left:17px;}

/*----------------------------------
=02 著者紹介
----------------------------------*/

#writer{
	width:575px;
	margin:0 auto 30px;
	}

#writerL{
	float:left;
	width:160px;
	}

#writerR{
	float:left;
	width:410px;
	}

#writerR h4{
	margin-bottom:10px;}



#prof{
	background:url(../img/bg_profile.gif) repeat-y;
	margin-bottom:30px;
	}

#prof h5{
	background:url(../img/bg_profile-top.gif) no-repeat left top;
	padding:20px 0 5px 35px;
	font-size:15px;
	font-weight:bold;
	color:#ef6818;
	}
	
	
#prof table{
	width:540px;
	margin-left:35px;
	border-top:1px solid #ccc;
	}

#prof th{
	white-space:nowrap;
	padding:5px 10px 5px 0px;
	border-bottom:1px solid #ccc;
	vertical-align:top;
	}
	
#prof td{
	padding:5px 0 5px 0px;
	border-bottom:1px solid #ccc;
	vertical-align:top;}



/*----------------------------------
=02 配本書店
----------------------------------*/


#store{
	width:575px;
	margin:0 auto 30px;
	}

.storeformat{
	margin:0 15px 30px;
	background:url(../img/dot-gr.gif) repeat-x left top;
	padding-top:10px;
	}

#store h4{
	font-size:15px;
	font-weight:bold;
	background:url(../img/icon_bookstore.gif) no-repeat left 0.5em;
	padding-left:17px;
	margin-left:17px;
	color:#35ae6c;
	}
	

.sfL{
	float:left;
	width:49%;
	}

.sfR{
	float:left;
	width:49%;
	}



/*----------------------------------
=02 キャンペーン
----------------------------------*/

#campaign{
	width:550px;
	margin:0 auto;
	}

.campaignbox{
	border-bottom:1px solid #f4e8e9;
	padding-bottom:12px;
	margin-bottom:12px;
	}

.campaignbox p{
	float:left;
	}

.campaignbox dl{
	margin-left:235px;}

.campaignbox dt{
	border-bottom:1px dotted #bdb7af;
	padding-bottom:7px;
	margin-bottom:7px;
	}

#campaign .campaignbox dt a{
	color:#c74a5d;
	}

/*----------------------------------
=02 スケジュール
----------------------------------*/

#schedule{
	width:551px;
	margin:20px auto 30px;
	}

p.schedulecopy{
	margin:0 10px 20px;
	}

#schedule .schedule-t{
	background:url(../campaign/img/bg_schedule-t-btm.gif) no-repeat bottom #cd5e6f;
	margin-bottom:10px;
	}

#schedule .schedule-t h5{
	background:url(../campaign/img/bg_schedule-t-top.gif) no-repeat top;
	color:#fff;
	padding:3px 10px 2px 30px;
	}

#schedule table{
	margin:0 auto 30px;
	width:510px;
	}
	
#schedule td{
	border-bottom:1px dotted #bdb7af;
	padding:3px;
	vertical-align:top;
	}

#schedule th{
	border-bottom:1px dotted #bdb7af;
	padding:3px 15px 3px 13px;
	white-space:nowrap;
	width:11em;
	background:url(../campaign/img/icon_schedule-arrow.gif) no-repeat 2px 10px;
	vertical-align:top;
	}

#schedule p.nextback{
	text-align:center;}


/*----------------------------------
=02 川柳
----------------------------------*/

#senryu{
	margin:0 auto;}

#senryu em{
	margin:15px 25px 0px;
	display:block;}

#senryu h5{
	text-align:center;
	margin:20px auto 15px;}



#senryu table{
	margin:0 auto 30px;
	width:500px;}


#senryu th{
	background:url(../campaign/senryu/img/icon_module-list.gif) no-repeat left 0.8em;
	padding:3px 10px 3px 8px;
	vertical-align:top;	color:#f26818;
	}

#senryu td{
	padding:3px 0px 3px 0px;
	vertical-align:top;
	}

#kiyaku{
	border:1px solid #bdb7af;
	padding:10px 15px 15px;
	margin:0 35px 20px;
	}

#kiyaku p{
	font-size:10px;}

#kiyaku h6{
	font-weight:bold;
	color:#f26818;
	margin-bottom:5px;
	}

#submit{
	text-align:center;
	margin-bottom:30px;}



/*----------------------------------
=02 お取り寄せ方法
----------------------------------*/
#order{
	width:530px;
	margin:0 auto 30px;}

.ordercase{
	margin:0 auto 40px;
	background:url(../img/dot-bl.gif) repeat-x left top;
	padding-top:7px;
	}

.ordercase p{
	margin-bottom:5px;
	padding-left:17px;
	}

#order h5{
	font-size:15px;
	font-weight:bold;
	line-height:1.5;
	background:url(../img/icon_order.gif) no-repeat left 0.4em;
	padding-left:17px;
	margin:0;
	color:#697cd2;
	}

.fl50{
	float:left;
	width:49%;}
	
#online{
	padding:10px 0 40px;
	padding-left:17px;}
	

#online dd{
	padding-left:5px;}