@charset "euc-jp";


/* モーダルウィンドウ
---------------------------------------*/


#modal_win{
	display: none;
}


#modal_win .backlayer{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	background: #000000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	
}

#modal_win .overlayer{
	position: fixed;
	top:50%;
	left:50%;
	width: 450px;
	height: 250px;
	margin-left: -250px;
	margin-top: -150px;
	background: #FFFFFF;
	z-index: 100;
	padding: 25px;
}

#modal_win .overlayer .title{
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: 700;
}

#modal_win .overlayer .text{
	text-align: justify;
	font-size: 13px;
	margin-bottom: 20px;
}

#modal_win .overlayer #close{
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	cursor: pointer;
	width: 100px;
	margin: 0 auto;
}

#modal_win .overlayer #close span{
	padding-right: 0.3em;
}

/*---------------------------------------
 *ポータルページ ベースレイアウト
---------------------------------------*/

.hold_info #main{
	width: 600px !important;
}

.hold_info p{
	line-height: 1.5;
	text-align: justify;
	text-justify: inter-ideograph;
}

.hold_info h2{
	height: 45px;
	line-height: 45px;
	font-weight: 900;
	font-size: 150%;
	padding: 0 0 0 20px;
	background: #e21c18;
	color: #FFFFFF;
	text-align: left !important;
	margin: 0 ;
}

.hold_info .mt{
	margin-top: 45px !important;
}

.hold_info h3{
	font-size: 130%;
	padding: 0 0 0.3em;
	color: #eb090a;
	font-weight: 900;
}

.hold_info .section{
	padding: 35px 0 0;
	margin: 0 20px;
}



.hold_info .section .listmark{
	background: url(/files/img/holdinfo/listmark_holdinfo-01.gif) 0 0.3em no-repeat;
	padding:  0 0 0 1em;
}

.hold_info .red{
	color: #eb090a;
	font-weight: 900;
}

.hold_info a{
	text-decoration: underline !important;
}

.hold_info a:hover{
	text-decoration: none !important;
}

.hold_info .red_padding{
	color: #eb090a;
	font-weight: 900;
	padding: 1em;
	display: block;
	border: 1px solid #eb090a;
	margin: 0 0 0.5em 1em;
	text-align: justify;
	text-justify: inter-ideograph;
}


.hold_info .bold{
	font-weight: 900;
}

.hold_info .large{
	font-size: 140%;
	line-height: 1.4;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*---------------------------------------
 *ポータルページ ホールドインフォメーションサイドバー
---------------------------------------*/


.holdinfo_side ul li{
	border-bottom: 1px solid #d6d6d6;
	margin: 0 !important ;
}

.holdinfo_side ul li a{
	display: block;
	height: 66px;
	width: 188px;
	text-indent: -9999px;
}


.holdinfo_side ul li.side_holdinfo_nav1 a{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) 0    0px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav2 a{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) 0  -67px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav3 a{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) 0 -134px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav4 a{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) 0 -201px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav5 a{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) 0 -268px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav6 a{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) 0 -335px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav7 a{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) 0 -402px no-repeat;}

.holdinfo_side ul li.side_holdinfo_nav1 a:hover{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) -188px    0px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav2 a:hover{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) -188px  -67px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav3 a:hover{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) -188px -134px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav4 a:hover{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) -188px -201px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav5 a:hover{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) -188px -268px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav6 a:hover{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) -188px -335px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav7 a:hover{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) -188px -402px no-repeat;}

 .onpage2 ul li.side_holdinfo_nav2 a{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) -188px  -67px no-repeat !important;}
 .onpage3 ul li.side_holdinfo_nav3 a{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) -188px -134px no-repeat !important;}
 .onpage4 ul li.side_holdinfo_nav4 a{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) -188px -201px no-repeat !important;}
 .onpage5 ul li.side_holdinfo_nav5 a{	background: url(/files/img/holdinfo/btn_holdinfo-00.gif) -188px -268px no-repeat !important;}
 


/*---------------------------------------
 *一覧
---------------------------------------*/


.archive #main dl dt{
	float: left;
	padding-top: 1em;
	padding-bottom: 1em;
}

.archive #main dl dd{
	padding-left: 90px;
	background: url(/files/img/top/icon_top-01_new.gif) 75px 17px no-repeat;
	border-bottom: dotted 1px #cccccc;
		padding-top: 1em;
	padding-bottom: 1em;
}

.archive #main dl dd a{
	text-decoration: none !important;
}

.archive #main dl dd a:hover{
	text-decoration: underline !important;
}



/*---------------------------------------
 *アバウト
---------------------------------------*/

