@charset "Shift_JIS";

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

	Title: student.css
	Description: studentƒXƒ^ƒCƒ‹
	Created: 2008-4-30
	Last Up Date: 2008-6-10
	
----------------------------------------------------------- */
/* -----------------------------------------------------------	

	studentTop
	flow
	price_list
	font_ink
	uchiawase
	kakunin
	
----------------------------------------------------------- */
/* -----------------------------------------------------------	

	studentTop
	
----------------------------------------------------------- */

div#studentTop div#navigation {
	clear: both;
	position: relative;
	background: url(../image/bg_visual.gif) no-repeat;
	width: 710px;
	height: 585px;
}

div#studentTop div#navigation h2 {
	position: absolute;
	top: 50px;
	left: 50px;
}

div#studentTop div#navigation p {
	position: absolute;
	top: 155px;
	left: 75px;
	margin: 0;
	padding: 0;
}

div#studentTop div#navigation ul li#btNagare {
	position: absolute;
	top: 415px;
	left: 21px;
}

div#studentTop div#navigation ul li#btKakaku {
	position: absolute;
	top: 415px;
	left: 116px;
}

div#studentTop div#navigation ul li#btPrice {
	position: absolute;
	top: 415px;
	left: 211px;
}

div#studentTop div#navigation ul li#btShotai {
	position: absolute;
	top: 415px;
	left: 306px;
}

div#studentTop div#navigation ul li#btShashin {
	position: absolute;
	top: 415px;
	left: 401px;
}

div#studentTop div#navigation ul li#btMail {
	position: absolute;
	top: 415px;
	left: 497px;
}

div#studentTop div#navigation ul li#btKoujou {
	position: absolute;
	top: 415px;
	left: 591px;
}

div#studentTop div#navigation ul li#btTemplet {
	position: absolute;
	top: 300px;
	right: 20px;
}

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

	student
	
----------------------------------------------------------- */

div#main div.student h2,
div#main div.student h3,
div#main div.student p {
	background: none;
	margin: 0;
	padding: 0;
}

div#main div.student h2 img,
div#main div.student h3 img,
div#main div.student p img {
	vertical-align: bottom;
}

div#main div.student div.dl {
	background: url(../flow/image/bg_flow.gif) repeat-y;
	padding: 0 100px;
}

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

	 flow
	
----------------------------------------------------------- */

div#main div#flow ul#flowlinks {
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 1;
}

div#main div#flow ul#flowlinks li {
	text-align: center;
}

div#main div#flow ul#flowlinks li#templet {position: absolute; top: 193px; left: 474px;}
div#main div#flow ul#flowlinks li#donzuba {position: absolute; top: 338px; left: 96px;}
div#main div#flow ul#flowlinks li#nyukou {position: absolute; top: 351px; left: 287px;}
div#main div#flow ul#flowlinks li#size {position: absolute; top: 1239px; left: 453px;}
div#main div#flow ul#flowlinks li#qanda {position: absolute; top: 1729px; left: 415px;}
div#main div#flow ul#flowlinks li#fiselect {position: absolute; top: 2106px; left: 101px; font-size: 115%; font-weight: bold;}
div#main div#flow ul#flowlinks li#mail {position: absolute; top: 2091px; left: 448px;}
div#main div#flow ul#flowlinks li#uchiawase {position: absolute; top: 2846px; left: 423px;}
div#main div#flow ul#flowlinks li#kakunin {position: absolute; top: 3167px; left: 426px;}

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

	price_list
	
----------------------------------------------------------- */

div#price_list p.bt {
	position: relative;
	margin: 0;
	padding: 0;
}

/*div#price_list p.bt{
	width: 220px;
	height: 44px;
}*/

div#price_list p.bt img {
	position: absolute;
	top: -50px;
	left: 245px;
	width: 220px;
	height: 44px;
}

div#price_list p.btL {
	position: relative;
	margin: 0;
	padding: 0;
}

div#price_list p.btL img {
	position: absolute;
	top: -50px;
	left: 135px;
}

div#price_list p.btR {
	position: relative;
	margin: 0;
	padding: 0;
}

div#price_list p.btR img {
	position: absolute;
	top: -50px;
	left: 355px;
}

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

	font_ink
	
----------------------------------------------------------- */

