@charset "utf-8";


/* ----------------------------------------
	00 contents
------------------------------------------*/

#contents #cont-main {
	height: 820px;
	min-width: 894px;
	max-width: 1280px;
	width: expression(document.body.clientWidth < 896? "894px" : document.body.clientWidth > 1280? "1280px" : "auto");
	background: url(../img/cmn_bg.jpg) top center no-repeat;
}

#contents #cont-main #cont-body {
	position: relative;
	width: 894px;
	height: 820px;
	margin: 0 auto;
}


/* ----------------------------------------
	00 navi
------------------------------------------*/

#navi-container #navi {
	left: 0px;
}



/* ----------------------------------------
	01 head
------------------------------------------*/

#arng-head {
	position: relative;
	width: 894px;
}

h1.title {
	position: absolute;
	left: 599px;
	top: 81px;
	width: 160px;
	height: 52px;
}
/*
h2.logo {
	position: absolute;
	left: 4px;
	top: 1px;
	width: 170px;
	height: 115px;
}
*/


/* ----------------------------------------
	02 navi
------------------------------------------*/


#arng-navi {
	position: absolute;
	top: 115px;
	left: 81px;
	width: 140px;
	height: 480px;
	padding-top: 20px;
}
#arng-navi a {
	display: block;
	margin: 10px 0 0 26px;
	text-indent: -9999px;
	width: 95px;
	height: 50px;
}
#arng-navi p {
	margin: 10px 0 0 26px;
	width: 95px;
	height: 50px;
}
#arng-navi #arng-navi01 {
	background: url(../img/cmn_nv_l_01_off.png) top left no-repeat;
}
#arng-navi #arng-navi01:hover {
	background: url(../img/cmn_nv_l_01_on.png) top left no-repeat;
}
#arng-navi #arng-navi02 {
	background: url(../img/cmn_nv_l_02_off.png) top left no-repeat;
}
#arng-navi #arng-navi02:hover {
	background: url(../img/cmn_nv_l_02_on.png) top left no-repeat;
}
#arng-navi #arng-navi03 {
	background: url(../img/cmn_nv_l_03_off.png) top left no-repeat;
}
#arng-navi #arng-navi03:hover {
	background: url(../img/cmn_nv_l_03_on.png) top left no-repeat;
}
#arng-navi #arng-navi04 {
	background: url(../img/cmn_nv_l_04_off.png) top left no-repeat;
}
#arng-navi #arng-navi04:hover {
	background: url(../img/cmn_nv_l_04_on.png) top left no-repeat;
}
#arng-navi #arng-navi05 {
	background: url(../img/cmn_nv_l_05_off.png) top left no-repeat;
}
#arng-navi #arng-navi05:hover {
	background: url(../img/cmn_nv_l_05_on.png) top left no-repeat;
}
#arng-navi #arng-navi06 {
	background: url(../img/cmn_nv_l_06_off.png) top left no-repeat;
}
#arng-navi #arng-navi06:hover {
	background: url(../img/cmn_nv_l_06_on.png) top left no-repeat;
}
#arng-navi #arng-navi07 {
	background: url(../img/cmn_nv_l_07_off.png) top left no-repeat;
}
#arng-navi #arng-navi07:hover {
	background: url(../img/cmn_nv_l_07_on.png) top left no-repeat;
}



/* ----------------------------------------
	03 cont
------------------------------------------*/

#arng-cont {
	position: absolute;
	left: 230px;
	top: 116px;
	width: 586px;
	height: 539px;
	text-align: left;
	font-size: 100%;
	color: #474747;
	letter-spacing: 1px;
}
#arng-cont #arng-cont-l {
	position: relative;
	width: 263px;
	float: left;
}
#arng-cont #arng-cont-r {
	position: relative;
	width: 323px;
	float: left;
}
#arng-cont #arng-cont-r #arng-cont-r-advice {
	position: absolute;
	top: 354px;
	left: -49px;
	background: url(../img/idx_cont_r_point.jpg) top left no-repeat;
	width: 340px;
	height: 149px;
}


.arng_prepare{
	width: 288px;
	margin-top: 10px;
}
	
.arng_howto{
	width: 288px;
	margin-top: 20px;
}




.to_home {
	right: 20px !important;
	bottom: 20px !important;
}