.about .tit2{
	margin: 85px 0 0;
}

.about .members_contents ul{
	margin: 30px 0;
}

.about .members_contents ul li{
	height: 123px;
	float: left;
	padding: 22px 0 22px 140px;
	border-top: solid 1px #CCCCCC;
}

.about .members_contents ul li p{
	line-height: 1.4;
	font-size: 105%;
}
.about .members_contents ul li .tit{
	font-size: 130%;
	font-weight: 900;
	margin: 0 0 10px;
}

.about .members_content1 {
	background: url(/files/img/about/pic_about-01.jpg) 0 50% no-repeat;
}

.about .members_content2 {
	background: url(/files/img/about/pic_about-02.jpg) 0 50% no-repeat;
}

.about .members_content3 {
	background: url(/files/img/about/pic_about-03.jpg) 0 50% no-repeat;
}

.about .members_content4 {
	background: url(/files/img/about/pic_about-04.jpg) 0 50% no-repeat; 
}

.about .members_content5 {
	background: url(/files/img/about/pic_about-05.jpg) 0 50% no-repeat;
	border-bottom: solid 1px #CCCCCC; 

}



/*---------------------------------------
 *ご利用案内
---------------------------------------*/

.goriyou .chart{
	text-align: center;
}



/*---------------------------------------
 *立ち読みページリボン
---------------------------------------*/

.cap{
	position: relative;
}

.cap .ribon{
	position: absolute;
	top:-1px;
	left: -1px;
}

/*---------------------------------------
 *立ち読みページ登録ボタン
---------------------------------------*/

.tachiyomi_convert{
	text-align: center;
}


/*---------------------------------------
 *Q&A
---------------------------------------*/
#faq .regmsg02 {
	padding: 0 0 10px;
	margin: 20px 0 20px;
}

#faq .section{
	padding: 45px 0 0;
	margin: 0 20px;
}

#faq .section h3{
	border-bottom: 1px solid #000000;
	font-size: 130%;
	padding: 0.3em 0;
	background: url(/pc/commons/images/faq/icon_faq-01.gif) 99% 45% no-repeat;
	height: 18px;
	line-height: 18px;
}

#faq .section h3.selected{
	
	background: url(/pc/commons/images/faq/icon_faq-01_on.gif) 99% 45% no-repeat;
	
}


#faq .section dl dt{
	background: url(/pc/commons/images/faq/bg_faq-01.gif) 0 0 no-repeat;
	padding: 0 0 0 2em;
	margin: 20px 0 0;
}

#faq .section dl dd{
	background: url(/pc/commons/images/faq/bg_faq-02.gif) 15px 15px no-repeat #EDEDED;
	padding: 15px 15px 15px 3.5em;
	margin: 1em 0 0 30px;
}


#faq_top {
	text-align: center;
	margin: 80px 0 0 0;
}


/*---------------------------------------
contact
---------------------------------------*/

.mailbox{
	margin:0 auto;
}

.mailbox{
	width: 570px;
	padding: 5px 15px;
	text-align: center;
	margin: 20px 0;
}

.mailBtn{
	display: inline-block;
}

.mailBtn li{
	text-align: center;
	background-color: #eb090a;
	width: 200px;
	height: 60px;
	line-height: 1.3;
}

 ul.mailBtn li.last {
    margin-right: 0;
}

ul.mailBtn li table{
	width: 100%;
	height:100%;
}

 ul.mailBtn li table tr td{
	height: 100%;
	padding: 10px;
	vertical-align:middle;
	text-align: center;
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}

 ul.mailBtn li a{
	display:block;
	
}
 ul.mailBtn a:hover {
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	opacity: .75;
}

 ul.mailBtn li table p{
	display: inline-block;
	font-size: 16px;
	color:#fff;
	font-weight: 700;
	text-align: left;
	background: url(./files/img/icon_arrw_01.png) no-repeat 0 .5em;
}

 ul.mailBtn li table img{
	display: block;
	margin: 10px 10px 0 20px;
}

 ul.mailBtn li table img.ico_mail{
    float: left;
}

 ul.mailBtn li table .sub{
	background: none;
	padding:0;
}

.join{
	float: right;
	font-weight: bold;
	font-size: 18px;
}
.join.link01{
	background: url(/pc/commons/images/temp/icon_arrw_01.png) no-repeat 0 0.50em;
}

/*---------------------------------------
 *問い合わせフォーム
---------------------------------------*/

/*
.inquiry{
	width: 780px !important; 
	margin: 0 auto;
}
*/


.inquiry h2{
	background: #eb090a;
	height: 45px;
	line-height: 45px;
	font-weight: 900;
	color: #FFFFFF;
	padding: 0 20px;
	font-size: 130%;
}

