* {
	line-height: 150%;
	letter-spacing: 1px;
	margin:0px;
	padding:0px;
	outline: none;
}

* focus
{
	outline: none;
}


body {
	text-align:center;
	width:100%;
	font-family:"lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
	background:url("../images/common/bak_img.jpg") repeat-x;
}

br {
	letter-spacing:0;
}

img {
	border:0px;
}

hr.clear {
	display:inline;
	background:#fff;
	border-width:0;
	color:#fff;
	height:1px;
}

a {
	color:#0C84CA;
	text-decoration:none;
	font-size: 12px;
}

.red {
	color:#ff0000;
}

td,select,input,option,textarea {
	font-size: 12px;
}

input {
	font-size: 12px;
	padding:0px 3px;
	height:21px;
}

/*
-----------------------------------------------------------------
 HEADER 
-----------------------------------------------------------------
*/


#header-area {
	text-align:left;
	width:880px;
	height:58px;
	background: url("../images/common/header.jpg") no-repeat;
	margin: 0 auto;
	overflow:hidden;
	zoom:1;
	font-size: 12px;
}

#header-area h1 {
	width:260px;
	height:58px;
	font-size:12px;
	float:left;
}

#header-area h1 a {
	display:block;
	margin:15px 0px 0px 8px;
	width:177px;
	height:31px;
	text-indent:-9999px;
	font-weight:normal;
}

#header-area div {
	float:right;
	width:620px;
}

#header-area div h2 {
	display:block;
	color:#666;
	font-size:12px;
	font-weight:normal;
	width:620px;
	height:24px;
	margin-top:6px;
	overflow:hidden;
	zoom:1;
	text-indent:-9999px;
}

#header-area div ul {
	width:540px;
	height:28px;
	overflow:hidden;
	zoom:1;
	list-style-type:none;
}

#header-area div ul li {
	float:left;
}

#header-area div ul li.step a {
	display:block;
	width:136px;
	height:28px;
	text-indent:-9999px;
}

#header-area div ul li.price a {
	display:block;
	width:130px;
	height:28px;
	text-indent:-9999px;
}

#header-area div ul li.faq a {
	display:block;
	width:144px;
	height:28px;
	text-indent:-9999px;
}

#header-area div ul li.info a {
	display:block;
	width:130px;
	height:28px;
	text-indent:-9999px;
}

/*
-----------------------------------------------------------------
 SIDE-MENU-AREA 
-----------------------------------------------------------------
*/

.main-menu {
	width:189px;
	float:left;
	padding-bottom:20px;
	font-size: 12px;
}

.main-menu ul.top {
	width:189px;
	height:200px;
	list-style-type:none;
	overflow:hidden;
	zoom:1;
}

.main-menu ul.top li {
	width:189px;
}

.main-menu ul.top li a {
	background: url("../images/common/main_menu.jpg") no-repeat;
}


/*
------------------
 Menu Ocn 
------------------
*/

.main-menu ul.top li.ocn a {
	display:block;
	text-indent:-9999px;
	width:189px;
	height:70px;
	background-position:0px 0;
}

.main-menu ul.top li.ocn a:hover,.main-menu ul.top li.ocn a:active {
	background-position:-189px 0;
}

/*
------------------
 Menu Ech 
------------------


.main-menu ul.top li.ech a {
	display:block;
	text-indent:-9999px;
	width:189px;
	height:68px;
	background-position:0px -70px;
}

.main-menu ul.top li.ech a:hover,.main-menu ul.top li.ech a:active {
	background-position:-189px -70px;
}
*/

/*
------------------
 Menu View 
------------------
*/

.main-menu ul.top li.view a {
	display:block;
	text-indent:-9999px;
	width:189px;
	height:67px;
	background-position:0px -70px;
}

.main-menu ul.top li.view a:hover,.main-menu ul.top li.view a:active {
	background-position:-189px -70px;
}

