@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}
html{
	overflow-y: scroll;
	background: #eee;
}

body{
	background: url(../images/hd_bg.jpg) repeat-x top center #fff;
	text-align: center;
	font-size: 80%;
	font-family: Verdana,Arial,Helvetica,sans-serif,Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
	line-height: 1.6em;
	color: #333333;
}

/* リンク
---------------------------------------------------- */
a {
/**/
 overflow: hidden;
/**/
}

a:link {
	color: #00a0e9;
	text-decoration: none;
	background: transparent;
}

a:visited {
	color: #00a0e9;
	text-decoration: none;
	background: transparent;
}

a:hover, a:active {
	color: #00a0e9;
	text-decoration: underline;
	background: transparent;
}

a img {
  border: none;
  color: #ffffff;
  background: transparent;
}

/* ヘッダ
---------------------------------------------------- */
#header {
	width: 800px;
	height: 81px;
	margin: 0px auto;
	text-align: left;
}
/* margin: 0px auto; */
#header h1{
	margin: 11px 0px 0px 30px;
}

#header #logo{
	float:left;
}

#header #language{
	float:right;
}

/* フッタ
---------------------------------------------------- */

#footer{
	font-size:75%;
	padding:25px 0 30px 0;
	text-align:center;
	background:url(../images/ft_bg.gif) repeat-x #eee;
}

#footer-box{
	width:800px;
	margin:0px auto;
	text-align:left;
}

/* フッタのテキストリンク（#footer-link）---------- */
#footer-link a{
	text-decoration:none;
	color:#999;
}
#footer-link a:hover,#footer-link  a:active {
	color:#999;
	text-decoration:underline;
	background:transparent;
}
#footer-link{
	padding-bottom:12px;
	list-style:none;
}
#footer-link li{
	display: inline;
	border-right:#999 1px solid;
	padding:0 3px;
	line-height:1;
}
#footer-link li.next{
	border-right:#999 1px solid;
	padding:0 3px;
	line-height:1;
}
#footer-link li.last{border:none;}

/* レイアウト
---------------------------------------------------- */
#main{
	width: 798px;
	margin: 0px auto;
	text-align: left;
	border-left: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	padding: 15px 0px 20px 0px;
}


#main-login{
    margin: auto;
    width: 758px;
    background-color: #FFFFFF;
    text-align: left;
}


#main-login-under{
    text-align: left;
    width: 100%;
    height: 20px;
}

#main #login-main-inner {
	/*width: 529px; */
	width: 728px;
	margin: 0px auto;
	padding-top: 0px;
	text-align: center;
}

#main #login-main-inner p {
	/*
	margin-bottom: 30px;
	*/.
	margin-bottom: 0px;

}

#main-marunouchi{
    background-color: #F7F7F7;
	width: 100%;
	text-align: left;

}

#main-inner{
	width: 640px;
	margin: 0px auto;
	text-align: left;
}

#main-inner p{
	margin: 0px;
}

/* パンくずリスト
---------------------------------------------------- */
#pan{
	margin:0px 0 20px 0;
}
#pan li{
	color:#666;
	font-size:85%;
	display:inline;
	line-height:1.1;
	list-style-type:none;
}
#pan li a{
    padding-right:12px;
    background:url(../images/pan_arw.gif) no-repeat right center;
}
#pan li a:link,#pan li a:visited {
	color:#00a0e9;
	text-decoration:none;
}
#pan li a:hover,#pan li a:active {
	color:#00a0e9;
	text-decoration:underline;
}

/* 共通
---------------------------------------------------- */
.clear {
	clear: both;
}

input,textarea{

}
.dropdown{
    border:1px solid #777;
    padding: 5px;
    margin: 0px 0px 0px 0px;
    color: #999;
    border-radius: 5px;
/* Webkit */

    -webkit-border-radius: 5px;
/* Firefox */

    -moz-border-radius: 5px;

}

input.txtS {
	width: 20px;
	margin: 0px;
}

input.txtSM {
	width: 40px;
	margin: 0px;
}

input.txtM {
	width: 180px;
	margin: 0px;
}

input.txtL {
	width: 260px;
	margin: 0px;
}

