@charset "utf-8";
/* CSS Document for page */

/**********************************************

風が運んだ「もの」がたりのコンテンツに関わる
スタイルを追加します。

*******************************************/

/*******
投稿一覧ページ
/*******/


.toukou_imgs {
	background:url(/images/monogatari/monogatari_top_img.jpg) no-repeat left top;
	height:100px;
	position:relative;
}
.toukou_imgs a.toukou_btn{
	position:absolute;
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	top:214px;
	left:24px;
	width:200px;
	height:38px;
	}

ul.toukou_list {
	overflow:hidden;
	padding:1px 0 0 0 !important;
	margin:30px 0 0 0;
	background:url(/images/monogatari/m_list_top_bg.gif) no-repeat left top;
	float:left;
}
ul.toukou_list li{
	list-style:none;
	float:left;
	margin:-1px 7px 0px 7px;
	padding:20px 10px;
	width:145px;
	height:200px;
	overflow:hidden;
	text-align:center;
	background:url(/images/monogatari/toukou_bg01.gif) no-repeat left top;
}
ul.toukou_list li p {margin:0 !important;}

ul.toukou_list li p.toukou_img {
	width:145px;
	height:145px;
	background:#eee;
	margin-bottom:10px !important;
}
ul.toukou_list li p.toukou_img a{
	display:block;
	width:145px;
	height:145px;
	position:relative;
}

ul.toukou_list li p.toukou_img img{
	_width:145px;
	max-width:145px;
	max-height:145px;
	margin:0 ;
	display:inline;
	vertical-align:middle;
}
ul.toukou_list li p,
ul.toukou_list li span {
	white-space:nowrap;
	text-align:left;
	display:block;
	font-size:12px;
	line-height:16px;
	overflow:hidden;
	}
ul.toukou_list li p a {
	text-decoration:none;
	color:#333;}
ul.toukou_list li span {
	font-size:10px;
	color:#666666;
	margin:5px 0 0 0;
}
ul.toukou_list li p.date {
	font-size:9px;
	color:#aaa;
}

/*******

投稿詳細ページ
/*******/
#monogatari .detail_txt01 {
	overflow:hidden;
	border-bottom:1px solid #ccc;
	margin-bottom:40px;
	padding:0 10px 20px 20px !important;
	}
#monogatari .detail_txt01 strong{
	font-size:15px;
}
#monogatari .detail_txt01 p {
	margin:0 !important;
	line-height:20px !important;
}
#monogatari .detail_txt01 p span{
	font-size:10px;
}
#monogatari .detail_txt01 p.d_toukou_btn {
	float:right;
	width:220px;
	text-align:right;

}
#monogatari .detail_txt01 p.d_toukou_btn img.toukou_btn02 {
	margin:10px 0 0px 0;

}
#monogatari .detail_txt01 p.d_toukou_btn a:hover img.toukou_btn02{
	margin:11px 0 -1px 0px;
}

.toukou_contents {
	float:left;
	width:550px;
}

.toukou_contents .entry_toukou {
	width:550px;
	border:1px solid #ccc;
	margin-bottom:10px;
}
.toukou_contents .entry_toukou .img_txt {
	padding:0 50px 20px 50px;
}
.toukou_contents .entry_toukou .img_txt img {
	max-width:440px;
	max-height:440px;}
.toukou_contents .entry_toukou .img_txt span.date {
	font-size:10px;
	display:block;
	text-align:right;
	padding:0 4px;
}
.toukou_contents .entry_toukou h3{
	font-size:14px;
	color:#666 !important;
}

div.toukou_contents div.entry_toukou div.et_mark_top{
	background:url(/images/monogatari/bg_point_up.gif) no-repeat center top;
	height:30px;
}
div.toukou_contents div.entry_toukou div.et_mark_top .social_btn{
	margin:10px 0 0 0!important;
	float:right;
}


div.toukou_contents div.entry_toukou div.et_mark_bottom{
	background:url(/images/monogatari/bg_point_bottom.gif) no-repeat center bottom;
	height:20px;
}

div.toukou_contents div.entry_toukou div.et_mark_top span.date{
	display:block;
	text-align:right;
	padding:3px 5px;
	font-size:10px;
	}

.toukou_contents div.entry_toukou h2{
	font-size:16px;
	color:#223B80 !important;
	text-align:center;
	font-weight:bold !important;
	padding:15px 0 !important;
	background:url(/images/monogatari/dott_bg.gif) repeat-x left bottom;
}

.detail_paging_area {
	margin-bottom:40px;
	overflow:hidden;
	
}

.detail_paging_area span.prev_btn{
	float:left;
}
.detail_paging_area span.next_btn{
	float:right;
}
.fb_comment_area {
	width:550px;
	margin:0 auto;
}
.fb_comment_area h4{
	font-size:14px;
	margin:0 0 5px 0 !important;
	font-weight:bold;
}
.fb_comment_area p.comment_txt{
	font-size:11px;
	line-height:150%;
	margin:0;
	background:#f2f2f2;
	padding:5px 10px;
}
.fb_comment_area p.comment_txt span.red{
	color:#F17073;
}

.fb_comment_area a.f_share img{
	margin:0 0 2px 0;
	}
	
.mg_d_like_box {
	border:1px solid #6D85B4;
	margin:30px 0 0 0;
	background:url(/images/monogatari/mg_d_fb_icon.jpg) no-repeat left top;
	padding-left:26px;
}
.mg_d_like_box p{
	font-size:12px;
	margin:0 !important;
	line-height:16px;
	border-bottom:1px dotted #ddd;
	background:url(/images/monogatari/mg_d_fb_icon.jpg) no-repeat left top;
	padding:5px 5px 5px 35px;
}
.mg_d_like_box .like_area {padding:0 0 0 27px;}
/****/
.side_list {
float:right;
width:150px;
text-align:center;
background:#eee;
overflow:hidden;
padding:10px 0px;
}

.side_list .list_back_btn a{
	display:block;
	padding:5px;
	background:#223B80;
	color:#fff;
	text-align:center;
	margin:0 10px 11px 10px ;
	text-decoration:none;}

.side_list ul {
	width:130px;
	margin:0 auto !important;}
.side_list ul li{
	width:120px;
	height:175px;
	list-style:none;
	text-align:center;
	font-size:10px;
	background:#fff;
	padding:15px 5px 0 5px;
	margin:-1px 0 0 0;
	background:url(/images/monogatari/toukou_bg02.gif) no-repeat left top;
}

.side_list ul li p.img{
	width:120px;
	height:120px;
	background:#eee;
	margin-bottom:5px !important;
}
.side_list ul li p.img a{
	width:120px;
	height:120px;
	display:block;
	position:relative;
}
.side_list ul li img {
	_width:120px;
	max-height:120px;
	max-width:120px;
}
.side_list ul li span {
	line-height:16px;
	display:block;
	text-align:left;
}
.side_list ul li span.name {
	margin-top:10px;}
.side_list ul li span.title {
	white-space:nowrap;
	overflow:hidden;
}
.side_list ul li span.title a{
	color:#333;
	text-decoration:none;
}
*:first-child+html .side_list ul li p.img{ margin-bottom:0 !important;}

/****/
table.form_t {
	border-collapse:collapse;
}
table.form_t th,
table.form_t td{
	padding:20px 10px !important;
	border:1px solid #ddd;
	vertical-align:top;
}

.section input {
margin:0;}
.hisu {
color:#FF0000;}

/********/
#toukou_form {}
#toukou_form #wrapper{
width:600px;
margin:10px auto;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
font-size:80%;
}