@charset "utf-8";

/* 構造要素とブロックレベル要素 */
/*header.css内でも書かれているので修正する必要あり*/
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address, ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  word-break:break-all;
}

/* HTML5の新要素 */
section, nav, article, aside, hgroup,
header, footer, figure, figcaption, summary {
	display: block;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

/* フォント設定 */
input, select, textarea {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

/*
a:link                     { color: #0088cc; }
a:visited                  { color: #005580; }
a:hover, a:focus, a:active { color: #005580; }*/

/* すべてのブラウザで、どのような状況でも縦スクロールバーを表示 */
html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical; /* Firefoxの先行実装 */
	overflow-x: scroll; /* Firefoxで横スクが表示されない問題を回避 */
}

/* IE 7のhasLayout問題を解決 */
*:first-child+html * {
	letter-spacing: 0;
	/*
		zoom: 1;は、
		IEの独自拡張であること、
		さらに、レイアウト崩れが発生しうることから、
		letter-spacing: 0;のほうがベター。
	*/
}

/* テーブルセルのボーダーの設定 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 画像のリンクボーダーを非表示に */
img {
	border: 0;
}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea {
	vertical-align: middle;
}


/*以下commonの内容*/

/* ====================================================

 *     共通設定(全css基本設定)

 * ==================================================== */
body {
	line-height: 1.22;
	font-size: 75%;
	text-align: center;
	word-wrap: break-word;
}


/*========================*/
/*pcとipadの表示切替用(旧ページ)*/
/*========================*/
/*★★旧ページがある間は残す★★*/
section.pc, nav.pc {
	position: relative;
	width: 950px;
	margin:10px auto;
	line-height: 1.6em;
	clear: both;
}
/*★★旧ページがある間は残す★★*/
section.ipad, nav.ipad {
	width:100%;
	position: relative;
	clear: both;
}


/*これはとってもいいのでは？*/
ipadのみ左右に余白
section.ipad {
	width:98%;
	position: relative;
}
/*★★旧ページがある場合は残す★★*/
section#container {
  margin: 10px auto;
  text-align: left;
  background:#fff;
}
/*★★新ページ★★*/
section.co_container{
  background:#fff;
}

/*以下旧ページ用*/
/*========================*/
/*フル画面用（旧ページ用）*/
/*========================*/
/*section#full-main-wrapper {
	position: relative;
	top:0;
	left:0px;
	width:100%;
}
/*マージンを開ける場合に使用
section#full-main-contents {
	margin:8px auto;
}*/
/*div#contents-box {
	margin:8px auto;
	/*border:1px solid #9FB7D4;*/
	/*padding:0px 15px;
}*/

/*========================*/
/*左メニューあり用*/
/*========================*/
div#main-wrapper {
	position: relative;
	top:0;
	left:170px;
}
 @media screen and (orientation:portrait) {
.ipad div#main-wrapper {
	position: relative;
	top:0;
	left:145px;
}
}
div#main {
	padding-left: 180px;
}
 @media screen and (orientation:portrait) {
.ipad div#main {
	padding-left: 155px;
}
}
section#mypage-contener {
	position: relative;
	top:0;
	left:0px;
	width:100%;
}
/*========================*/
/*右メニューあり用*/
/*========================*/
div#main-wrapper-left {
	position: relative;
	top:0;
	right:170px;
}
 @media screen and (orientation:portrait) {
.ipad div#main-wrapper-left {
	position: relative;
	top:0;
	right:145px;
}
}
div#main-left {
	padding-right: 180px;
}
 @media screen and (orientation:portrait) {
.ipad div#main-left {
	padding-right: 155px;
}
}
/*========================*/
/*パン屑*/
/*========================*/
nav#main-root {
	background:url(/pcc/image/title/title_back_aquare.png);
	background-repeat:repeat;
	background-color: #9FB7D4;
	border:1px solid #9FB7D4;
	text-align:left;
	padding:2px;
	padding-left:10px;
	margin-bottom:5px;
}
nav#main-root a {
	color:#333;
}
nav#main-root a:hover {
	color:#08C;
	text-decoration:underline;
}
nav#main-root span.active-page {
	color:#F90;
	font-weight:bold;
}

@media screen and (orientation:portrait) {
.ipad nav#main-root {
	width:98%;
}
}

@media screen and (orientation:landscape) {
.ipad nav#main-root {
	width:99%;
}
}

/*========================*/
/*パン屑*/
/*========================*/
div#genre-title {
	text-align:left;
	padding:2px;
	padding-left:10px;
	margin-bottom:5px;
	position:relative;
}

div#genre-title img{
    margin-right:10px;
	margin-bottom:5px;
}

div.genre-title_btn {
	position:absolute;
	top: 0;
	right:5px;
}

div.genre-title_btn a{
    font-weight:bold;
}



@media screen and (orientation:portrait) {
.ipad div#ganre-title {
	width:98%;
}
}

@media screen and (orientation:landscape) {
.ipad div#ganre-title {
	width:99%;
}
}

