@charset "shift_jis";
/*-------------------------------------------
     
　タグ

--------------------------------------------*/
body {
	margin: 0px;
	padding:0;
	width: 650px;
	font-size:78%;
	line-height:17px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

h3{
	margin:0 0 10px 0;
	padding:0;
	width:531px;
}
p{
	margin:0;
	padding:0;
}

img{
	margin:0;
	padding:0;
	border:none;
}
/*-------------------------------------------
     
　共通レイアウト

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

#headArea h1{
	position:absolute;
	top:20px;
	left:35px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	width:585px;
	height:85px;
}


#headArea h2{
	float:left;
	margin:0 0 25px 0;
	padding:0;
}

#allContainer{
	overflow:auto;
	position:absolute;
	top:140px;
	left:41px;
	height:500px;
	width:550px;
	padding:30px 18px;
	margin:0;
	z-index:1;
	background:#FFFFFF;
}
#wrapper{
	margin:0;
	padding:0;
}
#container {
	margin:0 auto;
	padding:0;
}
p#pagetop{
	clear:both;
	text-align:right;
	margin:10px 0;
	padding-bottom:10px;
}
/*-------------------------------------------
     
　link

--------------------------------------------*/
a:link {
	color:#000;
	text-decoration:underline;
}
a:visited {
	color:#000;
}
a:hover {
	color:#000;
	text-decoration:none;
}
a:active {
	color:#000;
}


/*-------------------------------------------
     
　News

--------------------------------------------*/
body#news {
	margin:0;
	padding:0;
	height:790px;
	background:url(../images/news_bk.jpg) no-repeat;
	width: 650px;
	font-size:78%;
	line-height:17px;
	position:absolute;
	top:0;
	left:0;
}
body#news h1{
	margin:0;
	padding:0;
	position:absolute;
	left:200px;
	width:196px;
	left:420px;
	height:80px;
	text-indent:-9999px;
}

body#news h2{
	margin:0;
	padding:0;
	position:absolute;
	width:210px;
	left:35px;
	top:23px;
	height:80px;
	text-indent:-9999px;
}

body#news .maincontent{
	background:#ffffff;
	padding:20px 10px;
	margin:20px 0 0 0;
}

body#news .firstmaincontent{
	background:#FFFFFF;
	padding:20px 10px 20px 10px;
	margin:20px 0 0px 0;
}



body#news .leftandright{
	margin-top:10px;
	padding:0;
	clear:both;
}



#news_allContainer{
	overflow:auto;
	position:absolute;
	top:128px;
	left:39px;
	height:560px;
	width:571px;
	padding:0 15px 0 0px;
	margin:0;
	z-index:1;
}


#m_left20{
	margin-left:20px;
}

ul#newslist{
	margin:0;
	padding:0 0 0 15px;
	line-height:20px;
}

ul#newslist li{
	list-style-position:outside;
	list-style-image:url(../images/listicon.gif);
	margin-bottom:10px;
}

.leftandright02{
	background:url(../images/treeimg02.jpg) no-repeat top right;
	margin:15px 0 0 0;
	min-height:250px;
}

/*  Q&A line　*/
.line{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #A0915F;
	border-bottom-color: #A0915F;
	background-color: #F6EAC6;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}


/*-------------------------------------------
     
　感想文コンテストページ

--------------------------------------------*/
body#con {
	margin: 0px;
	padding:0;
	height:790px;
	background:url(../images/con_bk.jpg) no-repeat;
	width: 650px;
	font-size:78%;
	line-height:17px;
	position:absolute;
	top:0;
	left:0;
}
#con h1{
	position:absolute;
	top:20px;
	left:20px;
	width:610px;
	height:70px;
	padding:0;
	margin:0;
	text-indent:-9999px;
}
ul#contestList{
	background:#9A824C;
	list-style:none;
	padding:10px 10px 10px 15px;
	margin:	0 0 25px 0;
	position:relative;
	top:10px;
}

ul#contestList li{
		background:#9A824C;
	padding:6px 0;
}

#bookListArea{
	clear:both;
	margin:0;
	padding:0;
}


#bookListArea p{
	margin-left:20px;
	clear:both;
	
}

#bookList{
	clear:both;
	margin:0;
	padding:0;
}

#bookList li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

#oubosyousai{
	margin:15px 0 0 0;
	clear:both;
}

#oubosyousai ul li{
	list-style:none;
}

ul.ouboBox li{
	margin-bottom:15px;
}

ul.ouboBox p.bold_text{
	color:#C9252C;
}

.oubowaku{
	border:1px solid #9A824C;
	padding:6px 11px;
	margin-bottom:15px;
}

.oubowaku ul{
	font-size:80%;
	margin-top:3px;
	line-height:
	16px;
}

ul#chuui li{
	background:url(../images/hisigata.gif) no-repeat 0 2px;
	margin:0;
	padding:0 0 3px 13px;
	
}

span.star{
	color:#009900;
}
	
.todouhuken{
	vertical-align:top;
	width:60px;
	margin-top:10px;
}

.first{
	vertical-align:top;
}

#kyousan{
	clear:both;
}
	
#kyousan li{
	list-style:none;
	padding:0;
	margin:0;
	float:left;
}

#bookAreaLandR{
	clear:both;
}



#bookAreaL{
	float:left;
	width:315px;
	padding-top:10px;
}

/*-------------------------------------------
     
　「未来の夢を叶えよう」キャンペーン！ページ

--------------------------------------------*/
body#cam {
	margin: 0px;
	padding:0;
	height:790px;
	background:url(../images/cam_bk.jpg) no-repeat;
	width: 650px;
	font-size:78%;
	line-height:17px;
	position:absolute;
	top:0;
	left:0;
}