.inquiry .bold{
	font-weight: 900;
}

.inquiry .attention{
	color: #eb090a;
}

.inquiry table tr td{
	padding-bottom: 1em !important;
	vertical-align: top;
}

.inquiry table tr .form_category{
	width: 150px;
}

.inquiry table .txt_cap{
	text-indent: -1em;
	padding: 0 0 0 1em;
	line-height: 1.3;
}


.inquiry .attention_box{
	border: 2px solid #eb090a;
	padding: 10px 20px;
}

.inquiry .attention_box .bold{
	font-weight: 900;
}

.inquiry .red{
	color: #eb090a;
	font-weight: 900;
}

.inquiry .listmark{
	background: url(/files/img/holdinfo/listmark_holdinfo-01.gif) 0 0.5em no-repeat;
	padding:  0 0 0 1em;
}

.inquiry a{
	text-decoration: underline;
}

.inquiry a:hover{
	text-decoration: none;
}

.inquiry .box{
	border: 1px solid #eb090a;
	padding: 30px
}

.inqury .bold{
	font-weight: 900;
}

.inquiry .large{
	font-size: 140%;
	line-height: 1.4;
	text-align: justify;
	text-justify: inter-ideograph;
}



.temporary-inquiry{
	margin: 30px 0;
	text-align: center;
	font-size: 140%;
}







/*---------------------------------------
 *会員規約
---------------------------------------*/

.fc_kiyaku #main{
	width: 600px;
	margin: 0 auto;
}


.fc_kiyaku .close{
	text-align: right;
	font-weight: 900;
	margin: 20px 0;
	width: 600px;
}

.fc_kiyaku{
	background: #FFFFFF;
	width: 100% !important;
	height: 100% !important;
}


.fc_kiyaku h1{
	width: 580px;
	height: 45px;
	line-height: 45px;
	font-weight: 900;
	font-size: 150%;
	padding: 0 0 0 20px;
	background: #eb090a;
	color: #FFFFFF;
	text-align: left !important;
	margin: 0 auto!important;
}

.fc_kiyaku .section{
	margin: 1em 0 2em;
	
}

.fc_kiyaku .section ol li{
	line-height: 1.3;
	list-style-type: decimal;
	margin: 0 0 0 2em;
}

.fc_kiyaku .section span{
	display: block;
    text-indent: -3em;
    padding-left:3em;
}

.fc_kiyaku .section ol li span{
    display: block;
    text-indent: -3em;
    padding-left:3em;
}

.fc_kiyaku h2{
	font-weight: 900;
	padding: 1em 0;
}





/*---------------------------------------
 *サイトマップ
---------------------------------------*/

.sitemap h3{
	font-weight: 500;
	color: #333333;
}

.sitemap .section ul{
	background: #EDEDED;
	padding: 20px;
}

.sitemap .section ul li{
	float: left;
	width: 206px;
	/*height: 40px;*/
	/*line-height: 40px;*/
	background: url(/files/img/sitemap/bg_sitemap-01.gif) 0 50% no-repeat;
	padding-left: 20px;
	margin-right: 10px;
}





/*---------------------------------------
 *移行手続きページ
---------------------------------------*/

.ikou #main{
	margin:0 auto; 
}



.ikou #main h3{
	text-indent: -0.5em;
}

.ikou #main p{
	font-size: 115%;
	font-weight: 900;
	margin: 0 0 1.5em;
	line-height: 1.5;
}

.ikou #main .chart{
	margin: 1em 0 0;
}

.ikou #main .section a{
	text-align: center;
	display: block;
}

.ikou .chart{
	text-align: center;
}




/*---------------------------------------
 *新規会員登録ページ
---------------------------------------*/

.regist_info {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 26px 0;
}

#regist_attention {
	background: #f9d5d4;
	padding: 20px 30px;
	margin: 0 0 38px 0;
}
#regist_attention h3 {
	color: #e21c18;
	font-size: 16px;
	margin: 0 0 10px 0;	
}

#regist_attention ul {}
#regist_attention ul li {
	margin: 0 0 17px 16px;
	font-size: 14px;
	line-height: 1.3;
	list-style: square;
}


.touroku_btn{
	text-align: center !important;
}	
.touroku_txt {
	text-align: center !important;
	margin: 20px 0 0 0;
}

.archiveTtl01 span.caution{
	font-weight: normal;
	font-size: 16px;
}


.regmsg03{
	font-weight: 700;
	font-size: 138.5%;
	margin: 30px 0 0;
	background: url(/pc/commons/images/temp/bg_tit_03_top.png) no-repeat 0 top;
	padding: 0 0px 20px;
}




