@charset "utf-8";
/* -----------------------------------------------------------
 reset
----------------------------------------------------------- */
body,div,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;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}table{border-collapse:collapse;border-spacing:0;}caption{text-align:left;}q:before,q:after{content:'';}object,embed{vertical-align:top;}hr,legend{}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}img,abbr,acronym,fieldset{border:0;}li{list-style-type:none;}a{color:#333333;}a:hover{text-decoration:underline;}
/* -----------------------------------------------------------
 layout
----------------------------------------------------------- */

/*---------------------文字リンク時------------------------------*/
a {
text-decoration: none;
}
/*リンクされた文字*/
a{
    color:#663300;
    font-style:normal;
    text-decoration:none;
}
a:link {/*未訪問のリンク*/
    color:#663300;
}
a:visited {/*訪問後のリンク*/
    color:#996666;
}
a:hover {/*マウスをのせたとき*/
    color:#FF5353;
}
a:active {/*クリック中*/
    color:#FF7777;
}
/*-----------------------------------------------------------------*/


/*-----------------------反転時の文字色・背景色----------------------------*/

::selection {
background:#FFA4A4;　　/* 背景色*/
color:#000000;　　/* 文字色*/
}
/* Firefox対応*/
::-moz-selection {
background:#FFA4A4;　　　/* 背景色*/
color:#000000; 　　/* 文字色*/
}
/*--------------------------------------------------------------------------*/


/*-----------------------点線とか消すやつ----------------------------*/
a{outline:none;}
img{border:none;}

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

body{
text-align: center;
background: #F0E8E8 url(../gra/noise.png) center center;
color: black;
height:100%;
line-height:1.5;
font-family: "メイリオ","Meiryo","ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN ";
font-size:14px;
}

#main{
	background-color:rgba(255,255,255,0.6);
	margin-left: 35px;
	margin-right: 35px;
	width: 880px;
	height: 100%;
	margin-bottom: 0px;
	padding-bottom: 15px;
	display: block;
}

.topbnr1{
margin-top:0px;
}

h1{
	overflow: hidden;
	width:800px;
	margin: 30px auto 0;
	color: #8A3535;
	font-weight: 600;
}

.top{
height:100px;
border-bottom: 1px dashed #CBB9B4;


}

.box1{
float:left;
height:240px;
padding:8px;
margin:0px 30px 25px 45px;
bottom:15px;
border:1px solid #DDCFCE;
display:block;
background:#FFFFFF url(../gra/booknew.png)  top left no-repeat;

}


.box2{
height:240px;
margin:0px 45px 25px 0px;
float:right;
padding:8px;
bottom:15px;
border:1px solid #DDCFCE;
display:block;
background:#FFFFFF;

}

.box3{
float:left;
height:240px;
padding:8px;
margin:0px 30px 30px 45px;
bottom:15px;
border:1px solid #DDCFCE;
display:block;
background:#FFFFFF;

}
.box4{
height:240px;
margin:0px 45px 30px 0px;
float:right;
padding:8px;
bottom:15px;
border:1px solid #DDCFCE;
display:block;
background:#FFFFFF;

}
.box5{
float:left;
height:240px;
padding:8px;
margin:0px 30px 30px 45px;
bottom:15px;
border:1px solid #DDCFCE;
display:block;
background:#FFFFFF url(../gra/booknew.png)  top left no-repeat;

}
.box6{
float:left;
height:240px;
padding:8px;
margin:0px 30px 30px 45px;
bottom:15px;
border:1px solid #DDCFCE;
display:block;
background:#FFFFFF;

}
.book1{
border: 1px #DED3D1 solid;
padding-left:20px;
background-color:#FFF8E8;
padding-top:10px;
padding-bottom:18px;
width:770px;
}

.book1 li{
margin-bottom:0.6em;
}

.bookfont{
font-size:12px;
line-height:1.5;
text-align:left;
}

.btomlin{
border-bottom:#DDCFCE 1px solid;
padding-bottom:3px;
}


#footer{
	width:100%;
	margin: 0 auto;
	padding-top:0px;
	margin-bottom:0px;
	display: block;
}


.home{
	width:200px;
	float:none;
	vertical-align: bottom;
}

.koushiline{

margin:0;
padding:0;
border:0;
}