/*****************************/
/* contentsArea */
/*****************************/





/*****************************/
/* leftcontentsArea */
/*****************************/

.txtArea{
	padding-top: 0px;
}


/* ===== maincontentsArea ===== */

#maincontentsArea{
	clear:both;
	padding-left: 10px;
	padding-right: 0px;
}



#maincontentsArea p.back{
	text-align: left;
	font-size: 0.85em;
	color: #CC3300;
}

* html body #maincontentsArea p.back{/* ===== IE hack ===== */
	font-size: 0.75em;
}
/* ===== contents_left ===== */

#contents_left{
	float: left;
	clear: left;
	width: 508px;
}



/* ===== contents_right ===== */

#contents_right{
	float: right;
	clear: right;
	width: 252px;
	background-image: url(../img/bg_beginner_setubi.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}




/* ===== kikenArea ===== */

#kikenbg{
	float: left;
	clear: left;
	width: 238px;
	background-image: url(../img/bg_beginner_kiken.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


#kikenArea{
	width: 220px;
	margin-top: 40px;
	border-bottom: 3px solid #FFC617;
}

#kikenArea h2{
	padding-left: 33px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-image: url(../img/ic_kiken.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	border-bottom: 3px solid #FFC617;
	font-size: 1.2em;
}

#kikenArea h2 a{
	color: #D58000;
}

#kikenArea h2 a:hover{
	color: #2E61B6;
}

#kikenArea ul{
	clear: both;
	margin-left: 4px;
	margin-bottom: 16px;
}

#kikenArea ul li{
	clear: both;
	padding-left: 20px;
	margin-bottom: 3px;
	background-image: url(../img/arrow02.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#kikenArea ul li a{
	color: #F29200;
}

#kikenArea ul li a:hover{
	color: #2E61B6;
}



/* ===== flowArea ===== */

#flowArea{
	float: right;
	clear: right;
	width: 269px;
}

.flowblock{
	clear: both;
}

.flowtop_a{
	clear: both;
	height: 15px;
	background-image: url(../img/bg_flow_top01.jpg);
	background-repeat: no-repeat;
}

.flowtop_a hr{
	display: none;
}

.flowtop_b{
	clear: both;
	height: 15px;
	background-image: url(../img/bg_flow_top02.jpg);
	background-repeat: no-repeat;
}

.flowtop_b hr{
	display: none;
}



.flowbody{
	clear: both;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../img/bg_flow_body.jpg);
	background-repeat: repeat-y;
	letter-spacing: -0.1em;
}

.flowbody .style1 {
	color: #1F2AC2;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	
}

.flowbody .style1 a{
	padding-left: 20px;
	color: #1F2AC2;
		background-image: url(../img/arrow09.jpg);
	background-repeat: no-repeat;
}

.flowbody .style1 a:hover{
	color: #FF9900;

}






.flowbtm_a{
	clear: both;
	height: 15px;
	background-image: url(../img/bg_flow_btm01.jpg);
	background-repeat: no-repeat;
}

.flowbtm_a hr{
	display: none;
}

.flowbtm_b{
	clear: both;
	height: 15px;
	background-image: url(../img/bg_flow_btm02.jpg);
	background-repeat: no-repeat;
}

.flowbtm_b hr{
	display: none;
}

/* ===== setubiArea ===== */

#setubiArea{
	float: right;
	clear: right;
	width: 220px;
	margin-top: 40px;
	border-bottom: 3px solid #76B6C0;
}

#setubiArea h2{
	padding-left: 33px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	background-image: url(../img/ic_setubi.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	border-bottom: 3px solid #76B6C0;
	font-size: 1.2em;
}

#setubiArea h2 a{
	color: #69AFBC;
}

#setubiArea h2 a:hover{
	color: #FF9900;
}

#setubiArea ul{
	clear: both;
	margin-left: 4px;
	margin-bottom: 16px;
}

#setubiArea ul li{
	clear: both;
	padding-left: 20px;
	margin-bottom: 3px;
	background-image: url(../img/arrow03.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#setubiArea ul li a{
	color: #69AFBC;
}

#setubiArea ul li a:hover{
	color: #FF9900;
}




/*****************************/
/* rightContentsArea  */
/*****************************/


/*****************************/
/* clearfix */
/*****************************/

#maincontentsArea:after{
	content: ",";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#maincontentsArea{/* ===== IE hack ===== */
	display: inline-block;
}

#maincontentsArea{/* ===== Opera ===== */
	display: block;
}