@charset "UTF-8";




/***************************************************************************
ビリングサービスサイト用css

目次

1:全体構成

2:ヘッダー

3:グローバルナビ

4:テーブル

5:フッター

****************************************************************************/

/***************************************************************************

1:全体構成

****************************************************************************/

#contents {
	/* width: 900px; */
	/* background-image:url(../images/eu_bg_base.gif); */
	background-position: center 0;
	background-repeat: no-repeat;
	margin: 12px auto 0 auto;
	min-height: 550px;
}

#contentsin {
	/* width:870px; */
	margin: 0px auto;
	padding: 20px 0;
	overflow: hidden;
}

#contentsin .left {
	float: left;
	width: 435px;
	text-align: left;
	overflow: hidden;
}

#contentsin .right {
	float: right;
	width: 435px;
	text-align: left;
	overflow: hidden;
}

.BackToTop {
	width: 870px;
	height: 17px;
	margin: 0px auto;
	padding: 10px 0 0 0;
	overflow: hidden;
}

.BackToTop img {
	float: right;
}

#framebox {
	/* width: 870px; */
	margin: 0 auto;
}

a {
	color: #462400;
	font-weight: normal;
}

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

a:visited {
	color: #9c5101;
}

a img {
	display: inline;
}

a img.varmid {
	vertical-align: middle;
}

a img.varmid2 {
	vertical-align: middle;
	margin-top: -5px;
}

iframe {
	background-color: #ffffff;
}

input {
	overflow: visible;
}

/*========h1,h2関係========*/
h1 {
	display: block;
	width: 180px;
}

h2 {
	margin-bottom: 10px;
	background: url(../images/h2-bg.gif) no-repeat;
	padding-left: 55px;
	padding-top: 8px;
	width: 825px;
	height: 30px;
	font-weight: bold;
	font-size: 140%;
	color: #FFF;
	letter-spacing: 0.3em;
}