input.txtLL {
	width: 93%;
	margin: 5px;
	height: 3em;
	font-size: 14px;
}

.txt-12 {
	font-size: 12px;
	white-space: nowrap;
}

.txt-11B {
	font-size: 12px;
	white-space: nowrap;
}

.txt-14 {
	font-size: 14px;
	margin-left: 50%;
}

.text-bigger-blue {
	font-weight: bolder;
	font-size: 2.5em;
	color:#00a0e9;
	text-align: center;
	white-space: nowrap;
}

.text-bold-blue-guest {
	font-weight: bold;
	color:#00a0e9;
	font-size:1.5em;
	white-space: nowrap;
}

.idcheck {
	width: 220px;
	margin-top: 5px;
}

textarea {
	width: 360px;
	height: 10em;
	font-size: 12px;
}

.centering {
	text-align: center;
	padding-bottom: 20px;
}

.layout {
	border: #CCCCCC solid 1px;
	margin-bottom: 20px;
}

.layout td {
	padding: 5px;
}

.page-title {
	font-size: 18px;
	font-weight: bold;
	border-bottom: #CCCCCC dotted 2px;
	padding: 5px;
	margin: 0px 0px 20px 0px;
	color: #666666;
}

.title {
	border-bottom: #CCCCCC solid 1px;
	background-color: #00a0e9;
	color: #FFFFFF;
	font-weight: bold;
}

.title2 {
	border-bottom: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	background-color: #00a0e9;
	color: #FFFFFF;
	font-weight: bold;
}

.midashi {
	border-bottom: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	background-color: #E6F3FF;
}

.midashi-bottom {
	border-right: #CCCCCC solid 1px;
	background-color: #E6F3FF;
}

.midashi-right {
	background-color: #E6F3FF;
}

.left {
	border-bottom: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
}

.left-bottom {
	border-right: #CCCCCC solid 1px;
}

.right {
	border-bottom: #CCCCCC solid 1px;
}

.normal {
	padding: 0px 0px 20px 0px;
}

.txt-red {
	color: #FF0000;
}

.txt-blue {
	color: #00a0e9;
}

.txt-16B {
	font-size: 16px;
	font-weight: bold;
}

.txt-red16B {
	font-size: 16px;
	font-weight: bold;
	color:#FF0000;
}

.text-bold {
	font-weight: bold;
}

.text-bold-blue {
	font-weight: bold;
	color:#00a0e9;
}

.small-title {
	font-weight: bold;
	padding-bottom: 5px;
}

.btn-left {
	margin-left: 10px;
}

.back-area{
	width: 640px;
	text-align: center;
	padding: 0px;
}

.back-area2{
	width: 640px;
	text-align: center;
	padding: 0px 0px 30px 0px;
}

.btn-area-center {
	width: 640px;
	margin: 0px;
	text-align: center;
}

.btn-area-center2 {
	width: 640px;
	margin: 0px 0px 20px 0px;
	text-align: center;
}

.btn-area-center3 {
	margin: 0px;
	text-align: center;
}

.btn-area {
	width: 550px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 90px;
	text-align: left;
}

.btn-area2 {
	width: 550px;
	margin: 0px;
	padding: 0px 0px 0px 90px;
	text-align: left;
}

.btn-area3 {
	width: 635px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	text-align: left;
}

.notice {
	margin-left: 1.2em;
	margin-bottom: 25px;
}

/* ボタン
---------------------------------------------------- */
.btn-link {
	width: 300px;
	height: 50px;
	background: url(../images/btn_bl_bg.jpg) no-repeat;
	display: block;
	text-align: center;
	margin: 0px auto;
}

.btn-link a,
.btn-link a:visited,
.btn-link a:active,
.btn-link a:hover {
	width: 300px;
	height: 35px;
	display: block;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 15px;
}

.btn-link-float {
	width: 300px;
	height: 50px;
	background: url(../images/btn_bl_bg.jpg) no-repeat;
	display: inline;
	text-align: center;
	margin: 0px 0px 0px 10px;
	float: left;
}

.btn-link-float a,
.btn-link-float a:visited,
.btn-link-float a:active,
.btn-link-float a:hover {
	width: 300px;
	height: 35px;
	display: block;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 15px;
}

