@charset "utf-8";

/* =========================================================

	 component

========================================================= */
body { behavior:url("../css/csshover3.htc");}
.iepngfix{behavior: expression(IEPNGFIX.fix(this));}

/* Background */
.tutorial #mainArea{
background:url(../../img/tutorial/bg_tuto_01.jpg) no-repeat left top;
}
.technology #mainArea{
background:url(../../img/technology01/bg_tec1_01.jpg) no-repeat left top;
}
.technology2 #contenair{
position: relative;
min-height:838px;
height:100%;
_height:838px;
background:url(../../img/technology02/bg_tec2_01.jpg) no-repeat left bottom;
}


/* --------------------------------------------------------
	section for Fontsize
-------------------------------------------------------- */

#mainArea .section_01 .txt_01{
color:#424242;
font-size:110%;
line-height:1.75;
}

* html #mainArea .section_01 .txt_01{
font-size:95%;
line-height:1.85;
}
*:first-child+html #mainArea .section_01 .txt_01{
font-size:95%;
line-height:1.85;
}
html>/**/#mainArea .section_01 .txt_01{
font-size:95%;
line-height:1.85;
}


#mainArea .section_list{
padding:10px 0 0;
}
#mainArea .section_list li{
margin-bottom:2px;}


#termsText{
color:#424242;
font-size:110%;
line-height:1.5;
width:470px;
padding:3px 10px 50px 10px;
}
#termsText .txt-s{
font-size:86%;
line-height:1.3;
}
#termsText .tit_01{
font-size:115%;
}
#termsText .txt_list p,
#termsText .txt_list li{
margin-left:1.2em;
text-indent:-1.25em;
}

#termsText p.left{
margin-left:1.2em;
}


/* --------------------------------------------------------
	btn
-------------------------------------------------------- */
#mainArea .bnrBtn_01 a,#mainArea .bnrBtn_02 a,
#mainArea .bnrBtn_03 a,#mainArea .bnrBtn_04 a{
color:#111111;
line-height:1.2;
}
#mainArea .bnrBtn_01:hover a,#mainArea .bnrBtn_02:hover a,
#mainArea .bnrBtn_04:hover a{
color:#fff;
text-decoration:none;
}

#mainArea .bnrBtn_03 a:hover{
color:#006600;
}

.bnrBtn_01,.bnrBtn_02,.bnrBtn_03,.bnrBtn_04 {
width:212px;
}
.bnrBtn_01 a,.bnrBtn_02 a,.bnrBtn_03 a,.bnrBtn_04 a{
padding:13px 0 6px;
width:212px;
display:block;
}
.bnrBtn_01 a span,.bnrBtn_02 a span,.bnrBtn_03 a span,.bnrBtn_04 a span{
margin-left:21px;
padding-top:3px;
padding-bottom:3px;
padding-right:5px;
display:block;
}
.bnrBtn_01,.bnrBtn_02,.bnrBtn_03,.bnrBtn_04{
padding-bottom:4px;
display:block;
}
.bnrBtn_01:hover a,
.bnrBtn_02:hover a{
background:url(../../img/shared/bg_Btn_01_o.gif) no-repeat left top;
}
.bnrBtn_01:hover,
.bnrBtn_02:hover{
background:url(../../img/shared/bg_Btn_01btm_o.gif) no-repeat left bottom;
}
.bnrBtn_03:hover{
color:#006600;
text-decoration: underline;
}

/* bnrBtn BG */
.bnrBtn_01{
background:url(../../img/shared/bg_Btn_01btm.gif) no-repeat left bottom;
}
.bnrBtn_01 a{
background:url(../../img/shared/bg_Btn_01.gif) no-repeat left top;
}
.bnrBtn_02{
background:url(../../img/shared/bg_Btn_02btm.gif) no-repeat left bottom;
}
.bnrBtn_02 a{
background:url(../../img/shared/bg_Btn_02.gif) no-repeat left top;
}
.bnrBtn_03{
background:url(../../img/shared/bg_Btn_03btm.gif) no-repeat left bottom;
}
.bnrBtn_03 a{
background:url(../../img/shared/bg_Btn_03.gif) no-repeat left top;
}