h3 {
	margin-bottom: 10px;
	background-image: url(../images/eu_img_line_trial.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
	font-weight: bold;
	padding-bottom: 5px;
}

h3.std {
	margin-bottom: 10px;
	background: url(../images/h3-bg.gif) no-repeat;
	padding-left: 55px;
	padding-top: 11px;
	width: 825px;
	height: 30px;
	font-weight: bold;
	font-size: 120%;
	color: #423018;
	letter-spacing: 0.3em;
	margin-top: 10px;
}

h3.ots {
	margin-bottom: 10px;
	background: url(../images/h3-bg-narrow.gif) no-repeat;
	padding-left: 55px;
	padding-top: 7px;
	width: 825px;
	height: 30px;
	font-weight: bold;
	font-size: 120%;
	color: #423018;
	letter-spacing: 0.3em;
	margin-top: 10px;
}

h3.sm-title {
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 5px 5px;
	width: 860px;
	font-weight: bold;
	font-size: 120%;
	margin-top: 10px;
	background: #6DB89A;
	color: #FFFFFF;
}

h3.sm-title a {
	color: #FFFFFF;
}

h3.sm-title a:hover {
	color: #FC0;
}


h4 {
	border-bottom: 1px dotted #333333;
	display: block;
	font-weight: bold;
	margin-bottom: 3px;
}

/*========TOP PAGE========*/
.main-img {
	margin: 10px auto;
	width: 880px;
	height: 425px;
	background: url(../images/bg-top.jpg) no-repeat;
}

.main-img .btn {
	margin-left: 30px;
	padding-top: 280px;
	padding-left: 43px
}

.contents-top {
	width: 900px;
	/* background-image:url(../images/eu_bg_base.gif); */
	background-position: center 0;
	background-repeat: no-repeat;
	margin: 12px auto 0 auto;
	/*min-height:200px;20120910削除*/
	/*_height:200px;20120910削除*/
}

.contents-top ul {
	margin: 0 auto;
	height: 100px;
	/*20120910修正*/
	width: 870px;
	padding-top: 20px;
	/*20120910修正*/
}

.contents-top ul li {
	margin-right: 10px;
	float: left;
	background: url(../images/btn-bg-trio.gif) no-repeat;
	width: 283px;
	height: 80px;
	/*20120910修正*/
}

.contents-top ul dl dt {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 16px;
	/*20120910修正*/
	color: #FFF;
	padding-bottom: 10px;
}

.contents-top ul li.last-child {
	margin-right: 0 !important;
	background: url(../images/btn-bg-trio-tabal.gif) no-repeat;
}

.contents-top ul dl dt a {
	text-decoration: none;
	color: #FFF;
}

.contents-top ul dl dt a:hover,
.contents-top ul dl dt a:focus {
	text-decoration: underline;
	color: #aec777;
}

.contents-top ul li.last-child dl dt a:hover,
.contents-top ul li.last-child dl dt a:focus {
	text-decoration: underline;
	color: #FFF;
}

.contents-top ul dl dd {
	font-size: 12px;
	text-align: center;
	color: #FFF;
}


/*========NEWS========*/
.news {
	margin: 0 auto;
	width: 900px;
	min-height: 70px;
	background: url(../images/bg-info.gif) no-repeat;
	font-size: 120%;
}

.news dl {
	float: right;
	width: 690px;
	padding-top: 8px;
	border-bottom: dotted 1px #999;
}

.news dl dt {
	float: left;
	font-weight: bold;
	width: 150px;
}

.news dl dd {
	float: right;
	text-align: left;
	width: 540px;
}

.news dl dd.new {
	float: right;
	text-align: left;
	background: url(../images/ico-new.gif) no-repeat left 40%;
	padding-left: 55px;
	width: 485px;
}

/*========BREAD LIST========*/
.breadlist {
	width: 880px;
	margin: 0 auto;
	height: 20px;
	font-size: 11px;
	color: #999;
}

/*========COMPANY========*/

.left .com-block {
	background: url(../images/bg-com-detail.gif) no-repeat left top;
	width: 430px;
	height: 139px;
	margin-bottom: 15px;
}

.right .com-block {
	background: url(../images/bg-com-detail.gif) no-repeat right top;
	width: 430px;
	padding-left: 5px;
	height: 139px;
	margin-bottom: 15px;
}

.com-block h3 {
	width: 410px;
	font-size: 13px;
	color: #666;
	text-align: left;
	border-bottom: 1px solid #666;
	margin: 0 auto 4px auto;
	padding-top: 10px;
}

.com-block .txt {
	width: 390px;
	height: 45px;
	line-height: 14px;
	padding: 10px 10px;
	font-size: 11px;
	background: #FFF6B7;
	margin: 5px auto;
}

.left .com-block .btn {
	width: 79px;
	height: 19px;
	float: right;
	padding-right: 10px;
	padding-top: 5px;
}

.right .com-block .btn {
	width: 79px;
	height: 19px;
	float: right;
	padding-right: 10px;
	padding-top: 5px;
}

/*========PRIVACY POLICY========*/
.privacy {}

.privacy p {
	padding-bottom: 10px;
}

.privacy ul {
	padding: 5px 10px;
}

.privacy ul li {
	list-style: decimal;
	list-style-position: inside;
	padding: 0 0 10px 0;
}

.privacy ul li ul li {
	list-style: none !important;
	padding: 0 0 !important;
}

.privacy ul li ul li ul {}

.privacy ul li ul li ul li {
	list-style: lower-roman !important;
	list-style-position: inside;
	padding: 0 0 !important;
	margin-left: 20px;
	width: 800px;
	font-size: 11px;
}


/*========規約一覧========*/
.terms-list {
	padding: 10px 10px;
}

.terms-list li {
	background: url(../images/ico-pdf.gif) no-repeat left top;
	height: 26px;
	padding-bottom: 5px;
	padding-top: 10px;
	padding-left: 35px;
	border-bottom: #CCC 1px dotted;
	margin-bottom: 15px;
}

.dl-adobe {
	width: 838px;
	padding: 20px 15px;
	height: 40px;
	margin: 30px auto 100px auto;
	background: #FFF9F7;
	border: 1px solid #999;
}

.dl-adobe dl dt {
	float: left;
	width: 88px;
	height: 30px;
	padding-right: 10px;
}

.dl-adobe dl df {
	float: right;
	width: 700px;
	height: 30px;
}

/*========サイトご利用にあたって========*/
.usage-table {
	margin: 0 auto;
	width: 870px;
	border: none;
}

.usage-table td {
	padding: 5px 5px;
	text-align: left;
	width: 290px;
	border: none;
}

.usage-txt {
	margin: 10px auto;
	width: 850px;
}


/*========サービス========*/
.service-list {}

.service-list dl {
	min-height: 150px;
	width: 870px;
}

.service-list dl dt {
	float: left;
	width: 200px;
}

.service-list dl dd {
	float: right;
	width: 660px;
}

.service-list .btn {
	float: right;
	padding-bottom: 10px;
	padding-top: 20px;
}

/*========お知らせ========*/
.news-list {
	width: 870px;
	margin: 10px auto;
}

.news-list dl {
	height: 26px;
	border-bottom: dotted 1px #999999;
	margin-bottom: 5px;
	padding-top: 5px;
}

.news-list dl dt {
	float: left;
	width: 110px;
	font-weight: bold;
}

.news-list dl dd.normal {
	float: right;
	width: 680px;
	padding-left: 80px;
	background: url(../images/icon-news-normal.gif) no-repeat left top;
}

.news-list dl dd.imp {
	float: right;
	width: 680px;
	padding-left: 80px;
	background: url(../images/icon-news-imp.gif) no-repeat left top;
}

.news-list dl dd.system {
	float: right;
	width: 680px;
	padding-left: 80px;
	background: url(../images/icon-news-system.gif) no-repeat left top;
}

.news-list dl dd span {
	margin-left: 10px;
}

.news-date {
	float: right;
	text-align: right;
	padding-bottom: 15px;
	width: 870px;
	height: 20px;
}

.news-detail {
	padding: 15px 15px;
	margin-top: 20px;
	background: #FFF6F6;
	width: 840px;
	border-radius: 4px;
	/* CSS3草案 */
	-webkit-border-radius: 4px;
	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;
	/* Firefox用 */
}

/*========FAQ========*/
.faq {
	min-height: 500px;
}

.faq dl {
	width: 870px;
	padding-bottom: 10px;
	min-height: 80px;
}

.faq dl dt {
	background: url(../images/icon-q.png) no-repeat left top;
	padding-left: 30px;
	width: 830px;
	font-weight: bold;
	min-height: 36px;
	padding-top: 4px;
	color: #e083b6;
	font-size: 14px;
}

.faq dl dd {
	background: url(../images/icon-a.png) no-repeat left top;
	padding-left: 30px;
	width: 830px;
	min-height: 36px;
	padding-top: 4px;
	border-bottom: #999 1px dotted;
	padding-bottom: 10px;
}

/*========ＮＴＴファイナンスからのご請求について========*/
.service-table {}

.service-table tr th {
	padding: 5px 5px;
	background: #D6FFDA;
	text-align: center;
	border: 1px solid #999;
}

.service-table tr td {
	text-align: left;
	padding: 5px 5px;
	border: 1px solid #999;
	background: #FFF;
}

/*========Webビリング========*/
.wb-box01 {
	background: url(../images/bg-web-billing01.png) no-repeat left top;
	width: 870px;
	height: 250px;
}

/*========おまとめ請求========*/
.om-box01 {
	background: url(../images/img-omatome02.png) no-repeat left top;
	width: 870px;
	height: 270px;
}

/*========カラム関係========*/
.calam_l {
	width: 180px;
	float: left;
}

.calam_r {
	width: 675px;
	min-height: 500px;
	_height: 500px;
	float: right;
}

.cate {
	padding-bottom: 20px;
	overflow: hidden;
	display: block;
	*padding-bottom: 2px;
}

.cate2 {
	padding-bottom: 5px;
	overflow: hidden;
	*margin-bottom: -13px;
	*padding-bottom: 0;
}

.calam_full {
	width: 870px;
	min-height: 500px;
	_height: 500px;
	*float: right;
}

.line {
	background-image: url(../images/eu_bg_anq_trial.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
}

.service {
	padding: 20px 30px 5px 30px;
}

.centering {
	padding: 10px 96px 15px 96px;
}

.articles {
	padding: 10px 0 5px 10px;
}

/*============================================================
	画像使用ボタン幅指定無
============================================================*/
.blockPageBtn ul {
	margin: 0;
	padding: 0;
}

.blockPageBtn li {
	float: left;
	margin-right: 8px;
}

.blockPageBtn .tright {
	float: right;
	margin-right: 0px;
	margin-left: 8px;
}

/*========ログアウト========*/
.logoutbox {
	margin: 0px auto;
	display: block;
	width: 96px;
	padding: 0;
}

input.logout {
	background: transparent url('../images/eu_btn_logout_trial3.gif') no-repeat scroll top right;
	display: block;
	width: 96px;
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	height: 24px;
}

input.logout:hover {
	background-position: bottom right;
}

/***************************************************************************

2:ヘッダー

****************************************************************************/

#header {
	width: auto;
	margin: 5px auto;
	overflow: hidden;
}

#headerleft {
	width: 180px;
	float: left;
	padding: 0px;
	margin: 0px;
	display: block;
}

