@charset "UTF-8";
/*
###################################

    きもとWeb　漫画　専用CSS

###################################
*/

body {
	font: normal 12px/1.6em "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #fbf5e9;
	background: url(../../../kimoto/img/bg_kimoto.jpg) repeat left top;
}

#container {
	margin:0;
	padding:0;
}

#header {
	background:none;
	width:700px;
	margin:0 auto;
	height:80px;
}

#header #logo {
	float:left;
	margin-top:27px;
}

#header h1 {
	float:right;
	padding-top:5px;
	padding-bottom:10px;
}

#page {
	width:700px;
	margin:0 auto;
	margin-bottom:20px;
	z-index:1;
}
#page img{
	vertical-align:bottom;
}


#headerL {
	float:right;
	width:202px;
}
#headerL li{
	float:left;
	padding-left:5px;
}
/* ########## Caption ########## */
#caption {
	width:700px;
	margin:0 auto;
	text-align:center;
	border-bottom:1px solid #413c3a;
	padding-bottom:20px;
	margin-bottom:20px;
	color:#777;
	font-size:11px;
}


/* ########## Next Back ########## */
#nb_navi {
	width:800px !important;
	height:150px;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-75px;
    margin-left:-400px;
}

#btnNext {
	width:50px;
	height:150px;
	float:left;
	margin-right:700px;
}
#btnBack {
	width:50px;
	height:150px;
	float:left;
}

/*
###################################

    きもとWeb　漫画　APP 専用CSS

###################################
*/


/* ########## App Main ########## */
#app_main {
	width:700px;
	height:400px;
	background:url(../../../kimoto/manga_app/img/main_bg.png);
	margin:0 auto;
	margin-bottom:20px;
}

#app_main h2{
	padding:40px 0 0 30px;
}

#app_main h3{
	padding:10px 0 0 30px;
}
#app_main p{
	padding:10px 0 0 30px;
}

#app_menu {
	width:700px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:20px;
}

#attention {
	width:700px;
	margin:0 auto;
	color:#999;
	font-size:93%;
	line-height:1.4;
	border-bottom:1px solid #413c3a;
	padding-bottom:20px;
	margin-bottom:20px;
	overflow:hidden;
}
#attention dt{
	float:left;
	width:20px;
	margin-bottom:5px;
}
#attention dd{
	float:left;
	width:680px;
	margin-bottom:5px;
}

/* ########## Footer ########## */
#footer {
	overflow:hidden;
	width:700px;
	margin:0 auto;
	padding-bottom:20px;
}

#copy {
	margin-top:10px;
	width:350px;
	font-size:10px;
	color:#777;
	line-height:1.4;
}

#copy .attention {
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
	color:#999;
}


/* ########## Share ########## */

#snsButtons {
	width:350px;
	color:#fff9ee;
	font-size:11px;
	float:right;
	text-align:right;
}
#snsButtons ul{
	float:right;
	margin-top:5px;
}
#snsButtons li{
	float:left;
	overflow:hidden;
	margin-left:5px;
}

/* iepngfix */
#header img,
#nb_navi img,
#app_page img,
#app_main {
	behavior: url(../../common/js/iepngfix.htc);
}