@charset "Shift_JIS";
/* CSS Document */

/*
=============== Contents ===============

// @import
//------------------------------
// ページ構造
//------------------------------
// 汎用クラス指定
//------------------------------
// ヘッダー
// メイン
// フッター
//------------------------------
// CSSハック

========================================
*/
/*
============= Color Scheme =============

// メインカラー		：#285A90
// サブカラー		：#E2F1F6
// 基本リンク色		：#900704
// 基本ホバー色		：#FB9000

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


/*-------------------------------------
// @import
-------------------------------------*/
@import url("reset.css");		/* リセット用 */


/*-------------------------------------
// ページ構造
-------------------------------------*/

/* ヘッダー */
#header {
	width: 100%;
	border-top: 3px solid #285A90;
	min-width: 707px;
	padding-top: 15px;
}

/* メイン */
#main {
	background-color: #FFF;
	width: 627px;
	margin: -20px auto 0;
	padding: 0 40px 20px;
}
#main #main-contents {
	min-height: 300px;
}

/* フッター */
#footer_area {
	width: 100%;
	min-width: 707px;
	margin: 1em auto 0;
	padding: 18px 0 8px;
}

/*-------------------------------------
// 汎用クラス指定
-------------------------------------*/

/* 【マージン】上部 */
.mrThalf {	margin-top: 0.5em;}	.mrT1 {	margin-top: 1em;}	.mrT2 {	margin-top: 2em;}	.mrT3 {	margin-top: 3em;}	.mrT4 {	margin-top: 4em;}	.mrT5 {	margin-top: 5em;}
/* 【マージン】下部 */
.mrBhalf {	margin-bottom: 0.5em;}
.mrB1 {	margin-bottom: 1em;}
.mrB2 {	margin-bottom: 2em;}
.mrB3 {	margin-bottom: 3em;}
.mrB4 {	margin-bottom: 4em;}
.mrB5 {	margin-bottom: 5em;}
/* 【マージン】右部 */
.mrRhalf {	margin-right: 0.5em;}
.mrR1 {	margin-right: 1em;}
.mrR2 {	margin-right: 2em;}
.mrR3 {	margin-right: 3em;}
.mrR4 {	margin-right: 4em;}
.mrR5 {	margin-right: 5em;}
/* 【マージン】左部 */
.mrLhalf {	margin-left: 0.5em;}
.mrL1 {	margin-left: 1em;}
.mrL2 {	margin-left: 2em;}
.mrL3 {	margin-left: 3em;}
.mrL4 {	margin-left: 4em;}
.mrL5 {	margin-left: 5em;}
/* 【パディング】上部 */
.pdThalf {	padding-top: 0.5em;}
.pdT1 {	padding-top: 1em;}
.pdT2 {	padding-top: 2em;}
.pdT3 {	padding-top: 3em;}
.pdT4 {	padding-top: 4em;}
.pdT5 {	padding-top: 5em;}
/* 【パディング】下部 */
.pdBhalf {	padding-bottom: 0.5em;}
.pdB1 {	padding-bottom: 1em;}
.pdB2 {	padding-bottom: 2em;}
.pdB3 {	padding-bottom: 3em;}
.pdB4 {	padding-bottom: 4em;}
.pdB5 {	padding-bottom: 5em;}
/* 【パディング】右部 */
.pdRhalf {	padding-right: 0.5em;}
.pdR1 {	padding-right: 1em;}
.pdR2 {	padding-right: 2em;}
.pdR3 {	padding-right: 3em;}
.pdR4 {	padding-right: 4em;}
.pdR5 {	padding-right: 5em;}
/* 【パディング】左部 */
.pdLhalf {	padding-left: 0.5em;}
.pdL1 {	padding-left: 1em;}
.pdL2 {	padding-left: 2em;}
.pdL3 {	padding-left: 3em;}
.pdL4 {	padding-left: 4em;}
.pdL5 {	padding-left: 5em;}

/* 横幅（％指定） */
.wdPer100 {width: 100%;}
.wdPer95  {width:  95%;}
.wdPer90  {width:  90%;}
.wdPer85  {width:  85%;}
.wdPer80  {width:  80%;}
.wdPer75  {width:  75%;}
.wdPer70  {width:  70%;}
.wdPer65  {width:  65%;}
.wdPer60  {width:  60%;}
.wdPer55  {width:  55%;}
.wdPer50  {width:  50%;}
.wdPer45  {width:  45%;}
.wdPer40  {width:  40%;}
.wdPer35  {width:  35%;}
.wdPer30  {width:  30%;}