#cam .maincontent{
	margin-bottom:20px;
}

.textonly{
	clear:both;
	width:530px;
}

#outdate{
	background:#C9252C;
	padding:3px 5px;
	color:#FFF;
	font-weight:bold;
	width:220px;
	font-size:110%;
	margin:0;
}

.s_text{
	margin:10px 0 20px 0;
	font-size:80%;
}

#layer{
	position:relative;
	top:0;
	left:0;
}

.leftInnnar{
	width:180px;
	float:left;
}
.leftInnnar_cam{
	float:left;
	width:350px;
}
.leftInnnar_cam p{
	margin-bottom:15px;
}
.rightInnnar{
	position:absolute;
	top:0px;
	left:280px;
	width:260px;
}
.rightInnnar_news{
	padding-left:190px;
}
.rightInnnar_cam{
	padding-left:20px;
	float:left;
}
ul#camnewslist{
	margin:0;
	padding:0 0 0 15px;
	line-height:20px;
}

ul#camnewslist li{
	list-style-position:outside;
	list-style-image:url(../images/listicon.gif);
	margin-bottom:10px;
}
/*-------------------------------------------
     
　Wチャンスキャンペーン

--------------------------------------------*/
body#cam02 {
	margin: 0px;
	padding:0;
	height:790px;
	background:url(../images/cam02/cam02_bk.jpg) no-repeat;
	width: 650px;
	font-size:78%;
	line-height:17px;
	position:absolute;
	top:0;
	left:0;
}
#cam02 h1{
	position:absolute;
	top:20px;
	left:20px;
	width:610px;
	height:70px;
	padding:0;
	margin:0;
	text-indent:-9999px;
}
.font01{
	font-size: 14px;
	font-weight: bold;
	color: #006600;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 140%;
	}
.font02{
	font-size: 14px;
	font-weight: bold;
	color: #003399;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 140%;
	}
.font03{
	font-size: 12px;
	color: #C9252C;
	line-height: 140%;
	}
.Twidth{
	width: 530px;
	}
.Td01{
	width: 80px;
	background-color: #DEDEBE;
	padding: 5px;
	font-weight: bold;
	color: #C00;
	}
.Td02{
	background-color: #F1F1E4;
	padding: 5px;
	}
/*-------------------------------------------
     
　shoplist

--------------------------------------------*/
.Tdhaba01 {
	text-align: center;
	background-color: #C8DAFF;
	font-weight: bold;
}
.Tdhaba02 {
	text-align: center;
	background-color: #CCC;
	font-weight: bold;
	width: 80px;
}
.Tdhaba03 {
	text-align: center;
	background-color: #CCC;
	font-weight: bold;
}
.shopline{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;

	}	
	
/*-----------------------------------------

				   footer

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


#footerArea{
	text-align:center;
	padding-bottom:45px;
	margin-top:40px;
}

#footerArea p,
#footerArea02 p{
	padding-bottom:20px;
}



#footerContents_news{
	margin:0px 0 0 30px;
	position:relative;
	top:710px;
	height:64px;
	width:591px;
}

#footerContents{
	margin:0px 0 0 30px;
	position:relative;
	top:700px;
	height:64px;
	width:591px;
}

#footerContents #newsLink{
	width:153px;
	display:block;
	position:relative;
	text-indent:-9999px;
	width:152px;
	height:60px;
	top:30px;
}

#footerContents #newsLink a{
	width:153px;
	display:block;
	text-indent:-9999px;
	width:149px;
	height:60px;
}

#footerContents #newsLink{
	width:153px;
	display:block;
	text-indent:-9999px;
	width:200px;
	height:60px;
	top:10px;
	left:0;
	position:relative;
}

#footerContents #newsLink a{
	width:153px;
	display:block;
	text-indent:-9999px;
	width:200px;
	height:60px;
}


#footerContents #copy{
	display:block;
	width:140px;
	position:relative;
	bottom:20px;
	left:230px;
	height:15px;
	text-indent:-9999px;
	font-size:0;
}

#footerContents #copynews{
	display:block;
	width:140px;
	position:relative;
	top:40px;
	left:230px;
	height:15px;
	text-indent:-9999px;
	font-size:0;
}



#copy_cam{
	display:block;
	width:140px;
	position:absolute;
	top:40px;
	left:230px;
	height:15px;
	text-indent:-9999px;
	font-size:0;
}


#footerContents #close{
	display:block;
	width:65px;
	height:30px;
	text-indent:-9999px;
}

#footerContents #close a{
	display:block;
	position:
	top:0px;
	width:65px;
	height:30px;
	left:260px;
	text-indent:-9999px;
}

#footerContents_news #close{
	display:block;
	position:absolute;
	top:0px;
	width:65px;
	height:30px;
	left:260px;
	text-indent:-9999px;
	
}

#footerContents_news #close a{
	display:block;
	top:0px;
	width:65px;
	height:30px;
	left:260px;
	text-indent:-9999px;
}

#footerContents #close{
	top:8px;
	display:block;
	position:absolute;
	width:65px;
	height:30px;
	left:266px;
	text-indent:-9999px;
}

#footerArea02 #close a{
	display:block;
	position:relative;
	bottom:95px;
	left:260px;
	text-indent:-9999px;
}
/*-------------------------------------------
     
　Font

--------------------------------------------*/
span.red{
	color:#C9252C;
	font-weight:bold;
}

.bold_text{
	font-weight:bold;
}
span.white{
	color:#FFFFFF;
	font-weight:bold;
}


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

				   clearfix

------------------------------------------*/
.clear{
	clear:both;
}
.leftandright:after,
#wrapper:after,
.maincontent:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.center {
	text-align: center;
}