@charset "EUC-JP";

body{
}

a{
	text-decoration: none;
	color: #e51700;
}

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

html {
 overflow-y: scroll;
}






/*---------------------------------------
 *Header
---------------------------------------*/ 


#header{
	width: 100%;
	height:64px;
	background: url(../images/temp/bg_head-01.gif) 0 0 repeat-x;
	border-top: solid 3px #e51700;
}

#header .hd_inner{
	padding: 8px 0 !important;
	width: 600px;
	margin: 0 auto;
	position: relative;
}

#header.hd_inner h1{
	margin: 0;
	padding: 0;
	height: 48px;
}

#header .head_navi{
	position: absolute;
	top:38px;
	/* left:288px; */
	right: 0;
	color: #ee1c06;
	/* width: 512px; */
	text-align: right;
}



/* members TOPのh1ロゴのスタイリング
---------------------------------------*/ 

#header .hd_inner .members_h1{
	display: block;
	position: relative;
	left:-95px;
}







/*---------------------------------------
 *G Navigation
---------------------------------------*/ 


#gnav{
	width: 100%;
	height: 60px;
	border-bottom: solid 3px #333333;
	background: #f3f3f3;
}

#gnav .gnav_area{
	width: 602px;
	margin: 0 auto;
}

#gnav .gnav_area ul li {
	float: left;
	
}

#gnav .gnav_area ul li a{
	display: block;
	height: 60px;
	text-indent: -9999px;
}


#gnav .gnav_area ul li.n1 a{width: 150px;	background: url(../images/temp/gnav.png)   0px    -60px  no-repeat;}
#gnav .gnav_area ul li.n2 a{width: 152px;	background: url(../images/temp/gnav.png) -150px   -60px  no-repeat;}
#gnav .gnav_area ul li.n3 a{width: 147px;	background: url(../images/temp/gnav.png) -302px   -60px  no-repeat;}
#gnav .gnav_area ul li.n4 a{width: 153px;	background: url(../images/temp/gnav.png) -449px   -60px  no-repeat;}

#gnav .gnav_area ul li.n1 a:hover{	background: url(../images/temp/gnav.png)    0px 0px  no-repeat;}
#gnav .gnav_area ul li.n2 a:hover{	background: url(../images/temp/gnav.png) -150px 0px  no-repeat;}
#gnav .gnav_area ul li.n3 a:hover{	background: url(../images/temp/gnav.png) -302px 0px  no-repeat;}
#gnav .gnav_area ul li.n4 a:hover{	background: url(../images/temp/gnav.png) -449px 0px  no-repeat;}

#gnav .gnav_area ul li.n1 a.current{	background: url(../images/temp/gnav.png)    0px 0px  no-repeat;}
#gnav .gnav_area ul li.n2 a.current{	background: url(../images/temp/gnav.png) -150px 0px  no-repeat;}
#gnav .gnav_area ul li.n3 a.current{	background: url(../images/temp/gnav.png) -302px 0px  no-repeat;}
#gnav .gnav_area ul li.n4 a.current{	background: url(../images/temp/gnav.png) -449px 0px  no-repeat;}



#gnav { position: relative; }
ul#ddlist {
	display: none;
	position: absolute;
}
#gnav .gnav_area ul#ddlist {
	margin: 3px 0 0 0;
	z-index: 999;
}
#gnav .gnav_area ul#ddlist li {
	float: none;
}
#gnav .gnav_area ul#ddlist li a {
	background: #FFF;
	text-indent: 0;
	width: 139px;
	height: 35px;
	line-height: 35px;
	padding: 5px;
	border: 1px solid #E5E5E5;
	border-top: none;
}




/*---------------------------------------
 *Main Body Layout
---------------------------------------*/ 


#contents{
	margin: 0 auto;
	background: #FFFFFF;
	width: 100%;
}

#contents .wrap{
	margin: 0 auto ;
	padding: 55px 0 100px;
	width: 600px;
}

/*
#contents .members{

	width: 990px;
}

#contents .left{
	float: left;
}

#contents .right{
	float: right;
}

*/




/*---------------------------------------
 *Side Bar
---------------------------------------*/ 


#side{
	width: 188px;
	
}

#side ul li{
	line-height: 1;
	margin: 0 0 1px ;
}

#side #list{
	margin: -3px 0 5px;
}

#side #list li{
	margin-bottom: 0px;
}






/*---------------------------------------
 *Main
---------------------------------------*/ 


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





/*---------------------------------------
 *Footer
---------------------------------------*/ 


#footer{
	height: 83px;
	/*background: url(../images/temp/bg_foot-01.gif) 0 0 repeat #222222;*/
	background: #222222;
	color: #FFFFFF;
	padding: 30px 0 40px 0;
}

#footer .ft_inner{
	width: 600px; 
	margin: 0 auto;
	text-align: center;
}