#headerright {
	width: 675px;
	float: right;
	padding: 0px;
	margin: 0px;
	display: block;
}

.user {
	background-image: url(../images/eu_icon_user_trial.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding: 0 0 0px 20px;
	height: 100%;
	clear: both;
	margin-bottom: 5px;
	width: 140px;
	word-break: break-all;
	word-wrap: break-word;
}

/*========メニュー========*/
.frame {
	margin-bottom: 6px;
	display: block;
}

/*========ログイン========*/
#loginframe {
	margin-bottom: 10px;
	display: block;
	width: 180px;
}

#loginframe .top {
	background-image: url(../images/eu_bg_login01.gif);
	background-repeat: no-repeat;
	height: 5px;
	margin: 0px;
	padding: 0px;
	line-height: none;
	font-size: 0px;
}

#loginframe .in {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 5px;
}

#loginframe .bottom {
	background-image: url(../images/eu_bg_login02.gif);
	background-repeat: no-repeat;
	height: 5px;
	margin: 0px;
	padding: 0px;
}

/*========ログイン========*/
#menuframe .top {
	background-image: url(../images/eu_bg_menu01.gif);
	background-repeat: no-repeat;
	height: 5px;
	margin: 0px;
	padding: 0px;
	line-height: none;
	font-size: 0px;
}

#menuframe .in {
	background-image: url(../images/eu_bg_menu02.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 5px;
}

#menuframe .in li {
	border-bottom: 1px dotted #e5d5d5;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background-image: url(../images/icon_arow_trial.gif);
	background-position: 2px 2px;
	background-repeat: no-repeat;
	margin-left: 5px;
	padding-left: 11px;
}

#menuframe .bottom {
	background-image: url(../images/eu_bg_menu03.gif);
	background-repeat: no-repeat;
	height: 5px;
	margin: 0px;
	padding: 0px;
}

/***************************************************************************

4:テーブル

****************************************************************************/

/*========検索画面========*/
.condition table {
	margin: 0 0 10px 0;
	padding: 0;
	color: #FFFFFF;
}

.condition td {
	text-align: left;
	padding: 5px;
	background-color: #fff;
	border: #bbb 1px solid;
	border-spacing: 0;
	color: #666;
}

.condition td.title {
	background-color: #d3e7bb;
	font-weight: bold;
	color: #462400;
}

/*========検索画面========*/
.result table {
	color: #FFFFFF;
	margin: 0 0 10px 0;
}

.result td {
	text-align: left;
	padding: 3px;
	background-color: #FFFFFF;
	border: #bbb 1px solid;
	border-spacing: 0;
	margin: 0;
	color: #666666;
}

.result td.bgb,
.result tr.bgb td {
	background-color: #F7F7F7;
}

.result td.title {
	background-color: #d3e7bb;
	font-weight: bold;
	text-align: center;
	color: #462400;
}

.service table {
	margin: 0 10px 0 20px;
}

.service td {
	text-align: left;
	padding: 10px;
	background-color: #FFFFFF;
	*border: #bbb 1px solid;
	border: 0;
	border-spacing: 0;
	margin: 0;
}

#framebox .calam_r .page {
	width: 654px;
	background-image: url(../images/eu_bg_num_trial.gif);
	background-repeat: repeat-y;
	padding: 10px;
	text-align: right;
	margin-bottom: 10px;
}

#framebox .calam_r .page a {
	padding: 5px 5px 5px 5px;
	border: #EEEEEE 1px solid;
	background: #FFFFFF;
}

/*========入力画面========*/
.condition2 {
	overflow: hidden;
}

.condition2 table {
	height: auto;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
}

.condition2 tr {
	height: auto;
}

.condition2 th {
	height: auto;
	text-align: left;
	padding: 5px;
	background-color: #d3e7bb;
	border: #bbb 1px solid;
	font-weight: bold;
	color: #462400;
}

.condition2 td {
	text-align: left;
	padding: 5px;
	background-color: #fff;
	border: #bbb 1px solid;
	border-spacing: 0;
	margin: 0;
	color: #666;
}

.condition2 th a,
.condition2 td.title a,
.condition2 td.title2 a,
	{
	font-weight: bold;
}

/*========検索・入力画面エラー表記========*/
.condition td.cel_error,
.condition2 td.cel_error,
.result td.cel_error,
.bgb td.cel_error,
tr.bgb td.cel_error {
	background: #ffe5ff;
}

/***************************************************************************

5:フッター

****************************************************************************/

