/*-- 見出し
------------------------------------------------------*/

h1 { width:680px; margin:0 auto 20px; }
h2 { width:650px; margin:0 auto; }
h3 { margin-bottom:10px; }
h4 { margin:15px 0 5px 0; padding-left:16px; color:#89bd02; font-size:110%; font-weight:bold; }


/*-- テーブル
------------------------------------------------------*/

.tbl-line-01, .tbl-line-02{ margin:10px auto; border:1px solid #BFBDAD; border-bottom:none; text-align:left; }
.tbl-line-01 th, .tbl-line-01 td ,
.tbl-line-02 th, .tbl-line-02 td{ padding:8px; vertical-align:middle; border-bottom:1px solid #BFBDAD; }

.tbl-line-01 th { background-color:#ddd; font-weight:normal; border-right:1px solid #BFBDAD; }
.tbl-line-01 td { background-color:#f4f4f4; }

.tbl-line-02 { border-right:none; }
.tbl-line-02 th { background-color:#ddd; font-weight:normal; border-right:1px solid #BFBDAD; }
.tbl-line-02 td { background-color:#fff; font-weight:normal; border-right:1px solid #BFBDAD; }
.tbl-line-02 .ex { background-color:#f4f4f4; }
.tbl-line-02 .ex02{ background-color:#fefaf7; }

.tbl-line-03{
border-collapse:collapse;
}
.tbl-line-03 th{
border:1px solid #ddd;
background-color:#f4f4f4;
padding:3px;
font-weight:normal;
}
.tbl-line-03 td{
border:1px solid #ccc;
background-color:#fff;
padding:3px;
}

/*-- メインコンテンツ
------------------------------------------------------*/

.maincontent {
	width:650px;
	margin:0 auto;
	padding:15px;
	border:1px solid #e6e0d2;/*#f0ece4*/
	background-color:#fefaf7;
}

/*-- メインコンテンツ2　（subscription.htmでのみ使用）
------------------------------------------------------*/

.maincontent02 {
	width:650px;
	margin:0 auto;
	padding:15px;
	border-bottom:1px solid #e6e0d2;
	border-left:1px solid #e6e0d2;
	border-right:1px solid #e6e0d2;
	background-color:#fefaf7;
}


/*-- アナウンス
------------------------------------------------------*/

.announce{
	margin:10px auto;
	width:650px;
}

.announce02{
margin:0 auto;
width:682px;
}

/*-- 文章枠
------------------------------------------------------*/

.section {
	width:600px;
    margin:0 auto;
    padding:15px 24px;
    background-color:#fff;
    border:1px solid #c6c6c6;
    border-top:none;
}

.section02 {
	width:650px;
	margin:0 auto;
	padding:15px;
}


/*-- 2カラム・文章枠
------------------------------------------------------*/

.section_2col{
	width:600px;
	background:url(../img/bg_2col.gif) bottom no-repeat;
}

.section_2col .boxL{
	float:left;

}

.section_2col .boxR{
	float:right;
	margin-left:10px;
}

.section_2col .box{
padding:0 10px 10px 10px;
}

/*-- 2カラム・NEW
------------------------------------------------------*/
.section_2col_02{
	width:600px;
}

.section_2col_02 .boxR{
	float:right;
	border:#88bfeb 1px solid;
	padding:0;
}

.section_2col_02 .boxL{
	float:left;
	border:#88bfeb 1px solid;
	padding:0 0 10px 0;
}

.section_2col_02 .boxL .box{
	margin:0 auto 2px;
	width:275px;
}
.section_2col_02 .boxR .box{
	margin:0 auto;
	width:275px;
}



/*-- その他
------------------------------------------------------*/

/*段落*/
.pgh-plain-01 { margin-bottom:15px; }
.pgh-plain-02 { margin-bottom:10px; }
.pgh-plain-03 { margin-bottom:5px; }
.pgh-right-01{ text-align:right; }
.pgh-left-01{ text-align:left; }
.pgh-center-01{ text-align:center; }

/*強調*/
.em-01,
.em-04,
.em-05,
.em-06 { font-weight:bold; }
.em-02 { color:#f54b4b; }
.em-03 { color:#0e57b2; }
.em-04 { font-size:116%; }
.em-05 { font-size:85%; }
.em-06 { color:#f54b4b; }

.att, .att_alpha { font-size:86%; }
.att_alpha {padding-left:1.5em; text-indent:-1.5em; }

/*テキスト*/
.t_r{ color:#F00000;}


/*-- リスト 
------------------------------------------------------*/

ul.todoke_list1,ul.todoke_list2,
ul.todoke_list1 li,ul.todoke_list2 li{ list-style-type:disc; }
ul.disc,ul.square{ margin-left:20px; }
ul.double li,ul.disc li,li.disc{ list-style-type:disc; }


/*-- ※リスト 
------------------------------------------------------*/
ul.attention li {
	background:transparent url(../img/kome.gif) no-repeat scroll 0pt 0.4em;
	margin:0pt;
	padding:0pt 0pt 0pt 10px;
}

ul.attention_s1 li {
background:transparent url(../img/kome_s1.gif) no-repeat scroll 0 0.2em;
margin:0;
padding:0 0 0 10px;
font-size:80%;
/* #*color:red;*# */
}

ul.attention_m1 li {
	background:transparent url(../img/kome_m1.gif) no-repeat scroll 0pt 0.2em;
	margin:0pt;
	padding:0pt 0pt 0pt 15px;
}
ul.attention_m1 li.em-02,
ul.attention_m1 li.em-06 {
	background-image:url(../img/kome_m1_red.gif);
}


/*-- クリア （090317　common_header.cssから移動）
------------------------------------------------------*/

.clearfix, .CollapsiblePanelContent { zoom:1; }

.clearfix:after,
.CollapsiblePanelContent:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix, .CollapsiblePanelContent{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix,
* html .CollapsiblePanelContent {height: 1%;}
.clearfix, .CollapsiblePanelContent {display: block;}
/* End hide from IE-mac */


/*-- アイコン 
------------------------------------------------------*/
/*別窓*/
.blank{
padding:2px 2px 0 0;
}

/*pdf*/
.pdf{
padding:2px 2px 0 0;
}


/* mod_layout                   .lay-
-------------------------------------*/

/*___ lay-space-btm ___*/

.lay-space-btm-01{
margin-bottom:0 !important;
}

.lay-space-btm-02{
margin-bottom:5px !important;
}

.lay-space-btm-03{
margin-bottom:10px !important;
}

.lay-space-btm-04{
margin-bottom:15px !important;
}

.lay-space-btm-05{
margin-bottom:20px !important;
}

.lay-space-btm-06{
margin-bottom:25px !important;
}

.lay-space-btm-07{
margin-bottom:30px !important;
}

.lay-space-btm-08{
margin-bottom:40px !important;
}

.lay-space-btm-09{
margin-bottom:50px !important;
}

/*___ lay-space-top ___*/

.lay-space-top-01{
margin-top:0 !important;
}

.lay-space-top-02{
margin-top:5px !important;
}

.lay-space-top-03{
margin-top:10px !important;
}

.lay-space-top-04{
margin-top:15px !important;
}

.lay-space-top-05{
margin-top:20px !important;
}

.lay-space-top-06{
margin-top:25px !important;
}

.lay-space-top-07{
margin-top:30px !important;
}


/*-- ↓↓↓各コンテンツ↓↓↓--------------------*/



/*-- トップ / top.htm
------------------------------------------------------*/
#sitetop .block01 {
background:#f8f9f4 url(../../images/top/block01_bg.jpg) no-repeat right bottom;
width:650px;
margin:0 auto;
padding:15px;
border:1px solid #e6e0d2;
}

#sitetop .block01 h2{
margin:0 0 15px 0;
}

#sitetop .block01 h3,
#sitetop .block01 p{
margin:0px;
padding:0px;
}

/* ---- 2カラム ------*/
#sitetop .block01 .col2{
width:630px;
margin-bottom:10px;
padding:0 10px 10px 10px;
background: url(../../images/top/block01_bk_2col.gif) bottom;
}

#sitetop .block01 .imgR{
float:right;
}

/*
#sitetop .block01 .col1 img,
#sitetop .block01 .col2 img{
float:right;
}*/

#sitetop .block01 .col2 .boxL{
float:left;
width:300px;
margin-right:30px;
}

#sitetop .block01 .col2 .boxR{
float:left;
width:300px;
}

/* ---- 1カラム ------*/
#sitetop .block01 .col1{
width:300px;
margin-bottom:10px;
padding:0 10px 10px 10px;
background: url(../../images/top/block01_bk_1col.gif) bottom;
}

/* ---- サービスの仕組み ------*/
#sitetop .block02{
background:#fff url(../../images/top/block02_bg.gif) repeat-x 50% bottom;
width:650px;
margin:0 auto;
padding:15px;
border:1px solid #e6e0d2;
}

#sitetop .block02 h2{
margin:0 0 15px 0;
padding:0px;
}

#sitetop .block02 h4,
#sitetop .block02 h3{
margin:0px;
padding:0px;
}

#sitetop .block02 .boxL{
float:left;
width:280px;
}

#sitetop .block02 .boxR{
float:left;
margin-left:10px;
width:310px;
}

#sitetop .block02 .boxR p{
border-top:solid 1px #CCCCCC;
padding:10px 0 7px 15px;
}

