@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,osaka,sans-serif; */
font-family:"ヒラギノ角ゴ　Pro w3","mS P Gothic",osaka,sans-serif;
line-height:1.5em;
color:#333333;
}

html {
height:100%;/*overlappingなしFootEr用*/
}

body{
font-size:12px;
height:100%;/*overlappingなしFootEr用*/
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;
}
input[type="text"]{
    height:1.8em;
    line-height:1.8em;
}
input[type="password"]{
    height:1.8em;
    line-height:1.8em;
}

/*//////　2.全ページ共通のレイアウト　////////////////////////////////////////////////////////////////////*/
#container{
width:100%;
height:100%;/*overlappingなしFootEr用*/
position: relative;/*overlappingなしFootEr用*/
min-height: 100%;/*overlappingなしFootEr用*/
margin:0px auto;
}

body > #container {
height: auto;/*overlappingなしFootEr用*/
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(../../img/mypage/top_headerbk.gif) repeat-x;
min-width:910px;
width: expression(document.body.clientWidth < 912? "910px" : "auto");
}

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

#mainwrap{
width:100%;
background:transparent url(../../img/mypage/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;
}
/*----  ヘッダー【 ログイン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;
}

a#button{
height:20px;
width:89px;
overflow:hidden;
display:block;
text-indent:-999em;
background:transparent url(../../img/mypage/top_logout.gif) no-repeat 0px 0px;
}
a#button:hover{
background:transparent url(../../img/mypage/top_logout.gif) no-repeat 0px -20px;
}

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

#globalmenu{
height:35px;
}

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

/*----  グローバルメニュー【 ボタン共通指定 】  ----------------*/
.gmenulist{
padding:0px;
margin:0px;
display:block;
list-style:none;
text-indent:-999em;
float: left;
width:112px;
height:35px;
background:transparent url(../../img/mypage/top_menu.gif) no-repeat;
}
.gmenulist a{
text-indent:-999em;
overflow:hidden;
display:block;
width:112px;
height:35px;
background:transparent url(../../img/mypage/top_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:-112px -70px;}
#menu02 a{background-position:-112px 0px;}
#menu02 a:hover{background-position:-112px -35px;}

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

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

/*----  グローバルメニュー【 ボタン 】－請求一覧  ----------------*/
#menu05{background-position:-448px -70px;}
#menu05 a{background-position:-448px 0px;}
#menu05 a:hover{background-position:-448px -35px;}

/*----  グローバルメニュー【 ボタン 】－契約移管  ----------------*/
#menu06{background-position:-560px -70px;}
#menu06 a{background-position:-560px 0px;}
#menu06 a:hover{background-position:-560px -35px;}

/*----  グローバルメニュー【 ボタン 】－パスワード変更  ----------------*/
#menu07{background-position:-672px -70px;}
#menu07 a{background-position:-672px 0px;}
#menu07 a:hover{background-position:-672px -35px;}

/*----  グローバルメニュー【 ボタン 】－お問合せ  ----------------*/
#menu08{
	width:116px;
	background-position:-784px -70px;
}

#menu08 a{
	width:116px;
	background-position:-784px 0px;
}

#menu08 a:hover{
	width:116px;
	background-position:-784px -35px;
}

/*//////　 5.メインコンテンツ 　////////////////////////////////////////////////////////////////////*/
/*----  パンくず  ----------------*/
#breadcrumb{
background-color:#fff;
height:32px;
}

#breadcrumb p{
padding:8px 0 0 10px;
font-size:10px;
}

span.arrow{
color:#999;
}

/*----  コンテンツ  ----------------*/
#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{
/*position: fixed !important;overlappingFootEr用*/
position: absolute;/*  overlappingなしFootEr用、overlappingFootEr用*/
width:100%;
bottom: 0;/*  overlappingなしFootEr用、overlappingFootEr用*/
clear:both;
height:120px;/*overlappingFootEr用*/
background:transparent url(../../img/mypage/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(../../img/mypage/top_gotop.gif) no-repeat 0px 0px;
}
a#totop:hover{
background:transparent url(../../img/mypage/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(../../img/mypage/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(../../img/mypage/top_mail.gif) no-repeat 0px 0px;
text-indent:-999em;
float:right;
}

a#mail:hover{
background:transparent url(../../img/mypage/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(../../img/mypage/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;}