@charset "UTF-8";
body,html {
	width:auto;
	font-family:'Belgrano','Didact Gothic',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Arial,Helvetica, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}


body,p{font-size:12px;-webkit-text-size-adjust: 100%;word-break: normal;word-wrap: break-word;}

/*ナマポアニキ公式*/
.container{background:url(../img/main_bg.jpg);padding: 0 0 20px;min-width:980px;}
#menus{background:#f00000;height:63px;width:100%;position: fixed;z-index:999;left:0; top:0;}
#menus .innner{width:980px;margin: 0 auto;}
#menus h1{background:url(../img/toplogo.png) ;width:184px;height:27px;float:left;margin-top: 15px;;}
#menus ul{float:right;width:735px;}
#menus ul li a{display:block;float: left;height: 63px;background-image:url(../img/mnbg.png) ;}
#menus ul li.mn1 a{width: 86px;background-position:0 0;}
#menus ul li.mn2 a{width: 122px;background-position:-86px 0;}
#menus ul li.mn3 a{width: 141px;background-position:-208px 0;}
#menus ul li.mn4 a{width: 225px;background-position:-349px 0;}
#menus ul li.mn5 a{width: 161px;background-position:-574px 0;}
#menus ul li.mn1 a:hover{width: 86px;background-position:0 -63px;}
#menus ul li.mn2 a:hover{width: 122px;background-position:-86px -63px;}
#menus ul li.mn3 a:hover{width: 141px;background-position:-208px -63px;}
#menus ul li.mn4 a:hover{width: 225px;background-position:-349px 0;}
#menus ul li.mn5 a:hover{width: 161px;background-position:-574px 0;}

#mainvisuals{width:980px;margin: 63px auto 15px;position:relative;background:#f00000;}
#mainvisuals > h2{position:absolute;z-index:100;background:url(../img/logo.png);width:400px;height:165px;top:20px;left:20px;}
#mainvisuals > h3{}
#mainvisuals > h4.author{position:absolute;z-index:100;left:25px;top:260px;background:url(../img/auth.png);width:224px;height:239px;}
#mainvisuals > .catchs{width:237px;float:left;}
#mainvisuals > .catchs > h3{width:154px;height:570px;background:url(../img/catch.png);margin: 285px auto 0;;}
#mainvisuals > .catchs > h4{width:212px;height:32px;background:url(../img/buy.png);top:200px;left:12px;position:absolute;}
#mainvisuals > .flexslider{width:743px;float:right;}
#mainvisuals > .flexslider > ul > li{line-height:0;}
#mainvisuals > .mv{width:743px;background: #fff;height: 945px;float:right;position:relative;}
#mainvisuals > .mv >div{position:absolute;}
#mainvisuals > .mv >.c1{opacity: 0;height: 945px;width:743px;z-index:20;}
#mainvisuals > .mv >.c1 img{bottom:0;position:absolute;left:18px;}
#mainvisuals > .mv >.c2{opacity: 0;height: 945px;width:743px;z-index:21;}
#mainvisuals > .mv >.c3{opacity: 0;height: 945px;width:743px;z-index:22;}
#mainvisuals > .mv >.c4{opacity: 0;height: 448px;width:227px;z-index:22;right:30px;top:20px;}

#recommend{background: #fff;width:930px;padding:25px;margin: 0 auto;}
#recommend > h3{background: url(../img/recommend_ttl.png) no-repeat 0 0;height:45px; }
#recommend > a{width:180px;margin:  0 3px;display: block;float:left;}

#story{background: #fff;width:930px;padding:25px;margin: 0 auto 0;/*border-top: 8px solid #000;*/}
#story > #book_ar{float:left;width:394px;}
#story > #book_ar > img{display:block;}
#story > #book_ar > a{display:block;text-align:center;margin-top:15px;}
#story > h3{background: url(../img/story_ttl.png) no-repeat 0 0;height:45px; }
#story > h2{background: url(../img/story_catch.png) no-repeat 0 0;width:512px;height:117px;float:right;margin-bottom: 20px;;}
#story > p{width:512px;float:right;font-size:19px;line-height:32px;}

