@charset "Shift_JIS";

/*
*************************************************************
GENERAL
*************************************************************
*/

html{
/*＼*/height:100%/**/
}

body {
	margin: 0;
	padding: 0;
	font-size:0.95em;
	line-height:1.3em;
	color:#393939;
	background:transparent url(../images/bg.gif) repeat top left;
	text-align: left;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-weight:normal;
}
h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

ul, li, ol {
margin: 0;
padding: 0;
}

a, a:link, a:active, avisted {
color: #FFFFFF;
text-decoration: none;
font-weight:normal;
}

a:hover {
color: #FFFFFF;
text-decoration: underline;
font-weight:normal;
}

img{
	border:none;
}

p{
	margin:0;
	padding:0;
}

/* clear */
.clearall {
	clear:both;
}
#container{;
	width:990px;
	position: relative;
	margin:0 auto;
	padding:0;
}
/*
*************************************************************
header
*************************************************************
*/
#header{
	width:990px;
	position: relative;
	margin:0 auto;
	padding:0;
	top:0;
}
#header div#kv{
	width:604px;
	height:463px;
	background:transparent url(../images/kv_bg.gif) no-repeat bottom left;
	position: relative;
	margin:0;
	padding:0;
	float:left;
}
div#header h1{
	width:379px;
	height:202px;
	background:transparent url(../images/h1.gif) no-repeat top left;
	text-indent:-9999px;
	position: relative;
	margin:15px 0 15px 0;
	float:right;
}
#header p.read{
	width:350px;
	font-size:0.8em;
	color:#6f6b4b;
	margin:0 10px 0 0;
	float:right;
}
#header #btnArea{
	width:360px;
	margin:15px 10px 0 0;
	float:right;
}
#header div#btn1 a{
	overflow:hidden;
	display:block;
	width:175px;
	height:91px;
	background:transparent url(../images/button1.gif) no-repeat top left;
	text-indent:-9999px;
	margin:0;
	float:left;
}
#header div#btn1 a:hover{
	background:transparent url(../images/button1.gif) no-repeat bottom left;
}
#header div#btn2 a{
	overflow:hidden;
	display:block;
	width:175px;
	height:91px;
	background:transparent url(../images/button2.gif) no-repeat top left;
	text-indent:-9999px;
	margin:0 0 0 5px;
	float:right;
}
#header div#btn2 a:hover{
	background:transparent url(../images/button2.gif) no-repeat bottom left;
}
/*
*************************************************************
Step1〜3
*************************************************************
*/
div#step-frame{
	width:990px;
	height:396px;
	background:transparent url(../images/step_bg_blur.gif) no-repeat bottom left;
	position: relative;
	margin:20px 0 10px 0;
}
div#step-frame #step-frame-inner{
	width:990px;
	height:381px;
	background:transparent url(../images/step_bg.jpg) no-repeat top left;
	position: relative;
	margin:0;
}
div#step-frame #step-frame-inner div#pic-step1{
	width:499px;
	height:341px;
	background:transparent url(../images/step_pic1.gif) no-repeat top left;
	position: relative;
	margin:20px 0 0 0;
	text-indent:-9999px;
	float:left;
	top:0;
	left:20px;
}
div#step-frame #step-frame-inner h2.step1{
	width:466px;
	height:153px;
	background:transparent url(../images/step_title1.gif) no-repeat top left;
	position: relative;
	margin:0;
	text-indent:-9999px;
	float:right;
	top:-10px;
	right:5px;
}
div#step-frame #step-frame-inner h3.step1{
	width:390px;
	height:60px;
	background:transparent url(../images/step_subtitle1.gif) no-repeat top left;
	position: relative;
	margin:0 0 20px 0;
	text-indent:-9999px;
	float:right;
	top:0;
	right:40px;
}
div#step-frame #step-frame-inner p.step1{
	width:390px;
	font-size:0.8em;
	position: relative;
	margin:0;
	float:right;
	top:0;
	right:40px;
}
div#step-frame #step-frame-inner div#pic-step2{
	width:513px;
	height:325px;
	background:transparent url(../images/step_pic2.gif) no-repeat top left;
	position: relative;
	margin:25px 0 0 0;
	text-indent:-9999px;
	float:right;
	top:0;
	right:27px;
}
div#step-frame #step-frame-inner h2.step2{
	width:445px;
	height:143px;
	background:transparent url(../images/step_title2.gif) no-repeat top left;
	position: relative;
	margin:0;
	text-indent:-9999px;
	float:left;
	top:-10px;
	left:5px;
}
div#step-frame #step-frame-inner h3.step2{
	width:347px;
	height:59px;
	background:transparent url(../images/step_subtitle2.gif) no-repeat top left;
	position: relative;
	margin:10px 0 20px 0;
	text-indent:-9999px;
	float:left;
	top:0;
	left:45px;
}
div#step-frame #step-frame-inner p.step2{
	width:385px;
	font-size:0.8em;
	position: relative;
	margin:0;
	float:left;
	top:0;
	left:45px;
}

