@charset "utf-8";


/* Suggested order(via Mozilla.org):
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */



/* Reset
------------------------------------------------*/

*{
	margin:0;
	padding:0;
	outline-color:invert;
	outline-style:none;
	outline-width:0pt;
}

.table{font-size:inherit;}

th{font-weight:normal; text-align:left;}

img{border:0;vertical-align:bottom;}

hr{ display:none; }

/* Text
------------------------------------------------*/

html,input,select,textarea{
	color:#333;
	/* font-size:13px; */
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro", "メイリオ", "Meiryo", Osaka, sans-serif;
	line-height:1.6;
}

input, select {
color:#787878;
margin-right: 5px;
}

input{
height:1.5em;
}

input.radio_btn{
height:1em;
}


html[xmlns*=""] body:last-child input, select {font-size:100%;}


h1,h2,h3,h4,h5,h6{
	font-size:100%;
}


a{color:#333; text-decoration:none; cursor:pointer;}
a:hover{color:#CC3300; text-decoration:underline; cursor:pointer;}
a:active{color:#CC3300; cursor:pointer;}



/* List
------------------------------------------------*/

ul li{
	list-style-type:none;
}
ul.disc li{
	list-style-type:disc;
	margin-left:20px;
}
ul.circle li{
	list-style-type:circle;
	margin-left:20px;
}
ol li{
	list-style-type:decimal;
	margin-left:30px;
}
ol.roman li{
	list-style-type:lower-roman;
}



/* Class
------------------------------------------------*/

/*for block element only*/
.hidden{
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
}

/*for all element*/
.vanish{display:none;}


/*for IE 5.5-7*/
.clearfix{zoom:1;}

/*for modern browser*/
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

/* text */
.lh10{line-height:1;}
.lh11{line-height:1.1;}
.lh12{line-height:1.2;}
.lh13{line-height:1.3;}
.lh14{line-height:1.4;}
.lh15{line-height:1.5;}
.lh16{line-height:1.6;}
.lh17{line-height:1.7;}
.lh18{line-height:1.8;}
.lh19{line-height:1.9;}
.lh20{line-height:2;}

.ttl01{font-size:14px;font-weight:bold;}
.ttl02{font-size:16px;font-weight:bold;}
.caution{font-size:11px;color:#999;}

.align_left{text-align:left;}
.align_right{text-align:right;}
.align_center{text-align:center;}

.float_left{float:left}
.float_right{float:right}
.clear{clear:both}

/* margin called 'mrg' */
.mrg_t05{margin-top:5px;}
.mrg_t10{margin-top:10px;}
.mrg_t15{margin-top:15px;}
.mrg_t20{margin-top:20px;}
.mrg_t30{margin-top:30px;}

.mrg_r00{margin-right:0;}
.mrg_r05{margin-right:5px;}
.mrg_r10{margin-right:10px;}
.mrg_r15{margin-right:15px;}
.mrg_r20{margin-right:20px;}
.mrg_r30{margin-right:30px;}

.mrg_b00{margin-bottom:0;}
.mrg_b02{margin-bottom:2px;}
.mrg_b05{margin-bottom:5px;}
.mrg_b10{margin-bottom:10px;}
.mrg_b15{margin-bottom:15px;}
.mrg_b20{margin-bottom:20px;}
.mrg_b30{margin-bottom:30px;}

.mrg_l00{margin-left:0;}
.mrg_l05{margin-left:5px;}
.mrg_l10{margin-left:10px;}
.mrg_l15{margin-left:15px;}
.mrg_l20{margin-left:20px;}
.mrg_l30{margin-left:30px;}


/* padding called 'pad' */
.pad_t00{padding-top:0;}
.pad_t05{padding-top:5px;}
.pad_t10{padding-top:10px;}
.pad_t15{padding-top:15px;}
.pad_t20{padding-top:20px;}
.pad_t30{padding-top:30px;}

.pad_r05{padding-right:5px;}
.pad_r10{padding-right:10px;}
.pad_r15{padding-right:15px;}
.pad_r20{padding-right:20px;}
.pad_r30{padding-right:30px;}

.pad_b05{padding-bottom:5px;}
.pad_b10{padding-bottom:10px;}
.pad_b15{padding-bottom:15px;}
.pad_b20{padding-bottom:20px;}
.pad_b30{padding-bottom:30px;}

.pad_l05{padding-left:5px;}
.pad_l10{padding-left:10px;}
.pad_l15{padding-left:15px;}
.pad_l20{padding-left:20px;}
.pad_l30{padding-left:30px;}

.w40{width:40px;}
.w50{width:50px;}
.w120{width:120px;}
.w150{width:150px;}
.w180{width:180px;}
.w200{width:200px;}
.w250{width:250px;}
.w280{width:280px;}
.w300{width:300px;}
.w450{width:450px;}
.w500{width:500px;}
.w690{width:690px;}


.dotted{ border-bottom:1px dotted; }

.smaller{ font-size:88%; line-height:1.4; }


/* Structure
------------------------------------------------*/

html,body{
	height:100%;
}


body > #container{
	height:auto;
}

#container{
width:930px;
height:100%;
min-height:100%;
margin:0 auto;
background:url(../img/bg_01.jpg) top no-repeat;
}


body > #container{
	height:auto;
}

#container_l{
width:930px;
height:100%;
min-height:100%;
margin:0 auto;
background:url(../img/bg_02.jpg) top repeat-y;
}


/* head
------------------------------------------------*/
#container #header{
width:785px;
margin:0 0 20px 0;
padding:50px 0 0 72px;
}

#container #header h1 a{
float:left;
margin:5px 20px 0 0;
background:url(../img/logo.jpg) no-repeat;
width:123px;
height:78px;
overflow:hidden;
text-indent:-99999px;
display:block;
}

#container #header h2{
float:left;
margin:28px 20px 0 0;
}


#container #header p.step_li{
float:right;
}

/* copy
------------------------------------------------*/
.copy{
clear:both;
text-align:right;
font-size:90%;
}