/* 基本構造、メインメニュー、コンテンツ枠、フッター、リンク色 */
/* 基本・骨組み */

body {
	margin: 0;
	padding: 0;
	text-align:center;
	background-color:#d9030f;
	color:#333333;
}
ul {
	margin: 0;
	padding: 0;
}
ol {
	margin-top: 0;
	margin-bottom: 0;
}
h1,h2,h3,h4,p {
	margin: 0;
	padding: 0;
	font-size:100%;
}
img {
	border: none;
}

/* ヘッダー */
#header-area {
	height:135px;
	text-align:center;
	background-image: url("../images/fbs_bg_header.gif");
	background-repeat: repeat-x;
	background-color:#ff4000;
}
#contents-area {
	padding-top:15px;
	text-align:center;
	background-color:#ffffff;
}
/* コンテンツエリア */
.contents-window {
	width:720px;
	text-align:center;
	background-color:#ffffff;
	background-image: url("../images/bg_win_main_mid.gif");
	margin-left:auto;
	margin-right:auto;
}
.contents-in {
	width:640px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
}
.button-area {
	width:380px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
.form-table {
	font-size:90%;
	line-height:1.6em;
}
.form-table td {
	vertical-align: top;
}
.text-area1 { /* 普通のテキストエリア */
	font-size:90%;
	line-height:1.6em;
}
.text-area2 { /* 角丸ベージュのテキストエリア */
	font-size:90%;
	line-height:1.6em;
	background-color:#eeecc9;
	/* 角丸 */
	border-radius: 8px;        /* CSS3草案 */
  	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
  	-moz-border-radius: 8px;   /* Firefox用 */
}
.text-area2-in {
	padding:10px 15px 10px 15px;
}
.question {
	font-size:90%;
	font-weight:bold;
	line-height:1.6em;
	color:#cc285f;
}
.answer {
	font-size:90%;
	line-height:1.6em;
}
.answer strong {
	color:#0f84bf;
}
.qa-line {
	height:14px;
	margin-bottom:14px;
	border-bottom: 1px dashed #777777;
}



/* 規約 */
.kiyaku-frame {
	background-color:#f5f5f5;
	text-align:left;
}
.kiyaku-area {
	padding:10px;
}
.kiyaku {
	font-size:80%;
	line-height:1.6em;
}
.kiyaku-caption {
	font-size:12pt;
	line-height:1.6em;
	margin-top:16px;
	color:#004d83;
}

/*** ログイン ***/
.contents-in-center {
	width:640px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
}
/* 角丸の枠 */
.win01-box {
	width:580px;
	margin-left:auto;
	margin-right:auto;
	border: 2px #ededed solid;
	/* 角丸 */
	border-radius: 10px;        /* CSS3草案 */
  	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
  	-moz-border-radius: 10px;   /* Firefox用 */
}
/* 角丸の枠・中 */
.win01-box-in {
	width:420px;
	margin-left:auto;
	margin-right:auto;
	padding:20px 10px 20px 10px;
	text-align:left;
	font-size:12pt;
	line-height:1.6em;
	color:#222222;
}
/* フォームエリア左 */
.login-data-left {
	width:120px;
	float:left;
	text-align:left;
	margin:10px 0px 5px 0px;
}
/* フォームエリア右 */
.login-data-right {
	width:280px;
	float:left;
	text-align:left;
	margin:5px 0px 5px 0px;
}
/* フォームの長さ */
.login-data-right input {
	width:250px;
}
/* ログインボタンのエリア */
.login-data-footer {
	text-align:center;
}

/* フォームデザイン */
.formdesign1 {
	border:0;
	padding:6px;
	font-family:Arial, sans-serif;
	color:#222222;
	border:solid 1px #b0b0b0;
	/* 角丸 */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/* 影 */
	-moz-box-shadow: inset 1px 4px 8px -10px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 8px -10px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 8px -10px rgba(0,0,0,0.5);
}
input:focus {
	border:solid 1px #EEA34A;
}
/* ボタン・オレンジ */
.buttondesign1 {
	border:solid 1px #888888;
	padding:6px 24px;
	font-family:Arial, sans-serif;
	font-size:1em;
	--text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	/* グラデーション */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9c2a), to(#ff850e));
	background-image: -webkit-linear-gradient(top, #ff9c2a, #ff850e);
	background-image: -moz-linear-gradient(top, #ff9c2a, #ff850e);
	background-image: -ms-linear-gradient(top, #ff9c2a, #ff850e);
	background-image: -o-linear-gradient(top, #ff9c2a, #ff850e);
	background-image: linear-gradient(top, #ff9c2a, #ff850e);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9c2a', endColorstr='#ff850e',GradientType=0 ); /* IE6-9 */
	/* 角丸 */
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}

/* フッター */
#footer-area {
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	line-height:1.6em;
	color:#ffffff;
}

#footer-area a:link {
	color: #ffffff;
}
#footer-area a:hover {
	color: #50c8ff;
}
#footer-area a:visited {
	color: #ffffff;
}
#footer-area a:visited:hover {
	color: #50c8ff
}
.copyright {
	font-size:10pt;
}


/* 通常リンク関連 */
a:link {
	color: #2255ee;
}
a:hover {
	color: #f17100;
}
a:visited {
	color: #2255ee;
}
a:visited:hover {
	color: #f17100;
}



/* その他 */
.w-860 {
	width:860px;
	margin-left:auto;
	margin-right:auto;
}
.w-880 {
	width:880px;
	margin-left:auto;
	margin-right:auto;
}
.w-890 {
	width:890px;
	margin-left:auto;
	margin-right:auto;
}
.w-900 {
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
.w-920 {
	width:920px;
	margin-left:auto;
	margin-right:auto;
}
.bg-white {
	background-color:#ffffff;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.pad3 {
	padding:3px;
}
.pad5 {
	padding:5px;
}
.pad8 {
	padding:8px;
}
.pad9 {
	padding:9px;
}
.pad10 {
	padding:10px;
}
.pad12 {
	padding:12px;
}
.pad15 {
	padding:15px;
}
.center {
	text-align:center;
}

.center-auto {
	margin-left:auto;
	margin-right:auto;
}
.solid-area {
	border: 1px solid #777777;
}

/* トップページ　青用*/
#top-body-blue {
	background-color:#006ebc;
	text-align:center;
}
#top-header-blue {
	height:135px;
	background-image: url("../images/bg_header_blue.png");
}


