@charset "utf-8";

/*
------------------------------------------------------------
	Website     : 
	Website URL : 
	Title       : 
	File        : format.css
	Description : テキスト
	Create Date : 2008/03/10 yabuchi
	Update Date : 
	Version     : 1.0.0
	Copyright   : 2008 Spacekey All Rights Reserved. 
------------------------------------------------------------
--- Index --------------------------------------------------
    baseの読み込み
-----------------------------------------------------------



/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/*  text                                                        */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */



h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}


/* フォントの大きさを変えるが、使えるタグは限定しない。
*/
.refrain {
	color:#999999;
	font-size:93%;
}

/* 注釈、注意を呼びかける　サイズ小さく
   フォントの大きさを変えるが、使えるタグは限定しない。
*/
.attention {
	color:#C64F00;
	font-size:93%;
}

/* 強調　サイズ大きく　テキストカラー強く
   文字の大きさを変えるため、使えるタグを限る。
*/
p.interesting,
th.interesting,
td.interesting,
dt.interesting,
dd.interesting {
	font-size: 123.1%;
	line-height: 160%;
}
div.interesting p {
	font-size: 123.1%;
	line-height: 160%;
}

/* 弱め　サイズそのまま　テキストカラー弱く　太さは普通 */
.gentle {
	color: #999;
	font-weight: normal;
}

/* 弱め　サイズ小さく　テキストカラー押さえる　太さは普通
   文字の大きさを変えるため、使えるタグを限る。
*/
div.mild,
p.mild,
th.mild,
td.mild,
dt.mild,
dd.mild {
	color: #666;
	font-weight: normal;
	font-size:100%;
}
/* pやtdの中にあるspanタグのmildはフォントを小さくする */
p span.mild,
th span.mild,
td span.mild,
dt span.mild,
dd span.mild {
	color: #666;
	font-weight: normal;
	font-size:93%;
}

/* 弱め　サイズ小さく　テキストカラーそのまま　太さは普通
   文字の大きさを変えるため、使えるタグを限る。
*/
div.small,
p.small,
th.small,
td.small,
dt.small,
dd.small {
	font-weight: normal;
	font-size:100%;
}
/* pやtdの中にあるspanタグのmildはフォントを小さくする */
p span.small,
th span.small,
td span.small,
dt span.small,
dd span.small {
	font-weight: normal;
	font-size:93%;
}




/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/*  汎用パターン                                                */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* 文字サイズ 【小さい】
   .utility  ユーティリティ　お問合せ／ログアウトなど
   .unit     単位
   .comment  コメント、注釈
------------------------------------------------------------ */
.utility,
.unit,
.comment {
	font-size: 93%;
	font-weight: normal;
}



/* utility
------------------------------------------------------------ */
.utility ul {
    text-align: right;
}
.utility ul li {
    display: inline;
}



/* inner_link
------------------------------------------------------------ */
.inner_link {
	text-align: right;
}
.inner_link p {
	display: inline;
	font-size: 85%;
}



/* security_seal
------------------------------------------------------------ */
#reserve .security_seal {
	clear: both;
	margin-top:60px;
	margin-bottom:10px;
	padding: 10px 10px 10px;
	border-top: 2px dashed #DDDDDD;
	text-align: justify;
}
#reserve .security_seal .seal {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}



/* 行揃え
------------------------------------------------------------ */
.al_left {
	text-align: left;
}
.al_center {
	text-align: center;
}
.al_right {
	text-align: right;
}



/* 回り込み
------------------------------------------------------------ */
.fl_left {
	display: block;
	float: left;
}
.fl_right {
	display: block;
	float: right;
}

/* 回込み解除
------------------------------------------------------------ */
.clear_b {
	clear: both;
}
.clear-b {
	clear: both;
}
.clbth {
	clear: both;
	font-size: 1px;
	height: 0px;
	overflow: hidden;
}



/* icon
------------------------------------------------------------ */

/* 左スペース。アイコンサイズ19px四方用
------------------------------------------------------------ */

.icon_indent, /* 空のインデント用 */

.icon_home,
.icon_gotop,
.icon_up,
.icon_right,
.icon_down,
.icon_left,
.icon_link,
.icon_close,
.icon_prev,
.icon_next,
.icon_current,
.icon_stretch,
.icon_shrink {
	padding: 4px 0 3px 23px;
	line-height: 24px;
}



