@charset "UTF-8";
/* CSS Document */

#contents .main {
	width: 100% !important;
	background: #9CEBFF url(../images/main_bg1.gif) no-repeat left top;
	height: 200px;
	margin-top:23px;
	background-size:cover;
	margin-bottom:20px;
}
#contents .main .img {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align:center;
}
#wrapper .bt {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 25px;
}
#wrapper .bt2 {
	width: 820px;
	margin-right: auto;
	margin-bottom: 55px;
	margin-left: auto;
}

#wrapper .center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#wrapper .textbox {
	margin-bottom: 50px;

}
.main .bg {
	background: url(../images/main_bg2.png) no-repeat center top;
	height: 200px;
	
}
.main .bg .img img {
	position: absolute;
	top: -23px;
	text-align:center;
	left:50%;
	margin-left:-435px;
}
#left_contents {
	float: left;
	width: 540px;
}
#side {
	float: right;
	width: 330px;
	padding-top: 16px;
}
#side ul li {
	list-style: none;
	height: 62px;
	margin-bottom: 9px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #000;
	clear:both;
}
#side ul li .img {
	float: left;
	width: 35px;
	margin-right: 13px;
}
#side ul li .txt {
	float: left;
	width: 280px;
}
#side ul li .txt p {
	line-height:140%;
	font-size: 14px;
}
#side ul li .txt .genre {
	font-weight: bold;
	margin-bottom: 7px;
	padding-bottom: 0px;
	line-height: 110%;
}
#side ul li .txt .genre a {
	color:#333;
	text-decoration:none;
}
#side ul li .txt .genre a:hover {
	color: #09F;
	text-decoration: underline;
}

#side .search_box {
	padding: 20px 8px 8px;
	margin-bottom: 35px;
	background: #99EBFF;
	position: relative;
}

#side .search_box:before,#side .search_box:after{
	content: '';
	position: absolute;
	display: block;
}
#side .search_box.bottom:after {
	bottom: -12px;
	left: 147px;
	border-top: 12px solid #99EBFF;
	border-right: 18px solid transparent;
	border-left: 18px solid transparent;
}
#side .search_box.bottom .catch {
	margin-bottom: 20px;
}
#side .search_box .search_area {
	background: #FFF;
	padding: 19px 16px;
}
#side .search_box .search_area .st {
	font-size: 16px;
	font-weight: bold;
	color: #0075c1;
	margin-bottom: 2px;
	padding-bottom:0px;
}
#side .search_box .search_area select {
	height: 30px;
	width: 100%;
}
#side .search_box .search_area .search_bt {
	text-align: center;
}

.over:hover{
	opacity:0.8;
}
.f_search {
	background:#9CEBFF url(/shokugaku/manga/images/f_search_bg1.gif) no-repeat center top;
	height: 312px;
	background-size:cover;
	margin-bottom:43px;
}
.f_search .inner {
	padding-top: 75px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
.f_search .inner .box1 {
	background: url(/shokugaku/manga/images/search_bg.png) repeat;
	padding: 3px;
	position: relative;
}
.f_search .inner .box1 .box2 {
	padding-top: 37px;
	padding-bottom: 17px;
	padding-left: 65px;
	background: #FFF;
}
.f_search .select_area {
	float: left;
	width: 500px;
}
.f_search .select_area p {
	font-size: 20px;
	font-weight: bold;
	color: #0075c1;
	float: left;
	width: 170px;
	padding-bottom:0;
}
.f_search .select_area select {
	height: 30px;
	line-height: 30px;
	width: 320px;
}
.f_search .bt_area {
	float: right;
	width: 146px;
	margin-top: 20px;
	margin-right: 80px;
}
.rerative {
	position: relative;
}
.f_search .box1 .fukidashi {
	position: absolute;
	left: 60px;
	top: -190px;
}
.wFix {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
.linkJmpB a {
padding-left: 25px;
background: url(/_sharedZ/img/icon/link_right_s.png) no-repeat 0 0.25em;
padding-bottom: 5px;
}
.error {
	font-size: 13px !important;
	color: #E10000 !important;
	font-weight:normal !important;
	padding-bottom:0 !important;
	padding-top:2px !important;
	display: none;
}
.manga_txt {
	position: absolute;
	left: 573px;
	bottom: 0px;
	font-size: 12px;
	color: #666;
	width: 370px;
	padding-bottom:0 !important;
}
h1.pb15 {
	padding-bottom: 15px;
	line-height: 1.7;
}