@charset "utf-8";

/* -----------------------------------------------
CSS file
FileName:top.css
Author:ecco
UpdatedBy:who-when
----------------------------------------------- */

/* --------------
MODULE IMPORT
-------------- */

@import "module/default.css";


/* --------------
Layout
-------------- */

/* definition_#preContainer */
#preContainer{
	margin: 0 0 20px;
	position: relative;
	width: 652px;
}

#preContainer .imgBoxR{
	border-width: 0;
	float: none;
	position: absolute;
	top: 27px;
	right: 1px;
}

/* definition_#preContainer > #box5Promise */
#box5Promise{
	background-image: url(../images/box_5promise_bottom-trans.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 96px;
	padding-top:84px;
	width: 652px;
}

#box5Promise ul{
	margin: 4px 0 0 25px;
	width: 500px;
}

#box5Promise ul li{
	float: left;
}

#box5Promise ul li.odd{
	width: 250px;
}

#box5Promise ul li.even{
	width: 223px;
}

/* definition_#preContainer > .bnrList */
#preContainer .bnrList{
	position: absolute;
	top: 5px;
	left: 0;
	width: 564px;
}

/* under IE6 */
* html #preContainer .bnrList{
	bottom: -1px;
}

#preContainer .bnrList li{
	float: left;
	margin: 0 3px 0 0;
}

#preContainer .bnrList li.end{
	margin: 0;
}

/* definition_#mainContainer */
#mainContainer{
	background-image: url(../images/bg_maincontents_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	margin: 0 0 20px;
	padding: 0 0 10px;
	width: 652px;
}

#mainContainer #submainContainer{
	background-image: url(../images/bg_maincontens_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 11px 5px 0 7px;
	position: relative;
	width: 640px;
}

#mainContainer #submainContainer #boxFlow{
	background-image: none;
	line-height: 1.1;
	margin: 0;
	position: relative;
	width: 640px;
}

#mainContainer #submainContainer .innerBox.ver1{
	background-color: #f9f9ee;
	background-image: none;
	border-color: #c8be78;
	border-style: solid;
	border-width: 1px;
	clear: both;
	margin: 0;
	padding: 12px 12px 5px 31px;
	width: 592px;
}

/* IE7 */
*:first-child+html #mainContainer #submainContainer .innerBox.ver1{
	padding: 12px 12px 0 31px;
}

/* under IE6 */
* html #mainContainer #submainContainer .innerBox.ver1{
	padding: 12px 12px 0 31px;
}

#mainContainer #submainContainer .innerBox .textBox{
	margin: 0 0 14px;
	padding: 0 0 5px 267px;
	width: 325px;
}

#mainContainer #submainContainer .innerBox .textBox.ver1-1{
	background-image: url(../images/line_double1.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

/* IE7 */
*:first-child+html #mainContainer #submainContainer .innerBox .textBox.ver1-2{
	margin: 0;
	padding: 0 0 0 267px;
}

/* under IE6 */
* html #mainContainer #submainContainer .innerBox .textBox.ver1-2{
	margin: 0;
	padding: 0 0 0 267px;
}

#mainContainer #submainContainer .innerBox .textBox p{
	line-height: 1.3;
	margin: 0 0 5px;
}

#mainContainer #submainContainer .innerBox .textBox .List{
	line-height: 1.3;
	margin: 0 0 5px;
}

#mainContainer #submainContainer .innerBox .textBox .List li{
	background-image: url(../images/ic_list1.gif);
	background-position: left .6em;
	background-repeat: no-repeat;
	margin: 0 0 2px;
	padding: 0 0 0 7px;
}

#mainContainer #submainContainer .innerBox .textBox .planList li{
	background-color: transparent;
	background-image: url(../images/bg_ic_plan_on.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color: #b90f0f;
	float: left;
	height :28px;
	margin: 13px 1px 0 0;
	padding: 0;
	width: 36px;
}

#mainContainer #submainContainer .innerBox .textBox .planList .ttl{
	background-image: none;
	height: 53px;
	margin: 0 7px 0 0;
	padding: 0;
	width: 53px;
}

#mainContainer #submainContainer .innerBox .textBox .planList .plan1{
	padding: 9px 0 0 5px;
	width: 31px;
}



#mainContainer #submainContainer .innerBox .textBox .planList .plan2{
	padding: 5px 0 0 3px;
	font-size: 9px !important;
	width: 33px;
}

#mainContainer #submainContainer .innerBox .textBox .planList .plan3{
	padding: 4px 0 0 5px;
	width: 31px;
}