/* itemList_top
------------------------------- */

.itemList_top {
	border-left: 1px solid #ccc;
	border-bottom: none;
	border-top: 1px solid #ccc;
}

.itemList_top .col01 {
	width: 100%;
	padding: 15px;
	border-right: 1px solid #ccc;
	position: relative;
	min-height: 155px;
	box-sizing: border-box;
}

.itemList_top .ele {
	width: 50%;
	padding: 15px;
	float: left;
	border-right: 1px solid #ccc;
	position: relative;
	min-height: 155px;
	box-sizing: border-box;
}
.itemList_top .ele:first-child {
	width: 49.9%;
	width: 50%\9;
}
.itemList_top .ele:last-child {
	width: 50.1%;
	width: 50%\9;
}
.itemList_top .col01 .tit,
.itemList_top .ele .tit {
	font-weight: 700;
	width: 160px;
	color: #111;
	margin-bottom: 6px;
	font-size: 15px;
	
}
.itemList_top .col01 .txt,
.itemList_top .ele .txt {
	width: 160px;
	font-family: Arial;
    line-height: 1.615;
}
.itemList_top .col01 .txt {
	width: 500px;
	font-family: Arial;
    line-height: 1.615;
}

.itemList_top .col01 img,
.itemList_top .ele img {
	position: absolute;
	right: 15px;
	top: 15px;
}
.itemList_top .col01 a,
.itemList_top .ele a {
	color: #111;
	text-decoration: underline;
}
.itemList_top .col01 a:hover,
.itemList_top .ele a:hover {
	text-decoration:none!important;
}

/* .secItemList itemList 
------------------------------- */

.campInfo {
	margin: 40px 0 30px;
}
.campInfo p {
	margin-bottom: 10px;
}
.campInfo ul {
	margin-bottom: 10px;
}
.campInfo .txtEm {
	font-weight: 700;
}

.campInfo .campMv {
	margin-bottom: 30px;
}
.campInfo dl.campInfoDtl {
	margin: 15px 0;
}
.campInfo dl.campInfoDtl dt {
	font-weight: 700;
}



/* .secItemList itemList 
------------------------------- */
.secItemList{
	margin-top: 30px;
	width:970px;
}

.secItemList .inName a {
	color:#333!important;
	text-decoration:underline!important;
}
.secItemList .inName a:hover {
	text-decoration:none!important;
}
.secItemList .itemList{
	border-right: 1px solid #ddd;
	margin-bottom:10px;
}
.secItemList .itemList li {
	width: 241px;
	border: 1px solid #ccc;
	border-right:none;
	float: left;
	height: 260px;
	position: relative;
}
.secItemList .itemList li .attention{
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0 10px 5px 0;
}
.secItemList .itemList li .iconItem {
	position: relative;
	top: -1px;
	left: -1px;
}
.secItemList .itemList li .inItem {
	width: 200px;
	height: 160px;
	line-height: 180px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -100px;
}
.secItemList .itemList li .inItem img {
	vertical-align: middle;
}
.secItemList .itemList li .inName {
	color: #111;
	margin: 10px 0;
	padding: 0 20px;
	font-weight: 700;
	position: relative;
	z-index: 10;
	font-size: 15px;
}
.secItemList .itemList li .inName a {
	display: block;
}
.secItemList .itemList li .inName .itemnum {
	font-size: 13px;
	display: block;
	margin-top: 3px;
	font-weight: 400;
	font-family: Arial;
}
.secItemList .itemList li .inName .releaseDay {
	color: #f22;
	font-size: 92.3%;
	font-weight: 700;
}

.secCaution{
	width:740px;
	margin:0 auto;
	border:solid 2px #eb090a;
	padding:30px;
	margin-bottom:30px;
}
.secCaution .title04{
	font-weight: 700;
	font-size: 26px;
	padding: 0 0px 20px;
}
.secCaution .list01 {
	margin: 0 0 30px 0px;
}
.secCaution .list01 li {
	font-size: 115.4%;
	list-style-type: disc;
	margin-bottom: 10px;
}
.secCaution .caution{
	font-weight: normal;
	font-size: 12px;
}