/*
------------------
 Menu Sample 
------------------
*/

.main-menu ul.top li.sample a {
	display:block;
	text-indent:-9999px;
	width:189px;
	height:51px;
	background-position:0px -136px;
}

.main-menu ul.top li.sample a:hover,.main-menu ul.top li.sample a:active {
	background-position:-189px -136px;
}

/*
------------------
 Sub Menu 
------------------
*/

.main-menu ul.sub {
	width:181px;
	list-style-type:none;
	margin:12px 4px 0px 4px;
}

.main-menu ul.sub li {
	width:181px;
}

.main-menu ul.sub li a {
	width:181px;
}

.main-menu ul.sub li.ech-ba a {
	display:block;
	width:181px;
	height:62px;
	background: url("../images/common/ech_banner.gif") no-repeat;
	text-indent:-9999px;
}


/*
-----------------------------------------------------------------
 FOOTER SET 
-----------------------------------------------------------------
*/

#bottom-area {
	background: url("../images/common/footer.jpg") repeat-x;
	margin: 0 auto;
	width:860px;
	height:46px;
	text-align:left;
	overflow:hidden;
	zoom:1;
	font-size: 12px;
}

#bottom-area ul {
	list-style-type:none;
	display:inline;
	float:right;
	width:400px;
	margin-top:14px;
	height:32px;
}

#bottom-area ul li {
	float:left;
	color:#666;
	padding-left:15px;
}

#bottom-area ul li a {
	color:#666;
	text-decoration:none;
}

#bottom-area strong {
	display:block;
	float:left;
	text-align:left;
	text-indent:-9999px;
	width:460px;
	height:46px;
}

#bottom-ocn-area {
	margin: 0 auto;
	width:513px;
	height:61px;
	text-align:center;
	overflow:hidden;
	zoom:1;
}

#bottom-ocn-area ul {
	list-style-type:none;
}

#bottom-ocn-area ul li {
	float:left;
}

#bottom-ocn-area ul li img {
	margin:15px 5px 10px 5px;
}


/*
-----------------------------------------------------------------
 MAIN AREA 
-----------------------------------------------------------------
*/

.contents {
	width:880px;
	text-align:left;
	margin: 0 auto;
	padding-top:15px;
	padding-bottom:5px;
	overflow:hidden;
	zoom:1;
}

#main-contents {
	display:block;
	width:670px;
	margin-top:6px;
	margin-left:21px;
	margin-bottom:15px;
	padding-bottom:30px;
	text-align:left;
	float:right;
	overflow:hidden;
	display:inline;
	background-color:#fff;
	font-size: 12px;
}

#main-contents h3.title  {
	display:block;
	background: url("../images/common/title_bak.gif") no-repeat;
	color:#fff;
	font-size:18px;
	margin:20px 0px 10px 12px;
	padding:10px 0 0 32px;
	height:46px;
	overflow:hidden;
	zoom:1;
	letter-spacing: 0px;
}

div.logo {
	width:98%;
	text-align:center;
	margin:0px;
	padding:0px;
}

div.logo strong {
	width:182px !important;
	height:30px !important;
	margin:0 auto !important;
	padding:0px !important;
	overflow:hidden;
	zoom:1;
	background:url("../images/common/logo.jpg") no-repeat;
	background-color:transparent !important;
	text-indent:-9999px;
}

/*
-----------------------------------------------------------------
 Common 
-----------------------------------------------------------------
*/

a.a-icon {
	background:url("../images/common/arrow_icon.gif") no-repeat 1px;
	padding-left:20px;
	margin:5px 0px;
	color:#1190DA;
}

.block {
	width:610px;
	margin:15px 30px 25px 30px;
}

.block strong {
	display:block;
	margin:10px 0px 15px 0px;
	padding:2px 13px;
	font-size:14px;
	background-color:#1190DA;
	color:#fff;
}