/* 最小横幅 */
.minW55  {min-width:55px;}
.minW80  {min-width:80px;}
.minW110 {min-width:110px;}

/* 行間 */
.lineH08 { line-height: 0.8;}
.lineH09 { line-height: 0.9;}
.lineH10 { line-height: 1.0;}
.lineH11 { line-height: 1.1;}
.lineH12 { line-height: 1.2;}
.lineH13 { line-height: 1.3;}
.lineH14 { line-height: 1.4;}
.lineH15 { line-height: 1.5;}
.lineH16 { line-height: 1.6;}
.lineH17 { line-height: 1.7;}
.lineH18 { line-height: 1.8;}
.lineH19 { line-height: 1.9;}
.lineH20 { line-height: 2.0;}

/* 文字サイズ */
.sizeL   { font-size: 1.1em;}
.sizeLL  { font-size: 1.2em;}
.sizeS   { font-size: 0.9em;}
.sizeSS  { font-size: 0.8em;}
.size07  { font-size: 0.7em;}
.size08  { font-size: 0.8em;}
.size09  { font-size: 0.9em;}
.size10  { font-size: 1.0em;}	/* サイズそのまま */
.size11  { font-size: 1.1em;}
.size12  { font-size: 1.2em;}
.size13  { font-size: 1.3em;}
.size14  { font-size: 1.4em;}
.size15  { font-size: 1.5em;}
.size16  { font-size: 1.6em;}
.size17  { font-size: 1.7em;}
.size18  { font-size: 1.8em;}
.size19  { font-size: 1.9em;}
.size20  { font-size: 2.0em;}	/* 2倍 */
.size25  { font-size: 2.5em;}	/* 2.5倍 */
.size30  { font-size: 3.0em;}	/* 3倍 */
.size40  { font-size: 4.0em;}	/* 4倍 */
.size50  { font-size: 5.0em;}	/* 5倍 */

