﻿#main_content{
	width:100%;
	float:left;
	background-color:#fff;
	margin-top:15px;
}
#main_content .img{
	float:left;
}
#story_title , #content_title{
	width:482px;
	height:23px;
	float:left;
}
#story_title{background:url(http://www.tonao.net/images/story_title.jpg);}
#content_title{background:url(http://www.tonao.net/images/content_title.jpg);}
#story_title h3 , #content_title h3 ,#kotodama h3 ,#story h3 ,#story .title h1 ,.pickup_title{
	font-weight:400;
	float:left;
	margin-left:35px;
	font-size:16px;
	line-height:1.5;
}
.pickup_title{
	margin-bottom:20px;
}

#story_title .all , #content_title .all ,#story .title .all{
	font-size:14px;
	float:right;
	line-height:1.9;
}
#main_content .main {
	float:left;
	width:473px;
	padding:8px 5px 0 5px;
}
.main .all {
	float:right;
	margin-top:10px;
}
#kotodama  {
	width:100%;
	float:left;
	background:url(http://www.tonao.net/images/bg.jpg) no-repeat bottom right;
}
#story {
	width:100%;
min-height: 50px;height: auto !important;height: 50px;
	float:left;
	position:relative;
}
#kotodama .title{
	margin-top:30px;
	width:100%;
	height:23px;
	background:url(http://www.tonao.net/images/kotodama_title.jpg);
	float:left;
}
#kotodama p{
	width:500px;
	float:left;
	margin-left:100px;
	margin-top:20px;
	line-height:180%;
	
}

#story p{
	width:500px;
	float:left;
	margin-left:100px;
	margin-top:20px;

}


#story .title {
	width:100%;
	height:23px;
	background:url(http://www.tonao.net/images/kotodama_title.jpg);
	float:left;
}
#story ul{
	float:left;
	width:500px;
	margin-left:100px;
	margin-top:10px;
}
#story li{
	float:left;
	margin-right:10px;
}
#story hr{
	margin-top:20px;
	float:left;
	width:500px;
	margin-left:100px;
	border:3px solid #5E3662;
}

#page_indent ,.wp-pagenavi{
	width:700px;
	margin-top:35px;
	float:left;
	text-align: center;
}
#page_indent ol{
	height:25px;
	width:370px;
	margin-left:165px;
}
#page_indent li a{
	float:left;
	margin:auto;
	width:20px;
	height:20px;
	margin-left:5px;
	border:1px solid #5e3662;
	text-align: center;
}

/*トップスライド*/

#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	border:1px solid white;
	
	background:repeat-x bottom center #ffffff;
	
	/* The width of the gallery */
	width:700px;
	overflow:hidden;
}

#slides{
	/* This is the slide area */
	height:500px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:700px;
	overflow:hidden;
}

.slide{
	float:left;
}

#menu{
	/* This is the container for the thumbnails */
	height:60px;
}
#slidelist{
	margin-left:40px;
	margin-top:10px;
}
#slidelist li{
	/* Every thumbnail is a li element */
	width:100px;
	display:inline-block;
	list-style:none;
	height:57px;
	overflow:hidden;
}

#slidelist li.inact:hover{
	/* The inactive state, highlighted on mouse over */
}

#slidelist li.act,li.act:hover{
	/* The active state of the thumb */
}

#slidelist li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
}

#slidelist li a{
	display:block;
	height:57px;
}

#slidelist a img{
	border:none;
}



/*物語トップ*/
#updata {
	width:700px;
	float:left;
	margin-top:10px;
	background-color:#fff;
}
#updata li{
	width:700px;
	float:left;
	font-size:16px;
	margin-top:10px;
	border-bottom:1px solid #ac89af;
}
#updata li span {
	margin-left:50px;
	font-weight:normal;
}
#story_a{
	margin-top:10px;
	margin-left:15px;
	float:left;
}
#story_a li{
	text-align:center;
	margin-top:10px;
	margin-right:10px;
	float:left;
}