#sitetop .block02 .boxR ul{
margin-left:15px;
}

/* ---- お知らせ ------*/
.osirase_wrap {
	padding:10px;
	border:1px solid #eae5d9;
	background:#fff;
	min-height:80px;
	_height:80px;
}
.osirase {
}
.osirase dt {
	float:left;
}
.osirase dt{
	margin-right:15px;
	width:120px;
}

/* ---- お知らせ【重要】 ------*/
.info{
margin:-10px 70px 20px 70px;
font-weight:bold;
}

.info a{
color:#f54b4b;
}
.info a:hover{
color:#FF6600;
}

/*-- 代理店 / partner.htm
------------------------------------------------------*/
 
#partner #feature{
float:left;
margin-right:10px;
_margin-right:3px;
width:307px;
}

#partner #feature p{
margin-bottom:10px;
}


/*-- よくあるご質問 / faq.htm
------------------------------------------------------*/

/*CollapsiblePanelContent　にclearfix適用*/

#faq h2{
width:640px;
margin:0px;
border:1px solid #ccc;
font-weight:bold;
padding:5px;
background: url(../../images/faq/titbg2.gif) left bottom repeat-x;
background-color:#fff;
}

.beforehand {
margin:0 auto;
padding:10px;
width:630px;
_width:630px;
border:1px solid #bfbdad;
border-style:none solid solid solid;
background-color:#fff;
}