#footer {
	margin: 10px auto 0 auto;
	text-align: right;
	font-size: 11px;
	color: #999;
	width: 900px;
}

/*============================================================
	フッターリンク　
============================================================*/
#footlink {
	width: 900px;
	line-height: 2.5;
	background: url(../images/eu_bg_footer.gif) no-repeat center top;
	margin: 0 auto;
	padding-right: 18px;
	text-align: right;
}

#footlink a {
	color: #666666;
	text-decoration: none;
}

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

/***************************************************************************

6:プログレス

****************************************************************************/
#progress {
	margin: 8px 0 12px 0;
	padding: 8px 0 10px 0;
	text-align: center;
	border-top: 3px double #d3e7bb;
	border-bottom: 3px double #d3e7bb;
	overflow: hidden;
	*padding-bottom: 12px;
}

#progress ul {
	display: table;
	margin: 10px auto;
	overflow: hidden;
}

#progress li {
	display: table-cell;
	width: 135px;
	padding: 27px 0 0 0;
	font-weight: bold;
	text-align: center;
}

* html #progress li {
	/* IE 6 */
	display: inline;
	zoom: 1;
}

#progress li span {
	display: block;
	text-align: center;
	padding: 0 12px 0 0;
}

#progress .on {
	background-image: url(../images/eu_progress_on_trial.gif);
	background-repeat: no-repeat;
	color: #666666;
}

#progress .off {
	background-image: url(../images/eu_progress_off.gif);
	background-repeat: no-repeat;
	color: #bbbbbb;
}

#progress .end {
	background-image: url(../images/eu_progress_end.gif);
	background-repeat: no-repeat;
	color: #bbbbbb;
}

/*============================================================
	リセット関連　
============================================================*/
.condition input,
.result input {
	padding: 1px 2px 1px 2px;
}

.condition select {
	padding: 0;
}

/*============================================================
	テキスト関連　
============================================================*/
/*========マスト文言========*/
.must {
	color: #FF0033;
	font-size: 80%;
	font-weight: bold;
}

/*========太字========*/
.bold {
	font-weight: bold;
}

/*========フォントカラー========*/
.fc-red {
	color: #F36;
}

/*========フォントサイズ========*/
.fs-11 {
	font-size: 11px;
}

/*========フロート========*/
.fl-r {
	float: right;
}

.fl-l {
	float: left;
}

/*========padding========*/
.pad-t-10 {
	padding-top: 10px;
}

.pad-b-10 {
	padding-bottom: 10px;
}

.pad-b-20 {
	padding-bottom: 20px;
}

.pad-b-30 {
	padding-bottom: 30px;
}

.pad-l-10 {
	padding-left: 10px;
}

.pad-l-290 {
	padding-left: 290px;
}

.pad-l-560 {
	padding-left: 560px;
}

/*========margin========*/
.mrg-t-10 {
	margin-top: 10px;
}

.mrg-b-10 {
	margin-bottom: 10px;
}

.mrg-b-20 {
	margin-bottom: 20px;
}

.mrg-b-30 {
	margin-bottom: 30px;
}

.mrg-l-10 {
	margin-left: 10px;
}

/*========height========*/
.h-20 {
	height: 20px;
}

.h-30 {
	height: 30px;
}

.h-40 {
	height: 40px;
}

.h-50 {
	height: 50px;
}


/*========clear========*/
.clear {
	clear: both;
}

/*========ワーニング========*/
/*.warning {
	color:#996633;
}*/
/*========ワーニング 太文字========*/
.warning_b {
	color: #996633;
	font-weight: bold;
}

.text_right {
	text-align: right !important;
}

.box_center {
	text-align: center !important;
}

.box_center div,
.box_center p,
.box_center div table {
	margin-left: auto !important;
	margin-right: auto !important;
}

.spb20 {
	margin-bottom: 20px !important;
}

.attentions {
	margin: 10px 0;
	padding: 8px 0 3px 0;
	*border-bottom: solid #c97132 1px;
	*border-top: solid #c97132 1px;
	*background-color: #c97132;
	border-bottom: solid #3e571e 1px;
	border-top: solid #3e571e 1px;
	background-color: #3e571e;
}

.attentions li {
	color: #FFFFFF;
	padding: 0 0 5px 0;
	margin-left: 20px;
	list-style: disc;
	font-weight: bold;
	font-size: 80%;
	*background-color: #c97132;
	background-color: #3e571e;
}

.attentions li.fontdefo {
	font-size: 100%;
}

.txt_26em_f {
	display: block;
	width: 26em;
	float: left;
}

/*============================================================
	ボタン関連　
============================================================*/
label.graybutton,
label.bluebutton,
label.nextbutton,
label.prevbutton {
	width: auto;
	display: block;
	height: 30px;
	cursor: pointer;
	margin: 0;
	padding: 0;
	border: none;
}

input.graybutton,
input.bluebutton,
input.nextbutton,
input.prevbutton {
	cursor: pointer;
	height: 27px;
	border: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
	display: block;
}

/*========戻るボタン設定========*/

label.prevbutton {
	background: transparent url('../images/bg_prevbutton.gif') no-repeat top left;
	color: #666666;
	display: block;
	font: normal 12px arial, sans-serif;
	height: 27px;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
}

input.prevbutton {
	background: none;
	color: #666666;
	display: block;
	text-align: center;
	line-height: 14px;
	padding: 7px 10px 6px 20px;
	white-space: nowrap;
}

label.prevbutton:hover,
label.prevbutton:focus {
	background-position: bottom left;
	color: #666666;
	outline: none;
}

input.prevbutton:hover,
input.prevbutton:focus {
	background-position: bottom left;
	padding: 7px 10px 6px 20px;
}

/*========次へボタン設定========*/

label.nextbutton {
	background: transparent url('../images/bg_nextbutton.gif') no-repeat top left;
	color: #666666;
	display: block;
	font: normal 12px arial, sans-serif;
	height: 27px;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
}