/* トップページ　赤用*/
#top-body-red {
	background-color:#d9030f;
	text-align:center;
}
#top-header-red {
	height:135px;
	background-image: url("../images/bg_header_red.png");
}


/* トップページ 共通 */
#contents {
	text-align:center;
	background-color:#ffffff;
	background-image: url("../images/bg_top_white_phone.png"); /* ヘッダー背景 */
	background-position: 50% 0%;                            /* 背景画像の位置は画面中央 */
	background-repeat: repeat-x;                            /* 背景を横方向のみ繰り返す */
}
.contents880 {
	width:880px;
	margin-left:auto;
	margin-right:auto;
}
.contents650 {
	width:650px;
	margin-left:auto;
	margin-right:auto;
}
.leftarea {
	text-align:left;
	width:147px;
	float:left;
}
.centerarea {
	text-align:left;
	width:464px;
	float:left;
}
.rightarea {
	text-align:left;
	width:222px;
	float:left;
}
.top-text-area {
	color:#222222;
	font-size:10pt;
	line-height:1.6em;
	padding:4px 4px 16px 8px;
}
.top-text-area table {
	color:#222222;
	font-size:10pt;
	line-height:1.6em;
}
.btn-pc-toukou {
	text-align:center;
}
.btn-pc-toukou a:hover img { /* マウスオーバーで画像を明るく */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}