#story2{background: #fff;width:930px;padding:25px;margin: 0 auto 15px;/*border-top: 8px solid #000;*/}
#story2 .bd{border:5px solid #ccc;padding:3em 5em;display:table;}
#story2 > .bd > #book_ar{width: 30%;float: left;}
#story2 > .bd > #book_ar img{width:100%;}
#story2 >  .bd > #book_ar > a{display:block;text-align:center;margin-top:15px;}
#story2 >.bd > h3{background: url(../img/story_ttl.png) no-repeat 0 0;height:45px; }
#story2 >.bd > h2{background: url(../img/story_catch01.png) no-repeat 0 0;width:512px;height:100px;float:right;margin-bottom: 20px;;}
#story2 >.bd > p{width:512px;float:right;font-size:15px;line-height:24px;}

#charcter{background: #fff;width:930px;padding:25px;margin: 0 auto 15px;/*border-top: 8px solid #000;*/}
#charcter > h3{background: url(../img/chara_ttl.png) no-repeat 0 0;height:45px;}
#charcter .charcters{clear:both;margin-bottom: 30px;;}
#charcter .charcters:last-child{clear:both;margin-bottom: 0;;}
#charcter .charcters img{display: block;float: left;}
#charcter .charcters h4{width:712px;float:right;height:48px;}
#charcter .charcters p{width:712px;float:right;font-size:21px;line-height:34px;height: 148px;border-bottom: 1px solid #000;;}
.name1{background: url(../img/name1.png) no-repeat 0 0;}
.name2{background: url(../img/name2.png) no-repeat 0 0;}
.name3{background: url(../img/name3.png) no-repeat 0 0;}
.name4{background: url(../img/name4.png) no-repeat 0 0;}
.name5{background: url(../img/name5.png) no-repeat 0 0;}

#bnarea1{margin: 15px auto 15px;width:980px;background: #fff;}
#bnarea2{margin: 0 auto 15px;width:980px;background: #fff;}

#ytb_area{width: 100%;border:15px solid #abcd05;width:980px;background: #fdfb6a;margin: 0 auto 1em;box-sizing:border-box;position:relative;}
#ytb_area2{width: 100%;border:15px solid #ff0776;width:980px;background: #ff65aa;margin: 0 auto;box-sizing:border-box;position:relative;}
.aniki2016{position:absolute;bottom:0;right:-40px;z-index:100;}
#book_ar >img{border:3px solid #000;}


/*social*/
#twitter1{float:right;width:110px;}
#facebook1{float:right;}

/*shadow*/
.shadow{
box-shadow: 5px 5px 5px #555;
-moz-box-shadow: 5px 5px 5px #555; /* Firefox */
-webkit-box-shadow: 5px 5px 5px #555;  ; /* Chrome, Safari */
background-color:#fff;
behavior: url(PIE.htc);}

.shd{	border-radius: 5px;/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */;
	box-shadow:rgba(110, 110, 110, 0.65098) 0px 0px 1px 2px;
	-webkit-box-shadow:rgba(110, 110, 110, 0.65098) 0px 0px 1px 2px;
	-moz-box-shadow:rgba(110, 110, 110, 0.65098) 0px 0px 1px 2px;}





a:hover img{	opacity:0.8;}
.headin a:hover img{	opacity:1;}

#foot_menu{margin:0!important;}
/*foot 差し替え*/
#foot_menu{background:#f00000!important;color:#fff;min-width:980px;}
#foot_menu a{color:#fff;}
#foot{background:#000000!important;min-width:980px;}

/*colorbox差しかえ*/
#cboxTopLeft,#cboxTopCenter,#cboxTopRight,#cboxMiddleLeft,#cboxMiddleRight,#cboxBottomLeft,#cboxBottomCenter,#cboxBottomRight{display:none;}
#cboxContent{background: none!important;}
#cboxClose{color:#fff!important;}
#cboxLoadedContent{border:10px solid #fff;}







/*	主にWii用の指定	*/

@media tv {
	/*	ルビの縦ずれを補正
		rbやrtのfont-size、line-heightによらず0.5em
	*/
	html body ruby {
		padding-bottom: 0.5em;
	}
}




