@charset "UTF-8";

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

 *     共通設定(全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: 0 auto;
	line-height: 1.6em;
	clear: both;
}

/*★★旧ページがある間は残す★★*/
section.ipad, nav.ipad {
	width:100%;
	position: relative;
	clear: both;
}

/*header.pc, footer.pc, section.pc, nav.pc {
	position: relative;
	width: 950px;
	margin: 0 auto;
	line-height: 1.6em;
	clear: both;
}

header.ipad, footer.ipad, 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;
}

/*以下旧ページ用*/

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

/*フル画面用（旧ページ用）*/

/*========================*/
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; }
.ipad .font_12	{ font-size:1.2em; }
.ipad .font_14	{ font-size:1.4em; }
.ipad .font_16	{ font-size:1.6em; }

.pc .font_8		{ font-size:0.8em; }
.pc .font_12	{ font-size:1.2em; }
.pc .font_14	{ font-size:1.4em; }
.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:10px; }

.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:5px; }

.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: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:100px;
}