div#step-frame #step-frame-inner div#pic-step3{
	width:499px;
	height:341px;
	background:transparent url(../images/step_pic3.gif) no-repeat top left;
	position: relative;
	margin:20px 0 0 0;
	text-indent:-9999px;
	float:left;
	top:0;
	left:20px;
}
div#step-frame #step-frame-inner h2.step3{
	width:466px;
	height:138px;
	background:transparent url(../images/step_title3.gif) no-repeat top left;
	position: relative;
	margin:0;
	text-indent:-9999px;
	float:right;
	top:-10px;
	right:5px;
}
div#step-frame #step-frame-inner h3.step3{
	width:379px;
	height:60px;
	background:transparent url(../images/step_subtitle3.gif) no-repeat top left;
	position: relative;
	margin:20px 0 20px 0;
	text-indent:-9999px;
	float:right;
	top:0;
	right:40px;
}
div#step-frame #step-frame-inner p.step3{
	width:390px;
	font-size:0.8em;
	position: relative;
	margin:0;
	float:right;
	top:0;
	right:40px;
}
/*
*************************************************************
Yado
*************************************************************
*/
div#map{
	width:552px;
	height:680px;
	background:transparent url(../images/map.gif) no-repeat top left;
	margin:0 0 10px 10px;
	text-indent:-9999px;
	position: relative;
	float:left;
}
#yado{
	width:409px;
	margin:0 0 10px 0;
	position: relative;
	float:right;
}
#yado img{
	margin:0 0 5px 0;
}
#yado p.access{
	font-size:0.75em;
}
#yado #btn-access a{
	overflow:hidden;
	display:block;
	width:199px;
	height:23px;
	background:transparent url(../images/btn_access.gif) no-repeat top left;
	position: relative;
	text-indent:-9999px;
	margin: 10px 5px 0 0;
	float:right;
}
#yado div#btn3 a{
	overflow:hidden;
	display:block;
	width:407px;
	height:91px;
	background:transparent url(../images/button3.gif) no-repeat top left;
	text-indent:-9999px;
	margin:15px 0 0 0;
	float:left;
}
#yado div#btn3 a:hover{
	background:transparent url(../images/button3.gif) no-repeat bottom left;
}
#yado div#btn4 a{
	overflow:hidden;
	display:block;
	width:407px;
	height:67px;
	background:transparent url(../images/button4.gif) no-repeat top left;
	text-indent:-9999px;
	margin:5px 0 10px 0;
	float:left;
}
#yado div#btn4 a:hover{
	background:transparent url(../images/button4.gif) no-repeat bottom left;
}


/*
*************************************************************
Pagetop
*************************************************************
*/
#pagetop{
	width:990px;
	height:32px;
	background:transparent url(../images/pagetop_line.gif) repeat-x bottom left;
	margin:0 0 10px 0;
	position: relative;
}
#pagetop #btn a{
	overflow:hidden;
	display:block;
	width:130px;
	height:29px;
	background:transparent url(../images/pagetop.gif) no-repeat top left;
	position: relative;
	text-indent:-9999px;
	margin: 0 5px 0 0;
	float:right;
}
/*
*************************************************************
Footer
*************************************************************
*/
#copyright{
	width:970px;
	font-size:0.75em;
	margin:0 auto 10px;
	padding:0;
}

#copyright p.left{
	float:left;
}
#copyright p.right{
	float:right;
}