.btn-dl {
	width: 610px;
	height: 70px;
	background: url(../images/btn_dl_bg.jpg) no-repeat;
	display: block;
	text-align: center;
	margin: 0px auto;
}

.btn-dl a,
.btn-dl a:visited,
.btn-dl a:active,
.btn-dl a:hover {
	width: 610px;
	height: 45px;
	display: block;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 25px;
}

@cc IE begin;
.btn-fnc1 {
	width:35%;
	height: 50px;
	margin: 0px auto;
	padding: 0px;
	padding: 5px;
	font-weight: bold;
	font-size: 17px;
	color: #FFFFFF;
	background: url(../images/btn_bl_bg.jpg) no-repeat;
}
@cc end;

/* IE以外 */
@cc !IE begin;
.btn-fnc1 {
	width:35%;
	height: 50px;
	margin: 0px auto;
	padding: 0px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 5px;
	font-weight: bold;
	font-size: 17px;
	color: #FFFFFF;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.39, rgb(10,157,255)),color-stop(0.7, rgb(94,207,255)),color-stop(0.85, rgb(37,208,255)));
	background-image: -moz-linear-gradient(center bottom,rgb(10,157,255) 39%,rgb(94,207,255) 70%,rgb(37,208,255) 85%);
	border: 1px solid #0280FF;
}
@cc end;

.btn-fnc2 {
	width: 300px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	background: url(../images/btn_bl_bg.jpg) no-repeat;
	border-style: none;
	border-width: 0px;
	cursor:pointer;
	display:block;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	float: left;
}


@cc IE begin;
.btn-fnc3 {
	width: 35%;
	height: 50px;
	margin: 0px auto;
	padding: 0px;
	font-weight: bold;
	font-size: 17px;
	color: #FFFFFF;
	background: url(../images/btn_or_bg.jpg) no-repeat;

}
@cc end;

/* IE以外 */
@cc !IE begin;
.btn-fnc3 {
	width: 35%;
	height: 50px;
	margin: 0px auto;
	padding: 0px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	font-weight: bold;
	font-size: 17px;
	color: #FFFFFF;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.39, rgb(245,133,35)),
    color-stop(0.7, rgb(255,157,87)),
    color-stop(0.85, rgb(252,158,58))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(245,133,35) 39%,
    rgb(255,157,87) 70%,
    rgb(252,158,58) 85%
);
	border: 1px solid #FE6C0E;
}
@cc end;

/* IE */
@cc IE begin;
.btn-fnc4 {
	width: 35%;
	height: 2em;
	margin: 0px auto;
	padding: 0px;
	font-weight: bold;
	font-size: 20px;
	color: #FFFFFF;
	background: url(../images/btn_or_bg.jpg) no-repeat;
}
@cc end;

/* IE以外 */
@cc !IE begin;
.btn-fnc4 {
	width: 35%;
	height: 2em;
	margin: 0px auto;
	padding: 0px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	font-weight: bold;
	font-size: 20px;
	color: #FFFFFF;
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.39, rgb(245,133,35)),color-stop(0.7, rgb(255,157,87)),color-stop(0.85, rgb(252,158,58)));
	background-image: -moz-linear-gradient(center bottom,rgb(245,133,35) 39%,rgb(255,157,87) 70%,rgb(252,158,58) 85%);
	border: 1px solid #FE6C0E;
}

@cc end;

.btn-logout {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(199,209,0)),color-stop(0.5, rgb(246,255,76)),color-stop(0.75, rgb(251,255,178)));
    background-image: -moz-linear-gradient(center bottom,rgb(199,209,0) 0%,rgb(246,255,76) 50%,rgb(251,255,178) 75%);
    color: #504F40;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    margin: 0 auto;
    padding: 5px;
    width: 80px;
}

.btn-mypage {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(199,209,0)),color-stop(0.5, rgb(246,255,76)),color-stop(0.75, rgb(251,255,178)));
    background-image: -moz-linear-gradient(center bottom,rgb(199,209,0) 0%,rgb(246,255,76) 50%,rgb(251,255,178) 75%);
    color: #504F40;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    margin: 0 auto;
    padding: 5px;
    width: 80px;
}