input.nextbutton {
	background: none;
	display: block;
	color: #666666;
	line-height: 14px;
	padding: 7px 20px 6px 10px;
	background-position: right top;
	text-align: center;
	white-space: nowrap;
}

label.nextbutton:hover,
label.nextbutton:focus {
	background-position: bottom left;
	color: #666666;
	outline: none;
}

input.nextbutton:hover,
input.nextbutton:focus {
	background-position: bottom right;
	padding: 7px 20px 6px 10px;
}

/*========グレイボタン設定========*/

label.graybutton {
	background: transparent url('../images/bg_graybutton.gif') no-repeat scroll top right;
	color: #666666;
	display: block;
	font: normal 12px arial, sans-serif;
	height: 27px;
	text-decoration: none;
	font-weight: bold;
	border: none;
}

input.graybutton {
	background: none;
	display: block;
	color: #666666;
	line-height: 14px;
	padding: 7px 11px 6px 11px;
	border: none;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}

label.graybutton:hover,
label.graybutton:focus {
	background-position: bottom right;
	color: #666666;
	display: block;
	outline: none;
}

input.graybutton:hover,
input.graybutton:focus {
	background-position: bottom left;
	display: block;
	padding: 7px 11px 6px 11px;
}

.size_large label.graybutton {
	background: transparent url('../images/bg_graybutton_l.gif') no-repeat top left;
}

.size_large label.graybutton:hover,
.size_large label.graybutton:focus {
	background-position: bottom left;
	color: #666666;
	outline: none;
}

/*========ブルーボタン設定========*/

label.bluebutton {
	background: transparent url('../images/bg_bluebutton_trial.gif') no-repeat scroll top left;
	color: #EEEEEE;
	display: block;
	font: normal 12px arial, sans-serif;
	height: 27px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

input.bluebutton {
	background: none;
	display: block;
	color: #EEEEEE;
	line-height: 14px;
	padding: 7px 11px 6px 11px;
	border: none;
	text-align: center;
	font-weight: bold;
}

label.bluebutton:hover {
	background-position: bottom left;
	color: #EEEEEE;
	outline: none;
}

input.bluebutton:hover {
	background-position: bottom left;
	padding: 7px 11px 6px 11px;
	border: none;
}

.size_large label.bluebutton {
	background: transparent url('../images/bg_bluebutton_l_trial.gif') no-repeat top left;
}

.size_large label.bluebutton:hover,
.size_large label.bluebutton:focus {
	background-position: bottom left;
	color: #EEEEEE;
	outline: none;
}

/*============================================================
	テーブル関連　
============================================================*/

/*========入力用========*/
#framebox .calam_r .condition tr {
	width: 602px;
}

/*========テーブル横幅========*/
#framebox .calam_r .condition td {
	width: 462px;
}

#framebox .calam_r .condition td.title {
	width: 192px;
}

#framebox .calam_r .condition td.cel_half {
	width: 90px !important;
}

#framebox .calam_r .condition table td .ipt_size-full {
	width: 450px;
}

/*============================================================
	入力項目横幅　
============================================================*/
#framebox .calam_r .ipt_size04 {
	width: 240px;
}

#framebox .calam_r .ipt_size08 {
	width: 480px;
}

#framebox .calam_r .ipt_size-address {
	width: 450px;
}

/*============================================================
	入力項目disabled
============================================================*/
.ipt_disabled_emphasis {
	background-color: #888888 !important;
	border: 1px solid #7f9db9;
	padding: 2px 3px 1px 3px !important;
	color: #FFFFFF;
}

label.graybutton_disabled {
	background: transparent url('../images/bg_graybutton_disabled.gif') no-repeat top left;
	display: block;
	height: 27px;
}

.size_large label.graybutton_disabled {
	background: transparent url('../images/bg_graybutton_l_disabled.gif') no-repeat top left;
}

input.graybutton_disabled {
	color: #AAAAAA;
	background: none;
	display: block;
	line-height: 14px;
	padding: 7px 11px 6px 11px;
	border: none;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}

/*============================================================
	入力項目半角限定
============================================================*/
.ipt_hankaku {
	ime-mode: disabled;
}

/*============================================================
	文字位置　
============================================================*/
.text_left {
	text-align: left !important;
}

.text_center {
	text-align: center !important;
}

.box_right {
	text-align: right !important;
}

.box_right div,
.box_right p,
.box_right div table {
	margin-left: auto !important;
	margin-right: 0 !important;
}

/*============================================================
	ボタン配置　
============================================================*/
.btn_lists {
	margin: 0 0 0 0;
}

.btn_lists li {
	width: 90px;
}

.btn_lists li.size_large {
	width: 188px !important;
}

.btn_lists li input {
	width: 100%;
}

.btn_lists .btn_leftbox {
	float: left;
	width: 33%;
}

.btn_lists .btn_leftbox li {
	float: left;
	*display: inline;
	margin: 0 8px 0 0;
	padding: 0 0 10px 0;
}

.btn_lists .btn_centerbox {
	margin: 0 33% 0 33%;
	text-align: center;
	width: 33%;
}

.btn_lists .btn_centerbox li {
	vertical-align: top;
	padding: 0 0 0 4px;
	margin: 0 auto 10px auto;
	display: inline-block;
}

* html .btn_lists .btn_centerbox li {
	display: inline;
	zoom: 1;
}

.btn_lists .btn_rightbox {
	float: right;
}

.btn_lists .btn_rightbox li {
	vertical-align: top;
	display: inline-block;
	padding: 0 0 10px 4px;
}

* html .btn_lists .btn_rightbox li {
	display: inline;
	zoom: 1;
}

/*============================================================
	完了画面
============================================================*/
#framebox .calam_r .box_complete {
	background: url(../images/eu_bg_completion02.png) no-repeat left bottom;
	padding: 0 0 7px 0;
	margin: 0 0 10px 0;
}

.box_complete h3,
.box_complete p {
	color: #666666;
}

#framebox .calam_r .box_complete .wrap {
	background: url(../images/eu_bg_completion03.png) no-repeat left top;
	padding: 7px 0 0 0;
}

