#honzuki_youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
#honzuki_youtube iframe,  
#honzuki_youtube object,  
#honzuki_youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


*{
font-family: Helvetica;
color: #000000;
}
html{
-webkit-text-size-adjust: none;
}

/*-------------base----------------*/
/* reset styleSheet */
/*img*/
img,
/*box*/
p, blockquote,h1, h2, h3, h4, h5, h6,div,
/*form*/
form, fieldset,
/*list*/
ul, ol, dl {
	border: 0;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	list-style:none;
}
* {padding:0; margin:0}
html {
	overflow-y:scroll; /* Firefox*/
	width:auto;
}
html, body, div, span, applet, object, iframe, h1, h2, h3,   h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,   kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
/*-----------------------------------*/
body{
margin: 0px;
padding: 0px;
background: #ffffff;
word-break:break-all;
}

/*--------------------------------------*/
#main{
margin-top:50px;
}
/*------------------------------------------------------*/

/*---- adserver ----*/
.adserver{
position: relative;
margin: 10px 0;
}
/*---- end of adserver ----*/

/*-- header --*/
header{
/*position: fixed;*/
position: absolute;
z-index: 9999;
top: 0px;
left: 0px;
width: 100%;
height: 44px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background: -o-gradient(linear, left top, left bottom, from(#fff6ca), to(#fede6d));
background: -moz-gradient(linear, left top, left bottom, from(#fff6ca), to(#fede6d));
background: -webkit-gradient(linear, left top, left bottom, from(#fff6ca), to(#fede6d));
box-shadow: 0px 0px 5px #999999;
}
header h1{
margin: 0px;
padding: 10px 15px;
color: #000000;
font-family: Helvetica;
font-size: 14px;
line-height: 14px;
text-align: left;
}
header h1 a{
color: #000000;
text-decoration: none;
}
header h1#logo img{
width: 55px;
height: 25px;
}
header h1#logo img#tachiyomi-logo{
width: 160px;
height: 25px;
}
header #logo{
float: left;
}
header nav{
float: right;
/* width: 110px;*/
}

.header-box-close{
background:#666;
background: -o-gradient(linear, left top, left bottom, from(#666), to(#333));
background: -moz-gradient(linear, left top, left bottom, from(#666), to(#333));
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#333));
text-align:center;
font-size: 14px;
font-weight: bold;
padding: 10px 15px;
position: relative;
}

.header-box-close a {
color:#fff;
text-decoration:none;
display:block;
}

.btn_header_login{
float: left;
height: 30px;
margin: 7px 5px 0px 0px;
overflow: hidden;
}

.btn_header_login a{
height: 28px;
line-height: 28px;
display: block;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
padding:0 4px;
}

.btn_header_login a{
background: #007ec5;
background: -o-gradient(linear, left top, left bottom, from(#13a8fc), to(#007ec5));
background: -moz-gradient(linear, left top, left bottom, from(#13a8fc), to(#007ec5));
background: -webkit-gradient(linear, left top, left bottom, from(#13a8fc), to(#007ec5));
border: 1px #01669f solid;
color: #f7fee9;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
text-align: center;
text-decoration: none;
font-size:0.8em;
font-weight:bold;
}

.btn_header4{
float: left;
width: 30px;
height: 30px;
margin: 7px 5px 0px 0px;
overflow: hidden;
}

.btn_header4 a{
display: block;
width: 28px;
height: 28px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}

.btn_header4 a{
border: 1px solid #cccccc;
background:#dddddd;
background: -o-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
background: -moz-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
}
.btn_header4 a img{
margin: 2px 2px 2px 2px;
width: 24px;
}

.btn_header5{
float: left;
width: 30px;
height: 30px;
margin: 7px 5px 0px 0px;
overflow: hidden;
}

.btn_header5 a{
display: block;
width: 28px;
height: 28px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}

.btn_header5 a{
border: 1px solid #cccccc;
background:#dddddd;
background: -o-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
background: -moz-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
}
.btn_header5 a img{
margin: 5px;
width: 17px;
}

.btn_header1,
.btn_header2,
.btn_header3{
float: left;
width: 30px;
height: 30px;
margin: 7px 5px 0px 0px;
overflow: hidden;
}
.btn_header1 a,
.btn_header2 a,
.btn_header3 a{
display: block;
width: 28px;
height: 28px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}
.btn_header1 a{
border: 1px solid #fdc12f;
background: -o-gradient(linear, left top, left bottom, from(#ffe688), to(#fdc83e));
background: -moz-gradient(linear, left top, left bottom, from(#ffe688), to(#fdc83e));
background: -webkit-gradient(linear, left top, left bottom, from(#ffe688), to(#fdc83e));
}
.btn_header2 a{
border: 1px solid #01669f;
background: -o-gradient(linear, left top, left bottom, from(#13a8fc), to(#007ec5));
background: -moz-gradient(linear, left top, left bottom, from(#13a8fc), to(#007ec5));
background: -webkit-gradient(linear, left top, left bottom, from(#13a8fc), to(#007ec5));
}
.btn_header3 a{
border: 1px solid #cccccc;
background: -o-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
background: -moz-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
}
.btn_header1 a img{
margin: 1px 0px 0px 1px;
width: 26px;
}
.btn_header2 a img{
margin: -25px 0px 0px 1px;
width: 26px;
}
.btn_header3 a img{
margin: -51px 0px 0px 1px;
width: 26px;
}

.header-box .glaylayer {
background: none repeat scroll 0 0 #000;
height: 1000px;
left: 0;
opacity: 0.6;
position: relative;
top: 0;
width: 100%;
z-index: 60;
}
/*-- end of header --*/

/*-- search box --*/
#cmn-search-wrapper{
/*position: fixed;*/
position: absolute;
z-index: 9999;
top: 45px;
left: 0px;
width: 100%;
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
box-shadow: 0 1px 5px #999999;
text-align:center;
}
#cmn-search-box-area{
/*background:#eee;*/
background:#fff;
padding:10px 0;
border-bottom:solid 1px #ccc;
}

#cmn-search-box{
display: -webkit-box;
display: -moz-box;
padding:5px 15px;
text-align:center;
}

#cmn-search-input input{
font-size: 16px;
margin: 5px 0;
border: 0 none;
width: 98%;
}

#cmn-search-input{
background:#fff;
border: 1px solid #333;
-webkit-box-flex: 1;
-moz-box-flex: 1;
}

#cmn-search-submit{
border: 1px solid #333;
}

#cmn-search-submit button{
background: none repeat scroll 0 0 #444;
background: -o-gradient(linear, left top, left bottom, from(#555), to(#444));
background: -moz-gradient(linear, left top, left bottom, from(#555), to(#444));
background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444));
border:0 none;
height: 30px;
width: 80px;
color:#fff;
font-size: 16px;
font-weight:bold;
line-height: 28px;
cursor: pointer;
}

/*-- end of search box --*/



/*-- global-menu --*/
#global-menu{
/*position: fixed;*/
position: absolute;
z-index: 9999;
top: 45px;
left: 0px;
width: 100%;
/*
border-top: 1px solid #fff6ca;
border-bottom:solid 1px #e5c300;
*/
box-shadow: 0 1px 5px #999999;
}

.global-nav ul.navi-list li{
padding:0 15px;
height:43px;
line-height:43px;
background: none repeat scroll 0 0 #fff;
/*border-top: 1px solid #e5c300;
border-bottom: 1px solid #fff6ca;*/
border-bottom: 1px solid #ccc;
position:relative;
font-size:14px;
font-weight:bold;
}

.global-nav ul.navi-list li.auth-list{
background: none repeat scroll 0 0 #fede6d;
}

.global-nav ul.navi-list li a{
text-decoration:none;
display:block;
}

.global-nav ul.navi-list li a::after{
content:"";
display: block;
width:5px;
height:5px;
border-top:3px solid #333;
border-right:3px solid #333;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right:10px;
top:50%;
margin-top:-5px;
}

/*-- footer --*/

#pc_page_link {
text-align:center;
margin:10px;
}

#scroll-page-top{
padding:10px;
}

#footer-menu{
/*border-top:solid 1px #ccc;*/
margin-top:15px;
}

#footer-menu .navi-list{
border-top:solid 1px #ccc;
}

#footer-menu ul.separate {
margin: 0 auto;
}

#footer-menu ul.separate li {
float: left;
text-align: center;
width: 50%;
}

#footer-menu ul.separate li a {
display:block;
width: 90%;
height: 40px;
line-height: 40px;
}


#footer-menu ul.separate a.button {
margin: 10px auto 20px;
}

#footer-menu .bg-btn-red{
background: #fa1807;
background: -o-gradient(linear, left top, left bottom, from(#ff7357), to(#fa1807));
background: -moz-gradient(linear, left top, left bottom, from(#ff7357), to(#fa1807));
background: -webkit-gradient(linear, left top, left bottom, from(#ff7357), to(#fa1807));
border: 1px #fa0808 solid;
color: #f7fee9;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
-moz-border-radius: 5px;
border-radius: 5px;
height: 31px;
line-height: 31px;
text-align: center;
text-decoration: none;
font-size:0.8em;
font-weight:bold;
}

#footer-menu .bg-btn-blue{
background: #007ec5;
background: -o-gradient(linear, left top, left bottom, from(#13a8fc), to(#007ec5));
background: -moz-gradient(linear, left top, left bottom, from(#13a8fc), to(#007ec5));
background: -webkit-gradient(linear, left top, left bottom, from(#13a8fc), to(#007ec5));
border: 1px #01669f solid;
color: #f7fee9;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
-moz-border-radius: 5px;
border-radius: 5px;
height: 31px;
line-height: 31px;
text-align: center;
width: 100px;
text-decoration: none;
font-size:0.8em;
font-weight:bold;
}



footer#footer-area {
text-align: center;
font-size:12px;
background:#eee;
margin: 10px 0 0;
padding: 10px 0;
}




/*-- end of footer --*/


/*----------------*/
.clear {clear:both;}
.cl_l {clear:left;}
.cl_r {clear:right;}
p.hide,div.hide,span.hide {display:none;}
.hide {display:none;}
.left {float:left;}
.right {float:right;}
.attention {font-size:80%; color:#999999;}
.center {text-align:center;}
.tx_al_le {text-align:left !important;}
.tx_al_ri {text-align:right !important;}
.strong{font-weight:bold;}
/*--------------------------------------*/
a.black {
    color:#000000 !important;
}
/*------------rollover---------------*/
a:hover img.onmouse{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/*------------------------------------------------------------------------------------------
                                        common style
 ------------------------------------------------------------------------------------------*/
/**
 *  MARGIN CLASS
 */
.mt00 { margin-top: 0px; }
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mr00 { margin-right: 0px; }
.mr05 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mr55 { margin-right: 55px; }
.mr60 { margin-right: 60px; }
.mb00 { margin-bottom: 0px; }
.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
.ml00 { margin-left: 0px; }
.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml55 { margin-left: 55px; }
.ml60 { margin-left: 60px; }
.ml80 { margin-left: 80px; }
.ml00 { margin-left: 0px; }
.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml55 { margin-left: 55px; }
.ml60 { margin-left: 60px; }
.ml80 { margin-left: 80px; }
.mtb0{ margin-top: 0px; margin-bottom: 0px; }
.mtb5{ margin-top: 5px; margin-bottom: 5px; }
.mtb10{ margin-top: 10px; margin-bottom: 10px; }
.mtb15{ margin-top: 15px; margin-bottom: 15px; }
.mtb20{ margin-top: 20px; margin-bottom: 20px; }
.mtb25{ margin-top: 25px; margin-bottom: 25px; }
.mtb30{ margin-top: 30px; margin-bottom: 30px; }
.mtb35{ margin-top: 35px; margin-bottom: 35px; }
.mtb40{ margin-top: 40px; margin-bottom: 40px; }
.mtb45{ margin-top: 45px; margin-bottom: 45px; }
.mtb50{ margin-top: 50px; margin-bottom: 50px; }
.mlr0{ margin-left: 0px; margin-right: 0px; }
.mlr5{ margin-left: 5px; margin-right: 5px; }
.mlr10{ margin-left: 10px; margin-right: 10px; }
.mlr15{ margin-left: 15px; margin-right: 15px; }
.mlr20{ margin-left: 20px; margin-right: 20px; }
.mlr25{ margin-left: 25px; margin-right: 25px; }
.mlr30{ margin-left: 30px; margin-right: 30px; }
.mlr35{ margin-left: 35px; margin-right: 35px; }
.mlr40{ margin-left: 40px; margin-right: 40px; }
.mlr45{ margin-left: 45px; margin-right: 45px; }
.mlr50{ margin-left: 50px; margin-right: 50px; }
.ma00{ margin: 0px; }
.ma5{ margin: 5px; }
.ma10{ margin: 10px; }
.ma15{ margin: 15px; }
.ma20{ margin: 20px; }
.ma25{ margin: 25px; }
.ma30{ margin: 30px; }
.ma35{ margin: 35px; }
.ma40{ margin: 40px; }
.ma45{ margin: 45px; }
.ma50{ margin: 50px; }



/**
 *  PADDING CLASS
 */
.pt00{ padding-top: 0px; }
.pt05{ padding-top: 5px; }
.pt10{ padding-top: 10px; }
.pt15{ padding-top: 15px; }
.pt20{ padding-top: 20px; }
.pt25{ padding-top: 25px; }
.pt30{ padding-top: 30px; }
.pt35{ padding-top: 35px; }
.pt40{ padding-top: 40px; }
.pt45{ padding-top: 45px; }
.pt50{ padding-top: 50px; }
.pt60{ padding-top: 60px; }
.pb00{ padding-bottom: 0px; }
.pb05{ padding-bottom: 5px; }
.pb10{ padding-bottom: 10px; }
.pb15{ padding-bottom: 15px; }
.pb20{ padding-bottom: 20px; }
.pb25{ padding-bottom: 25px; }
.pb30{ padding-bottom: 30px; }
.pb35{ padding-bottom: 35px; }
.pb40{ padding-bottom: 40px; }
.pb45{ padding-bottom: 45px; }
.pb50{ padding-bottom: 50px; }
.pb60{ padding-bottom: 60px; }
.pl00{ padding-left: 0px; }
.pl05{ padding-left: 5px; }
.pl10{ padding-left: 10px; }
.pl15{ padding-left: 15px; }
.pl20{ padding-left: 20px; }
.pl25{ padding-left: 25px; }
.pl30{ padding-left: 30px; }
.pl35{ padding-left: 35px; }
.pl40{ padding-left: 40px; }
.pl45{ padding-left: 45px; }
.pl50{ padding-left: 50px; }
.pl60{ padding-left: 60px; }
.pr00{ padding-right: 0px; }
.pr05{ padding-right: 5px; }
.pr10{ padding-right: 10px; }
.pr15{ padding-right: 15px; }
.pr20{ padding-right: 20px; }
.pr25{ padding-right: 25px; }
.pr30{ padding-right: 30px; }
.pr35{ padding-right: 35px; }
.pr40{ padding-right: 40px; }
.pr45{ padding-right: 45px; }
.pr50{ padding-right: 50px; }
.pr60{ padding-right: 60px; }
.ptb0{ padding-top: 0px; padding-bottom: 0px; }
.ptb5{ padding-top: 5px; padding-bottom: 5px; }
.ptb10{ padding-top: 10px; padding-bottom: 10px; }
.ptb15{ padding-top: 15px; padding-bottom: 15px; }
.ptb20{ padding-top: 20px; padding-bottom: 20px; }
.ptb25{ padding-top: 25px; padding-bottom: 25px; }
.ptb30{ padding-top: 30px; padding-bottom: 30px; }
.ptb35{ padding-top: 35px; padding-bottom: 35px; }
.ptb40{ padding-top: 40px; padding-bottom: 40px; }
.ptb45{ padding-top: 45px; padding-bottom: 45px; }
.ptb50{ padding-top: 50px; padding-bottom: 50px; }
.plr00{ padding-left: 0px; padding-right: 0px; }
.plr05{ padding-left: 5px; padding-right: 5px; }
.plr10{ padding-left: 10px; padding-right: 10px; }
.plr15{ padding-left: 15px; padding-right: 15px; }
.plr20{ padding-left: 20px; padding-right: 20px; }
.plr25{ padding-left: 25px; padding-right: 25px; }
.plr30{ padding-left: 30px; padding-right: 30px; }
.plr35{ padding-left: 35px; padding-right: 35px; }
.plr40{ padding-left: 40px; padding-right: 40px; }
.plr45{ padding-left: 45px; padding-right: 45px; }
.plr50{ padding-left: 50px; padding-right: 50px; }
.pa00{ padding: 0px; }
.pa05{ padding: 5px; }
.pa10{ padding: 10px; }
.pa15{ padding: 15px; }
.pa20{ padding: 20px; }
.pa25{ padding: 25px; }
.pa30{ padding: 30px; }
.pa35{ padding: 35px; }
.pa40{ padding: 40px; }
.pa45{ padding: 45px; }
.pa50{ padding: 50px; }


/**
 *  TEXT ALIGN CLASS
 */
.txt_right{ text-align: right; }
.txt_left{ text-align: left; }
.txt_center{ text-align: center; }


/**
 * TEXT COLOR CLASS
 */
.txt_clr_red{ color: #d34832 !important; }
.txt_clr_blue{ color: #007ec5 !important; }
.txt_clr_yellow{ color: #fed863 !important; }
.error{
	color: #f00;
}

/**
 *  FONT_SIZE_CLASS
 */
.fs_10{ font-size: 10px; }
.fs_12{ font-size: 12px; }
.fs_14{ font-size: 14px; }
.fs_16{ font-size: 16px; }
.fs_18{ font-size: 18px; }
.fs_20{ font-size: 20px; }
.fs_22{ font-size: 22px; }
.fs_24{ font-size: 24px; }
.fs_26{ font-size: 26px; }
.fs_28{ font-size: 28px; }
.fs_30{ font-size: 30px; }
.fs_32{ font-size: 32px; }
.fs_xsmall {font-size: 0.5em;}
.fs_small {font-size: 0.75em;}
.fs_large {font-size: 1.3em;}
.fs_xLarge {font-size: 1.5em;}


.page_num{
padding: 7px 15px;
border-bottom: 1px solid #dddddd;
background: -o-gradient(linear, left top, left bottom, from(#fff6ca), to(#fede6d));
background: -moz-gradient(linear, left top, left bottom, from(#fff6ca), to(#fede6d));
background: -webkit-gradient(linear, left top, left bottom, from(#fff6ca), to(#fede6d));
font-weight: bold;
font-size: 12px;
line-height: 1;
}
#nextpage-btn{
margin: 0px;
padding: 20px 0px;
font-size: 12px;
line-height: 1;
text-align: center;
font-weight:bold;
}


.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{
display: inline-block;
}
/*\*/
*html .clearfix{
height: 1%;
}
.clearfix{
display: block;
}
/**/

/*-- icon --*/
.icon.icon_vote {
    background: url("/common/img/icon/icon_vote.png") no-repeat scroll left center transparent;
    line-height: 14px;
    padding-left: 14px;
}
.icon.icon_comment {
    background: url("/common/img/icon/icon_comment.png") no-repeat scroll left center transparent;
    line-height: 14px;
    padding-left: 14px;
}

.icon.reviewcomment {
    background: url("/common/img/icon/icon_comment_16.png") no-repeat scroll left center transparent;
    height: 16px;
    padding-left: 20px;
}

.icon.vote {
    background: url("/common/img/icon/icon_vote_16.png") no-repeat scroll left center transparent;
    height: 16px;
    padding-left: 20px;
}

.icon.question {
    background: url("/common/img/icon/icon_search.gif") no-repeat scroll left center transparent;
    height: 16px;
    padding-left: 20px;
}

/*-- template --*/
.white-box-s1 {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
}
.white-box-s2 {
background: none repeat scroll 0 0 #FFFFFF;
border: 2px solid #DDDDDD;
}
.white-box-s3 {
background: none repeat scroll 0 0 #FFFFFF;
border: 3px solid #DDDDDD;
}

h1#contents-title{
background: none repeat scroll 0 0 #FFF6CA;
padding: 10px;
margin:0;
font-weight: bold;
font-size:16px;
line-height: 20px;
}

.headword{
border-bottom: 1px solid #dddddd;
background: #fede6d;
background: -o-gradient(linear, left top, left bottom, from(#fff6ca), to(#fede6d));
background: -moz-gradient(linear, left top, left bottom, from(#fff6ca), to(#fede6d));
background: -webkit-gradient(linear, left top, left bottom, from(#fff6ca), to(#fede6d));
padding:10px;
}

.list-link-box{
border-top: 1px solid #ccc;
font-size: 16px;
height: 56px;
line-height: 56px;
margin: 0;
padding: 0;
position:relative;
}
.list-link-box a{
display:block;
margin:0 0 0 15px;
text-decoration:none;
}
.list-link-box a.arrow::after{
content:"";
display: block;
width:8px;
height:8px;
border-top:4px solid #666;
border-right:4px solid #666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right:10px;
top:50%;
margin-top:-7px;
}

a.arrow {
text-decoration:none;
}

a.arrow::after{
content:"";
display: block;
width:8px;
height:8px;
border-top:4px solid #666;
border-right:4px solid #666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
right:10px;
top:50%;
margin-top:-7px;
}

.link-back {
border-bottom: 1px solid #ccc;
font-size: 14px;
height: 36px;
line-height: 36px;
margin: 0;
padding: 0;
position:relative;
}
.link-back a{
display:block;
margin:0 0 0 25px;
text-decoration:none;
}
.link-back a.back-arrow::before{
content:"";
display: block;
width:6px;
height:6px;
border-top:3px solid #666;
border-left:3px solid #666;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
left:10px;
top:50%;
margin-top:-5px;
}

.search-bar {
background: none repeat scroll 0 0 #f3f3f3;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
box-shadow: 0 1px #fff inset, 0 -1px #fff inset;
}


.bge{
background:#eee;
}

/*-- list --*/
ul.list-type01{
margin: 10px 0;
}
ul.list-type01 li{
display:inline;
}
ul.list-type01 li + li::before{
content:"｜";
}

/*-- font color --*/
.ft_red{color: #d85d49;}

/*-- pager --*/

.pager-box{
margin:10px 0;
}

.pager {
text-align:center;
}

.pager-status{
text-align:center;
padding:5px 0 0;
color:#666;
font-size:12px;
}

/*--- social button ---*/

.social-btn {
display:inline-block
}

.tweet-btn {
width:120px;
}

/*
.like-btn {
width:125px;
}

.hatebu-btn {
width:70px;
}
*/
.fb_edge_widget_with_comment span.fb_edge_comment_widget {
display: none !important;
}

/*--- end of social button ---*/

/*-- tachiyomi btn --*/

.btn_tachiyomi1 img, .btn_tachiyomi2 img, .btn_tachiyomi3 img, .btn_tachiyomi0 img{
width: 60px;
}
.btn_tachiyomi1,.btn_tachiyomi2,.btn_tachiyomi3,.btn_tachiyomi0{
display: inline-block;
width: 23%;
}
.btn_tachiyomi0 a{
display: block;
margin: 2px;
padding: 3px 0px 1px;
border: 1px solid #cccccc;
-moz-border-radius: 5px;
border-radius: 5px;
background: -o-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
background: -moz-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
text-align: center;
}
.btn_tachiyomi1 a{
display: block;
margin: 5px 2px;
padding: 3px 0px 1px;
border: 1px solid #fdc12f;
-moz-border-radius: 5px;
border-radius: 5px;
background: -o-gradient(linear, left top, left bottom, from(#fff6ca), to(#fede6d));
background: -moz-gradient(linear, left top, left bottom, from(#fff6ca), to(#fede6d));
background: -webkit-gradient(linear, left top, left bottom, from(#fff6ca), to(#fede6d));
text-align: center;
}
.btn_tachiyomi2 a{
display: block;
margin: 2px;
padding: 3px 0px 1px;
border: 1px solid #01669f;
-moz-border-radius: 5px;
border-radius: 5px;
background: -o-gradient(linear, left top, left bottom, from(#13a8fc), to(#007ec5));
background: -moz-gradient(linear, left top, left bottom, from(#13a8fc), to(#007ec5));
background: -webkit-gradient(linear, left top, left bottom, from(#13a8fc), to(#007ec5));
text-align: center;
}
.btn_tachiyomi3 a{
display: block;
margin: 2px;
padding: 3px 0px 1px;
border: 1px solid #cccccc;
-moz-border-radius: 5px;
border-radius: 5px;
background: -o-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
background: -moz-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
text-align: center;
}


/*--check count --*/
.length-ok {
    color: #008000;
    font-weight: bold;
}
.length-error {
    color: #FF0000;
    font-weight: bold;
}
.length-best {
    color: #F6A828;
    font-weight: bold;
}
.length-caption {
    color: #808080;
    font-weight: normal;
}

/* 読んでみる ボタン */

#smp_status_under_button .smp_yd-read-btn {
    font-size: 100%;
    font-weight: bold;
    background: url("/book/images/bg_btn_yd.gif") no-repeat;
    width: 50%;
    //height: 3px;
    line-height: 38px;
margin: 5px 0px 0px 140px;
	    vertical-align: baseline;
	    background-size: contain;
}

div.smp_yd-read-btn a {
    font-size: 12px;
    line-height: 12px;
    display: block;
    padding-top: 7%;
    padding-left: 35%;
    text-decoration: none;
}

div.smp_yd-read-btn {
    //position: absolute;
    font-size: 100%;
    font-weight: bold;
    background: url("/book/images/bg_btn_yd.gif") no-repeat;
    width: 200px !important;
    height: 38px;
    line-height: 38px;
    //display: iline-block;
    //margin:;
}

div.bottom div.smp_yd-read-btn{
    width: 50% !important;
    //background-size: cover !important;
    margin: 2% 26% !important;
	height:auto !important;
}

.smp_yd-read-capt {
    font-size: 100%;
    /* font-weight: bold; */
    background: none;
    width: 50%;
    line-height: 18px;
    margin: 5px 0px 0px 140px;
    vertical-align: baseline;
    /* background-size: contain; */
    font-size: 12px;
}

div.bottom div.smp_yd-read-btn a {
    font-size: 16px;
	    margin-left: 25px;
    line-height: 12px;
    display: block;
    /* padding-top: 7%; */
    /* padding-left: 35%; */
    text-decoration: none;
    padding: 8% 0;
    /* width: 100%; */
    text-align: center;
}



/* add FS koguchi by 20151208 */
header{
    position: relative;
    height:auto;
    background: none;
}
header #logo{
    float: none;
    text-align: center;
}
header h1#logo img{
    width:auto;
    height:auto;
}
.header{
  position:relative;
}
.header nav{
    float: none;
    position: absolute;
    top:50%;
    right:5px;
    margin-top: -20px;
}
#global-menu{
    top:auto;
}

#main{
    margin-top:6px;
}

/* smp amazon button */

.amazon-page-btn{
    display:inline-block;
    width:95%;
    font-size:0.95em;
    font-weight:bold;
}

.bg-btn-white{
background: #ffa500;
background: -o-gradient(linear, left top, left bottom, from(#fff), to(#E2E5EB));
background: -moz-gradient(linear, left top, left bottom, from(#fff), to(#E2E5EB));
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E2E5EB));
border: 1px #696969 solid;
color: #000;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
height: 31px;
line-height: 31px;
text-align: center;
text-decoration: none;
font-size:0.8em;
font-weight:bold;
}

.bg-btn-login-red{
background: #ffa500;
background: -o-gradient(linear, left top, left bottom, from(#ff7357), to(#fa1807));
background: -moz-gradient(linear, left top, left bottom, from(#ff7357), to(#fa1807));
background: -webkit-gradient(linear, left top, left bottom, from(#ff7357), to(#fa1807));
border: 1px #696969 solid;
color: #f7fee9;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
height: 31px;
line-height: 31px;
text-align: center;
text-decoration: none;
font-size:0.8em;
font-weight:bold;
}