#mainContainer #submainContainer .innerBox .textBox .planList .plan4{
	padding: 5px 0 0 3px;
	width: 33px;
}

#mainContainer #submainContainer .innerBox .textBox .planList .plan4 .alnJ{
	display: block;
	text-align: justify;
	text-justify: distribute-all-lines;
	width: 3em;
}

#mainContainer #submainContainer .innerBox .textBox .planList .plan5{
	padding: 4px 0 0 3px;
	width: 33px;
}

#mainContainer #submainContainer .innerBox .textBox .planList .plan6{
	padding: 4px 0 0 8px;
	width: 28px;
}

#mainContainer #submainContainer .innerBox .textBox .planList .plan7{
	padding: 4px 0 0 3px;
	width: 33px;
}


#mainContainer #submainContainer .innerBox.ver2{
	background-image: url(../images/bg_box1_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	clear: both;
	margin: 0 0 17px;
	padding: 0;
	width: 637px;
}

#mainContainer #submainContainer .innerBox.ver2 .subinnerBox{
	background-image: url(../images/bg_box1_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 9px 12px 7px 31px;
	width: 594px;
}

/* IE7 */
*:first-child+html #mainContainer #submainContainer .innerBox.ver2 .subinnerBox{
	padding: 9px 12px 2px 31px;
}

/* under IE6 */
* html #mainContainer #submainContainer .innerBox.ver2 .subinnerBox{
	padding: 9px 12px 2px 31px;
}

#mainContainer #submainContainer .innerBox .textBox .planList2 li{
	background-color: transparent;
	background-image: url(../images/bg_ic_plan_off.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color: #b5afaf;
	float: left;
	height :28px;
	margin: 13px 1px 0 0;
	padding: 0;
	width: 36px;
}

#mainContainer #submainContainer .innerBox .textBox .planList2 .ttl{
	background-image: none;
	height: 53px;
	margin: 0 7px 0 0;
	padding: 0;
	width: 53px;
}

#mainContainer #submainContainer .innerBox .textBox .planList2 .plan1{
	padding: 9px 0 0 5px;
	width: 31px;
}

#mainContainer #submainContainer .innerBox .textBox .planList2 .plan2{
	padding: 5px 0 0 3px;
	width: 33px;
}

#mainContainer #submainContainer .innerBox .textBox .planList2 .plan3{
	padding: 4px 0 0 5px;
	width: 31px;
}

#mainContainer #submainContainer .innerBox .textBox .planList2 .plan4{
	padding: 5px 0 0 3px;
	width: 33px;
}

#mainContainer #submainContainer .innerBox .textBox .planList2 .plan4 .alnJ{
	display: block;
	text-align: justify;
	text-justify: distribute-all-lines;
	width: 3em;
}

#mainContainer #submainContainer .innerBox .textBox .planList2 .plan5{
	padding: 4px 0 0 3px;
	width: 33px;
}

#mainContainer #submainContainer .innerBox .textBox .planList2 .plan6{
	padding: 4px 0 0 8px;
	width: 28px;
}

#mainContainer #submainContainer .innerBox .textBox .planList2 .plan7{
	background-color: transparent;
	background-image: url(../images/bg_ic_plan_on2.gif);
	color: #b90f0f;
	padding: 4px 0 0 3px;
	width: 33px;
}

/* definition_#flowArrow */
#mainContainer #flowArrow{
	position: absolute;
	left: 242px;
	top: -1px;
}

/* definition_#boxPeriod */
#boxPeriod{
	background-image: url(../images/bg_boxperiod_bottom.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 545px;
	position: absolute;
	left: 22px;
	top: 88px;
	width: 215px;
}

#boxPeriod .List1{
	background-image: url(../images/ic_frow1.gif);
	background-position: 52px bottom;
	background-repeat: no-repeat;
	padding: 0 16px 7px 9px;
	width: 188px;
}

#boxPeriod .List1 dt{
	float: left;
}

#boxPeriod .List1 dd{
	padding: 0 0 0 43px;
}

#boxPeriod .List1 dd.ttl{
	margin: 0 0 7px;
}

#boxPeriod .List1 dd.txt{
	background-color: transparent;
	color: #6c6b6b;
	line-height: 1.2;
	text-align: justify;
	text-justify: inter-ideograph;
}

#boxPeriod .List2{
	background-image: url(../images/ic_frow1.gif);
	background-position: 52px bottom;
	background-repeat: no-repeat;
	clear: both;
	margin: -3px 0 0;
	padding: 0 16px 7px 9px;
	width: 188px;
}

