@charset "utf-8";

/* 基本 */
body,div,p,span,a,ul,ol,li,dl,dt,dd,th,tr,td,table,h1,h2,h3,h4,h5,h6,img{
margin:0;
padding:0;
border:0;
text-align:left;
font-size:100%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

body{
background-color:#fff1f5;
margin:0;
padding:0;
}

.clear{
clear:both;
}

.hide{
display:none;
}
.big{
font-size:14px;
}


#wrapper{
	width:800px;
	margin:auto;
	text-align:center;
	color:#442317;
	background-color:#feb7d7;
}

div.link{
font-size:80%;
}
div.link a:link {color:#af1d3b;text-decoration:underline;}
div.link a:visited {color:#af1d3b;text-decoration:underline;}
div.link a:hover {color:#af1d3b;text-decoration:none;}
div.link a:active {color:#af1d3b;text-decoration:none;}



/*--------------------- 上段（一番うえ）---------------------*/
div#top{
background-image:url(../../img/head.jpg); 
background-repeat:no-repeat;
position:relative;
height:516px;
width:800px;
text-align:left;
line-height:1.2;

}

/*---------------------上段（書誌ファイル、カフェグローブURL）*/
.biblio{
width: 775px;
padding-top: 195px;
text-align: right;
}

.url{
padding-top: 195px;
width: 738px;
text-align: right;
}



/* ---------------------下段（質問募集）--------------------- */

div#question {
	background-image:url(../../img/question_back.jpg);
	background-repeat:no-repeat;
	width:800px;
	margin:auto;
	text-align:center;
	padding-bottom: 20px;
}

div#question .message{ 
width:620px;
margin:auto;
text-align:left;
padding-top:70px;
}

div#question .message p{
margin:0 0 0 15px;
position:relative;
text-align:left;
line-height:2.2em;
font-size:12px;
}
div#question .answer_button{
width:280px;
margin:auto;
text-align:left;
margin-left: 110px;
}


/* ---------------------（indexお答え例）--------------------- */
div#question .answer{
width:620px;
margin:auto;
text-align:left;
padding-top:33px;
padding-left: 20px;
}

.answer ul { 
margin-left:0px; 
margin-top:0px;
list-style-type : none; 
}
.answer li { 
padding-left: 20px;
margin:0px 0; 
background-image:url(../../img/list.gif); 
text-decoration:none;
background-repeat:no-repeat;
font-size:12px;
line-height:2;
}
/* ---------------------（おこたえポップアップはいけい角丸）--------------------- */
.round{display:block}
.round *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#fdfde5}
.round1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fdd5dd;
  border-right:1px solid #fdd5dd;
  background:#fdebe1}
.round2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdbed8;
  border-right:1px solid #fdbed8;
  background:#fdefe2}
.round3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fdefe2;
  border-right:1px solid #fdefe2;}
.round4{
  border-left:1px solid #fdd5dd;
  border-right:1px solid #fdd5dd}
.round5{
  border-left:1px solid #fdebe1;
  border-right:1px solid #fdebe1}
.roundfg{
  background:#fdfde5;
padding: 1px 0px 15px 12px;
}


/* ---------------------（おこたえポップアップ内角丸）--------------------- */
div#answer_wrapper{
width:550px;
background-color:#feb7d7;
}

div#answer_wrapper p{
margin:0 3px 4px 15px;
position:relative;
text-align:left;
line-height:2.2em;
font-size:12px;
color:#442317;
}
div#answer_wrapper .close{
margin-left: 500px;
position:relative;
text-align:left;
}

div#answer_page{
width:549px;
background-color:#feb7d7;
padding-bottom: 20px;
}

.contents{
margin-left:18px;
width:504px;
}


.inside{display:block}
.inside *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#fff68a}
.inside1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fdf9bd;
  border-right:1px solid #fdf9bd;
  background:#fef7a0}
.inside2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfcdb;
  border-right:1px solid #fdfcdb;
  background:#fef79b}
.inside3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fef79b;
  border-right:1px solid #fef79b;}
.inside4{
  border-left:1px solid #fdf9bd;
  border-right:1px solid #fdf9bd}
.inside5{
  border-left:1px solid #fef7a0;
  border-right:1px solid #fef7a0}
.insidefg{
  background:#fff68a;
padding-right:5px;
}


.answer_list{
width:460px;
margin-left: 8px;
}


.answer_list ul { 
margin-left:0px; 
margin-top:0px;
list-style-type : none; 
padding-left: 12px;
padding-right: 10px;
padding-top: 5px;
color:#442317;
}
.ans { 
padding-left: 38px;
margin:6px 0 0 0;
padding-top: 30px;
background-image:url(../../answer/img/answer.jpg); 
text-decoration:none;
background-repeat:no-repeat;
font-size:12px;
line-height:2;
}

.name { 
background-image:url(../../answer/img/question.jpg);
background-repeat:no-repeat;
font-size:12px;
line-height:2;
height:30px;
color:#f68817;
margin:0 0;
padding-left:20px;
padding-right:20px;
text-align:right;
text-decoration:none;
}

.qes { 
padding-left: 38px;
margin:0px 0; 
text-decoration:none;
background-repeat:no-repeat;
font-size:12px;
line-height:2;
}

.i_line{
margin-top: 10px;
	margin-right: 0px;
	margin-left: 10px;
}


/*--------------------- （本の紹介---------------------*/

div#index_menu{
background-image:url(../../img/index_menu.jpg); 
background-repeat:no-repeat;
background-color:#feb7d7;
position:relative;
height:479px;
width:800px;
text-align:left;
line-height:1.2;
margin:30px 0 0 0;
padding:0;
}

div#index_menu .list{
text-align:left;
width:400px;
float:left;
margin:0;
padding:0;
}