.secPageLink{
	width:100%;
	text-align:center;
	padding-top:30px;
	margin-top:50px;
	background: url(/pc/commons/images/temp/bg_tit_02_top.png) no-repeat 0 0;
}
.secPageLink ul{
	width: 970px;
	margin:0 auto;
}
.secPageLink ul li{
	text-align:left;
	border: 2px solid #d4d4d4;
	width: 230px;
	float: left;
	margin-right: 10px;
	height: 120px;
}
.secPageLink ul li.last {
    margin-right: 0;
}
.secPageLink ul li table{
	width: 100%;
	height:100%;
}
.secPageLink ul li table tr td{
	height: 100%;
	padding: 0 5px;
	vertical-align:middle;
	text-align: center;
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}
.secPageLink ul li a{
	display:block;
	height: 100%;
}
.secPageLink a:hover {
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	opacity: .75;
}
.secPageLink ul li table p{
	display: inline-block;
	font-size: 115.4%;
	font-weight: 700;
	background: url(/pc/commons/images/temp/icon_arrw_01.png) no-repeat 0 .5em;
	padding-left: 11px;
	color:#333;
}
.secPageLink ul li table img{
	display: block;
	margin:10px auto 0;
}
.secPageLink ul li table img.icoMail{
	margin:14px auto 3px;
}
.secPageLink ul li table .sub{
	background: none;
	padding:0;
}

.secPageLink{
	width:970px;
	text-align:center;
	padding-top:30px;
	margin-top:50px;
}

.btnSec{
	margin:0 auto;
}
.btnSec{
	width:940px;
	text-align: center;
	margin-bottom: 10px;
}
 ul.twoBtn{
	display: inline-block;
}
 ul.twoBtn li{
	text-align:left;
	background-color: #eb090a;
	width: 223px;
	float: left;
	margin-right: 10px;
	height: 90px;
}
 ul.twoBtn li.last {
    margin-right: 0;
}
 ul.twoBtn li table{
	width: 100%;
	height:100%;
}
 ul.twoBtn li table tr td{
	height: 100%;
	padding: 10px;
	vertical-align:middle;
	text-align: center;
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}
 ul.twoBtn li a{
	display:block;
	height: 100%;
}
 ul.twoBtn a:hover {
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	opacity: .75;
}
 ul.twoBtn li table p{
	display: inline-block;
	font-size: 20px;
	color:#fff;
	font-weight: 700;
	background: url(./files/img/icon_arrw_01.png) no-repeat 0 .5em;
	padding-left: 11px;
}
 ul.twoBtn li table img{
	display: block;
	margin:6px auto 0;
}
 ul.twoBtn li table img.icoMail{
	margin:10px auto 3px;
}
 ul.twoBtn li table .sub{
	background: none;
	padding:0;
}


/*---------------------------------------
 *登録変更ページ
---------------------------------------*/

.change_info {
	font-size: 14px;
	font-weight: bold;
}
.change_info2 {
	font-size: 12px;
	margin: 27px 0 32px 0;
}


/*---------------------------------------
 *お詫びページ
---------------------------------------*/

.owabi #main{
	margin:0 auto; 
}


.owabi #main p{
	font-size: 115%;
	margin: 0 0 1.5em;
	line-height: 1.5;
}


.owabi .section span{
	display: block;
	font-weight: 900;
	margin: 0 0 0.1em;
	font-size: 130%;
}

.owabi .section .go{
	float: left;
}

.owabi .section .sei{
	float: right;
}







/*---------------------------------------
 *401 Unauthorized
---------------------------------------*/

.error401 .wrap{
	width: 600px !important;
}

.error401 .bold{
	font-weight: 900;
}

.error401 h2{
	height: 35px;
	line-height: 35px;
	font-weight: 900;
	font-size: 150%;
	padding: 7px 0 3px 55px;
	background: url(/files/img/error401/bg_error401-01.gif) 15px 50% no-repeat #eb090a;
	color: #FFFFFF;
	text-align: left !important;
	margin: 0 !important;
}

.error401 h2 span{
	font-size: 80%;
	font-weight: 100;
	padding: 0 1em;
}

.error401 .result{
	margin: 30px 0;
}

.error401 .section h3{
	font-size: 200%;
	font-weight: 100;
	color: #eb090a;
}

.error401 .gray_bg{
	background: #EDEDED;
	padding: 30px 30px 0;
}

.error401 .error_case{
	padding-bottom: 30px;
}

.error401 .error_case h4{
	background: url(/files/img/holdinfo/listmark_holdinfo-01.gif) 0 0.5em no-repeat;
	padding:  0 0 0.5em 1em;
	font-weight: 900;
	font-size: 110%;
}

.error401 .error_case p{
	text-align: justify;
	text-justify:inter-ideograph;
	line-height: 1.3;
	padding-left:1em;
}

.error401 .error_case .example{
	padding:0.5em 0 0 2em;
}

.error401 .login_btn{
	margin: 20px 0;
}

.error401 .login_btn .to_toppage{
	margin: 10px 0 0;
}