#boxPeriod .List2 dt{
	float: left;
}

#boxPeriod .List2 dd{
	padding: 0 0 0 43px;
}

#boxPeriod .List2 dd.ttl{
	margin: 0 0 7px;
	padding: 15px 0 0 43px;
}

#boxPeriod .List2 dd.txt{
	background-color: transparent;
	color: #6c6b6b;
	line-height: 1.2;
	text-align: justify;
	text-justify: inter-ideograph;
}

#boxPeriod .List3{
	background-image: url(../images/ic_frow2.gif);
	background-position: 52px bottom;
	background-repeat: no-repeat;
	clear: both;
	margin: -3px 0 0;
	padding: 0 16px 12px 9px;
	width: 188px;
}

#boxPeriod .List3 dt{
	float: left;
}

#boxPeriod .List3 dd{
	padding: 0 0 0 43px;
}

#boxPeriod .List3 dd.ttl{
	margin: 0 0 7px;
	padding: 15px 0 0 43px;
}

#boxPeriod .List3 dd.txt{
	background-color: transparent;
	color: #6c6b6b;
	line-height: 1.2;
	text-align: justify;
	text-justify: inter-ideograph;
}

#boxPeriod .List4{
	clear: both;
	margin: -8px 0 0;
	padding: 0 16px 0 9px;
	width: 188px;
}

#boxPeriod .List4 dt{
	float: left;
}

#boxPeriod .List4 dd{
	padding: 0 0 0 43px;
}

#boxPeriod .List4 dd.ttl{
	margin: 0 0 7px;
	padding: 20px 0 0 43px;
}

#boxPeriod .List4 dd.txt{
	background-color: transparent;
	color: #6c6b6b;
	line-height: 1.2;
	text-align: justify;
	text-justify: inter-ideograph;
}

/* definition_#bnrContact */
#bnrContact{
	margin: 0;
	padding: 0 0 0 14px;
}

#mainContainer #submainContainer #boxFlow2{
	line-height: 1.1;
	margin: 0;
	padding: 0 0 0 15px;
	width: 625px;
}

#mainContainer #submainContainer #boxFlow2 .innerBoxL{
	float: left;
	width: 215px;
}

#mainContainer #submainContainer #boxFlow2 .subinnerBoxL{
	background-image: url(../images/bg_boxperiod_bottom.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 216px;
	width: 215px;
}

#mainContainer #submainContainer #boxFlow2 .subinnerBoxL .List1{
	padding: 13px 16px 7px 9px;
	width: 188px;
}

#mainContainer #submainContainer #boxFlow2 .subinnerBoxL .List1 dt{
	float: left;
}

#mainContainer #submainContainer #boxFlow2 .subinnerBoxL .List1 dd{
	background-image: url(../images/ic_frow1.gif);
	background-position: 44px top;
	background-repeat: no-repeat;
	margin: 0 0 12px;
	padding: 39px 0 0 43px;
}

#mainContainer #submainContainer #boxFlow2 .subinnerBoxL .List1 dd.ttl{
	background-image: url(../images/ic_frow3.gif);
}

#mainContainer #submainContainer #boxFlow2 .innerBoxL #btnJHF{
	margin: 9px 0 0 5px;
}

#mainContainer #submainContainer #boxFlow2 .innerBoxR{
	float: right;
	padding: 72px 8px 0 0;
	width: 388px;
}

/* definition_#wrapThink */
#wrapThink{
	clear: both;
	margin: 0 0 15px;
	position: relative;
	width: 652px;
}

#wrapThink #boxThink{
	background-image: url(../images/bg_box2.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 155px;
	margin: 0 0 5px;
	padding: 15px 14px 0;
	width: 624px;
}

#wrapThink #boxThink ul{
	padding: 15px 0 0 11px;
}

#wrapThink #boxThink ul li{
	margin: 0 0 7px;
}

#wrapThink #boxWoman{
	background-image: url(../images/bg_box3.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 91px;
	padding: 8px 14px 0;
	width: 624px;
}

#wrapThink #boxWoman p{
	background-color: transparent;
	color: #FFF;
	margin: 9px 0 0 10px;
}

#wrapThink .imgGirl{
	position: absolute;
	bottom: 0;
	right: 12px;
}

/* definition_#wrapCase */
#wrapCase{
	background-image: url(../images/box_voice_bottom.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	clear: both;
	height: 265px;
	margin: 0 0 23px;
	width: 914px;
}

#boxCase{
	background-image: url(../images/box_voice_top.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 257px;
	padding: 4px;
	width: 906px;
}

