@charset "utf-8";
/* ---------------------------------------------

 // Site Outline //

	Site Name:  河出文庫 川柳 | 河出書房新社
	URL:   	http://www.

	
 // font-size一覧（px : %）//
 * 
 *  10 px : 84%   |  11 px : 92% 
 *  12 px : 100%  |  13 px : 109%
 *  14 px : 117%  |  15 px : 125%
 *  16 px : 134%  |  17 px : 142%
 *  18 px : 150%  |  19 px : 159%
 *  20 px : 167%  |  22 px : 184%
 *  24 px : 200%  |  26 px : 217%
 *  28 px : 234%  |  30 px : 250%


 // CSS Index //

	 1 - CSS Reset
	 2 - BASE
	 3 - header
	 4 - reazon おススメの理由
	 5 - btn 簡易登録
	 6 - flow 本ができるまで
	 7 - agency 代理店
	 8 - footer
	 9 - その他 

--------------------------------------------- */

/* --------------------------------------------
	1 - CSS Reset
-------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,pre,blockquote,th,td,
form,fieldset,input,textarea,select{
	margin:0;
	padding:0;
	text-decoration:none;
	font-style:normal;
	font-weight:normal;
	font-size:100%
}
strong,em,h1,h2,h3,h4,h5{font-weight:bold;}
html {overflow-y:scroll;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
li {list-style:none outside; vertical-align:top;}
fieldset,img{border:0;}	
select option{padding:0 5px;}
form label{cursor:pointer;}
a {/*\*/overflow:hidden;/*exMacIE*/}
a:focus {outline:none;}


/* --------------------------------------------
	2 - BASE
-------------------------------------------- */
body {
	font-family:'メイリオ',Meiryo, 'ヒラギノ Pro W3',Hiragino Kaku Gothic Pro,'ＭＳ Ｐゴシック','MS PGothic',osaka,sans-serif;
    font-size: 12px;
    line-height: 1.7;
	color:#333;
	background:url(../images/bg.gif) 0 0 repeat-x;
	background-color:#ece9e3;
	width:100%;
}

a{color:#0066ff;text-decoration:none;}
a:hover {color:#0066ff;text-decoration:underline;}

a img {border: 0px; outline:none;}
a:focus {outline:none;}
a:hover img {
	opacity:0.7; filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)"; }

.txtNormal  { font-weight: normal;}
.txtBold   { font-weight: bold;}

.txtSS { font-size: 84%;} /* base 12px = 10px */
.txtS { font-size: 92%;} /* base 12px = 11px */
.txtM { font-size: 109%;}/* base 12px = 13px */
.txtL   { font-size: 117%;}/* base 12px = 14px */
.txtLL  { font-size: 134%;}/* base 12px = 16px */
.txtLLL { font-size: 184%;}/* base 12px = 22px */

.blue{
	color:#0066ff;}
.orange{
	color:#ff6633;}

.mb15{
	margin-bottom:15px;}


/* --------------------------------------------
	3 - layout
-------------------------------------------- */	
#contents{width:980px;margin:0 auto;overflow:auto;padding-bottom:40px;}
#main{width:670px;float:left;}
#side{width:290px;float:right;}


/* ------------------------------
	4 - header
------------------------------ */
header{
	width:980px;
	height:450px;
	margin:0 auto;
	background:url(../images/top.png) 0 0 no-repeat;
	text-indent:-9999px;}

#sosial_btn{
	width:980px;
	margin:15px auto 5px;
	/*position:absolute;top:470px;left:0px;*/}


/* ------------------------------
 // 5 - information
------------------------------ */
article.information{
	width:670px;
	margin-bottom:20px;}

article.information section{
	width:620px;
	margin:0 auto;
	overflow:hidden;
	}

article.information h1{margin-bottom:5px;}

#commentList{
	margin-bottom:50px;
/*	height:600px;
	overflow:auto;*/
}

#commentList{
	}
#commentList p{
	float:left;
	margin-right:15px;
	font-size:117%;
	}

#commentList h1{
	font-weight:bold;
	font-size:134%;}

#commentList h2{
	clear:both;
	font-size:117%;
	font-weight:normal;}




/* ------------------------------
 // 右サイド
------------------------------ */
aside{
	width:290px;
	background-color:#ffffff;
	padding:5px 0;
	margin-bottom:12px;}

aside section{
	width:260px;
	margin:0 auto;
	overflow:auto;
	padding:12px 10px;
	font-size:117%;
	}


/* 応募要項
-------------------------- */
aside section#oubo a{text-decoration:underline;}
aside section#oubo a:hover{text-decoration:none;}

/* twitter
-------------------------- */
#senryu{margin-bottom:13px;
padding-top:15px;}


p#gotop{
	text-align:right;
	padding-top:50px;}

p#gotop a:hover img,
p#bunko a:hover img {
	opacity:1.0; filter:alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)"; }


/* ------------------------------
 // footer
------------------------------ */
footer{
	width:980px;
	margin:15px auto;
	position:relative;
	font-size:80%;}
	
footer p#logo{float:left;padding-top:12px;}
footer p#copy{text-align:right;color:#6e421b;padding-top:20px;}


/* ------------------------------
 // その他
------------------------------ */	
.layoutclear {
	clear: both;
}

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