.error401 a{
	text-decoration: underline;
}

.error401 a:hover{
	text-decoration: none;
}







/*---------------------------------------
 *会員ページ-ベースレイアウト
---------------------------------------*/


/*
.members #main{
	float: right;
	width: 780px;
}
*/

.members #side{
	float: left;
}




/*---------------------------------------
 *会員ページ-TOP
---------------------------------------*/





/*背景色とサイズ
---------------------------------------*/

.banner_box{
	width: 371px;
	padding: 7px;
	margin: 0 0 10px;
}

.banner_box p a{
	background: #FFFFFF;
	display: block;
	width: 371px;
}

.members_top .banner_tamon,
.members_top .banner_kaihou{
	background: #eb090a;
	
}

.members_top .banner_yatabe,
.members_top .banner_present{
	background: #000000;
	
}

.members_top .banner_yatabe,
.members_top .banner_kaihou{
	float: right;
}

.members_top .banner_tamon,
.members_top .banner_present{
	float: left;
}






/*バッジ
---------------------------------------*/
.banner_tamon{
	position: relative;
}

.banner_tamon .badge{
	position: absolute;
	top:76px;
	left:8px;

}






/*---------------------------------------
 *会員ページサイドバースタイリング
---------------------------------------*/

#side .upper_space{
	margin-top: 1.5em;
}







/*---------------------------------------
 *会員ページ-PRESENT
---------------------------------------*/

/*
.members_present #main .red_bg{
	background: #eb090a;
	padding: 30px 15px;
	width: 750px !important;
	color: #FFFFFF;
}
*/

.members_present #main h2{
	text-align: center;
	margin: 0 0 25px;
	background: #eb090a;
	padding: 20px 0;
}

.members_present .gaiyou{
	padding: 0 20px;
}

.members_present .text{
	float: left;
	width: 360px;
	
}


.members_present .pic{
	float: right;
	border: 1px solid #000000;
	position: relative;
}

.members_present .pic .caption{
	text-align: right;
	position: absolute;
	width: auto;
	left:auto;
	right:10px;
	bottom:10px;
	font-size: 90%;
}

.members_present .text p{
	font-weight: 900;
	font-size: 100%;
	line-height: 1.4;
	text-align: justify;
	text-justify:inter-ideograph;
}

.members_present .youkou{
	background: #DDDDDD;
	margin: 25px 0 0;
	padding: 15px;
}

.members_present .youkou p{
	font-weight: 900;
	font-size: 200%;
	margin: 0 0 0.2em;	
}

.members_present .youkou span{
	display: block;
	line-height: 1.3;
}


.members_present .button{
	text-align: center;
	margin: 25px 0 0;
}






/*---------------------------------------
 *会員ページ-PRESENT FORM
---------------------------------------*/

.members_presentform form{
	width: 562px;
	border: solid 1px #CCCCCC;
}

.members_presentform form h2{
	height: 43px;
	background: #ee1b05;
	line-height: 43px;
	text-align: center;
	color: #FFFFFF;
	font-size: 170%;
}

.members_presentform form .form_inner{
	text-align: center;
	margin: 40px auto;
	width: 470px;
}

.members_presentform form .form_inner table{
	margin: 20px 0 0;

}

.members_presentform form .form_inner table tr th{
	text-align: left;
	padding: 5px 10px 5px 0;

}

.members_presentform form .form_inner table tr td{
	width: 240px;
	padding: 5px 10px 5px 0;
	text-align: left;

}

.members_presentform form .form_inner table tr td a{
	color: #eb090a;
}

.members_presentform form .form_inner table tr td .input_width{
	width: 238px;
	height: 16px;
}

.members_presentform form .form_inner .button{
	margin: 30px 0 0;
}

.members_presentform form .error_msg{
	color: #eb090a;
	font-weight: 900;
}

.members_presentform form .red{
	color: red;
	font-weight: 900;
}




/*---------------------------------------
 *WEBマガジン
---------------------------------------*/
.members_magazine #article{
	margin: 40px auto 0;
	text-align: justify;
	text-justify:inter-ideograph;
}

.members_magazine #article h3{
	font-size: 150%;
	line-height: 1.5;
}

.members_magazine img {
	max-width:680px;
}
.members_magazine #article .author_voice{
	background: #EDEDED;
	padding: 20px;
	margin: 20px 0;
	background: url(/pc/commons/images/temp/bg_magazine-01.gif) 0 0 repeat;
}


.members_magazine #article .text p{
	margin: 0 0 2em;
	font-size: 110%;
	font-family: sans-serif;
}

