@import url(/css/header.css);
@import url(/css/content.css);
@import url(/css/content_side.css);
@import url(/css/footer.css);
@import url(/css/common.css);
@import url(/css/tag.css);
@import url(/css/banner.css);


/**** デフォルトタグの指定 ****/
#mainarea h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	background:url(/img/h3_mark.gif) no-repeat 0 0;
	width:auto;
	font-size:14pt;
}
#mainarea #h2_bg{
	margin:15px 0 0 0;
	padding:1px 0px 0px 0px;
	width:auto;
	height:20px;
	background:url(/img/h3_bg.gif) repeat-x 0 3px;
	border:1px solid #C8C8C8;
	line-height:17pt;
}

#mainarea h3{
	padding:5px;
	margin:30px 0 10px 0;
	line-height:100%;
}
#mainarea h3.red{
	color:#800;
	border-bottom:solid #C00 1px;
	border-left:solid #C00 10px;
}
#mainarea h3.blue{
	color:#039;
	border-bottom:solid #59F 1px;
	border-left:solid #59F 10px;
}
#mainarea h3.green{
	color:#050;
	border-bottom:solid #081 1px;
	border-left:solid #081 10px;
}
#mainarea h3.orange{
	color:#C50;
	border-bottom:solid #F60 1px;
	border-left:solid #F60 10px;
}

#mainarea blockquote{
	font-size:90%;
	text-align:right;
	margin:0 10px;
	padding:0px;
	border:0px;
	line-height:120%;
	clear:both;
}
#mainarea #book{
	width:auto;
	float:left;
	margin-right:410px;
}
#mainarea #book_tate{
	width:auto;
	float:left;
	margin-right:300px;
}
#mainarea #photo{
	width:400px;
	float:left;
	padding-left:10px;
	margin-left:-410px;
}
#mainarea #photo_tate{
	width:300px;
	float:left;
	padding-left:10px;
	margin-left:-310px;
}

#mainarea hr{
	clear:both;
	margin:0;
	padding:0;
}
/*************************************************
フリースペース定義
*************************************************/
#freespace{
	width:250px;
	height:auto;
	text-align:left;
	margin:10px 0;
}
#freespace .menu{
	height:auto;
	text-align:left;
	color:#fff;
	font-size:16px;
	padding:5px 10px;
	background:url(./img/feature_bg.gif) #6E4FDE;
}
#freespace ul{
	font-size:12px;
	padding:0;
	margin:0;
}
#freespace li{
	display:inline;
	padding:0;
	margin:0;
	line-height:20px;
}
#freespace a,#freespace a:link #freespace a:visited{
	text-decoration:none;
	color:#000;
	background:url(./img/free_space_bg.gif) repeat-x 0;
	border:1px solid #3D0AB1;
	display:block;
	width:auto;
	height:auto;
	padding:5px 10px;
}
#freespace a:hover{
	color:#fff;
	background:url(./img/free_space_bgh.gif) repeat-x 0;
	border:1px inset #3D0AB1;
}

/**** CLASSによる成形レベルの指定 ****/
#mainarea  #kj_box{
	width:100%;
}

#mainarea .kj_boxti{
	width:85%;
	color:#fff;
	background:url(./img/feature_bg.gif) #6E4FDE;
	font-size:16px;
	margin:0;
	padding:5px 30px;
	text-align:right;
}
#mainarea .kj_boxli{
	width:90%;
	text-align:left;
	background-color:#fff;
	margin:0;
	padding:8px;
	border:solid #6E4FDE 1px;
	line-height:180%;
}


#mainarea .sub{
	font-size:80%;
	color:#000;
}
#mainarea .price{
	text-align:right;
}
#mainarea .text{
	width:auto;
	margin:0;
	padding:10px;
}
/**** 絵解きの指定 ****/
/* 横位置右 */
#mainarea span.etoki_yr{
	margin:0 0 5px 5px;
	width:300px;
	text-align:left;
	float:right;
	font-size:80%;
	background:#ddd;
	line-height:120%;
}
/* 縦位置右 */
#mainarea span.etoki_tr{
	margin:0 0 5px 5px;
	width:200px;
	text-align:left;
	float:right;
	font-size:80%;
	background:#ddd;
	line-height:120%;
}
/* 横位置左 */
#mainarea span.etoki_yl{
	margin:0 5px 5px 0;
	width:300px;
	text-align:left;
	float:left;
	font-size:80%;
	background:#ddd;
	line-height:120%;
}
/* 縦位置左 */
#mainarea span.etoki_tl{
	margin:0 5px 5px 0;
	width:200px;
	text-align:left;
	float:left;
	font-size:80%;
	background:#ddd;
	line-height:120%;
}
/* フォト横位置 */
#mainarea div.photo_yoko{
	margin:10px 0;
	width:400px;
	text-align:left;
	float:left;
	font-size:80%;
	background:#ddd;
	line-height:120%;
}
/* フォト横位置 */
#mainarea div.photo_tate{
	margin:10px 0;
	width:300px;
	text-align:left;
	float:left;
	font-size:80%;
	background:#ddd;
	line-height:120%;
}