#framebox .calam_r .box_complete .inner {
	background: url(../images/eu_bg_completion01.png) repeat-y left top;
	padding: 0 24px 50px 23px;
	text-align: center;
}

.box_complete h3.top_message {
	margin-bottom: 0;
	font-weight: bold;
	background: none;
	padding: 30px 0 20px 0;
	text-align: center;
	font-size: 140%;
	zoom: 1;
}

.box_complete .text_idno {
	color: #c97132;
	padding: 0 0 20px 0;
	font-weight: bold;
}

/***************************************************************************

　その他

****************************************************************************/
/*============================================================
	BOX　
============================================================*/

/*========1column========*/
#framebox .calam_r .box_set01 {
	background: url(../images/bg_boxs01_03.gif) no-repeat left bottom;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

#framebox .calam_r .box_set01 .wrap {
	background: url(../images/bg_boxs01_01.gif) no-repeat left top;
	padding: 5px 0 0 0;
}

#framebox .calam_r .box_set01 .inner {
	background: url(../images/bg_boxs01_02.gif) repeat-y left top;
	padding: 5px 10px 5px 10px;
}

#framebox .calam_full .ttl_box01f {
	*background: url(../images/eu_bg_ttlbox01f_02.gif) no-repeat left bottom;
	width: 870px;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
}

#framebox .calam_full .ttl_box01f .wrap {
	border-top: #d3d3d3 1px solid;
	border-left: #d3d3d3 1px solid;
	border-right: #d3d3d3 1px solid;
	border-bottom: #d3d3d3 1px solid;
	padding: 5px 10px 3px 10px;
	background: #FFFFFF;
}

#framebox .calam_full .ttl_box01f2 {
	background: url(../images/eu_bg_ttlbox01f_02.gif) no-repeat left bottom;
	width: 870px;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
}

#framebox .calam_full .ttl_box01f2 h2 {
	background: url(../images/eu_bg_ttlbox01f_01.gif) no-repeat left top;
	padding: 9px 0 7px 10px;
	margin: 0 0 0 0;
	color: #555555;
}

#framebox .calam_full .ttl_box01f2 .wrap2 {
	border-top: #d3d3d3 1px solid;
	border-left: #d3d3d3 2px solid;
	border-right: #d3d3d3 2px solid;
	padding: 3px 10px 0 10px;
	background: #FFFFFF;
}

#framebox .calam_full .ttl_box01f .btn_lists li {
	padding: 0 0 5px 0;
}

#framebox .calam_full .exp p {
	padding: 3px 0 5px 15px;
}

#framebox .calam_full a {
	overflow: visible;
}

/***************************************************************************

横幅Full

****************************************************************************/



/*============================================================
	テーブル関連　
============================================================*/

/*========テーブル横幅========*/
.condition td {
	width: 598px;
}

.condition td.title {
	width: 251px;
}

.condition td.cel_half {
	width: 90px !important;
}

/*============================================================
	入力項目横幅　
============================================================*/

.ipt_size04 {
	width: 320px;
}

.ipt_size06 {
	width: 560px;
}

.ipt_size07 {
	width: 585px;
}

.ipt_size08 {
	width: 640px;
}

.ipt_size-tel {
	width: 70px;
}

.ipt_size-post {
	width: 50px;
}

.ipt_size-address {
	width: 585px;
}

.ipt_size-saddress {
	width: 560px;
}

.ipt_size-yyyy {
	width: 30px;
}

.ipt_size-mm {
	width: 20px;
}

.ipt_size-dd {
	width: 20px;
}

/*============================================================
	完了画面　
============================================================*/
.box_complete {
	background: url(../images/eu_bg_completion02l.png) no-repeat left bottom;
	padding: 0 0 7px 0;
	margin: 0 0 10px 0;
}

.box_complete .wrap {
	background: url(../images/eu_bg_completion03l.png) no-repeat left top;
	padding: 7px 0 0 0;
}

.box_complete .inner {
	background: url(../images/eu_bg_completion01l.png) repeat-y left top;
	padding: 0 24px 50px 23px;
	text-align: center;
	min-height: 300px;
	_height: 300px;
}

/*============================================================
	BOX　
============================================================*/