.members_magazine #article .text .subtitle{
	height: 30px;
	line-height: 30px;
	background: #eb090a;
	color: #FFFFFF;
	font-weight: 900;
	font-size: 130%;
	padding: 10px;
}

.members_magazine #article .text .bold{
	font-weight: 900;
	font-style: oblique;
}

.members_magazine #article .text .weight{
	font-weight: 900;
}

.pager{
	margin: 50px auto;
	text-align: center;
}

.pager span a{
	font-size: 80%;
	padding: 10px 12px; 
	border: 1px solid #eb090a;
}



.pager_foot{
	margin: 80px auto;
}

.pager_foot span a{
	font-size: 100%;
	padding: 25px 29px ;  
	border: 1px solid #eb090a;
}


.pager .here{
	background: #eb090a;
	color: #FFFFFF;
	font-size: 80%;
	padding: 10px 12px;
	border: 1px solid #eb090a;
}

.pager_foot .here{
	font-size: 100%;
	padding: 25px 29px ; 
	border: 1px solid #eb090a;
	background: #eb090a;
}

.pager a{
	color: #eb090a;
}
.pager a:hover{
	background: #eb090a;
	color: #FFFFFF;
	text-decoration: none;
}

.convert_btn{
	text-align: center;
	margin: 50px 0 ;
}

.background{
	background: url(/files/img/report/pic_vol2_report-03.jpg) 0 0 no-repeat;
	width: 740px;
	height: 509px;
	/*position: relative;*/
}

.background a{
	padding: 410px 0 0;
	display: block;
}


/*pagerが黒
----------------------------------------*/

.black span a{
	border: 1px solid #000000 !important;
	color: #000000 !important;
}

.black .here{
	background: #000000 !important;
	color: #FFFFFF;
	border: 1px solid #000000 !important;
}

.black a:hover{
	background: #000000 !important;
	color: #FFFFFF !important;
	text-decoration: none;
}



/*subtitleの帯が黒
----------------------------------------*/

.members_magazine #article .text .black{
	background: #000000 !important;
}

/*Back Numberスタイリング
----------------------------------------*/


#back_number{
	margin: 1em 0 0;
}
#back_number p{
	line-height: 1.7;
}
#back_number .tit{
	border-bottom: 1px solid #999999;
	width: 186px;
}

ul#list li{
	border: 1px solid #999999;
	padding: 10px 4px 4px 120px;
	font-size: 14px;
	text-align: justify;
	text-justyify:inter-ideograph;
	line-height: 1.3em;
	position: relative;
	margin: 0 0 10px 0;
	min-height: 95px;
}

ul#list li .thumb{
	position: absolute;
	top:13px;
	left:17px;
}

ul#list li p{
	font-size: 22px;
	font-style: italic;
}

ul#list li a{
	color: #000000;
}




/*---------------------------------------
 *メンテナンス講座
---------------------------------------*/


.maintenance{

}

#contents_navi{
	background: #333333;
	padding: 8px 18px;
	height: 43px;
	position: absolute;
	z-index: 10;
}

#contents_navi ul li{
	float: left;
	margin: 0 16px 0 0;
	width: 174px;
}

#contents_navi ul li a{
	display: block;
	width: 174px;
	height: 43px;
	text-indent: -9999px;
}

#contents_navi ul li.n1 a{	background: url(/files/img/maintenance/btn_maintenance-01.gif)    0px 0 no-repeat;}
#contents_navi ul li.n2 a{	background: url(/files/img/maintenance/btn_maintenance-01.gif) -190px 0 no-repeat;}
#contents_navi ul li.n3 a{	background: url(/files/img/maintenance/btn_maintenance-01.gif) -380px 0 no-repeat;}
#contents_navi ul li.n4 a{	background: url(/files/img/maintenance/btn_maintenance-01.gif) -570px 0 no-repeat;}

#contents_navi ul li.n1 a:hover,#contents_navi ul li.n1 a.on{	background: url(/files/img/maintenance/btn_maintenance-01.gif)    0px -43px no-repeat;}
#contents_navi ul li.n2 a:hover,#contents_navi ul li.n2 a.on{	background: url(/files/img/maintenance/btn_maintenance-01.gif) -190px -43px no-repeat;}
#contents_navi ul li.n3 a:hover,#contents_navi ul li.n3 a.on{	background: url(/files/img/maintenance/btn_maintenance-01.gif) -380px -43px no-repeat;}
#contents_navi ul li.n4 a:hover,#contents_navi ul li.n4 a.on{	background: url(/files/img/maintenance/btn_maintenance-01.gif) -570px -43px no-repeat;}

#contents_navi ul li.last{
	margin-right: 0;
}