/* ====================================================

 *     共通設定(全css基本設定)
* ==================================================== */
/* 共通 フォントサイズ*/
.ipad .font_8 {
	font-size:0.8em;
}
.pc .font_8 {
	font-size:0.8em;
}
.ipad .font_12 {
	font-size:1.2em;
}
.pc .font_12 {
	font-size:1.2em;
}
.ipad .font_14 {
	font-size:1.4em;
}
.pc .font_14 {
	font-size:1.4em;
}
.ipad .font_16 {
	font-size:1.6em;
}
.pc .font_16 {
	font-size:1.4em;
}

.ipad .padding_10 {
	padding:10px;
}
.ipad .padding_top10 {
	padding-top:10px;
}
.ipad .padding_bottom10 {
	padding-bottom:10px;
}
.ipad .padding_right10 {
	padding-right:10px;
}
.ipad .padding_left10 {
	padding-left:10x;
}
.pc .padding_10 {
	padding:5px;
}
.pc .padding_top10 {
	padding-top:5px;
}
.pc .padding_bottom10 {
	padding-bottom:5px;
}
.pc .padding_right10 {
	padding-right:5px;
}
.pc .padding_left10 {
	padding-left:5x;
}

.pc a {
	text-decoration: underline;
}
.pc a.btn {
	text-decoration: none;
}
.pc a.btn:hover {
	text-decoration: none;
}

/*角丸設定*/
.radius_top {
	border-radius: 10px 10px 0 0;
}
.radius_bottom {
	border-radius: 0 0 10px 10px;
}
.radius_all {
	border-radius: 10px;
}
/*角丸設定8*/
.radius_top8 {
	border-radius: 8px 8px 0 0;
}
.radius_bottom3 {
	border-radius: 0 0 8px 8px;
}
.radius_all3 {
	border-radius: 8px;
}

div.div-cell {
	display:table-cell;
	background-color:#EFEFEF;
}

/*input[type="text"], input[type="password"], textarea {
	color: #555;
	font-size: 14px;
	padding: 5px;
	border: 1px solid #888;
	border-radius: 10px;
	background: -webkit-gradient(linear, center top, center bottom, from(#EEE), to(white));
	background-image: -moz-linear-gradient(top, #EEEEEE, #ffffff);
	background-image: -ms-linear-gradient(top, #EEEEEE, #ffffff);
	background-image: -webkit-linear-gradient(top, #EEEEEE, #ffffff);
	background-image: -o-linear-gradient(top, #EEEEEE, #ffffff);
	background-image: linear-gradient(top, #EEEEEE, #ffffff);
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2) inset;
	vertical-align: baseline;
}*/

.pc .external {
	margin: 10px auto;
	width: 950px;
}
.pc #btn_menu, .pc .ex_file {
	margin: 10px auto;
	width: 950px;
	/*height:41px;*/
}
#btn_menu li img {
	height:35px;
}
 @media screen and (orientation:landscape) {
.ipad .external {
	margin: 10px auto;
	width:98%;
}
.ipad #btn_menu, .ipad .ex_file {
	margin: 10px auto;
	width:98%;
}
}
 @media screen and (orientation:portrait) {
.ipad .external {
	margin: 10px auto;
	width:98%;
}
.ipad #btn_menu, .ipad .ex_file {
	margin: 10px auto;
	width:98%;
}
.ipad #btn_menu li img {
	height:28px;
}
}
#btn_menu ul {
	margin: 0;
	text-align:center;
}
#btn_menu li {
	text-align:center;
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}
#btn_menu li a {
	display:block;
	background: #eff3f8; /* Old browsers */
	background: -moz-linear-gradient(top, #eff3f8 0%, #d0dcea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eff3f8), color-stop(100%, #d0dcea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eff3f8 0%, #d0dcea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eff3f8 0%, #d0dcea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eff3f8 0%, #d0dcea 100%); /* IE10+ */
	background: linear-gradient(top, #eff3f8 0%, #d0dcea 100%); /* W3C */
	-pie-background: linear-gradient(top, #eff3f8 0%, #d0dcea 100%);
	behavior: url(/pcc/js/pie/PIE.htc);
	border-right:1px solid #9FB7D4;
	border-top:1px solid #9FB7D4;
	border-bottom:1px solid #9FB7D4;
	text-decoration:none;
}
#btn_menu li:first-child a {
	border-left:1px solid #9FB7D4;
}
#btn_menu li a:hover {
	background: #eff3f8;
	background: -moz-linear-gradient(top, #d0dcea 0%, #eff3f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eff3f8), color-stop(100%, #d0dcea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #d0dcea 0%, #eff3f8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #d0dcea 0%, #eff3f8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d0dcea 0%, #eff3f8 100%); /* IE10+ */
	background: linear-gradient(top, #d0dcea 0%, #eff3f8 100%); /* W3C */
	-pie-background: linear-gradient(top, #d0dcea 0%, #eff3f8 100%);
	behavior: url(/pcc/js/pie/PIE.htc);
	border-right:1px solid #9FB7D4;
}

/*
#btn_menu li.me_0 {
	width:15%
}
#btn_menu li.me_1 {
	width:14%
}
#btn_menu li.me_2 {
	width:14%
}
#btn_menu li.me_3 {
	width:14%
}
#btn_menu li.me_4 {
	width:14%
}
#btn_menu li.me_5 {
	width:15%
}
#btn_menu li.me_6 {
	width:14%
}

*/

#btn_menu li.me_0 {
	width:17%
}
#btn_menu li.me_1 {
	width:16%
}
#btn_menu li.me_2 {
	width:16%
}
#btn_menu li.me_3 {
	width:17%
}
#btn_menu li.me_4 {
	width:17%
}
#btn_menu li.me_5 {
	width:17%
}