/* 20110328 ide */

.btn-back {
	width: 150px;
	height: 50px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	background: url(../images/btn_gr_bg.jpg) no-repeat;
	border-style: none;
	border-width: 0px;
	cursor:pointer;
	display:block;
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	float: left;
}

.btn-back-center {
	width: 150px;
	height: 50px;
	margin: 0px auto;
	padding: 0px;
	background: url(../images/btn_gr_bg.jpg) no-repeat;
	border-style: none;
	border-width: 0px;
	cursor:pointer;
	display:block;
	color: #666666;
	font-size: 16px;
	font-weight: bold;
}

/* ログインページ
---------------------------------------------------- */
table.login {
	margin: 0px auto 30px auto;
}

table.login td {
	padding: 8px;
}

#frame {
	width: auto;
	padding: 20px;
	text-align: center;
}

table.login-tbl {
	width: 100%;
}

td.login-td {
	padding: 15px;
	width: 8%;
}

#frame {
	width: auto;
	padding: 20px;
	text-align: center;
}

.login-txt {
		width:30%;
		text-align: right;
		font-size: 2.0em;
	}

.login-input {
		width: 70%;
		text-align: left;
		font-size: 14px
	}

.roaming-logo {
	text-align: right;
	font-size: 12px;
	color: black;
}

/* パスワード関連ページ
---------------------------------------------------- */
table.pwd {
	margin-bottom: 30px;
		margin-left: 30px;
}

table.pwd td {
	padding: 8px;
}

/* Myページ
---------------------------------------------------- */
.mypage-title1 {
	font-size: 16px;
	font-weight: bold;
	border-left: #00a0e9 solid 7px;
	padding-left: 10px;
	margin: 0px 0px 15px 0px;
	color: #666666;
}

.mypage-title2 {
	font-size: 16px;
	font-weight: bold;
	border-left: #66CC00 solid 7px;
	padding-left: 10px;
	margin: 0px 0px 15px 0px;
	color: #666666;
}

.mypage-title3 {
	font-size: 16px;
	font-weight: bold;
	border-left: #FF9900 solid 7px;
	padding-left: 10px;
	margin: 0px 0px 15px 0px;
	color: #666666;
}

.mypage-left{
	float: left;
	width: 300px;
	display: inline;
}

.mypag-right{
	float: right;
	width: 300px;
	display: inline;
}

.mypage-left ul, .mypag-right ul{
	list-style: none;
	margin-bottom: 20px;
}

.mypage-left ul li, .mypag-right ul li{
	margin: 0px 0px 10px 0px;
}

.mypage-left ul li.mp-m01,
.mypag-right ul li.mp-m01 {
	margin: 0px 0px 10px 0px;
	width: 300px;
	height: 34px;
	display: block;
	background: url(../images/btn_mp01_bg.jpg) no-repeat top left;
}

.mypage-left ul li.mp-m02,
.mypag-right ul li.mp-m02 {
	margin: 0px 0px 10px 0px;
	width: 300px;
	height: 34px;
	display: block;
	background: url(../images/btn_mp02_bg.jpg) no-repeat top left;
}

.mypage-left ul li.mp-m03,
.mypag-right ul li.mp-m03 {
	margin: 0px 0px 10px 0px;
	width: 300px;
	height: 34px;
	display: block;
	background: url(../images/btn_mp03_bg.jpg) no-repeat top left;
}

.mypage-left ul li.mp-m01 a,
.mypag-right ul li.mp-m01 a,
.mypage-left ul li.mp-m02 a,
.mypag-right ul li.mp-m02 a,
.mypage-left ul li.mp-m03 a,
.mypag-right ul li.mp-m03 a {
	width: 290px;
	height: 27px;
	display: block;
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 7px;
	padding-left: 10px;
}

/* FAQ
---------------------------------------------------- */
.faq-category {
	font-weight: bold;
	padding-bottom: 10px;
}

.faq-category2{
	padding:0 0 7px 12px;
	margin:38px 0 14px 0;
	border-bottom:1px solid #ccc;
	border-left: #00a0e9 solid 7px;
	font-size:100%;
	font-weight: bold;
}

