@charset "UTF-8";


/* ---------------------------

   index

------------------------------ */

img{
vertical-align: bottom;
}

ul#bgMenu{
 width:658px;
 height:24px;
 margin:0 0 16px 0;
 padding:0 0 0 4px;
 background-color:#BFA031;

}

ul#bgMenu li{
 margin:1px 1px 1px 0;
 list-style-type:none;
 float:left;
}

ul#bgMenu li img{
 _vertical-align:text-top;
}

span#menuContainer div {
letter-spacing: -0.05em;
}

.bStep{
 width:662px;
 background:url(../beginner/images/l_flow_bg.png) repeat-y;
 margin:0;
}


.bFlow{
 width:160px;
 margin:0;
 padding:0;
 float:left;
}

.bFlowIn{
 width:142px;
 margin:0 0 0 16px;
 border-left:1px #EEE48D solid;
 border-right:1px #EEE48D solid;
 border-bottom:1px #EEE48D solid;
}

.bFlowIn img{
 margin-top:6px;
}

.bFlowIn p{
 padding: 6px 5px 6px 8px;
	background:#ffffff;
}

.bIndexBox{
 width:468px;
 border:1px #EEE48D solid;
 margin:0;
 padding:8px;
 float:right;
}


.bIndexBox h3 img{
 margin:0 0 0 8px;
 float:left;
}

.bIndexBox p{
 width:290px;
 margin:8px;
 float:left;
}

.bBtn{
 width:298px;
 margin:0;
 text-align:right;
 float:right;
}

.bBtn02{
 width:298px;
 margin:16px 0 0 0;
 text-align:right;
 float:right;
}

.bBtn img{
 margin-left:4px;
}

.bTop{
 width:662px;
 padding:8px 0;
 text-align:right;
 clear:both;
}

.bTop img{
 margin:0 5px 0 0;
 vertical-align:text-bottom;
}

.bTop02{
 padding:0 8px;
 clear:both;
}

.bTop02 img{
 margin:0 5px 0 0;
 vertical-align:text-bottom;
}

.bgGoback{
 width:628px;
 height:21px;
 margin:0 0 12px 0;
 text-align:right;

}

.bgGoback img{
 vertical-align:top;
}


/* STEP */

#bgTi{
 float:left;
}

#bgWrapper{
 width:628px;
 margin:0;
 padding:16px;
 border-left:1px #EEE48D solid;
 border-right:1px #EEE48D solid;
 border-bottom:1px #EEE48D solid;
}

.bgWrapIn01,.bgWrapIn02{
 margin:0 0 16px 0;
 clear:both;
}


.bgWrapIn03{
 width:428px;
 margin:0;
 float:left;
}

.bgWrapIn03 p{
 float:left;
}

.bgWrapIn03 .txt{
 width:220px;
}

#bgStep06{
 width:400px;
 float:left;
}


.bgWrapIn02 img,.bgWrapIn03 img{
 margin:0;
 float:right;
}

.bgWrapIn01 img{
 margin:0 16px 0 0;
 float:left;
}

.bgWrapIn03 img{
 margin:16px 0 0 0;
 float:right;
}

.bgWrapIn01 p{
 margin:16px 0 0 0;
}

.bgWrapIn02 p{
 margin:16px 0 0 0;
}

.bgWrapIn01 h3{
 margin:10px;
}

.bgWrapIn01 h4,.bgWrapIn02 h4{
 font-size:12px;
 color:#765c05;
 margin:0;
}

.bgWrapIn02Txt{
 width:433px;
 float:left;
}

#bgCall{
 font-style:normal;
 font-weight:bold;
 font-size:12px;
 color:#BFA031;
}

#bgStep{
 width:420px;
 height:30px;
 margin:0;
 padding:0;
 float:left;
}

/* Movie */

#movie{
padding:40px 0 50px 105px;
clear:both;
}

#movie .box{
width:480px;
padding:0 2px 10px 2px;
background:#fdafaf;
}


/* FAQ */

#faqWrapper{
 width:572px;
 margin:0 auto;
 border:4px #f1e789 solid;
 background:#fff;
}

#faqWrapper h1,#faqWrapper h2,#faqWrapper h3{
 margin:0;
 padding:0;
}

#faqContents{
 margin:16px;
}

#faqContents h2{
 width:525px;
 height:64px;
 padding:35px 0 0 15px;
 font-size:10px;
 font-weight:normal;
 background:url(../beginner/images/faq/faq_main.jpg) no-repeat;
}

ul#faqNavi{
 width:540px;
 height:24px;
 margin:0;
 padding:0;
}

ul#faqNavi li{
 margin:0;
 padding:0;
 list-style-type:none;
 float:left;
}