.label_error {
	margin:5px 5px 0 5px;
	color:#F00;
}
.label_error img {
	vertical-align:middle;
	margin-right:5px;
	margin-bottom:5px;
}

/* おしらせ*/
td.noread_td{
  width:120px;
}

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

 *     共通設定(全css基本設定)

 * ==================================================== */


/*★★990pxにヘッダフッタを変更★★*/
header,footer{
	position: relative;
	width: 990px;
	margin: 0 auto !important;
	/*line-height: 1.6em;*/
	clear: both;
  background:#FFF;
}

/* ====================================================

 *     共通設定(全css基本設定)

 * ==================================================== */
.clfix::after {
	content: "";
	display: block;
	clear: both;
}

.font_8 {
	font-size:0.8em;
}
.font_12 {
	font-size:1.2em;
}
.font_14 {
	font-size:1.4em;
}
.font_16 {
	font-size:1.6em;
}

/* 共通マージン*/
.margin_2 {
	margin:2px;
}
.margin_top2 {
	margin-top:2px;
}
.margin_bottom2 {
	margin-bottom:2px;
}
.margin_right2 {
	margin-right:2px;
}
.margin_left2 {
	margin-left:2px;
}
.margin_3 {
	margin:2px;
}
.margin_top3 {
	margin-top:3px;
}
.margin_bottom3 {
	margin-bottom:3px;
}
.margin_right3 {
	margin-right:3px;
}
.margin_left3 {
	margin-left:3px;
}
.margin_5 {
	margin:5px;
}
.margin_top5 {
	margin-top:5px;
}
.margin_bottom5 {
	margin-bottom:5px;
}
.margin_right5 {
	margin-right:5px;
}
.margin_left5 {
	margin-left:5px;
}
.margin_10 {
	margin:10px;
}
.margin_top10 {
	margin-top:10px;
}
.margin_bottom30 {
	margin-bottom:30px;
}
.margin_bottom10 {
	margin-bottom:10px;
}
.margin_right10 {
	margin-right:10px;
}
.margin_left10 {
	margin-left:10px;
}
.padding3 {
	padding:3px;
}
.padding_top3 {
	padding-top:3px;
}
.padding_bottom3 {
	padding-bottom:3px;
}
.padding_right3 {
	padding-right:3px;
}
.padding_left3 {
	padding-left:3px;
}
.padding_5 {
	padding:5px;
}
.padding_top5 {
	padding-top:5px;
}
.padding_bottom5 {
	padding-bottom:5px;
}
.padding_right5 {
	padding-right:5px;
}
.padding_left5 {
	padding-left:5px;
}

/* 上寄せ*/
.v-top {
	vertical-align:top;
}
/* 中心*/
.v-center {
	vertical-align:middle;
}
/* 下寄せ*/
.v-bottom {
	vertical-align:bottom;
}
/* ｾﾝﾀﾘﾝｸﾞ*/
.h-center {
	text-align:center;
}
/* 左*/
.h-left {
	text-align:left;
}
/* 右*/
.h-right {
	text-align:right;
}
/* 色設定*/
.color_yl {
	color:#FF0;/* 自動出力 */
}
.color_rd {
	color:#F03;/* 自動出力 */
}
.color_pk {
	color:#F36;/* 自動出力 */
}
.color_bk {
	color:#000;/* 自動出力 */
}
.color_gr {
	color:#008000;/* 自動出力 */
}
.color_or {
	color:#F60;/* 自動出力 */
}
.color_bl {
	color:#0066FF;
}
.color_wh {
	color:#FFF;
}

/*テーブル*/
div.div-table {
	display:table;
	width:100%;
}
div.div-row {
	display:table-row;
	width:100%;
}

div.div-cell {
	display:table-cell;
}

/*太字*/
.w_b {
	font-weight:bold;
}

a {
	color: #0088cc;
	text-decoration: none;
}

a:hover {
	color: #005580;
	text-decoration: underline;
}

a.text_u{
	text-decoration: underline;
}

.dips_bl {
	display:block;
}
.dips_no {
	display:none;
}

img {
	vertical-align:middle;
}

td .novel_link a{
text-decoration:none;
}

td .novel_link a:hover{
text-decoration:underline;
}