@charset "Shift_JIS";
/* CSS Document */

/*basis*/
.basisBox01{
width:932px;
height:100%;
margin:0px 0px 60px 0px;
position:relative;
}

.basisBox01 h3{
margin:0;
padding:0;
position:absolute;
top:10px;
left:585px;
}

.basisBox01 .basisText{
width:312px;
border:1px dotted #CCCCCC;
padding:15px;
position:absolute;
left:585px;
bottom:0px;
margin: 0;
}

.basisBox02{
width:810px;
height:100%;
margin:0px 0px 60px 0px;
position:relative;
}

.basisBoxPhoto{
width:435px;
text-align:right;
}

.basisBox02 h3{
margin:0;
padding:0;
position:absolute;
top:12px;
left:465px;
}

.basisBox02 .basisText{
width:312px;
border:1px dotted #CCCCCC;
margin:-4em 0px 0px 0px;
padding:15px;
position:absolute;
top:50%;
left:465px;
}

.basisBox03{
width:932px;
height:100%;
margin:0px 0px 15px 0px;
position:relative;
}

.basisBox03 h3{
margin:0;
padding:0;
position:absolute;
top:10px;
left:585px;
}

.basisBox03 .basisText{
width:312px;
border:1px dotted #CCCCCC;
padding:15px;
position:absolute;
left:585px;
bottom:0px;
}


.basisText01{
margin:0;
padding:0;
line-height: 1.6em;
}

.basisText02{
font-size:x-small;
margin:0;
padding:0;
}

.basisText03{
font-size:x-small;
margin:0px 0px 0px 70px;
padding:0;
}



/*application*/
.applicationBox01{
width:932px;
height:100%;
margin:0px 0px 30px 0px;
position:relative;
}

.applicationBox01 h3{
margin:0;
padding:0;
position:absolute;
top:10px;
left:585px;
}

.applicationBox01 .basisText{
	width:312px;
	border:1px dotted #CCCCCC;
	padding:15px;
	position:absolute;
	left:588px;
	bottom:-86px;
}

.applicationBox01 .basisText2{
	width:312px;
	border:1px dotted #CCCCCC;
	padding:15px;
	position:absolute;
	left:588px;
	bottom:0;
}

/*practice*/
#practice{
margin:0px 0px 60px;
}

#practice02{
margin:0px 0px 60px;
}

#practice h3{
margin:0px 0px 25px;
padding:0;
}

#practice02{
margin:0px 0px 50px;
}

#practice02 h3{
margin:0px 0px 25px;
padding:0;
}

.practice03-01{
width:810px;
height:100%;
margin:0px 0px 50px 0px;
position:relative;
}

.practiceBoxPhoto{
width:435px;
text-align:right;
}

.practice03-01 h3{
margin:0;
padding:0;
position:absolute;
top:12px;
left:465px;
}

.practice03-01 .basisText{
width:312px;
border:1px dotted #CCCCCC;
margin:-4em 0px 0px 0px;
padding:15px;
position:absolute;
top:50%;
left:465px;
}

.practiceText01{
margin:0;
padding:0;
line-height: 1.6em;
}

.practiceText02{
font-size:x-small;
margin:0;
padding:0;
}

.practiceText03{
font-size:x-small;
margin:0px 0px 0px 70px;
padding:0;
}




#practiceBox{
width:932px;
position:relative;
}

#practiceBox00{
width:172px;
float:right;
margin-bottom:30px;
}

#practiceBox01{
width:451px;
float:left;
}

#practiceBox01 h4{
margin:0px 0px 5px;
padding:0;
}

#practiceBox01 img{
margin:0px 0px 5px;
}

#practiceBox02{
width:451px;
float:right;
}

#practiceBox02 h4{
margin:0px 0px 5px;
padding:0;
}

#practiceBox02 img{
margin:0px 0px 5px;
}

#practiceBox03{
width:451px;
text-align:center;
margin:0px 0px 40px;
float:left;
}

#practiceBox03 p{
margin:0px 0px 0px;
padding:2.5em 0px 0px;
}




.practiceText{
width:318px;
border:1px dotted #CCCCCC;
margin:25px auto 0px;
padding:15px;
}

.practiceText p{
margin:0;
padding:0;
}

.practiceText02{
width:480px;
border:1px dotted #CCCCCC;
margin:0px auto;
padding:18px;
}

.practiceText02 p{
margin:0;
padding:0;
}

.practiceText03{
width:318px;
border:1px dotted #CCCCCC;
margin:0px auto;
padding:15px;
}

.practiceText03 p{
margin:0;
padding:0;
}

.practiceText04{
width:320px;
text-align:left;
border:1px dotted #CCCCCC;
padding:10px 15px;
}

.practiceText04 p{
margin:0;
padding:0;
}

.practiceText05{
width:270px;
border:1px dotted #CCCCCC;
padding:10px 10px;
}

.practiceText05 p{
margin:0;
padding:0;
}

.practiceText06{
width:315px;
text-align:left;
border:1px dotted #CCCCCC;
padding:10px 15px;
}

.practiceText06 p{
margin:0;
padding:0;
}

.practiceText08_1{
width:250px;
text-align:left;
border:1px dotted #CCCCCC;
padding:10px 15px;
}

.practiceText08_1 p{
margin:0;
padding:0;
}

.practiceImg01{
width:313px;
margin:0px 0px 0px 70px;
padding:0;
}


/*effect*/
#effect{
margin:0px 0px 60px;
}