/*========1column========*/
.box_set01 {
	background: url(../images/bg_box01_03.gif) no-repeat left bottom;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

.box_set01 .wrap {
	background: url(../images/bg_box01_01.gif) no-repeat left top;
	padding: 5px 0 0 0;
}

.box_set01 .inner {
	background: url(../images/bg_box01_02.gif) repeat-y left top;
	padding: 5px 10px 5px 10px;
}

/*========ページネーション========*/

.page {
	width: 850px;
	background-image: url(../images/eu_bg_num.gif);
	background-repeat: repeat;
	padding: 10px;
	text-align: right;
	margin-bottom: 10px;
}

.page a {
	padding: 5px 5px 5px 5px;
	border: #EEEEEE 1px solid;
	background: #FFFFFF;
}

/*============================================================
	画像関連
============================================================*/
.f_right img {
	float: right;
}

.f_left img {
	float: left;
}

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

.clearfix {
	display: inline-block;
	min-height: 1%;
	/* for IE 7*/
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */
.adml {
	margin-left: 20px;
}

.admb {
	padding-bottom: 20px;
}

.admlw {
	margin-left: 50px;
}

.mtx {
	line-height: 1.4;
}

/*========アイコン設定========*/
.menu_ico01 {
	margin: 0;
	background-image: url(../images/eu_menu_icon01.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 300px;
}

.menu_ico01 span {
	margin-left: 35px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: left;
}

.menu_ico02 {
	margin: 0;
	background-image: url(../images/eu_menu_icon02.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 300px;
}

.menu_ico02 span {
	margin-left: 35px;
	margin-top: 10px;
	height: 30px;
	line-height: 30px;
	text-align: left;
}

.menu_ico03 {
	margin: 0;
	background-image: url(../images/eu_menu_icon03.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 300px;
}

.menu_ico03 span {
	margin-left: 35px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: left;
}

.menu_ico04 {
	margin: 0;
	background-image: url(../images/eu_menu_icon04.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 300px;
}

.menu_ico04 span {
	margin-left: 35px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: left;
}

.menu_ico05 {
	margin: 0;
	background-image: url(../images/eu_menu_icon05.gif);
	background-repeat: no-repeat;
	height: 38px;
	width: 300px;
}

.menu_ico05 span {
	margin-left: 35px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: left;
}

.pdf_icon {
	padding: 0 0 5px 20px;
	background: url(../images/pdf.gif) no-repeat center left;
	display: block;
}

img.icon {
	margin: 0 0 -2px 0;
	padding: 0 2px 0 0;
	display: inline;
	.
}

.icon_popup a {
	padding-left: 15px;
	background: transparent url(../images/icon_popup.gif) 2px 0.3em no-repeat;
}

.pup_center {
	margin: auto;
}

.image_win {
	text-align: center;
	margin: auto;
	width: 900px;
}

.image_win h2 {
	background-image: none;
	color: #000;
}

/*============================================================
	ボタン関連
============================================================*/
.btn_lists .offer_contact {
	float: right;
	margin: 0;
	padding: 2px 0 0 0;
}

#header_b:after,
#header_t:after,
.btn_lists:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.offer_contact ul {
	margin: 0;
	padding: 0;
	float: right;
}

.offer_contact li {
	overflow: hidden;
	margin: 0 0 6px 0;
	padding: 0 0 0 10px;
	display: block;
	width: 170px;
}

.offer_contact ul li a {
	height: 27px;
	display: block;
	text-indent: -9999px;
}

.offer_contact .btn_offer {
	background: url(../images/eu_btn_offer.gif) no-repeat left top;
}

.offer_contact .btn_offer:hover {
	background: url(../images/eu_btn_offer.gif) no-repeat left -27px;
}

/*============================================================
	リンク関連
============================================================*/
.menu_link01 {
	text-align: right;
}

.menu_link01 a {
	background: url(../images/eu_icon_arrow.gif) no-repeat left 0.2em;
	padding: 0 0 0 10px;
}

.qa_index_list {
	padding: 0 20px 0 20px;
	margin: 0 0 10px 0;
}

.qa_index_list ul {}

.qa_index_list li {
	*width: 50%;
	float: left;
	*padding: 0 0 5px 0;
	padding: 5px 0 2px 0;
}

.qa_index_list li a {
	background: url(../images/eu_icon_qa_link.gif) no-repeat left 0.3em;
	padding: 2px 0 2px 20px;
}

.qa_index_list li li {
	float: left;
	padding: 2px 0 2px 0;
}

.qa_index_list li li a {
	background: url(../images/eu_icon_arrow02.gif) no-repeat left 0.6em;
	padding: 0.3em 0 0.3em 15px;
	margin: 0 0 0 1em;
}

.sa_index_list {
	padding: 0 20px 0 20px;
	margin: 0 0 10px 10px;
}

.sa_index_list ul {}

.sa_index_list li {
	width: 33%;
	float: left;
	padding: 0 0 5px 0;
}

.sa_index_list li a {
	background: url(../images/eu_icon_qa_link.gif) no-repeat left 0.3em;
	padding: 2px 0 2px 20px;
}

.ttl_box01f .link_list li:after,
.sa_index_list ul:after,
.qa_index_list ul:after,
.qa_list dd:after,
.qa_list dt:after,
.btn_lists:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.ttl_box01f .link_list li,
.sa_index_list ul,
.qa_index_list ul,
.qa_list dd,
.qa_list dt,
#header_b,
#header_t,
.btn_lists {
	zoom: 1;
}

.ttl_box01f2 .text_btm {
	padding: 0 0 15px 0;
}

.oth_list li {
	background: url(../images/eu_icon_footlink_w.gif) no-repeat left 0.3em;
	padding: 0.3em 0 0.3em 17px;
	margin-left: 10px;
}

.oth_list li li {
	background: url(../images/eu_icon_arrow02.gif) no-repeat left 0.6em;
	padding: 0.3em 0 0.3em 10px;
	margin: 0 0 0 1em;
}

.sa_section {
	margin-left: 10px;
}

/*============================================================
	ニュース複数用
============================================================*/
.news_all {
	background-color: #FFFFFF;
	width: 680px;
	padding: 10px 10px 5px 10px;
	margin-bottom: 5px;
}

.news_index01 dl {
	overflow: hidden;
	padding-bottom: 5px;
}

.news_index01 dt {
	background-image: url(../images/eu_img_arrow.gif);
	background-position: 0 center;
	background-repeat: no-repeat;
	float: left;
	width: 100px;
	padding-left: 20px;
}

.news_index01 dd {
	float: right;
	width: 550px;
}

/*============================================================
	QA用
============================================================*/
.qa_list {
	margin: 10px 0 0 0;
}

.qa_list dt {
	padding: 0 0 15px 40px;
}

.qa_list dt span {
	display: block;
	text-indent: -9999px;
	float: left;
	background: url(../images/eu_icon_q.gif) no-repeat left top;
	width: 26px;
	height: 32px;
	margin: 0 0 0 -40px;
	zoom: 1;
}

.qa_list dd {
	padding: 0 0 10px 40px;
	margin: 0 0 15px 0;
	border-bottom: #CCCCCC 1px dotted;
}

.qa_list dd span {
	display: block;
	text-indent: -9999px;
	float: left;
	background: url(../images/eu_icon_a.gif) no-repeat left top;
	width: 26px;
	height: 32px;
	margin: 0 0 0 -40px;
	zoom: 1;
}

/***************************************************************************

1:一般サイト用

****************************************************************************/
#header_t,
#header_b {
	width: 900px;
	margin: 5px auto;
	*margin: 0 auto 5px auto;
}

#header_t h1 {
	float: left;
}

#header_t ul {
	float: right;
	margin: 5px 0 0 0;
}

#header_t ul li {
	float: left;
	overflow: hidden;
}

#header_t ul li a {
	height: 25px;
	display: block;
	text-indent: -9999px;
}

#header_t li a.login {
	background: url(../images/eu_img_menu_mtop_trial.gif) no-repeat left top;
	width: 170px;
}

