@charset "utf-8";

/*===============【 共通 】クラス===================================================================

cPi
lastUpDate:2009.06.5.Pm16:00

記載内容：
1.基本スタイルの指定
2.全ページ共通のレイアウト
3.ヘッダー
4.グローバルメニュー
5.メインコンテンツ
6.フッター
7.テーブル共通の指定
8.共通クラス

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

/*//////　1.基本スタイルの指定　////////////////////////////////////////////////////////////////////*/
* {
margin:0px;
padding:0px;
font-family:"ヒラギノ角ゴ　Pro w3","mS P Gothic",Verdana,sans-serif;
line-height:1.5em;
color:#333333;
}

body{
font-size:12px;
margin:0px auto 0px auto;
}

img {
border:none;
}

li {
list-style:none;
}

a{
text-decoration:underline;
color:#04a0db;
}

a:hover{
text-decoration:none;
color:#336699;
}

p{
margin:0px;
}

.fll{
float:left;
}

.flr{
float:right;
}

.clear{clear:both;}
.clearfix:after {
content: "aaaa";
display: block;
clear: both;
height: 0;
visibility: hidden;
}


/*//////　2.全ページ共通のレイアウト　////////////////////////////////////////////////////////////////////*/
#container{
width:100%;
margin:0px auto;
}

body > #container {
width:auto;
}

#header,
#globalmenu,
#globalmenu_none,
#mainwrap,
#breadcrumb,
#contents,
#contents02,
#footer{
width:910px;
clear:both;
margin:0px auto;
padding:0px;
min-width:910px;
}

#headerwrap{
background:transparent  url(../guide_img/top_headerbk.gif) repeat-x;
min-width:910px;
width: expression(document.body.clientWidth < 912? "910px" : "auto");
}

/*----  ヘッダー【 メニューがない場合 】  ----------------*/
#headerwrap_none{
background:transparent  url(../guide_img/top_headerbk_none.gif) repeat-x;
min-width:910px;
width: expression(document.body.clientWidth < 912? "910px" : "auto");
}

#mainwrap{
width:100%;
background:transparent  url(../guide_img/top_contents_bk.png) repeat-x;
min-width:910px;
width: expression(document.body.clientWidth < 912? "910px" : "auto");
}

.radiocheck{
	display: block;
	float: left;
	clear: both;
	/margin:-4px 0px 0px -3px;/*IE67*/
}

label {
	display: block;
	float: left;
	clear: none;
	cursor: pointer;
	margin: -2px 0px 1px 3px;
	/margin: -2px 0px 1px 0px;/*IE67*/
}

.cbiarrow{
	vertical-align:middle;
	margin: -2px 0px 1px 0px;
	/margin: 0px 0px 1px 0px;/*IE67*/
}

/*//////　3.ヘッダー　////////////////////////////////////////////////////////////////////*/
#header{
width:910px;
}
#headerleft {
    width: 400px;
    float: left;
    margin:  0 0 0 0;
}
#cpiurl {
    padding: 27px 0 0 20px;
    *padding: 10px 0 0 20px;
    float: left
}
/*----  �إå����� ������iD���������ȥܥ��� ��  ----------------*/
#headerright{
width:500px;
padding:30px 5px 0 0;
}

p#logoutl{
padding-top:2px;
float:left;
text-align:right;
width:400px;
}

p#logoutr{
font-size:9px;
float:right;
}

/*//////　 4.グローバルメニュー 　////////////////////////////////////////////////////////////////////*/
#mainwrap{
/*clear:both;*/
/*display:block;*/
overflow:hidden;
height:auto;
}


#globalmenu{
height:35px;
clear:both;
}

/*----  グローバルメニュー【 グローバルがない場合 】  ----------------*/
#globalmenu_none{
	height:15px;
}

/*----  グローバルメニュー【 ボタン共通指定 】  ----------------*/
.gmenulist{
padding:0px;
margin:0px;
display:block;
list-style:none;
text-indent:-999em;
float: left;
width:132px;
height:35px;
background:transparent url(../guide_img/guide_menu.gif) no-repeat;
}
.gmenulist a{
text-indent:-999em;
overflow:hidden;
display:block;
width:132px;
height:35px;
background:transparent url(../guide_img/guide_menu.gif) no-repeat;
}

/*----  グローバルメニュー【 ボタン 】−トップページ  ----------------*/
#menu01{background-position:0px -70px;}
#menu01 a{background-position:0px 0px;}
#menu01 a:hover{background-position:0px -35px;}

/*----  グローバルメニュー【 ボタン 】−新規お申込み  ----------------*/
#menu02{background-position:-132px -70px;}
#menu02 a{background-position:-132px 0px;}
#menu02 a:hover{background-position:-132px -35px;}

/*----  グローバルメニュー【 ボタン 】−ご契約一覧  ----------------*/
#menu03{background-position:-264px -70px;}
#menu03 a{background-position:-264px 0px;}
#menu03 a:hover{background-position:-264px -35px;}

/*----  グローバルメニュー【 ボタン 】−ご契約者情報  ----------------*/
#menu04{background-position:-396px -70px;}
#menu04 a{background-position:-396px 0px;}
#menu04 a:hover{background-position:-396px -35px;}


#subnavi {
	clear:both;
	height:32px;
	background:url(../guide_img/bg_subnavi.gif) repeat-x;
	font-size:80%;
}


#subnavi ul{
	margin:0 5px;
}

#subnavi ul li{
	float:left;
}

#subnavi ul.gnavi_details{
	width:910px;
	margin:0 auto;
	text-align:left;
	padding-top:10px;
}