#effect h3{
margin:0px 0px 25px;
padding:0;
}

#effect02{
margin:0px 0px 50px;
}

#effect02 h3{
margin:0px 0px 25px;
padding:0;
}

#effect03{
margin:0px 0px 30px;
}

#effect03 h3{
margin:0px 0px 25px;
padding:0;
}



#effectBox{
width:932px;
position:relative;
}

#effectBox01{
width:451px;
float:left;
}

#effectBox01 h4{
margin:0px 0px 5px;
padding:0;
}

#effectBox01 img{
margin:0px 0px 5px;
}

#effectBox02{
width:451px;
float:right;
}

#effectBox02 h4{
margin:0px 0px 5px;
padding:0;
}

#effectBox02 img{
margin:0px 0px 5px;
}

#effectBox03{
width:451px;
text-align:center;
margin:0px 0px 40px;
float:left;
}

#effectBox03 p{
margin:0px 0px 0px;
padding:2.5em 0px 0px;
}

#effectBox04{
width:451px;
text-align:center;
margin:0px 0px 40px;
float:right;
}

#effectBox04 p{
margin:0px 0px 0px;
padding:2.5em 0px 0px;
}

#effectBox05{
width:932px;
clear:both;
}

.effectBox06{
width:451px;
margin:0px 0px 40px;
float:left;
}

.effectBox06 h4{
margin:0px 0px 5px;
padding:0;
}

.effectBox06 img{
margin:0px 0px 5px;
}

.effectBox07{
width:451px;
margin:0px 0px 40px;
float:right;
}

.effectBox07 h4{
margin:0px 0px 5px;
padding:0;
}

.effectBox07 img{
margin:0px 0px 5px;
}

.effectBox0602{
width:451px;
margin:0px 0px 25px;
float:left;
}

.effectBox0602 h4{
margin:0px 0px 5px;
padding:0;
}

.effectBox0602 img{
margin:0px 0px 5px;
}

.effectBox0702{
width:451px;
margin:0px 0px 25px;
float:right;
}

.effectBox0702 h4{
margin:0px 0px 5px;
padding:0;
}

.effectBox0702 img{
margin:0px 0px 5px;
}

#effectBox08{
width:932px;
text-align:right;
position:relative;
}

#effectBox08_1{
width:270px;
text-align:right;
position:absolute;
bottom:0px;
right:337px;
}

#effectBox08_2{
width:470px;
text-align:left;
position:absolute;
top:0px;
left:0px;
}

#effectBox08_2 img{
margin:0px 0px 10px;
}


#effectBox09_1{
width:932px;
text-align:right;
margin:0px 0px 30px;
position:relative;
}

.effectBox09_1_1{
width:377px;
text-align:left;
position:absolute;
top:0px;
left:0px;
}

.effectBox09_1_1 h4{
margin:25px 0px 5px;
padding:0;
}


.effectText{
width:318px;
border:1px dotted #CCCCCC;
margin:25px auto 0px;
padding:15px;
}

.effectText p{
margin:0;
padding:0;
}

.effectText02{
width:480px;
border:1px dotted #CCCCCC;
margin:0px auto;
padding:18px;
}

.effectText02 p{
margin:0;
padding:0;
}

.effectText03{
width:318px;
border:1px dotted #CCCCCC;
margin:0px auto;
padding:15px;
}

.effectText03 p{
margin:0;
padding:0;
}

.effectText04{
width:320px;
text-align:left;
border:1px dotted #CCCCCC;
padding:10px 15px;
}

.effectText04 p{
margin:0;
padding:0;
}

.effectText05{
width:270px;
border:1px dotted #CCCCCC;
padding:10px 10px;
}

.effectText05 p{
margin:0;
padding:0;
}

.effectText06{
width:315px;
text-align:left;
border:1px dotted #CCCCCC;
padding:10px 15px;
}

.effectText06 p{
margin:0;
padding:0;
}

.effectText07 p{
width:315px;
margin:0;
padding:0;
}

.effectText08_1{
width:250px;
text-align:left;
border:1px dotted #CCCCCC;
padding:10px 15px;
}

.effectText08_1 p{
margin:0;
padding:0;
}

.effectImg01{
width:313px;
margin:0px 0px 0px 70px;
padding:0;
}

/* 090327 */

.basisBox02-02{
width:810px;
height:100%;
margin:0px 0px 30px 0px;
position:relative;
}

.basisBoxPhoto{
width:435px;
text-align:right;
}

.basisBox02-02 h3{
margin:0;
padding:0;
position:absolute;
top:12px;
left:465px;
}

.basisBox02-02 .basisText{
width:312px;
border:1px dotted #CCCCCC;
margin:-4em 0px 0px 0px;
padding:15px;
position:absolute;
top:50%;
left:465px;
}

/* 090330 */

.applicationBox01 .basisText3{
	width:312px;
	border:1px dotted #CCCCCC;
	padding:15px;
	position:absolute;
	left:588px;
	top:80%;
}

.applicationBox01 .basisText4{
	width:312px;
	border:1px dotted #CCCCCC;
	padding:15px;
	position:absolute;
	left:588px;
	top:80%;
}


/* 110117 */

.basisBox04{
width:810px;
height:100%;
margin:0px 0px 30px 0px;
position:relative;
}

.basisBox04 h3{
margin:0;
padding:0 0 30px 0;
}

.basisBox04 .basisText{
	width:560px;
	border:1px dotted #CCCCCC;
	padding:15px;
	margin:30px 0 0 0;
}