/* End Icon
---------------------------------------- */
.endIco {
margin-left:6px;
padding-bottom:3px;
vertical-align:middle;
}
* html .endIco {/* for IE6 */
margin-top:1px;
padding-bottom:0;
vertical-align:baseline;
}
*:first-child+html .endIco {/* for IE7 */
vertical-align:bottom;
}

/* --------------------------------------------------------
	linklist
-------------------------------------------------------- */
.linklist_01{
padding-bottom:20px;
}
.linklist_01 li{
padding:14px 5px 10px;
border-bottom:1px solid #e5e5e5;
}
#mainArea .linklist_01 li a:link,
#mainArea .linklist_01 li a:visited{
color:#111111;
}
#mainArea .linklist_01 li a:hover{
color:#006600;
text-decoration: underline;
}

/* --------------------------------------------------------
	 layout txt decoration
-------------------------------------------------------- */
.fl_l{
float:left;
display:inline;
}
.fl_r{
float:right;
display:inline;
}
/* --寄せ：横--*/
.txt_c{text-align:center;}
.txt_l{text-align:left;}
.txt_r{text-align:right;}
/* --寄せ：縦--*/
.ver_t{vertical-align:top;}
.ver_m{vertical-align:middle;}
.ver_b{vertical-align:bottom;}


/* --------------------------------------------------------
	Txt
-------------------------------------------------------- */
.org{
color:#e46d13;
}
.pink{
color:#f54791;
}

.blue{
color:#5185bc;
}

.linehzero,
.linehzero li{
vertical-align:top;
font-size:0px;
line-height:0;
}

.bold{
font-weight:bold;	
}

/* --------------------------------------------------------
	pulldown
-------------------------------------------------------- */

.kfPullDownMenu{
position:absolute;
top:150px;
}

.section_01

.kfPullDownMenu ul li{
position:relative;
overflow:hidden;
}

.kfPullDownMenu ul li ul{
position:absolute;
height:0;
left:0;
display:none;
}

.kf_over ul{
display:block;
}

.first li,
.second li{
zoom:1;
}

.second .bnrBtn_01{
margin-top:1px;
}

/* --------------------------------------------------------
	margin width
-------------------------------------------------------- */

#mainArea .pab0{padding-bottom:0px;}
#mainArea .mab0{margin-bottom:0px;}

.mat3{margin-top:3px;}
.mat5{margin-top:5px;}
.mat8{margin-top:8px;}
.mat10{margin-top:10px;}
.mat15{margin-top:15px;}
.mat20{margin-top:20px;}

.mat70{margin-top:70px;}
.mat145{margin-top:145px;}
.mat165{margin-top:165px;}
.mat185{margin-top:185px;}
.mat190{margin-top:190px;}
.mat212{margin-top:212px;}


.mab10{margin-bottom:10px;}
.mab15{margin-bottom:15px;}
.mab20{margin-bottom:20px;}


.pab26{padding-bottom:26px;}
.pab36{padding-bottom:36px;}
.pab46{padding-bottom:46px;}

.pab5{padding-bottom:5px;}
.pab10{padding-bottom:10px;}
.pab15{padding-bottom:15px;}
.pat5{padding-top:5px;}
.pat10{padding-top:10px;}
.pal5{padding-left:5px;}

.mal5{margin-left:5px;}
.mal10{margin-left:10px;}
.mal15{margin-left:15px;}
.mal25{margin-left:25px;}

.mar10{margin-right:10px;}
.mar15{margin-right:15px;}

/* --------------------------------------------------------
	clearfix
-------------------------------------------------------- */
.clearfix:after{
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	content:".";
}

.clearfix{
min-height:1%;
}
/* -- for IE6 */
* html .clearfix{
	height:1px;
}
/* -- for IE7 */
*:first-child+html .clearfix{
 zoom:1;
}