@charset "shift_jis";
/* CSS Document */


/*
index
----------------------------------------------------------------------------------*/
body {
	margin: 0px;
	font-size: 85%;
	line-height: 150%;
	font-family: "メイリオ", "Meiryo";
	color: #333333;
	background-color: #EBE1D6;
}

* + html body {   
	font-family: "メイリオ", "Meiryo";
}


/*
firstset
----------------------------------------------------------------------------------*/

a {
	outline: none;
}
a:hover {
    text-decoration: underline;
}  
a:hover img.hoverImg{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
br {
	line-height: 100%;
}
p {
	margin-top: 0px;
	margin-bottom: 0px;
}
    
img {   
    border: 0;   
}   
li  {   
    list-style-type: none;   
} 	

form{
	margin-top:0px;
	margin-bottom:0px;
	margin-right: 0px;
	margin-left: 0px;
	}
#h1space {
	width: 920px;
	padding-top: 5px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
	background-color: #D8CEC2;
}
#header_bottm_comspace {
	background-image: url(../img/bg_header_bottom_comspace.jpg);
	background-repeat: repeat-x;
	clear: both;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	color: #958F4F;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

h1{
	font-size:80%;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #675641;
	margin-right: 0px;
	font-weight: bold;
	line-height: 100%;
}
h2{
	font-size:95%;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #67593F;
	margin-right: 0px;
	font-weight: bold;
}

u {
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}

/*
Module --------------------------------------------------------*/

.clearfix:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*
link
----------------------------------------------------------------------------------*/
a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #00F;
}
a:active {
	text-decoration: none;
	color: #00F;
}


/*
contents
----------------------------------------------------------------------------------*/
#layout {
	text-decoration: none;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FCF8F3;
}
#copy {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: #957764;
	padding-bottom: 10px;
	background-color: #D8CEC2;
	margin-top: 25px;
	padding-top: 10px;
}

.contentsbox {
	margin-right: auto;
	margin-left: auto;
	width: 800px;
}


#contents_innear_title {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}
#contents_innear {
	background-color: #ECE7E1;
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.contents_txtarea {
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
.txtcolor_red {
	color: #CB1E1A;
}
.line {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #968178;
	clear: both;
}
#photo{
	float: left;
	height: 259px;
	width: 344px;
	padding-top: 26px;
}
#ranking{
	float: right;
	height: 310px;
	width: 374px;
}
#img_textbox1{
	float: left;
	height: 86px;
	width: 479px;
}
#book_text{
	clear: both;
	padding-top: 20px;
	padding-bottom: 15px;
}
#book_text_detail{
	float: left;
	width: 200px;
	padding-top: 15px;
	padding-right: 20px;
	text-align: center;
}
#book_img{
	float: left;
	height: 194px;
	width: 134px;
}

.foot_link {
	padding-top: 10px;
	padding-bottom: 10px;
}
#bt_link {
	float: left;
	height: 162px;
	width: 346px;
	padding-left: 70px;
}