#story_menu{
	float:left;
	width:700px;
	height:94px;
	margin-bottom:30px;
	background:url(http://www.tonao.net/images/story_nav.jpg);
}
#story_menu li, #story_menu li a{
	float:left;
	width:175px;
	height:94px;
	margin:0;
	text-indent:-9999px;
}
#story_menu .kamisiro a:hover{background:url(http://www.tonao.net/images/story_nav_o.jpg);}
#story_menu .kodai a:hover{background:url(http://www.tonao.net/images/story_nav_o.jpg);background-position:-175px 0px;}
#story_menu .tusei a:hover{background:url(http://www.tonao.net/images/story_nav_o.jpg);background-position:-350px 0px;}
#story_menu .kindai a:hover{background:url(http://www.tonao.net/images/story_nav_o.jpg);background-position:-525px 0px;}


#story_main{
	width:100%;
	height:300px;
	float:left;
	border:1px solid #ac89af;
	margin-bottom:10px;
}
#story_main{
	text-indent:-9999px;
}
.koziki,.koziki a{
	width:499px;
	height:300px;
	float:left;
	background:url(http://www.tonao.net/images/koziki.jpg);
	border-right:1px solid #ac89af;
}
.heike,.heike a{
	width:200px;
	height:300px;
	float:left;
	background:url(http://www.tonao.net/images/heike.jpg);
}
.koziki a:hover{background:url(http://www.tonao.net/images/koziki_o.jpg);}
.heike a:hover{background:url(http://www.tonao.net/images/heike_o.jpg);}
.story_link{
	width:700px;
}
#fav{
	float:right;
	margin-bottom:1px;
}
#fav .fb-like{
	float:left;
	height:20px;
	margin-bottom:2px;
	margin-right:10px;
}


#viewer {
	margin: 0 auto;
	width: 700px;
	height: 500px;
	text-align: left;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}




/*プロフィール*/
#profile ol{
	float:left;
	width:700px;
	margin-bottom:20px;
	border-bottom:3px solid #ac89af;
}
#profile ol li{
	float:left;
	width:530px;
	padding-bottom:3px;
	padding-top:3px;
	border-bottom:1px dashed #ac89af;
}
#profile ol .img {
	width:150px;
	margin-right:8px;
	border:none;

}
#profile ol .free{
	width:100%;
	margin-top:5px;
	border:none;
	padding-bottom:10px;

}
#profile .tantou{
	margin-left:200px;
	margin-bottom:10px;
}
#profile .tantou, #profile .tantou a{
	border:none;
	padding:0;
}
#profile li span{
	margin-left:20px;
	font-weight:normal;
}

/*リンク*/
#link_all{
	width:100%;
	float:left;
}
#link_img_ar{
	width:234px;
	height:60px;
	float:left;
	margin-left:15px;
	margin-top:15px;
}

#link_txt{
	width:400px;
	float:left;
	margin-left:10px;
	margin-top:15px;
}

/*特集*/
#story_a li ul {
	float:left;
	width:216px;
	margin:0;
	padding:0;
	
}

#story_a li ul li {
	float:left;
	width:206px;
	font-size:120%;
}

#story_a li ul .text_s {
	font-size:90%;
	text-align:left;
	color:#333;
	margin:3px 5px 3px 5px;
}

#story_a li ul .text_s {
	font-size:90%;
	text-align:left;
	color:#333;
	margin:3px 5px 3px 5px;
}

/*ここのお話*/
#pic_up{
	width:100%;
	height:66px;
	float:left;
	border-top:1px dotted #CAB4DF;
}

#pic_up img{
	display:block;
	float:left;
}
#pic_up li{
	margin:0;
	margin-top:10px;
	margin-right:5px;
	width:240px;
	height:56px;
	float:left;
}

#pic_up_top{
	width:100%;
	min-height: 50px;height: auto !important;height: 50px;
	margin:0;
	float:left;
	background:#fff;
	margin-bottom:20px;
}

#pic_up_top img{
	display:block;
	float:left;
}
#pic_up_top li{
	margin:0;
	margin-top:10px;
	margin-right:5px;
	width:228px;
	min-height: 50px;height: auto !important;height: 50px;
	float:left;
}