div#font_ink div#dlArea {
	position: relative;
	width: 710px;
	height: 345px;
}

div#font_ink div#dlArea p {
	position: absolute;
	top: 15px;
	left: 240px;
}

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

	uchiawase
	
----------------------------------------------------------- */

div#uchiawase div#farea1 {
	position: relative;
	width: 710px;
	height: 552px;
}

div#uchiawase div#farea1 p {
	position: absolute;
	top: 0;
	left: 0;
}

div#uchiawase div#farea1 ul {
	position: relative;
}

div#uchiawase div#farea1 ul li#f01 {position: absolute; top: 0px; left: 0;}
div#uchiawase div#farea1 ul li#f02 {position: absolute; top: 111px; left: 0;}
div#uchiawase div#farea1 ul li#f03 {position: absolute; top: 198px; left: 0;}
div#uchiawase div#farea1 ul li#f04 {position: absolute; top: 287px; left: 0;}
div#uchiawase div#farea1 ul li#f05 {position: absolute; top: 380px; left: 0;}
div#uchiawase div#farea1 ul li#f06 {position: absolute; top: 0px; right: 0;}
div#uchiawase div#farea1 ul li#f07 {position: absolute; top: 97px; right: 0;}
div#uchiawase div#farea1 ul li#f08 {position: absolute; top: 184px; right: 0;}
div#uchiawase div#farea1 ul li#f09 {position: absolute; top: 255px; right: 0;}

div#uchiawase div#farea2 {
	position: relative;
	width: 710px;
	height: 705px;
}

div#uchiawase div#farea2 p {
	position: absolute;
	top: 0;
	left: 0;
}

div#uchiawase div#farea2 ul {
	position: relative;
}

div#uchiawase div#farea2 ul li#f10 {position: absolute; top: 0px; left: 0;}
div#uchiawase div#farea2 ul li#f11 {position: absolute; top: 91px; left: 0;}
div#uchiawase div#farea2 ul li#f12 {position: absolute; top: 229px; left: 0;}
div#uchiawase div#farea2 ul li#f13 {position: absolute; top: 0px; right: 0;}
div#uchiawase div#farea2 ul li#f14 {position: absolute; top: 92px; right: 0;}

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

	kakunin
	
----------------------------------------------------------- */

div#kakunin div#farea1 {
	position: relative;
	width: 710px;
	height: 378px;
}

div#kakunin div#farea1 p {
	position: absolute;
	top: 0;
	left: 0;
}

div#kakunin div#farea1 ul {
	position: relative;
}

div#kakunin div#farea1 ul li#f01 {position: absolute; top: 0; left: 0;}
div#kakunin div#farea1 ul li#f02 {position: absolute; top: 87px; left: 0;}
div#kakunin div#farea1 ul li#f03 {position: absolute; top: 221px; left: 0;}
div#kakunin div#farea1 ul li#f04 {position: absolute; top: 0; left: 217px;}
div#kakunin div#farea1 ul li#f05 {position: absolute; top: 0; right: 0;}
div#kakunin div#farea1 ul li#f06 {position: absolute; top: 147px; right: 0;}
div#kakunin div#farea1 ul li#f07 {position: absolute; top: 247px; right: 0;}

div#kakunin div#farea2 {
	position: relative;
	width: 710px;
	height: 832px;
}

div#kakunin div#farea2 p {
	position: absolute;
	top: 0;
	left: 0;
}

div#kakunin div#farea2 ul {
	position: relative;
}

div#kakunin div#farea2 ul li#f08 {position: absolute; top: 0; left: 0;}
div#kakunin div#farea2 ul li#f09 {position: absolute; top: 118px; left: 0;}
div#kakunin div#farea2 ul li#f10 {position: absolute; top: 0; left: 197px;}
div#kakunin div#farea2 ul li#f11 {position: absolute; top: 0; right: 0;}
div#kakunin div#farea2 ul li#f12 {position: absolute; top: 152px; right: 0;}
div#kakunin div#farea2 ul li#f13 {position: absolute; top: 483px; right: 0;}



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

	student_character
	
----------------------------------------------------------- */



div.student_character {
	clear: both;
	width: 710px;
	height: 185px;
	background-image: url(../student_character/images/img01.jpg);
	background-repeat: no-repeat;
}

