@charset "UTF-8";

/* 基本構成 */

body {
	background:#FFFFCC url('../image/bk_color.jpg') repeat-x;
}
#wrapper {
	margin:0px auto;
	padding:0;
	width:850px;
	background:url('../image/bg_shadow.png') repeat-y;
}

html, body {height: 100%;}

#wrapper {min-height: 100%;}

div.container{
	/*overflow:auto;*/
	width:800px;
	background:#FFFFFF;
	margin:0 0 0 25px;
	padding-bottom: 50px;
}
/* -------- */
div.head {
	text-align:right;
	padding:15px 0 15px 0;
	width:800px;
	height:90px;
	background:url('../image/bk_head_ptn.jpg') no-repeat;
	background-position:center;
	/*background-color:#0099CC;*/
}

div.head img{
	padding:10px 20px 0 0 ;
}
/*コンテンツ---------------------------------------*/
div.contents {
	float:right;
	width:560px;
	padding-bottom:10em;
	/*background-color:blue;*/
}
div.contents p{
	width:450px;
	line-height:200%;
	color:#333333;
	margin:5px 0 10px 45px;
	padding:10px 5px;
}
div.contents p.back_top{
	width:500px;
	text-align:right;
}
div.contents span.book_name{
	display:block;
	text-align:right;
	margin:0 0 10px 0;
}
div.contents p.text_l{
	float:left;
	font-size:90%;
	width:230px;
	margin:0 0 0 30px;
	padding:5px;
}
div.contents p.text_r{
	float:right;
	font-size:90%;
	width:230px;
	margin:0 20px 0 0;
	padding:5px;	
}

div.contents p.img_c{
	text-align:center;
	margin:0;
	padding:0 0 0 50px;
}
/*-------------------------------------------------*/
/*コンテンツb--------------------------------------*/
div.contents_b {
	float:right;
	width:790px;
	padding-bottom:3em;
	/*background-color:blue;*/
}
div.contents_b p:not(.coms_p):not(.coms_p2){
	width:640px;
	line-height:200%;
	color:#333333;
	margin:5px 0 10px 0;
	/*margin:5px 0 10px 35px;*/
	padding:1em 7em 1em 7em;
	/*padding:10px 0 10px 20px;*/
}
div.contents_b p.back_top{
	/*width:790px;*/
	text-align:right;
}
div.contents_b span.book_name{
	display:block;
	text-align:right;
	margin:0 15px 10px 0;
}

div.contents_b p.text_l_b{
	float:left;
	font-size:90%;
	width:350px;
	margin:0 0 0 35px;
	padding:5px 0 5px 20px;
}
div.contents_b p.text_r_b{
	float:right;
	font-size:90%;
	width:360px;
	margin:0 10px 0 0;
	padding:5px;	
}

div.contents_b p.img_c_b{
	text-align:center;
	margin:0;
	padding:0 0 0 50px;
}
/*-------------------------------------------------*/

div.side {
	float:left;
	width:230px;
	padding:0 5px 100px 5px;
	/*padding:5px 5px 100px 5px;*/
	/*background-color:#3333CC;*/
}

ul.menu{
	list-style:none;
	margin:0　0 15px 0;
}

ul.menu li:not(.coms_banner){
	margin:0;
	padding:0;
}

div.foot {
	position: relative;
	margin-top: -100px; /* negative value of footer height */
	/*height: 100px;*/
	padding:1em 0;
	clear:both;
	} 

div.foot p{
	text-align:right;
	margin:5px 10px 20px 0;
	background:#FFFFFF;
	}
/*装飾ライン-----*/
div.line{
	clear:both;
	width:800px;
	height:50px;
	background:url('../image/img_line.jpg') no-repeat;	
	margin:0;
	padding:0;
}

div.menu_line{
	clear:both;
	width:440px;
	height:43px;
	background:url('../image/menu_line.jpg') no-repeat;	
	margin:10px 0 10px 50px;
	padding:0;
}
/*装飾ライン-----*/
/*タイトル定義-----*/
h2{
	color:#333333;
	margin:0 0 0 5px;
}

h3:not(.coms){
	width:520px;
	height:50px;
	font-size:17px;
	font-weight:bold;
	color:#666666;
	/*background:url('../image/ti_h3.jpg') no-repeat;*/
	margin:10px 0 0 15px;
	padding:15px 0 0 25px;
}
h3.pagecap{
	width:725px;
	height:50px;
	font-size:17px;
	font-weight:bold;
	color:#666666;
	background:none;
	/*background-color:#cccccc;*/
	background:url('../image/ti_h3_pagecap.jpg') no-repeat;
	margin:10px 0 0 15px;
	padding:15px 0 0 25px;
}

h3.b{
	width:520px;
	height:35px;
	font-size:15px;
	font-weight:bold;
	color:#666666;
	background:url('../image/ti_h3.jpg') no-repeat;
	margin:10px 0 0 15px;
	padding:15px 0 0 25px;
}
h4{
	width:395px;
	font-size:15px;
	font-weight:bold;
	color:#666666;
	background:url('../image/ti_h4.jpg') no-repeat left bottom;
	margin:10px 0 0 35px;
	padding:15px 0 12px 10px;
}
h4.pagecap{
	width:700px;
	font-size:15px;
	font-weight:bold;
	color:#666666;
	background:url('../image/ti_h4_pagecap.jpg') no-repeat left bottom;
	margin:10px 0 0 35px;
	padding:15px 0 12px 10px;
}
h5{
	font-size:15px;
	font-weight:bold;
	color:#6a1917;
	padding-top:20px;
	padding-left:85px;
}

span.point{
	color:#CC0000;
	font-weight:bold;
}
/*-------------*/
/* clearfix */

.clearfix:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;} 

.clear {
	clear:both;
	margin:0;
	padding:0;
}