/* ruby（ルビ文字組み全体のインライン領域）
------------------------------------------- */
/* Firefox、Safari、Opera用指定 */
ruby {
	display			: inline-table;
	text-align		: center;
	text-indent		: 0px;
	white-space		: nowrap;
	border			: none;
	margin			: 0px;
	padding			: 0px;
	line-height		: 1;
	height			: 1em;
	vertical-align	: text-bottom;
	border			: none;
}

/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child  ruby {
	white-space		: normal;
}
*/
/* IE7用指定 */
*:first-child+html ruby {
	white-space		: normal;
}
/* IE6用指定 */
* html body ruby {
	white-space		: normal;
	display			: inline-table;
	vertical-align	: baseline;
}


/* rb（本文）
------------------------------------------- */
/* Firefox、Safari、Opera用指定 */
rb {
	display			: table-row-group;
	line-height		: 1;
	text-align		: center;
	border			: none;
	margin			: 0px;
	padding			: 0px;
	white-space		: nowrap;
}
/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child  rb {
	white-space		: normal;
}
*/
/* IE7用指定 */
*:first-child+html rb {
	white-space		: normal;
}
/* IE6用指定 */
* html body ruby rb {
	display			: table-row-group;
	vertical-align	: bottom;
	white-space		: normal;
}


/* rt（フリガナ）
------------------------------------------- */
/* Firefox、Safari、Opera用指定 */
#contents5 rt{
	display			: table-header-group;
	font-size		: 0.6em;	/*	振り仮名のメインテキストに対する相対サイズ	*/
	line-height		: 1.1;
	text-align		: center;
	white-space		: nowrap;
	border			: none;
	margin			: 0px;
	padding			: 0px;
}


rt {
	display			: table-header-group;
	font-size		: 0.4em;	/*	振り仮名のメインテキストに対する相対サイズ	*/
	line-height		: 1.1;
	text-align		: center;
	white-space		: nowrap;
	border			: none;
	margin			: 0px;
	padding			: 0px;
}
/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child  rt {
	white-space		: normal;
}
*/
/* IE7用指定 */
*:first-child+html rt {
	white-space		: normal;
}
/* IE6用指定 */
* html body ruby rt {
	white-space		: normal;
	line-height		: 1em;
	display			: table-header-group;
	position		: static;
	top				: 0em;
}


/* rp（CSS OFF状態での区切り文字、通常不可視）
------------------------------------------- */
/* 全ブラウザ共通指定 */
rp {
	display			: none;
}


/* hn要素での振り仮名サイズ調整（必要な場合、適当に調整してください）
------------------------------------------- */
/*
h1 rt	{	font-size: 0.39em;	}
h2 rt	{	font-size: 0.42em;	}
h3 rt	{	font-size: 0.45em;	}
h4 rt	{	font-size: 0.48em;	}
h5 rt	{	font-size: 0.52em;	}
h6 rt	{	font-size: 0.57em;	}
*/



/* マウスオーバーで拡大、振り仮名適用範囲表示
------------------------------------------- */
/*ruby:hover							{	border: 1px dashed #CCC;	}*/
/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child ruby:hover {
	border: none;
}
*/
/*ruby:hover rt						{	font-size: 1em;			}*/
/* IE8 beta 2用指定 (現在無効) */
/*
html:first-child ruby:hover rt {
	font-size: 0.625em;
}
*/

/*	IE6でIE7.jsを使用していて、なおかつfixed配置ブロックがある場合、
振り仮名拡大時にfixedブロックが行方不明になるためIE6でのみ機能無効化	*/
/*
*:first-child+html ruby:hover rt	{	font-size: 1em!important;	font-size: 0.625em;	}
*:first-child+html h1 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.39em;	}
*:first-child+html h2 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.42em;	}
*:first-child+html h3 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.45em;	}
*:first-child+html h4 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.48em;	}
*:first-child+html h5 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.52em;	}
*:first-child+html h6 ruby:hover rt	{	font-size: 1em!important;	font-size: 0.57em;	}
*:first-child+html ruby:hover		{
	border: 1px dashed #CCCCCC !important;
	border: none;
	background-color: transparent !important;
	background-color: #CCCCCC;
}
*/


/* DEMO */