.beforehand h3{
font-weight:bold;
border-bottom:1px solid #ccc;
color:#333;
padding:0 0 3px 0;
margin:0 0 3px;
}
.bo{
border:1px solid #ccc;
background-color:#f7f7f7;
padding:5px;
margin:5px 0 15px 2.7em !important;
}
.bo p{
margin-bottom:5px;
}
.CollapsiblePanelTab{
padding:5px 0 2px 5px;
}

/*-- Q.リスト --*/
.faqlist{
padding-bottom:1px;
}

.faqlist ul{
margin-top:10px;
margin-bottom:0;
}

.faqlist li{
padding-left:2.5em !important;
position:relative;
zoom:1;
}

.faqlist li span{
font-weight:bold;
position:absolute;
top:0;
left:0;
}


/*-- お申し込み・ご利用料金 / subscription.htm
------------------------------------------------------*/

.btn02 { display:block; width:266px; height:69px; margin:35px auto 0 auto; }


/*-- ご利用までの流れ / process.htm
------------------------------------------------------*/

/*事前確認事項
.margin-b0{
margin-bottom:0px;
}

.mainblock01{
margin:0 10px 10px 10px;
}

*/


/*-- PCアプリキーダウンロード / pckey.htm
------------------------------------------------------*/

.sewction_pckey{
margin:0 auto;
width:680px;
}

.sewction_pckey li{
margin: 0 20px 10px 20px;
list-style:disc;
}


/*-- お知らせバックナンバー / info.htm
------------------------------------------------------*/

h3.backnumber {
	border-bottom:1px dotted #ccc;
	font-weight:bold;
	padding-bottom:3px;
}