/*----- 先頭へ -----*/
.icon_gotop {
	background: url(images/icon_gotop.gif) no-repeat left center;
}
/*----- 右へ -----*/
.icon_right {
/*
	background: url(images/icon_right.gif) no-repeat left center;
*/
}
/*----- 下へ -----*/
.icon_down {
/*
	background: url(images/icon_down.gif) no-repeat left center;
*/
}
/*----- 左へ -----*/
.icon_left {
	background: url(images/icon_left.gif) no-repeat left center;
}
/*----- リンク -----*/
.icon_link {
	background: url(images/icon_link.gif) no-repeat left center;
	padding-left: 15px;
}
li.icon_link {
	background-position: left top;
	padding-left: 0;
	text-indent: 20px;
}
/*----- 閉じる -----*/
.icon_close {
/*
	background: url(images/icon_close.gif) no-repeat left center;
*/
}
/*----- 前へ -----*/
.icon_prev {
/*
	background: url(images/icon_prev.gif) no-repeat left center;
*/
}
/*----- 次へ -----*/
.icon_next {
/*
	background: url(images/icon_next.gif) no-repeat right center;
*/
}
/*----- 現在の -----*/
.icon_current {
/*
	background: url(images/icon_current.gif) no-repeat left center;
*/
}
/*----- 下に伸びる、広がる -----*/
.icon_stretch {
	background: url(images/icon_stretch.gif) no-repeat left center;
}
/*----- 上に縮む、たたむ -----*/
.icon_shrink {
	background: url(images/icon_shrink.gif) no-repeat left center;
}



/* 必須、いずれか、できれば
------------------------------------------------------------ */

.right .icon_required {
	display: block;
	width: 100%;
	line-height: 150%;
	background: url(images/icon_required.png) no-repeat right center;
}

.icon_required {
	display: block;
	padding-bottom: 20px;
	background: url(images/icon_required.png) no-repeat left bottom;
}

.right .icon_which {
	display: block;
	width: 100%;
	line-height: 150%;
	background: url(images/icon_dochiraka.png) no-repeat right center;
}

.icon_which {
	display: block;
	padding-bottom: 20px;
	background: url(images/icon_which.png) no-repeat left bottom;
}

.right .icon_please {
	display: block;
	width: 100%;
	line-height: 150%;
	background: url(images/icon_please.png) no-repeat right center;
}

.icon_please {
	display: block;
	padding-bottom: 20px;
	background: url(images/icon_please.png) no-repeat left bottom;
}




/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/*  フォーム                                                    */
/* ------------------------------------------------------------ */
/* ------------------------------------------------------------ */
/* input
------------------------------------------------------------ */

select,
input,
textarea {
	padding: 1px;
	font-size:120%;
}

select.state,
select.hour,
select.month,
select.year,

input.phone,
input.phone_1st,
input.phone_2nd,
input.phone_3rd,
input.phone_country,
input.mobile_phone,
input.mobile_phone_1st,
input.mobile_phone_2nd,
input.mobile_phone_3rd,
input.postal-code-1st,
input.postal-code-2nd,

input.wide,

.input_normal,
.input_xshort,
.input_short,
.input_middle,
.input_long,
.input_xlong {
	padding: 1px;
	font-size:120%;
}

.input_xshort {
	width:50px;
}
.input_short {
	width:100px;
}
.input_middle {
	width:150px;
}
.input_long {
	width:300px;
}
.input_xlong {
	width:500px;
}


select.digit1 {
	width: 3em;
}
select.digit2 {
	width: 3em;
}
select.digit3 {
	width: 5em;
}


/* 電話 市外局番から番号まで通し */
input.phone {
	width:12em;
}
/* 電話 市外局番 */
input.phone_1st {
	width:4em;
}
/* 電話 市内局番 */
input.phone_2nd {
	width:4em;
}
/* 電話 番号 */
input.phone_3rd {
	width:4em;
}
/* 電話 国番号 */
input.phone_country {
	width:2em;
}

/* 携帯電話 3桁-4桁-4桁 */
input.mobile_phone {
	width:13em;
}
/* 携帯電話 最初の3桁 */
input.mobile_phone_1st {
	width:3em;
}
/* 携帯電話 次の4桁 */
input.mobile_phone_2nd {
	width:4em;
}
/* 携帯電話 最後の4桁 */
input.mobile_phone_3rd {
	width:4em;
}

/* 郵便番号 */
input.postal_code_1st {
	width:3em;
}
input.postal_code_2nd {
	width:4em;
}

input.wide {
	width: 90%;
}

/* 都道府県 */
select.state {
	width:10em;
}

/* 時間 */
select.hour {
	width:5em;
}

/* 月 */
select.month {
	width:3em;
}
/* 年 */
select.year {
	width:5em;
}



/* control
------------------------------------------------------------ */
.control {
	margin: 20px 0 0;
	padding: 0 0 20px;
	border: solid 5px #ECECEC;
	text-align: center;
}
.control h3 {
	margin: 20px 0 10px;
}
.control_sub {
	margin-bottom: 15px;
	padding: 5px;
	background: #F4F3F2;
	font-size: 108%;
}
.control:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.control {display: inline-table;}
.control {height: 1%;}
.control {display: block;}
.control {zoom:1;}
.control_sub:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.control_sub {display: inline-table;}
.control_sub {height: 1%;}
.control_sub {display: block;}
.control_sub {zoom:1;}