/* テキスト色 */
.blackFont{ color: #000;}
.redFont  { color: #F00;}
.blueFont { color: #00F;}
.redFontD { color: #C00;} /* 少し濃いDeep */

/* テキスト太字 */
.boldFont { font-weight:bold;}

/* 文字寄せ */
.align-center {text-align: center !important;}
.align-left   {text-align: left   !important;}
.align-right  {text-align: right  !important;}

/* float */
.float-left   {float:left;}
.float-right  {float:right;}
.float-clear  {clear:both;}

/* 基本リンクスタイル */
a:link {
	color:#900704;
	text-decoration: none;
}
a:visited {
	color:#900704;
	text-decoration: none;
}
a:hover {
	color:#FB9000;
	text-decoration: underline;
}

/* 必須アイコン */
span.must,
span.should {
	font-size: 0.7em;
	font-weight: bold;
}
span.must   {color: #F00;}
span.should {color: #0FF;}

/* 注釈メッセージ */
.message {
	font-size: 1em;
}
.message span.must,
.message span.should {
	font-size: 0.9em;
}

/* システムメッセージ */
.msg,
.wrn,
.err{ 
	padding:5px 3px;
	margin:15px 0 15px 0;
	font-weight:bold;
	border:solid 1px #999;
} 
.msg ul,
.wrn ul,
.err ul{
	margin:0px 5px 0px 5px;
	padding:3px;
} 
.msg ul li,
.wrn ul li,
.err ul li{ 
	margin:0px 0px 0px 10px;
	font-size:1em;
} 
.msg{color:#000; background-color:#F4FFE8;}
.wrn{color:#333; background-color:#FFFACD;}
.err{color:#f00; background-color:#FFDFF7;}

/* フォーム共通 */
form input[type="text"], 
form input[type="email"], 
form input[type="tel"], 
form input[type="number"], 
form textarea, 
form select,
form input[type="password"] {
	background-color: #FFF;
	border: 1px solid #C0C0C0;
	padding: 4px 3px 3px 5px;
	margin: 3px;
}
form input[type="radio"],
form input[type="checkbox"] {
	margin-right: 0.3em;
	position: relative;
	top: 2px;
}
form input[type="submit"],
form input[type="button"] {
	font-size: 1.1em;
	line-height: 1.5;
	margin: 10px 0 10px 10px;
	min-width: 150px;
	padding: 6px 5px 4px;
	width: 200px;
}
form input[type="submit"].buttonS,
form input[type="button"].buttonS {
	font-size: 1em;
	min-width: 100px;
	padding: 3px 4px 2px;
	width: 120px;
}
form label {
	padding-left: 0.5em;
	padding-right:0.5em;
}

form label:hover,
form label input:hover,
form label span:hover {
	color: #F60 !important;
}
/* IMEモードOFF */
form .no-ime {
	ime-mode: disabled;
}


/*-------------------------------------
// ヘッダー
//                            #header
-------------------------------------*/

#header h1 {
	background: url("../images/back_pagetitle.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
	height: 101px;
	color: #635F59;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1.3em;
	padding: 23px 15px 0 87px;
	width: 620px;
	margin-left:  auto;
	margin-right: auto;
}

/*-------------------------------------
// メイン
//                            #main
-------------------------------------*/
#mail form dl dt {
	font-weight: bold;
	border-left: 4px solid #285A90;
	font-size: 1.1em;
	margin-top: 1em;
	margin-left: 3px;
	color: #444;
	padding: 2px 0 0px 5px;
}

#mail form input.name    {width: 200px;}
#mail form input.post    {width: 80px;}
#mail form input.address {width: 450px;}
#mail form input.tel     {width: 200px;}
#mail form input.mail    {width: 300px;}
#mail form textarea.other{width: 600px; font-size: 1.1em;}

#mail form div.btn-submit{
	text-align: center;
	margin: 1.5em 0;
	background-color: #E2F1F6;
}
#mail form div.btn-back{
	background-color: #FFF;
}

/* SSL証明書 */
#security dl#ssl {
}
#security dl#ssl dt, 
#security dl#ssl dd {
	float: left;
}
#security dl#ssl dt {
	width: 160px;
	padding-left: 27px;
}
#security dl#ssl dd {
	width: 420px;
	padding: 0 10px;
}
#security dl#ssl dd h4 {
	font-size: 1.1em;
	color: #17497F;
	line-height: 2.5;
}

/* 確認画面(#main.confirm-main) */
#main.confirm-main form table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
#main.confirm-main form table tr th {
	color: #333;
	padding: 7px 5px;
	width: 30%;
	background-color: #F9F9F9;
}
#main.confirm-main form table tr td {
	font-size: 1.2em;
	padding: 5px 5px;
}
#main.confirm-main form table tr th,
#main.confirm-main form table tr td {
	border: 1px solid #EEE;
}
#main.confirm-main form table tr.table-head th {
	font-size: 1.4em;
	font-weight :normal;
	color: #555;
	width: auto;
}
#main.confirm-main form pre {
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
}

/* 完了画面 */
#main.complete-main #main-contents p.msg-j {
	padding-top: 50px;
	font-size: 1.3em;
	line-height: 3;
}

/* pre */
pre {
	white-space: pre-wrap;
}

/*-------------------------------------
// フッター
//                     #footer_area
-------------------------------------*/

div#footer_area{
clear:left;
background-color:#e2f1f6;
border-bottom:solid 3px #285a90;
width:100%;
height:100px;
}

div#footer_main{
width:707px;
margin:auto;
padding:0 0px 10px 20px;
}

div#footer_main p{
color:#333;
font-size:1.1em;
padding-top:10px;
}

div#footer_main address{
color:#333;
font-size:1.1em;
margin: 5px 0px 0px 5px;
font-style: normal;
}

div#footer_main div.menu{
color:#333;
font-size:1.1em;
padding-top:10px;
float:right;
}

div#footer_main div.menu ul{
height:24px;
list-style-type: none;
}

div#footer_main div.menu li{
height:24px;
font-size:0.9em;
padding-right:10px;
float:left;
}

div#footer_main div.menu li img{
position: relative;
top: -4px;
}



/*-------------------------------------
// CSSハック
-------------------------------------*/
      .clearfix:after {	content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
      .clearfix       {	display: inline-block;}
*html .clearfix       {	height: 1%;}
      .clearfix       {	display: block;}