.maintenance #contents_img{
	padding: 69px 0 0;
}

.maintenance .follow{
	position: fixed !important;
	top:0;
}

#contents_img div{
	position: relative;
	text-align:center;
}

#contents_img div .back{
	display: block;
	position: absolute;
	bottom: 35px;
	right: 50px;
	background: #000;
	color: #FFF;
	padding: 4px;
	font-size: 10px;
}

#contents_img div .last{
	top:130px;
}



/*---------------------------------------
info_archives
---------------------------------------*/
.secInfo{
	margin-top:30px;
}
.secInfo ul.infoArchives{
	margin: 0 20px;
}
.secInfo ul.infoArchives li{
	padding:20px 0 20px;
	background: url(/pc/commons/images/temp/bg_tit_02_btm.png) repeat-x 0 bottom;
}
.secInfo ul.infoArchives li dl{
	560px
}
.secInfo ul.infoArchives li dl dt{
	float:left;
	width:100px;
}
.secInfo ul.infoArchives li dl dd{
	float:left;
	width:460px;
}
.secInfo ul.infoArchives a{
	text-decoration: none;
	color: #e51700;
}

/*---------------------------------------
info_archives/owabi.html
---------------------------------------*/
.secOwabi{
	margin-top:30px;
}
.secOwabi .go {
  float: left;
}
.secOwabi .sei {
  float: right;
}
.secOwabi span {
  display: block;
  font-weight: 900;
  margin: 0 0 0.1em;
  font-size: 130%;
}
.secOwabi .wabiImg{
	margin:30px 20px;
}

/*---------------------------------------
info_archives/fcm/
---------------------------------------*/
.secFcm p.intro{
	font-weight: 700;
	font-size: 18px;
}


/*---------------------------------------
info_archives/150407.html
---------------------------------------*/
.archiveTtl01{
	font-weight: 700;
	font-size: 18px;
	margin: 30px 0 0;
	padding: 0 0 10px;
	background: url(/pc/commons/images/temp/bg_tit_02_top.png) no-repeat 0 bottom;
}
.archiveTtl02{
	font-weight: 700;
	font-size: 26px;
	margin: 20px 0;
}
#tabNav01 {
	background:#ffffff;
	border-left: 1px solid  #ccc;
	margin-bottom: 20px;
}
#tabNav01 li {
	float: left;
	border: 1px solid  #ccc;
	border-left: none;
	width: 33%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
ul#tabNav01 li.active {
	background-color: #f7c7ca;
}
ul#tabNav01 li.active a:hover {
	text-decoration: none;
}
#tabNav01 a {
	display: block;
	padding: 10px 26px 10px 30px;
	background: url(/pc/commons/images/temp/icon_arrw_01.png) no-repeat 18px 50%;
	font-weight: 700;
	color: #333;
	font-size: 115.4%;
}
.leadList01 {
	padding: 0 0 10px 20px;
	margin-bottom: 20px;
	background: url(/pc/commons/images/temp/bg_tit_02_btm.png) repeat-x 0 bottom;
}
.leadList01 li {
	list-style: disc;
	margin-bottom: 10px;
}
.flowImgWrap {
	text-align: center;
	padding-top: 20px;
}
.flowTxt span{
	display: inline-block;
	float: right;
	width: 640px;
}
.flowTxt span.number{
	float: left;
	width: 40px;
}

.strongBox {
	background-color: #ffecb7;
	padding: 20px;
}
/* info_archives
------------------------------- */
.infoArchives li {
	padding: 8px 0;
	border-bottom: 1px solid #ddd;
}
.infoArchives li:last-child {
	margin-bottom: 0;
}
.infoArchives .inDate {
	font-family: Arial;
	font-size: 107.7%;
	font-weight: 700;
	color: #888;
}
.infoArchives li span {
	display: inline-block;
}
.infoArchives li .inTitle {
	margin-left: 20px;
}

/*---------------------------------------
 *IE6 Hack
---------------------------------------*/

*html .portal_top .wrap #section .main{
	margin: 0 18px 0 10px;
}

/* ----------------------------------------

clearfix 

---------------------------------------- */

/* Modern Browsers
------------------------------- */
.flowTxt:after,
div.secItemList ul.itemList:after,
div.secPageLink ul:after,
ul.twoBtn:after,
.secInfo ul.infoArchives li dl:after,
.wabiImg:after,
#tabNav01:after,
.itemList_top:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */
.flowTxt ,
div.secItemList ul.itemList,
div.secPageLink ul,
ul.twoBtn,
.secInfo ul.infoArchives li dl,
.wabiImg,
#tabNav01,
.itemList_top {
	*zoom: 1;
}