ul.faq-list{
	padding-left:1.9em;
	margin-bottom: 15px;
}

p.small-category {
	margin-bottom: 0px;
}

.faq-q p {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 5px;
}

.faq-a {
	background-color: #E1EFFF;
	padding: 5px 0px;
	margin-bottom: 20px;
}

.faq-a p {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 5px;
}

/* お問い合わせ
---------------------------------------------------- */
.layout2 {
	border: #CCCCCC solid 1px;
	margin-bottom: 20px;
}

.layout2 td {
	padding: 15px;
}

.inq-icon {
	 float: left;
	 margin-bottom: 5px;
}

.inq-midashi {
	font-size: 16px;
	font-weight: bold;
	padding-top: 18px;
}

.inq-category {
	padding:3px 0 3px 12px;
	margin:0px 0 10px 0;
	border-left: #CCCCCC solid 7px;
	font-size:100%;
	font-weight: bold;
}

.tel-no {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4em;
}

.tel-no-cl {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4em;
	color: #FF0000;
}

/* エラー画面
---------------------------------------------------- */
#warning {
	border: #FF0000 solid 3px;
	margin-bottom: 20px;
	background: url(../images/warning_y.gif) no-repeat;
}

#warning p.big {
	padding: 10px 10px 5px 75px;
	margin: 0px;
	color: #FF0000;
	font-weight:bold;
	font-size: 20px;
	line-height: 1.4em;
}

#warning p.small {
	padding: 0px 10px 10px 97px;
	margin: 0px;
	background: url(../images/warning_r.gif) no-repeat 77px 0px;
}

.layout-er {
	border: #CCCCCC solid 1px;
	margin-bottom: 20px;
}

.title-er {
	border-bottom: #CCCCCC solid 1px;
	background-color: #00a0e9;
	color: #FFFFFF;
	font-weight: bold;
	padding: 8px;
}

.midashi-er {
	border-bottom: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	background-color: #E6F3FF;
	padding: 8px;
}

.midashi-bottom-er {
	border-right: #CCCCCC solid 1px;
	background-color: #E6F3FF;
	padding: 8px;
}

.missed {
	border: #FF0000 solid 2px;
	padding: 8px;
	margin: 0px;
}

.missed-msg {
	padding: 0px 0px 5px 20px;
	margin: 0px;
	background: url(../images/warning_r.gif) no-repeat 0px 0px;
	color: #FF0000;
}

/* ゲストサービス
---------------------------------------------------- */
.guest-main{
    background-color: #FFFFFFF;
	width: auto;
	margin: 0px auto;
	text-align: left;
	border-left: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	text-align: left;
	display: none;
}

.round {
  -moz-border-radius: 10px;
  border: #a1e1fc 4px solid;
  margin: 20px 20px 20px 20px;
}

.guest-bar {
	width: auto;
	margin: 10px 0px 10px 0px;
	padding: 20px 20px 20px 20px;
	}

.guest-inner {
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 10px 0px;
	font-size: 12px;
	white-space: nowrap;
	}

.guest-inner2 {
	margin: 0px 20px 0px 20px;
	padding: 5px;
}

.guest-inner3 {
	font-size: 10px;
	line-height: 1em;
	color: #8C8C8C;
}

.guest-table {
    border-bottom: 1px solid;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 93%;
    padding: 5px;
}
.guest-table-body {
	width: 95%;
	}

.guest-table-body2 {
	width: 5%;
	}

.marker {
	font-size: 15px;
	font-weight: bold;
}

.text-gradient-orange {
	color: #EE4C00;
	font-weight: bolder;
	font-size: 1.7em;
	text-align: center;
	line-height:2em;
}

.marunouchi-img {
	vertical-align: middle;
}

.marunouchi-img-td {
	width: 30%;
}

.marunouchi-text-td {
	width: 70%;
}

/* ログイン画面告知企画
---------------------------------------------------- */
#notification {
	margin:0 0 20px 0;
}
#notification_header {
	margin: 0 0 0 40px;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color: red;
}
#notification_contents {
	margin: 10px 0 0;
	text-align: center;
	font-size: 14px;
}