#header_t li a.login:hover {
	background: url(../images/eu_img_menu_mtop_trial.gif) no-repeat left bottom;
	width: 170px;
}

#header_b ul {
	margin: -30px 0 0 250px;
	float: left;
	position: relative;
}

/****2012-08-27 Append Start****/
#header_b ul.login {
	margin: 0 0 0 210px;
	float: left;
	position: relative;
}

#header_b a.btn11 {
	background: url(../images/eu_img_menu-WebBill.gif) no-repeat left top;
	width: 185px;
	display: block;
	float: left;
	height: 20px;
}

/****2012-08-27 Append E n d****/
#header_b ul li {
	position: relative;
	float: left;
}

#header_b ul li ul {
	margin: -30px 0 0 0px;
}

#header_b ul li a {
	height: 20px;
	display: block;
	text-indent: -9999px;
}

#header_b a.btn01 {
	background: url(../images/eu_img_menu_01.gif) no-repeat left top;
	width: 92px;
	display: block;
	float: left;
	height: 20px;
}

#header_b a.btn01:hover {
	background: url(../images/eu_img_menu_01.gif) no-repeat left bottom;
	width: 92px;
	display: block;
	float: left;
	height: 20px;
}

#header_b a.btn02 {
	background: url(../images/eu_img_menu_02.gif) no-repeat left top;
	width: 105px;
	display: block;
	float: left;
	height: 20px;
}

#header_b a.btn02:hover {
	background: url(../images/eu_img_menu_02.gif) no-repeat left bottom;
	width: 105px;
	display: block;
	float: left;
	height: 20px;
}

#header_b a.btn03 {
	background: url(../images/eu_img_menu_03.gif) no-repeat left top;
	width: 138px;
	display: block;
	float: left;
	height: 20px;
}

#header_b a.btn03:hover {
	background: url(../images/eu_img_menu_03.gif) no-repeat left bottom;
	width: 138px;
	display: block;
	float: left;
	height: 20px;
}

#header_b a.btn04 {
	background: url(../images/eu_img_menu_04.gif) no-repeat left top;
	width: 108px;
	display: block;
	float: left;
	height: 20px;
}

#header_b a.btn04:hover {
	background: url(../images/eu_img_menu_04.gif) no-repeat left bottom;
	width: 108px;
	display: block;
	float: left;
	height: 20px;
}

#header_b li ul {
	display: none;
	position: absolute;
	top: 50px;
	left: -1px;
	padding: 5px;
	width: 320px;
	background: #000;
}

#header_b li ul li {
	margin: 4px;
	padding: 0;
	width: 310px;
	border: none;
	font-size: 11px;
	list-style-type: none;
	border-bottom: #FFF 1px dotted;
}

#header_b li ul li a {
	display: inline-block;
	width: 310px;
	height: 20px;
	margin-left: 1em;
	text-indent: -1em;
	text-decoration: none;
	color: #fff;
}

#header_b li ul li a:hover {
	color: #86A95E;
}

#header_b li a.btn_qa:hover {
	color: #86A95E;
}

#header_b li a.btn_qa {
	color: #777;
	margin: -20px 0 0 46px;
	padding: 0;
	font-weight: bold;
	display: inline;
	z-index: 1;
}

#header_b li a.btn_qa:hover {
	color: #ff0066;
}

/*========申込書ダウンロードタイトル部PDFイメージ========*/
/*Clear Float*/
#header_b:after,
#header_t:after,
.btn_lists:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#header_b,
#header_t,
.btn_lists {
	zoom: 1;
}

/*--追加A-1(Ｗｅｂ会員登録保留通知注意文言用)--*/
.box_complete h3.res_message {
	margin-bottom: 0;
	font-weight: bold;
	background: none;
	padding: 30px 0 0px 0;
	text-align: center;
	font-size: 140%;
	zoom: 1;
}

.box_complete h3.res_messagew {
	margin-bottom: 0;
	font-weight: bold;
	background: none;
	padding: 0px 0 20px 0;
	text-align: center;
	font-size: 140%;
	zoom: 1;
	color: #FF0033;
}

/*--追加B-1(Webビリング詳細ページ用)2012/09/11追加--*/

.wbill_list {}

.wbill_list .list1 {
	background: url(../images/b-billing_pict01_01.gif) no-repeat;
	padding: 0 0 0 80px;
	margin: 0 0 0 10px;
}

.wbill_list .list2 {
	background: url(../images/b-billing_pict02_01.gif) no-repeat;
	padding: 0 0 0 80px;
	margin: 0 0 0 10px;
}

.wbill_list .list3 {
	background: url(../images/b-billing_pict03_01.gif) no-repeat;
	padding: 0 0 0 80px;
	margin: 0 0 0 10px;
}

.wbill_list .font1 {
	color: #888888;
	font-weight: bold;
}

.wbill_list .font2 {
	font-size: 160%;
	font-weight: bold;
	color: #FF0033;
	margin: 5px 0 10px 0;
}

.wbill_list .font3 {
	font-weight: bold;
}

.wbill_list hr {
	clear: both;
	margin: 5px 0;
}

/*--追加C-1(エラー表示用)2012/09/18追加--*/

.errors {
	margin: 10px 0;
	padding: 8px 0 3px 0;
	border-bottom: solid #FF0033 1px;
	border-top: solid #FF0033 1px;
	background-color: #FFFFFF;
}

.errors li {
	color: #FF0033;
	padding: 0 0 5px 0;
	margin-left: 20px;
	list-style: disc;
	font-weight: bold;
	font-size: 80%;
	background-color: #FFFFFF;
}