.list ul { 
margin-left: 0px; padding-left: 90px;
margin-top:60px;
list-style-type : none; 
}
.list li { 
padding-left: 15px;
margin:7px 0; 
background-image:url(../../img/list.gif); 
text-decoration:none;
background-repeat:no-repeat;
line-height:1.4;
font-size:12px;
}
/*--------------------- 上段（たちよみ）---------------------*/
div#index_menu .choy{
text-align:left;
width:320px;
float:left;
margin:100px 0 0 28px;
}

div#index_menu p{
font-size:10px;
line-height:1.8em;
}

div#index_menu .choy img{
margin-top:20px;
}


body#tachiyomi div#contents{
	width:549px;
	background-color:#feb7d7;
}

/* ---------------------下段（バナー）--------------------- */

.banner{
position:relative;
margin:20px 0 0 31px;
}


/* --------------------- フェアー --------------------- */

#fair_wrapper{
	background-image:url(../../fair/img/fair_back.jpg); 
width:550px;
height:100%;
margin:auto;
text-align:center;
color:#442317;
background-color:#feb7d7;
background-repeat:no-repeat;
}



/*--------------------- フェアー（応募要項） --------------------- */
div#fair{
height:780px;
width:550px;
}

div#fair img {
height:26px;
width:27px;
margin-left:505px;
border:none;
}

/* --------------------- フェアー（注意事項）--------------------- */



.fair_list ul { 
padding:487px 62px 0 115px;
margin-left:0px; 
margin-top:0px;
list-style-type : none; 
}
.fair_list li { 
padding-left: 20px;
padding-top:10px; 
font-size:10px;
line-height:1.6;
}

.attention{
width:550px;
}

.attention ul { 
padding:20px 55px 0;
margin-left:0px; 
margin-top:0px;
list-style-type : none; 
}
.attention li { 
padding-top:2px; 
font-size:10px;
line-height:1.6;
}

/* --------------------- フォーム --------------------- */

#form_wrapper{
background-image:url(../../form/img/form_back.jpg); 
width:550px;
height:100%;
margin:auto;
text-align:center;
color:#442317;
background-color:#feb7d7;
background-repeat:no-repeat;
}



/*--------------------- フォーム（掲載について） --------------------- */
div#contents{
height:780px;
width:550px;
}

div#contents h2{
font-size:12px;
margin-bottom: 28px;
}
div#contents p{
font-size:10px;
margin: 5px 11px 8px;

}
div#contents .close {
height:26px;
width:27px;
margin-left:505px;
border:none;
}

.points{
width: 450px;
margin-left: 55px;
margin-top: 75px;
}

/* ----------- stylized ----------- */

#stylized{
width:421px;
margin-left:64px;

}

#stylized .label{
width:206px;
height:21px;
margin-bottom: 5px;
float:left;
}


div#contents #message{
float:left;
font-size:12px;
padding:4px 2px;
border-top:solid 1px #ccc;
border-left:solid 1px #ccc;
border-bottom:none;
border-right:none;
width:416px;
height:100px;
margin:2px 0 10px 0;
}

#name,#mail {
float:left;
font-size:12px;
padding:4px 2px;
border-top:solid 1px #ccc;
border-left:solid 1px #ccc;
border-bottom:none;
border-right:none;
width:416px;
margin:2px 0 10px 0;
}

.submit{
text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:5px;
	margin-bottom:10px;
	height:46px;
	clear:left;
}

/* --------------------- フォーム（注意事項）--------------------- */
#contents .attention{
margin-left: 50px;
margin-right: 0px;
padding-right: 0px;
padding-bottom: 0px;
margin-top: 35px;
+margin-top: 15px;
width: 450px;
	
}


#contents .attention ul { 
list-style-type : none; 
	margin:0;
	padding:0;
}
#contents .attention li { 

font-size:10px;
line-height:1.6;

}


/* --------------------- フォーム（完了画面）--------------------- */
#contents div#form_done{
margin-left:164px;
text-align:center;
margin-top:300px;
}
#contents div#form_done h1{
margin-bottom:10px;
}
#contents div#form_done p{
font-size:80%;
margin:0px;
line-height:1.6;
}

/* ------------------------------------------あし------------------------------------------ */
div#footer{
width:800px;
height:40px;
background:url(../img/footer.gif);
background-color:#fff1f5;
position:relative;
margin:0;
padding:0;
}
div#footer p{
position:absolute;
right:8px;
top:14px;
font-size:11px;
color:#feb7d7;
text-align:right;
}

div#footer p a:link{color:#442317; text-decoration:underline;}
div#footer p a:visited{color:#442317; text-decoration:underline;}
div#footer p a:hover{color:#442317; text-decoration:none;}
div#footer p a:active{color:#442317; text-decoration:none;}