/* CSS Document */


/* 全体設定 */
div#contents_manner{
	width:1000px;
	height:100%;
	margin:auto;
	text-align:left;
	background:#fff;
	}

div#contents_manner_left{
	width:680px;
	float:left;
	background-color:#ffffff;
	}
li.sub_menu_manner{
	background:url(../images/common/sub_menu_list_img.gif) no-repeat 0px center;
	padding-left:16px;
	height:auto;
	margin-left:19px;
	}

/* タイトル */
h2.manner_title{
	width:656px;
	height:21px;
	background:url(../images/serialization/manner_title.gif) top right no-repeat;
	line-height:23px;
	margin-top:51px;
	}
div.manner_contents_bg{
	float:left;
	width:656px;
	height:auto;
	border-top:1px solid #1f1f1f;
	display:inline;
	overflow:hidden;
	padding-top:75px;
	position:relative;
	}



/* メインコンテンツ */

div.manner_headtxt{
	float:left;
	width:610px;
	margin:0 0 30px 30px;
	display:inline;
	line-height:20px;
	font-size:80%;
	}
div.manner_contents {
	font-size: 80%;
	line-height: 20px;
	margin: 0 0 0 25px;
	}
div.manner_contents .left_area {
	float:left;
	width:290px;
	margin-left:10px;
	display: inline;
	}
div.manner_contents .left_area02 {
	float:left;
	width:310px;
}
div.manner_contents .left_area03 {
	float:left;
	clear:right;
	width:300px;
	display: inline;
	}
div.manner_contents .left_area04 {
	float:left;
	clear:right;
	width:300px;
	display: inline;
	margin-right:30px;
	}
div.manner_contents .left_area05 {
	float:left;
	width:145px;
	}
div.manner_contents .right_area01 {
	float:right;
	width:300px;
	display:inline;
	}
div.manner_contents .right_area02 {
	float:right;
	clear:left;
	width:300px;
	display:inline;
	margin:0 0 0 15px;
	}
div.manner_contents .right_area03 {
	float:right;
	clear:left;
	width:300px;
	display:inline;
	margin:0 0 0 30px;
	}
	
div.manner_contents .left_area .txt01 {
	padding:0 15px 0 15px;
	margin:0px;
	}
div.left_area .txt02 {
	margin-left: 5px;
}

div.manner_contents .right_ph {
	float:right;
	width:300px;
	margin-left:15px;
	}


div.manner_contents .left_layer01 {
	float:left;
	width:295px;
	margin-left:10px;
	padding-top:15px;
	}
div.manner_contents .right_layer01 {
	float:right;
	width:295px;
	}

/*thum*/

div.manner_thum01{
	width:655px;
	margin-bottom:50px;
	padding:0px;
	}
div.manner_thum01 ul {
	list-style-type:none;
	margin-left:5px;
	padding:0px;
	}
div.manner_thum01 li {
	width:135px;
	padding-left:25px;
	float:left;
	}
	
div.manner_thum01 li {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
	}

div.manner_thum01 li #ph01 a {
	width:135px;
	height:154px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
	background:url(../images/human/081201_02/ph01.jpg) top no-repeat;
	}
div.manner_thum01 li #ph02 a {
	width:135px;
	height:154px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
	background:url(../images/human/081201_02/ph02.jpg) top no-repeat;
	}
div.manner_thum01 li #ph03 a {
	width:135px;
	height:154px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
	background:url(../images/human/081201_02/ph03.jpg) top no-repeat;
	}
div.manner_thum01 li #ph04 a {
	width:135px;
	height:154px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:10px;
	background:url(../images/human/081201_02/ph04.jpg) top no-repeat;
	}
div.manner_thum01 li #ph01 a:hover {
	background:url(../images/human/081201_02/ph01.jpg) 0 -154px no-repeat;
	}
div.manner_thum01 li #ph02 a:hover {
	background:url(../images/human/081201_02/ph02.jpg) 0 -154px no-repeat;
	}
div.manner_thum01 li #ph03 a:hover {
	background:url(../images/human/081201_02/ph03.jpg) 0 -154px no-repeat;
	}
div.manner_thum01 li #ph04 a:hover {
	background:url(../images/human/081201_02/ph04.jpg) 0 -154px no-repeat;
	}



/* illust */

div.manner_illust01{
	width:315px;
	float:left
	}

/* icon */

div.manner_ic01 {
	width:36px;
	height:9px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 0 98px;
	padding:0px;
	float:left;
	}