#subnavi ul.gnavi_details li{
	margin-right:15px;
	padding-left:15px;
	background:url(../guide_img/gnavi_shadow.gif) 0 -9px no-repeat;
}

#subnavi ul.gnavi_details li:-moz-read-only{
	background:url(../guide_img/gnavi_shadow.gif) 0 -9px no-repeat;
}

body:first-of-type #subnavi ul.gnavi_details li{
	margin-right:15px;
	padding-left:15px;
	background:url(../guide_img/gnavi_shadow.gif) 0 center no-repeat;
}

#subnavi ul.gnavi_details li a{
	padding-left:10px;
	color:#fff;
	text-decoration:underline;
}

#subnavi ul.gnavi_details li a:hover{
	padding-left:10px;
	color:#e3e3e3;
	text-decoration:underline;
}




/*//////　 5.メインコンテンツ 　////////////////////////////////////////////////////////////////////*/
/*----  コンテンツ  ----------------*/
#contents{
/*padding-bottom:20px;*/
margin:0 auto;
}

/*----  コンテンツ ボトム上げ用 ----------------*/
#contents02{
/*padding-bottom:20px;*/
margin:0 auto 40px auto;
}

/*----  h1.2.3共通指定  ----------------*/
h1,
h3{
	text-indent:-999em;
	overflow:hidden;
	display:block;
}

/*//////　6.フッター　////////////////////////////////////////////////////////////////////*/
#footerwrap{
width:100%;
clear:both;
background:transparent  url(../guide_img/top_footer_bk.gif) repeat-x;
min-width:910px;
width: expression(document.body.clientWidth < 912? "910px" : "auto");

}
#footer{
height:120px;
}

/*----  「ページトップへ」ボタン ----------------*/
a#totop{
width:116px;
height:26px;
overflow:hidden;
display:block;
text-indent:-999em;
background:transparent  url(../guide_img/top_gotop.gif) no-repeat 0px 0px;
}
a#totop:hover{
background:transparent  url(../guide_img/top_gotop.gif) no-repeat 0px -26px;
}

/*----  フッター【 ロゴ 】 ----------------*/
#footerlogo{
clear:both;
width:910px;
height:94px;
text-indent:-999em;
}

/*----  フッター【 電話番号・メールアドレス部分 】 ----------------*/
#footerinfo{
clear:both;
width: 900px;
height:30px;
float:right;
padding-top:20px;
}

p#tel{
width:320px;
height:26px;
background:transparent  url(../guide_img/top_footer_tel.gif) no-repeat 0px 0px;
text-indent:-999em;
float: right;
margin-right: 25px;

}

a#mail{
width:266px;
height:26px;
background:transparent  url(../guide_img/top_mail.gif) no-repeat 0px 0px;
text-indent:-999em;
float:right;
}

a#mail:hover{
background:transparent  url(../guide_img/top_mail.gif) no-repeat 0px -26px;
}

/*----  フッター【 コピーライト 】 ----------------*/
p#copy{
width:910px;
height:0px;
padding-top:28px;
overflow:hidden;
display:block;
text-align:right;
float:right;
background:transparent  url(../guide_img/top_footer_copy.gif) no-repeat;
}

/*//////　7.テーブル共通の指定　////////////////////////////////////////////////////////////////////*/
table{
	border-collapse:collapse;
	border-top:1px solid #d6dcda;
}

th{
	border-right:1px solid #d6dcda;
	border-bottom:1px solid #d6dcda;
	background-color:#ecedef;
	font-weight:normal;
}

td{
	padding:10px 0 10px 10px;
	border-bottom:1px solid #d6dcda;
}

/*
.table840{
	width:840px;
}

.tdleft{
	border-right:1px solid #d6dcda;
	background-color:#ecedef;
	text-align:center;
}
*/

.bordertop{border-top:1px solid #d6dcda;}
.borderbottom{border-bottom:1px solid #d6dcda;}
.borderright{border-right:1px solid #d6dcda;}
.borderleft{border-left:1px solid #d6dcda;}
.textcenter{text-align:center;}


/*----  テーブルの下の「進む」「戻る」ボタンのエリア ----------------*/
/*.btnAll{
	width:464px;
	padding:25px 220px;
	margin-bottom:15px;
}*/

/*//////　9.共通クラス　////////////////////////////////////////////////////////////////////*/
/*----  マージン ----------------*/
.margintop20{margin-top:20px;}
.margintop30{margin-top:30px;}
.marginleft5{margin-left:5px;}
.marginright5{margin-right:5px;}
.marginbottom5{margin-bottom:5px;}
.marginbottom10{margin-bottom:10px;}
.marginbottom20{margin-bottom:20px;}
.marginbottom40{margin-bottom:40px;}
.marginbottom60{margin-bottom:60px;}

/*----  パディング ----------------*/
.paddingleft10{padding-left:10px;}
.paddingbottom10{padding-bottom:10px;}


/*----  エラーメッセージ ----------------*/
#error_msg {
	margin:20px 0 10px 0;
	color:#e40000;
	font-weight:bold;
}

#back_btn {
	text-align:center;
	margin-top:50px;	
}

.recommend {
	color:#fde9ae;
	font-size:16px;
	font-weight:bold;
}

.red {
	color:#e40000;
}

/*----  テキスト装飾 ----------------*/
.margin-top10 {margin-top:10px!important ;}
.margin-top20 {margin-top:20px!important ;}
.margin-top30 {margin-top:30px!important ;}
.margin-top40 {margin-top:40px!important ;}
.margin-top50 {margin-top:50px!important ;}