#boxCase #caseNavi{
	float: right;
	margin: 16px 0 0;
	width: 425px;
}

#boxCase #caseNavi li{
	border-color: #929292;
	border-style: solid;
	border-width: 0 1px 0 0;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 9px 0 0;
}

#boxCase #caseNavi li.end{
	border-width: 0;
	margin: 0;
	padding: 0;
}

/* glider.css
----------------------------------------------- */
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	clear: both;
	height: 210px;
	overflow: hidden;
	width: 906px;
}

div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	float: left;
	height: 174px;
	padding: 15px 0 21px;
	overflow: hidden;
	width: 906px;
}

div.scroller div.content {
	width: 10000px;
}

div.scroller div.section2 {
	margin: 0 0 0 -10px;
}

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


#boxCase .section .imgBoxL{
	border-width: 0;
	padding: 0 0 0 15px;
	margin: 0 25px 0 0;
	width: 228px;
}

#boxCase .section .wrapTextBox{
	float: left;
}

#boxCase .section .textBoxL{
	margin: 0;
	padding: 0;
	width: 323px;
}

#boxCase .section .textBoxL .subTextBoxL{
	float: left;
	margin: 0 15px 0 0;
	width: 255px;
}

#boxCase .section .textBoxL p{
	background-color: transparent;
	color: #FFF;
	margin: 0 0 3px;
}

#boxCase .section .textBoxL #nextBtn{
	float: left;
	margin: 43px 0 0 0;
}

#boxCase .section .textBoxR{
	background-image: url(../images/bg_result.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	height: 178px;
	margin: 0;
	padding: 13px 20px;
	position: relative;
	width: 260px;
}

/* under IE6 */
* html #boxCase .section .textBoxR{
	position: static;
}

#boxCase .section .textBoxR p{
	margin: 0;
}

#boxCase .section .textBoxR .btnMore{
	background-image: none;
	position: absolute;
	bottom: 38px;
	right: 20px;
}

/* under IE6 */
* html #boxCase .section .textBoxR .btnMore{
	position: static;
}

* html #boxCase .section .textBoxR .btnMore.ver1{
	background-image: none;
	margin: 2px 0 0;
	text-align: right;
}

* html #boxCase .section .textBoxR .btnMore.ver2{
	background-image: none;
	margin: 2px 0 0;
	text-align: right;
}

* html #boxCase .section .textBoxR .btnMore.ver3{
	background-image: none;
	margin: 35px 0 0;
	text-align: right;
}

* html #boxCase .section .textBoxR .btnMore.ver4{
	background-image: none;
	margin: 2px 0 0;
	text-align: right;
}

* html #boxCase .section .textBoxR .btnMore.ver5{
	background-image: none;
	margin: 2px 0 0;
	text-align: right;
}

* html #boxCase .section .textBoxR .btnMore.ver6{
	background-image: none;
	margin: 20px 0 0;
	text-align: right;
}

* html #boxCase .section .textBoxR .btnMore.ver7{
	background-image: none;
	margin: 2px 0 0;
	text-align: right;
}

* html #boxCase .section .textBoxR .btnMore.ver8{
	background-image: none;
	margin: 2px 0 0;
	text-align: right;
}

* html #boxCase .section .textBoxR .btnMore.ver9{
	background-image: none;
	margin: 20px 0 0;
	text-align: right;
}

/* definition_#boxMovie */
#boxMovie{
	background-image: url(../images/bg_movie.gif);
	background-position: left top;
	background-repeat: no-repeat;
	clear: both;
	height: 310px;
	margin: 0 0 17px;
	padding: 7px 0 0 20px;
	width: 889px;
}

#boxMovie #btnYoutube{
	float: left;
	margin: 0 10px 0 0;
	padding: 117px 0 0;
	width: 267px;
}

#boxMovie #Youtube{
	background-image: url(../images/bg_youtube.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	height: 283px;
	padding: 18px 0 0 19px;
	width: 337px;
}

#footer_box {
	margin-top: 25px;
	font-size: 11px;
}

#footer_box p , #footer_box ul {
	margin: 10px 0;
}

#footer_left {
	width: 447px;
	float: left;
}

#footer_right {
	width: 447px;
	float: right;
}

#footer_right h3 {
	margin-bottom: 10px;
}

.table_left {
	width: 70px;
	background-color: #dfb1b1;
	border-right: 1px solid #d97777;
}

.table_right {
	background-color: #fde3d7;
}

#footer_left li {
	list-style-type: disc;
	list-style-position: inside;
}