div.student_character02 {
	clear: both;
	width: 710px;
	height: 140px;
	background-image: url(../student_character/images/order_bg.jpg);
	background-repeat: no-repeat;
}

div.student_character03 {
	padding:32px 0px 0px 250px;
}
div.student_character03 a:hover img{
	opacity: 0.70; 
    filter: Alpha(opacity=70); 

}

div.student_character04 {
	clear: both;
	width: 710px;
	height: 542px;
	background-image: url(../student_character/images/img06.jpg);
	background-repeat: no-repeat;
}

div.student_character05 {
	padding:30px 0px 0px 0px;
	text-align: right;
}

div.student_character05 a:hover img{
	opacity: 0.70; 
    filter: Alpha(opacity=70); 

}


.student_character_txt01 {
	padding:160px 0px 0px 221px;
		color: #333333;
	font-size: 12px;

}

.student_character_txt02 {
	padding:68px 0px 0px 90px;
		color: #333333;
	font-size: 12px;

}


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

	order_method
	
----------------------------------------------------------- */

div.order_method01 {
	clear: both;
	width: 710px;
	height: 140px;
	background-image: url(../student_character/images/order_bg.jpg);
	background-repeat: no-repeat;
}

div.order_method {
	padding:37px 0px 0px 426px;
			color: #333333;
	font-size: 12px;

}

div.order_method02 {
	clear: both;
	width: 710px;
	height: 113px;
	background-image: url(../student_character/images/img08.jpg);
	background-repeat: no-repeat;
}

div.order_method03 {
	clear: both;
	width: 710px;
	height: 62px;
	background-image: url(../student_character/images/img09.jpg);
	background-repeat: no-repeat;
}

div.order_method04 {
	clear: both;
	width: 710px;
	height: 403px;
	background-image: url(../student_character/images/img11.jpg);
	background-repeat: no-repeat;
}

div.order_method05 {
	clear: both;
	width: 710px;
	height: 344px;
	background-image: url(../student_character/images/img12b.jpg);
	background-repeat: no-repeat;
}

div.order_method06 {
	clear: both;
	width: 710px;
	height: 302px;
	background-image: url(../student_character/images/img13b.jpg);
	background-repeat: no-repeat;
}

div.order_method07 {
	clear: both;
	width: 710px;
	height: 229px;
	background-image: url(../student_character/images/img14b.jpg);
	background-repeat: no-repeat;
}

div.order_method08 {
	clear: both;
	width: 710px;
	height: 83px;
	background-image: url(../student_character/images/img15.jpg);
	background-repeat: no-repeat;
}

div.order_method09 {
	padding:20px 30px 0px 0px;
	text-align: right;
}

div.order_method10 {
	clear: both;
	width: 710px;
	height: 91px;
	background-image: url(../student_character/images/img16c.jpg);
	background-repeat: no-repeat;
}

div.order_method11 {
	clear: both;
	width: 710px;
	height: 297px;
	background-image: url(../student_character/images/img16d.jpg);
	background-repeat: no-repeat;
}

div.order_method09 a:hover img{
	opacity: 0.70; 
    filter: Alpha(opacity=70); 

}


div.order_method_txt01 {
	padding:88px 0px 0px 147px;
	color: #333333;
	font-size: 10px;
}
div.order_method_txt02 {
	padding:10px 0px 0px 41px;
	color: #333333;
	font-size: 14px;
}

div.order_method_txt03 {
	padding:20px 0px 0px 40px;
	color: #333333;
	font-size: 14px;
	line-height: 170%;
}
div.order_method_txt03b {
	padding:10px 0px 0px 40px;
	color: #333333;
	font-size: 14px;
	line-height: 170%;
}

.order_method_txt04 {
	color: #FE6044;
}
.order_method_txt05 {
	color: #000000;
	font-weight: bold;
}
.order_method_txt05_2 {
	color: #000000;
	font-weight: bold;
	font-size: 16px;
}
.top_text{
	font-weight:normal;
	font-size: 18px;
	margin: 0;
	padding: 0;
	line-height: 100%;
}
.top_text02{
	font-weight:bold;
	font-size: 22px;
	margin: 0;
	padding: 0;
	line-height: 90%;
}