#footer .portal .links{
	color: #FF0000;
}
#footer .portal p.copyright {
	margin: 16px 0 0 0;
}


/*---------------------------------------
 *ポータルページ-TOP
---------------------------------------*/


#main_visual{
	width: 600px;
	height: 592px;
	margin: 13px auto 0 auto;
	background: url(../images/top/main.jpg) 0 0 no-repeat;
	text-align: center;
	position: relative;
}

#main_visual #top-regist-button {
	position: absolute;
	top: 300px;
	left: 45px;
}



.portal_top .wrap .banner{
	margin: 0 0 20px;
}

.portal_top .wrap .banner a:hover{
	background: url(../images/top/bnr_top-01_new.png) 0px -53px no-repeat;
}

.top_attention {
/*
	width: 570px;
	margin: 0 auto;
*/
	padding: 10px;
	border: 1px solid #999;
}
#contents .top_wrap {
	padding: 17px 0 50px 0;
}
#section {
	text-align: justify;
}



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


#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: #e51700;
	font-weight: 900;
}

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



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

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

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

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

.hold_info .red_padding{
	color: #e51700;
	font-weight: 900;
	padding: 1em;
	display: block;
	border: 1px solid #e51700;
	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(../images/holdinfo/btn_holdinfo-00.gif) 0    0px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav2 a{	background: url(../images/holdinfo/btn_holdinfo-00.gif) 0  -67px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav3 a{	background: url(../images/holdinfo/btn_holdinfo-00.gif) 0 -134px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav4 a{	background: url(../images/holdinfo/btn_holdinfo-00.gif) 0 -201px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav5 a{	background: url(../images/holdinfo/btn_holdinfo-00.gif) 0 -268px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav6 a{	background: url(../images/holdinfo/btn_holdinfo-00.gif) 0 -335px no-repeat;}
.holdinfo_side ul li.side_holdinfo_nav7 a{	background: url(../images/holdinfo/btn_holdinfo-00.gif) 0 -402px no-repeat;}

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

 .onpage2 ul li.side_holdinfo_nav2 a{	background: url(../images/holdinfo/btn_holdinfo-00.gif) -188px  -67px no-repeat !important;}
 .onpage3 ul li.side_holdinfo_nav3 a{	background: url(../images/holdinfo/btn_holdinfo-00.gif) -188px -134px no-repeat !important;}
 .onpage4 ul li.side_holdinfo_nav4 a{	background: url(../images/holdinfo/btn_holdinfo-00.gif) -188px -201px no-repeat !important;}
 .onpage5 ul li.side_holdinfo_nav5 a{	background: url(../images/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(../images/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.even{
	width: 222px;
	height: 123px;
	float: left;
	padding: 22px 138px 22px 20px;
	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(../images/about/pic_about-01.jpg) 0 50% no-repeat;
}

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

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

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

.about .members_content5 {
	background: url(../images/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 h2{
	height: 45px;
	line-height: 45px;
	font-weight: 900;
	font-size: 150%;
	padding: 0 0 0 20px;
	background: #e21c19;
	color: #FFFFFF;
	text-align: left !important;
	margin: 0 !important;
}

#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(../images/faq/icon_faq-01.gif) 99% 45% no-repeat;
	height: 18px;
	line-height: 18px;
}

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


#faq .section dl dt{
	background: url(../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(../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;
}

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

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


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

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

.inquiry .attention{
	color: #e51700;
}

.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 #e51700;
	padding: 10px 20px;
}

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

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

.inquiry .listmark{
	background: url(../images/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 #e51700;
	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: #e51700;
	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(../images/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;
}


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

.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(../images/error401/bg_error401-01.gif) 15px 50% no-repeat #e51700;
	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: #e51700;
}

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

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

.error401 .error_case h4{
	background: url(../images/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: #e51700;
	
}

.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: #e51700;
	padding: 30px 15px;
	width: 750px !important;
	color: #FFFFFF;
}
*/

.members_present #main h2{
	text-align: center;
	margin: 0 0 25px;
	background: #e51700;
	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: #e51700;
}

.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: #e51700;
	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: 600px;
}
.members_magazine #article .author_voice{
	background: #EDEDED;
	padding: 20px;
	margin: 20px 0;
	background: url(../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: #e51700;
	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 #e51700;
}



.pager_foot{
	margin: 80px auto;
}

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


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

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

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

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

.background{
	background: url(../images/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 .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(../images/maintenance/btn_maintenance-01.gif)    0px 0 no-repeat;}
#contents_navi ul li.n2 a{	background: url(../images/maintenance/btn_maintenance-01.gif) -190px 0 no-repeat;}
#contents_navi ul li.n3 a{	background: url(../images/maintenance/btn_maintenance-01.gif) -380px 0 no-repeat;}
#contents_navi ul li.n4 a{	background: url(../images/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(../images/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(../images/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(../images/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(../images/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;
}

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

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




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

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