#faqLeft{
 width:160px;
 margin:16px 0 16px 0;
 float:left;
}

#faqLeft ul{
 margin:0 0 0 20px;
 padding:0;
}

#faqLeft li{
 margin:8px 0 0 0;
 list-style-type:square;
}

#faqBody{
 width:364px;
 min-height:300px;
 overflow:visible;
 margin:16px 0 16px 14px;
 border-left:1px #f1e789 solid;
 border-right:1px #f1e789 solid;
 border-bottom:1px #f1e789 solid;
 text-align:right;
 float:left;
}

#faqBody p{
 _padding:0 0 16px 0;
 margin:16px 16px 0 16px;
 text-align:left;
}

#faqBody img{
 margin:16px;

}

#faqBody h3 img{
 margin:0;
}

#faqFooter{
 width:540px;
 height:25px;
 margin:16px 0 0 0;
 padding:5px 0 0 0;
 color:#7a6f30;
 background-color:#fdf9b2;
 text-align:center;
 clear:both;
}

.qaLink{
 width:345px;
 margin:0 16px 0 0;
 display:block;
 text-align:right;
}

#faqBody table{
 width:320px;
 margin:0 auto;
 text-align:left;
}

/* 動画ポップアップ  */

body#movie_bg{
background:#ffffff;
}

#movieWrapper{
width:640px;
padding-top:20px;
margin:0 auto;
position:relative;
}

#movieWrapper #movie_title{
text-align:center;
}

#movieWrapper #movieArea{
width:480px;
margin:0 auto;
padding:10px 2px 4px 2px;
background:#ffb810;
}

#movieWrapper #movieArea h1{
padding-bottom:8px;
text-align:center;
}

#movieWrapper .movieBtn{
position:absolute;
top:240px;
display:block;
}

#movieWrapper #movieBack{
left:17px;
}

#movieWrapper #movieNext{
right:17px;
}

#movieWrapper #movie_warning{
width:480px;
padding-top:10px;
margin:0 auto;
}

#movieWrapper #movie_warning a{
color:#ff6464;
}

#movieWrapper p#close{
padding:20px 20px 25px 0;
text-align:right;
}


/*  */

td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
	display: block;
}

#FWTableContainer1716087724,#FWTableContainer844785311 {
/* The master div to make sure that our popup menus get aligned correctly.  Be careful when playing with this one. */
	position:relative;
	margin:0px;
	width:81px;
	text-align:left;
}

#MMMenuContainer0921131840_0 {
/* This ID is related to the master menu div for menu MMMenuContainer0921131840_0 and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:249px;
	top:-16px;
	visibility:hidden;
	z-index:300;
}

#MMMenuContainer0921135731_0 {
/* This ID is related to the master menu div for menu MMMenuContainer0921135731_0 and contains the important positioning information for the menu as a whole */
	position:absolute;
	left:332px;
	top:-16px;
	visibility:hidden;
	z-index:300;
}

#MMMenu0921131840_0,#MMMenu0921135731_0 {
/* This class defines things about menu MMMenu0921131840_0's div. */
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	background-color:#cccccc;
	border:1px solid #cccccc;
	width:81px;
	height:43px;
}

.MMMIFVStyleMMMenu0921131840_0,.MMMIFVStyleMMMenu0921135731_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0921131840_0 */
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	width:81px;
	height:22px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:73px;
	height:14px;
}

.MMMIVStyleMMMenu0921131840_0,.MMMIVStyleMMMenu0921135731_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0921131840_0 */
	border-top:0px;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	width:81px;
	height:21px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:73px;
	height:14px;
}

#MMMenu0921131840_0_Item_0,#MMMenu0921135731_0_Item_0 {
/* Unique ID for item 0 of menu MMMenu0921131840_0 so we can set its position */
	left:0px;
	top:0px;
}


#MMMenu0921131840_0_Item_1,#MMMenu0921135731_0_Item_1 {
/* Unique ID for item 1 of menu MMMenu0921131840_0 so we can set its position */
	left:0px;
	top:22px;
}



#MMMenuContainer0921131840_0 a,#MMMenuContainer0921135731_0 a {
/* Controls the general apperance for menu MMMenuContainer0921131840_0's items, including color and font */
	text-decoration:none;
	font-family:MS UI Gothic, Osaka;
	font-size:9px;
	color:#b5b5b6;
	text-align:left;
	vertical-align:middle;
	padding:3px;
	background-color:#ffffff;
	font-weight:normal;
	font-style:normal;
	display:block;
	position:absolute;
}

#MMMenuContainer0921131840_0 a:hover,#MMMenuContainer0921135731_0 a:hover {
/* Controls the mouse over effects for menu MMMenuContainer0921131840_0 */
	color:#d17373;
	background-color:#fbe5e5;
}