.block b {
	display:block;
	margin:15px 20px 15px 20px;
	padding:3px 13px 3px 25px;
	border-bottom:3px solid #eaeaea;
	color:#5E5D56;
	font-size:14px;
	letter-spacing: 0px;
	background:url("../images/common/a_point_icon.gif") no-repeat;
}

.block p {
	margin:15px 20px;
}

.block ul,.block dl {
	margin:10px 30px 10px 35px;
}

.block ul li {
	margin:4px 0px;
}

.block .input-area table {
	margin:10px 40px;
}

.block .input-area td {
	border:none;
}

.block .input-area b {
	background:transparent;
	border:none;
	padding:0px;
	margin:0px;
}

.block .input-area input {
	border:1px solid #999;
}

.block table {
	margin:20px 10px;
	border-collapse:collapse;
}

.block td {
	border:1px solid #666;
	padding:5px 8px;
}

.number {
	font-size:16px;
	font-weight:bold;
	color:#2CA0B1;
}

.alert {
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
}

/*
-----------------------------------------------------------------
 Common - Rounded corners
-----------------------------------------------------------------
*/


blockquote.r-corners {
	background:url("../images/common/s_area_middle.gif") repeat-y ;
	width:645px;
	margin:0px 11px 15px 14px;
	overflow:hidden;
	zoom:1;
}

blockquote.r-corners p.top {
	display:block;
	padding:27px 40px 0px 40px;
	background:url("../images/common/s_area_top.gif") no-repeat top;
	margin:0px;
}

blockquote.r-corners p.bottom {
	display:block;
	background:url("../images/common/s_area_bottom.gif") no-repeat bottom;
	margin:0px;
	padding:4px 40px 29px 40px;
	overflow:hidden;
	zoom:1;
}

blockquote.r-corners p.bottom a {
	display:block;
	width:80px;
	height:15px;
	float:right;
}

blockquote.r-corners p {
	margin:15px 40px;
	padding:0px;
	width:auto;
	height:auto;
}

blockquote.r-corners p.top strong {
	display:block;
	font-size:14px;
	margin:0px;
	padding:2px 15px;
	background-color:#1190DA;
	color:#fff;
}

blockquote.r-corners p b {
	display:block;
	margin:22px 0px 0px 0px;
	padding:5px 28px;
	border:2px solid #ADCBDC;
	color:#333;
	font-weight:normal;
	background:url("../images/common/a_point_icon.gif") no-repeat 0.4em 0.3em;
	font-size:13px;
}

blockquote.r-corners ol,blockquote.r-corners ul {
	margin:20px 30px 10px 80px;
}

blockquote.r-corners ol li {
	margin:4px 0px;
}


blockquote.r-corners .input-area table {
	margin:10px 40px;
}

blockquote.r-corners .input-area td {
	border:none;
	padding:3px 5px;
}

blockquote.r-corners .input-area b {
	background:transparent;
	border:none;
	padding:0px;
	margin:0px;
}

blockquote.r-corners .input-area input {
	border:1px solid #999;
}

/*
-----------------------------------------------------------------
 Step
-----------------------------------------------------------------
*/

ul.step-navi {
	margin:0 auto;
	width:560px;
	height:110px;
	text-align:center;
	list-style-type:none;
	overflow:hidden;
	zoom:1;
	background:url("../images/step_navi.jpg") no-repeat;
}

ul.step-navi li {
	float:left;
}

ul.step-navi li a {
	display:block;
	width:280px;
	height:80px;
	text-indent:-9999px;
}


/*
-----------------------------------------------------------------
 Faq
-----------------------------------------------------------------
*/

.block dt {
	background:url("../images/common/q_icon.jpg") no-repeat;
	height:23px;
	padding:2px 0px 0px 30px;
	font-weight:bold;
	color:#1D71A2;
	font-size:14px;
}

.block dd {
	margin:0px 10px 15px 10px;
	padding:7px 0px 10px 18px;
	border-bottom:3px solid #eaeaea;
}