div.manner_ic01 a {
	width:36px;
	height:9px;
	display:block;
	background: url(../images/serialization/ic01.gif) top no-repeat;
	}
div.manner_ic01 a:hover {
	background:url(../images/serialization/ic01.gif) 0 -9px no-repeat;
	}
	
	
/* other */


div.tl_size01 {
	width:290px;
	height:58px;
	margin:0px;
	padding:0px;
	}
div.tl_size02 {
	width:290px;
	height:145px;
	margin:0px;
	padding:0px;
	}


	/*--------------------------------見出しタグ-----------------------------------*/

h3.manner,
h4.manner,
h5.manner{
	display:none;
	}
	/*--------------------------------081218追加-----------------------------------*/
.manner_contents .mar_b50 .list01 {
	float: left;
}


/*--------------------------------090521-----------------------------------*/
div#manner_comment_090521{
	height:100%;
	width:650px;
	float:left;
	}

div#manner_comment_090521_1{
	height:100%;
	width:650px;
	padding-bottom:40px;
	float:left;
	}
ul.manner_contents_090521{
	height:auto;
	margin:0 0 0 40px;
	
}

p.comment2{
	height:auto;
	width: 600px;
	margin:5px 0 40px 10px;
	font-size: 75%;	
}
p.bottom{
	height:auto;
	width:465;
	margin:5px 0 0 10px;
	font-size: 75%;
}
div.bottom_contents{
	height:100%;
	width:650px;
	background-color:#f0f0f0;
	margin: 40px 0 40px 25px;
}
div.bottom_contents_in{
	height:auto;
	width:650px;
	margin: 0 0 0 0;	
}
div.book_image{
	height:auto;
	float:left;
    margin:15px 30px 15px 10px;
	display:inline;
}

div.bottom_text{
	height:auto;
	width:430px;
	margin:15px 20px 15px 30px;
	font-size: 75%;
	float:left;
	display:inline;
}
div.bottom_title{
	padding-bottom:10px;
	font-weight:200%;
	}
/*--------------------------------091008-----------------------------------*/
div.manner_contents .txt02 span {
	font-weight:bold;
}
div.manner_contents .txt02 span2 {
	color:#0000ff;
}	
div.ph_091008{
	width:150px;
	float:right;
	padding-left:10px;
}

/*--------------------------------091117-----------------------------------*/

div.manner_contents .left_ph01 {
	width:150px;
	height:auto;
	float:left;
	clear:right;
	margin-right: 10px;
	overflow: hidden;
	display: inline;
}
div.content_bg_091117 {
	height: auto;
	width: auto;
	background:url(../images/common/091117_bg01.gif) repeat left top;
}
div.content_bg02_091117 {
	height: auto;
	width: auto;
	padding:15px;
	background:url(../images/common/091117_bg02.gif) repeat left top;
}
.graytxt_091117 {
	color: #646464;
}

/*--------------------------------100105-----------------------------------*/
div.manner_contents span {
	font-weight:bold;
}
div.manner_contents .caption{
	color: #5e6a72;
	font-size: 75%;
	line-height: 15px;
	}

/*--------------------------------100706-----------------------------------*/
.manner_contents p{
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size:100%;
	line-height:20px;
}

/*--------------------------------100902-----------------------------------*/

div.info_100902{
	padding: 4px 0;
}

div.info_100902 div{
	display:table-cell;
	width:auto;
	vertical-align:middle;
}

* html div.info_100902 div{/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html div.info_100902 div{/* IE 7 */
display:inline;
zoom:1;
}

/*----------------110721------------------*/
div.living_info_range {
	width: 600px;
	float: left;
	clear: right;
	}
div.living_info_range ul{
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	}
div.living_info_range li.list{
	width: 62px;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	}
div.living_info_range li.txt{
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	}

div.living_info_range dl{
	padding: 0 0 5px 0;
	}
div.living_info_range dt{
	width: 62px;
	height:21px;
	margin: 0;
	padding: 0;
	display: inline;
	float: left;
	}
div.living_info_range dd{
	width: 520px;
	margin: 0;
	padding: 2px 0 0 0;
	display: inline;
	float: right;
	font-size: 100%;
	word-break:break-all;
	}

/*----------------110728------------------*/
div.manner_contents .left_ph02 {
	width:200px;
	float:left;
	display:inline;
}

.box110728{
	width:598px;
	padding:15px;
	border:1px solid #043b0d;
}

div.manner_contents .left_area06 {
	float:left;
	width:385px;
	display:inline;
}

/*----------------111108------------------*/
div.manner_contents .left_area07 {
	float:left;
	width:285px;
}