@charset "shift_jis";

/*---------------------------------------------------*/
/* 初期設定
-----------------------------------------------------*/
body {
	color:#000;
	font-size:13px;
	line-height:1.8;
	margin:0;
	padding:0;
	text-align:left;
	background:#FFF url(../images/bg.jpg) repeat-x left top;
	}

a{
	color:#FFF;
	text-decoration:none;
	}
	a:hover { color:#FFF;
		text-decoration:underline;}
	
strong {
	font-weight:bold;}
em {
	font-style:italic;}


#densetsu,#footer{
	width:760px;
	margin-left:20px;
	}

	#wordsArea{
	width:600px;
	float:right;
	display:inline;
	}
		#wordsArea div{
			margin-bottom:15px;
			}
	#linkBox{
		width:150px;
		float:left;
		display:inline;
		}

/* H1 */
#headerBox{
	width:852px;
	height:387px;
	background:url(../images/head.jpg) no-repeat left top;}

#headerBox h1{
	width:770px;
	height:260px;
	text-indent:-9999px;}
	#headerBox h1 a{
		display:block;
		width:770px;
		height:260px;}
	#headerBox h1 a:hover{
		background:url(../images/h1.png) no-repeat;}

/* フッター */
#footer{
	border-top:2px solid #ffffcc;
	padding-top:10px;
	margin-bottom:10px;
	clear:both;}

.img{
	margin-bottom:20px;}
p.caution{
	margin-bottom:15px;}
	

	
	
/*---------------------------------------------------*/
/* CONTENT
-----------------------------------------------------*/
#wordsArea h2{
   font-size:18px;
   font-weight:bold;
   letter-spacing:0.1em;
   line-height:35px;
   height:40px;
   padding-left:10px;
   color:#FFF;
   margin-bottom:10px;
   background:url(../images/h2.jpg);}
#wordsArea h3{
	padding:5px;
	line-height:110%;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	letter-spacing:0.05em;
	color:#FFF;
	background:#0CF;
}
#wordsArea h4{
 font-size:14px;
   font-weight:bold;
   margin-bottom:10px;
   letter-spacing:0.1em;
	}
#wordsArea h5{
	color:#013317;
	font-weight:bold;}

#wordsArea p{
	margin-bottom:15px;}

#wordsArea ol{
	list-style:decimal;
	margin-bottom:15px;
	padding-left:25px;
	}
#wordsArea div.pick strong{
	display:block;}
#wordsArea div.pick a{
	color:#F30;
}
#wordsArea p.copy em{
	font-size:14px;}

#wordsArea ul{
	margin-bottom:15px;}
	#wordsArea div.itiran ul li,#wordsArea div.reading ul li{
		margin-bottom:5px;
		list-style:circle;
		margin-left:20px;}

#wordsArea dl{
	margin-bottom:15px;
	}
	#wordsArea dl dd{margin-left:1.0em;}
	#wordsArea dl dd ul {margin:0;}
	#wordsArea dl dt{
		font-weight:bold;}
	#wordsArea dl dt strong{
		font-size:15px;
		color:#333;}

#wordsArea table{
	margin-bottom:15px;
	width:100%;}
	#wordsArea div.itiran table,#wordsArea div.reading table{
		border:1px solid #4bb200;
		}
		#wordsArea div.itiran table *,#wordsArea div.reading table *{
			padding:3px 8px;
			}
		#wordsArea div.itiran table th,#wordsArea div.reading table th{
	background:#32A749;
	color:#fff;
	font-weight:bold;
			}

#wordsArea div.itiran table td,#wordsArea div.reading table td{
	border-bottom:1px dotted #4bb200;
			border-right:1px solid #4bb200;}
#wordsArea p.click{
	text-align:center;}


/*---------------------------------------------------*/
/* MENU
-----------------------------------------------------*/
#linkBox div{
	margin-bottom:20px;
	line-height:120%;
	}
#linkBox div.click{
	border-top:5px solid #F2F2F2;
	background:#F2F2F2;}
	#linkBox div.click h3{
		font-size:13px;
		color:#000;
		padding:2px;
		font-weight:bold;
		text-align:center;
		margin-left:5px;
		background:#F90;
		width:136px;
		}
	#linkBox div.click ul{
		width:140px;
		margin-left:5px;
		margin-bottom:5px;
		}
		#linkBox div.click ul li{
			border-left:1px solid #fff;
			border-right:1px solid #fff;
			border-top:1px solid #fff;
			background:url(../images/btn_bg.jpg);}
		#linkBox div.click ul li a{
			display:block;
			padding:2px 2px 2px 15px;
			background:url(../images/btn_icon.gif) no-repeat 5px 8px;
			}
		#linkBox div.click ul li a:hover{
			text-decoration:none;
			}

#linkBox div.pop ul li{
	font-size:12px;
	margin-bottom:15px;
	}
#linkBox div.pop ul li a{
	color:#F60;
}

/*---------------------------------------------------*/
/* 解除
-----------------------------------------------------*/
p:after,ul:after,div:after{
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

.clea:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

.clea {
	zoom:1;
}




/*---------------------------------------------------*/
/* おすすめ商品
-----------------------------------------------------*/

#p-list *,#p-list-side *{
	color:#333;
	text-align:left;
	}

#wordsArea.reading #p-list *,#wordsArea.reading #p-list-side *{
	color:#333;
	text-align:left;
	}

/* 一覧 */
#p-list{
margin-bottom:10px;
text-align:left;
}

#p-list a:hover{
margin-bottom:0px;
}

#p-list ul{
margin:0;
padding:0;
}

#p-list li{
margin:4px;
width:140px;
float:left;
list-style-type:none;
border:1px solid #ccc;
}

#p-list li a{
display:block;
padding:5px;
background:#fff;
}

#p-list p{
min-height: 4em;
max-height: 5em;
overflow:hidden;
line-height:1.4em;
padding-bottom:10px;
border-bottom:dotted 1px #ccc;
}

#p-list p a{
padding:0;
} 

#p-list img{
margin:0 auto;
display:block;
height:128px;
max-width:128px;
margin-bottom:5px;
}

#p-list strong{
margin:0;
font-weight:normal;
}

#p-list em{
margin:0;
font-style:normal;
}



/* サイド */

#p-list-side{
margin-bottom:10px;
text-align:left;
}

#p-list-side ul{
margin:0 auto;
padding:0;
}

#p-list-side li{
margin:4px;
width:140px;
list-style-type:none;
}

#p-list-side li a{
display:block;
padding:5px;
border:1px solid #333;
}

#p-list-side p{
min-height: 4em;
max-height: 5em;
overflow:hidden;
line-height:1.4em;
padding-bottom:10px;
border-bottom:dotted 1px #ccc;
}

#p-list-side p a{
padding:0;
} 

#p-list-side img{
margin:0 auto;
display:block;
height:128px;
max-width:128px;
margin-bottom:5px;
}

#p-list-side strong{
margin:0;
font-weight:normal;
}

#p-list-side em{
margin:0;
font-style:normal;
}






/* 初期化
------------------------------------------------------*/
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;
	zoom:1;
} 
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style:none;
}
li {
	vertical-align:middle;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
q:before,q:after {
	content:'';
}
* html hr{/* for -IE6 */
  margin:0;
}
*:first-child+html hr{/* for IE7 */
  margin:0;
}