/* 

*/



@import "pageimage.css";



/* layout

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



*{

	margin: 0;

	padding:0;

	}



body{

	background: #EEEDEE;

	color: #000;

	font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

	word-wrap: break-word;	/* IE */

	width: 100%;

	text-align: center;	

	}

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

**  Container

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

#container {

	background: transparent;

	margin: 0 auto;

	position: relative;

	text-align: center;

	width: 100%;

	}



#header {

	width: 800px;

	height: 89px;

	margin: 26px auto 0;

	z-index: 6;

	background: transparent url(../images/header.gif) no-repeat 0 0;

	display: block;

	}



#header #signlogo {

	float: left;

	display: block;

	margin: 0px;

	padding: 20px 10px 7px;

	height: 62px !important;

	width: 312px;

	}

#header #signlogo a {

	border: 0;

	display: block;

	margin: 0px;

	height: 62px !important;

	width: 312px;

	text-indent: -9999px;

	background-color: transparent;

	background-image: url(../images/signlogo.gif);

	background-repeat: no-repeat;

	background-position: left top;

	}



#header .headerbutton {

	font-size: 10px;

	width: 140px;

	height: 22px;

	float: right;

	text-indent: -10000px;

	display: inline;

	margin: 64px 20px 0 0;

}

#header .headerbutton a{

	width: 140px;

	height: 22px;

	display: block;

	background: transparent url(../images/headerbutton.gif) no-repeat 0px 0px;

}

#header .headerbutton a:hover{

	background: transparent url(../images/headerbutton.gif) no-repeat 0px 1px;

}







#top_header {

	width: 800px;

	height: 89px;

	margin: 26px auto 0;

	z-index: 6;

	background: transparent url(../images/top_header.gif) no-repeat 0 0;

	display: block;

	}



#top_header #signlogo {

	float: left;

	display: block;

	margin: 0px;

	padding: 20px 10px 7px;

	height: 62px !important;

	width: 312px;

	}

#top_header #signlogo a {

	border: 0;

	display: block;

	margin: 0px;

	height: 62px !important;

	width: 312px;

	text-indent: -9999px;

	background-color: transparent;

	background-image: url(../images/signlogo.gif);

	background-repeat: no-repeat;

	background-position: left top;

	}



#top_header .headerbutton {

	font-size: 10px;

	width: 140px;

	height: 22px;

	float: right;

	text-indent: -10000px;

	display: inline;

	margin: 64px 20px 0 0;

}

#top_header .headerbutton a{

	width: 140px;

	height: 22px;

	display: block;

	background: transparent url(../images/headerbutton.gif) no-repeat 0px 0px;

}

#top_header .headerbutton a:hover{

	background: transparent url(../images/headerbutton.gif) no-repeat 0px 1px;

}





.campus { 

	float: right;

	width: 380px;

	height: 29px;

	margin: 60px 0 0;

	font-size: 10px;

	text-align: left;	

}

.campus li { 

	float: left;

	height: 29px;

	line-height: 29px;

	text-align: center;	

	display: block;

}

.campus li a,.campus2 li a{ color: #FFF; text-decoration: none; margin: 0 5px 0 0; }

.campus li a:hover{ color: #EF6B00; }



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

**  MENU 

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

#menu {

	width: 798px;

	height: 30px;

	background-color: #FFF;

	margin: 0 auto;

	border-left: 1px solid #666;

	border-right: 1px solid #666;

}

#menu ul{

	margin: 0px;

	list-style: none;

}



#nav1{

	float: right;

	height: 34px;

	width: 300px;

	display: block;

	margin: 178px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	font-size: 14px;

	}

#nav1 li {

	float: left;

	margin: 0px;

	height: 34px;

	display: block;

}

#nav1 li a{ 

	text-decoration: none;

	width: 100%; height: 34px;

	display: block;

}

#nav1 li a:hover{

	text-decoration: none;

	width: 100%;

	height: 34px;

	display: block;

}

.button_a,.button_b,.button_c {

	width: 94px;

	height: 34px;

	text-indent: -5000px;	

}

.button_a a{ background: url(../images/requesting.gif) no-repeat 0 0;}

.button_b a{ background: url(../images/meeting.gif) no-repeat 0 0;}

.button_c a{ background: url(../images/contact.gif) no-repeat 0 0;}

.button_a a:hover{ background: url(../images/requesting.gif) no-repeat 0 1px;}

.button_b a:hover{ background: url(../images/meeting.gif) no-repeat 0 1px;}

.button_c a:hover{ background: url(../images/contact.gif) no-repeat 0 1px;}







#nav1top{

	float: right;

	height: 34px;

	width: 300px;

	display: block;

	margin: 178px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	font-size: 14px;

	}

#nav1top li {

	float: left;

	margin: 0px;

	height: 34px;

	display: block;

}

#nav1top li a{ 

	text-decoration: none;

	width: 100%; height: 34px;

	display: block;

}

#nav1top li a:hover{

	text-decoration: none;

	width: 100%;

	height: 34px;

	display: block;

}

.button_atop,.button_btop,.button_ctop {

	width: 94px;

	height: 34px;

	text-indent: -5000px;	

}

.button_atop a{ background: url(../images/requestingtop.gif) no-repeat 0 0;}

.button_btop a{ background: url(../images/meetingtop.gif) no-repeat 0 0;}

.button_ctop a{ background: url(../images/contacttop.gif) no-repeat 0 0;}

.button_atop a:hover{ background: url(../images/requestingtop.gif) no-repeat 0 1px;}

.button_btop a:hover{ background: url(../images/meetingtop.gif) no-repeat 0 1px;}

.button_ctop a:hover{ background: url(../images/contacttop.gif) no-repeat 0 1px;}







#nav2 {

	font-size: 12px;

	height: 30px;

	margin: 0px;

	display: block;

	border-bottom: 1px solid #CCC;

	background: url(../images/menuber.gif) repeat-x;

}

#nav2 li a{

	color:#0099FF;

	text-decoration: none;

	width: 100%; height: 30px;

	display: block;

}

#nav2 li a:hover,.on a{

	color:#FFF!important;

	text-decoration: none;

	background-color: #0099FF;

	width: 100%;

	height: 30px;

	display: block;

}

.button1 {

	width: 121px;

	line-height: 30px;

	border-left: 1px solid #1A222C;

	 }

.button1r {

	width: 115px;

	line-height: 30px;

	border-left: 1px solid #1A222C;

	 }

.button2 {

	float: left;

	margin: 0px;

	height: 30px;

	line-height: 30px;

	width: 102px !important;

	text-align: center;	

	border-left: 1px solid #CCC;

	display: block;

}

.button3 {

	float: left;

	margin: 0px;

	height: 30px;

	line-height: 30px;

	width: 89px !important;

	text-align: center;	

	border-left: 1px solid #CCC;

	display: block;

}

.home {

	float: left;

	width: 76px;

	line-height: 30px;

	font-size: 12px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #CCCCCC;

	 }



.home1 {

	float: left;

	width: 78px;

	line-height: 30px;

	font-size: 12px;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #CCCCCC;

	 }



#wrap {

	margin: 0 auto;

	width: 798px;

	border-right: 1px solid #999;

	border-left: 1px solid #999;

	position: relative;

	background: #fff url(../images/contenthead.gif) repeat-x top;

	}

#all {

	padding: 0px 20px 10px 20px;

	}

#wrap .shadow-rt {

	background: transparent url(../images/bodyright.png) no-repeat 0 0;

	width: 18px;

	height: 367px;

	position: absolute;

	top: -330px;

	right: -17px;

	z-index: 8;

	}

#wrap .shadow-lt {

	background: transparent url(../images/bodyleft.png) no-repeat 0 0;

	width: 18px;

	height: 367px;

	position: absolute;

	top: -330px;

	left: -17px;

	z-index: 8;

	}

#wrap .shadow-rt {

	top: -330px;

	right: -17px;

	}

#wrap .shadow-lt {

	top: -330px;

	left: -17px;

	}



#topborder{	

	position: fixed;

	top: 0;

	width: 100%;

	height: 1.1em;

	line-height: 1.1em;

	background-color: #0099EE;

	text-align: left;	

	z-index: 9;

	}

#topborder p{	

	margin: 0 auto;

	color: #FFF;

	font-size: 12px;

	font-weight: bold;

	height: 1.1em;

	width: 800px;

	display: block;

	}

.headimage{ display: block; }

.get {

	float: right;

	margin: 14px 20px 14px 0px;

}



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

**  typography

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

h2,h3, .navi3{

	text-align: left;

}



h2{ font-family: "ヒラギノ角ゴ Pro W8","Trebuchet MS",Verdana,Sans-Serif; }

h2 , .newsoncetitle {

	font-size: 24px;

	text-indent: 10px;

	line-height: 30px;

	letter-spacing: 0pt !important;

	color: #0099EE;

	text-transform: uppercase;

	border-bottom: 1px solid #CCC;

	border-left: 8px solid #0099EE;

	margin: 0;

	clear: both; 

	}

.section2 h4,.section3 h4,

h3 {

	font-size: 18px;

	letter-spacing: 0.2pt;

	color: #EF6B00;

	margin: 0.5em 0;

	}

h4 { margin-right: 10px; font-size: 14px;}

em{

	font-style: normal;

}

 .midashi{

	color: #0099EE;

	font-style: normal;

	}



a img{ 	border: none;}



p { line-height: 20px;	margin-bottom: 1.0em; font-size: 14px;}

a{}

p a:hover { color: #FF6600;}

h4.read {

	font-size: 15px;

	line-height: 1.6em;

}

 dd {	

	display: block; 

	text-align: left;

	font-size: 12px;

	margin: 0 10px 0.4em 0;

	line-height: 1.4em;

	}

	

.kao { float: left; margin: 0.5em 0.5em 0 ; border: 1px solid #3d3d33;	z-index: 9;}

.kao2 { float: right; margin-right: 1.0em; }

.logo { float: left; margin-right: 1.0em; }

.logo2 { float: right; margin: 0 0.5em; }



small{ font-size: 0.8em; }

#schoolmaster {

	float: right;

	font-size: 12px;

	padding: 5px 0; margin: 10px;

	width: 146px;

	display: inline; 

	}

#schoolmaster .photo {

	border: 1px solid #B2B2B2;  margin: 0 0 3px;

}

#schoolmaster span { border-left: 6px solid #DDDDDD; width: 150px; padding: 0 5px 0; display: block;}

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

**  sidebar

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

#sidebar{ 

	float: right;

	margin: 10px 0 0;

	width: 200px;

	text-align: left;	

	font-size: 10px !important;

	 }

#sidebar h2{ 

	font-size: 20px;

	color: #0099EE;

	text-indent: 0px;

	text-transform: uppercase;

	border-bottom: 1px solid #CCC;

	border-left: 0px solid #0099EE;

	}

#sidebar p{ 

	font-size: 10px !important;

	 }

* html div#sidebar  { top: 20px; width: 200px; }

#sidebar ul{ padding: 0; margin: 10px 0 10px; text-align: left; list-style: none;}

#nav{

	list-style: none;

	margin: 0 0 3em;

	width: 200px;

	}

#nav li{ padding: 0; margin: 0 0 4px;	text-align: left; }

#nav a{

	margin: 0;

	padding: 0;

	}

.navilink, .navilink2 {

	height: 20px;

	line-height: 20px;

	background: transparent url(../images/linkpoint2.gif) no-repeat left center;

	font-size: 11px;

	padding: 0px 0 0 16px;

}

.navilink:hover .navilink2:hover {

	background: transparent url(../images/linkpoint.gif) no-repeat left center;

}

.navilink2 { float: right; margin: -10px 5px 0;

}

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

**  content

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

#content{

	float: left;

	margin: 0px;

	padding: 0px 0px 10px;

	width: 540px;

	text-align: left;	

	border-right: 1px solid #CCC;

 	border-bottom: 1px solid #CCC;

	}

#content ul{ margin: 4px;}

#content ol, #content ul{ margin: 0.5em 0 1.2em 0;}	

#content ol, #content ul, #content dl { line-height: 1.5em;}

#content ol li { margin: 0 2em;}

#content dl{ margin: 0.5em 0 1.2em 0; }

#content .left{ float: left; margin: 2.0em 1.2em 1.2em 0; width: 300px !important; display: block; }

#content .right { float: right; margin: 2.0em 0 1.2em 0; width: 300px !important; display: block; }

#content dt{

	font-size: 1.2em;

	font-weight: bold; color: #FF9933;

	padding-top: 0.4em;

	clear: both; 

	}



#teacher {

	background: url(../images/senseigun.jpg) no-repeat bottom right;

	display: block;

	width: 520px;

}

	

.textflow{

	padding-right: 20px;

	padding-left: 10px;

	display: block;

	margin: 10px;

}

.textflow dd,.textflow li{ padding-left: 10px; font-size: 14px !important; }

.textflow dd{

	list-style: disc !important;

	background: transparent url(../images/listdisk.gif) no-repeat top left;

	line-height: 18px;

	padding: 0px 0 0 20px;

	text-indent: 18px;

	}

.textflow dt span {

	font-size: 10px;

	padding: 0px 0 0 10px;

	}

#condition,#condition2 {

	width: 520px;

	border: 1px solid #ccc;

	padding: 0px !important;

	margin: 10px 0px 0px;

	border-collapse: collapse;

	border-spacing: 0px;

	text-align: center;

	font-size: 12px;

	display: table;

	}

.condition {

	width: 33%;

	height: 40px;

	border: 1px solid #ccc;

	margin: 0px !important;

	padding: 5px !important;

	background: url(../images/tdbg.gif) repeat-x center center;

	color: #FFF;

	}

caption{

	visibility: hidden;

	display: table-caption;

	height: 0px;

}

#condition .report { background-color: #ED8E7D;}

#condition .schooling { background-color: #99CC99;}

#condition .test { background-color: #6699CC;}

#condition .special_m { background-color: #FF6600;}



#condition .report,#condition .schooling,

#condition .test,#condition .special_m {

	height: 40px !important;

	width: 126px;}



th { height: 30px; border: 1px solid #ccc; background-color: #EDEDED;}

tr { background-color: #FFF; }

#payment tr:hover,

#delivery tr:hover,

table.order tr:hover { background-color: #7FC21B; }





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

**  misc

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

.details {

	clear: both;

	background: url(../images/details.gif) no-repeat bottom left;

	height: 43px;

	line-height: 43px;

	padding: 0 0 0 65px;

	display: block;

	margin-top: 10px;

	}

.fukidashi a,.fukidashi2 a{

	text-align: center;

	text-decoration: none;

	background: url(../images/fukidashi2.gif) no-repeat top center;

	width: 160px;

	height: 88px;

	color: #FFF;

	display: block;

	}

.fukidashi a{ line-height: 68px; }

.fukidashi2 a{ line-height: 34px; }

.fukidashi a:hover,.fukidashi2 a:hover { background-color: #FFF; color: #EF6B00;}

.sectiontop{

	clear: both; 

 	border-bottom: 1px solid #CCC;

	padding: 1.5em 0;

	display: block;

	}

.second{

 	border-bottom: 1px solid #CCC;

}



.section{

	clear: both; 

	padding: 1.5em  0 10px;

	display: block;

	}

.section p{ margin: 1em; }

.section dl dd{

	margin: 0px; 

 	padding: 0px;

}

.section dl dd img{

	margin: 1px 1px 1px 0px; 

 }



.jitakustyle {

	color: #FFF;

	margin: 10px 10px -10px 0px; 

	background-color: #3CBEF1;

 	padding: 4px 1em;

	display: block;

}



.tuugakustyle {

	color: #FFF;

	margin: 10px 10px -10px 0px; 

	background-color: #89c233;

 	padding: 4px 1em;

	display: block;

}



.first{ border-bottom: none; }

.sectiontop .image {

	float: left;

	margin: 5px 10px 5px 0px;

	border: 5px solid #0099EE;

	}

.imageleft {

	float: left;

	margin: 0px 10px 0px 0px;

	border: 1px solid #222;

	}

.imageleft5 {

	float: left;

	margin: 0px 10px 10px 0px;

	border: 5px solid #E50076;

	}

.sectiontop .series	{

	text-align: center;

	width: 270px;

	color: #FFF;

	background-color: #0099EE;

	line-height: 1.6em;

	}

.sectiontop .accesslink a{

	width: 270px;

	text-align: center;

	line-height: 20px;

	height: 20px;

	border: 1px  solid  #0099EE;

	display: block;

	font-size: 14px;

	clear: both; 

}

#indexpage .section .series {

	display: inline;

	float: right;

	text-align: center;

	color: #FFF;

	background-color: #E50076;

	line-height: 1.6em;

	width: 270px;

	margin: 0 10px 0 0;

	 }

.sectiontop p	{

	width: 380px;

	padding: 0 0;

	 }

.section1 {

	width: 520px;

	clear: both; 

	display: block;

	}



.section2,.section3 {

	background: url(../images/contenthead.gif) repeat-x top;

	border: 1px  solid #CCC;

	height: 254px;

	width: 250px;

	display: block;

	}

.section2 h5,.section3 h5 { font-size: 12px; }

.section3 h6 { font-size: 11px; }

.section2 {

	float: left;

	border: 3px solid #2BAEED;

}

.section3 {

	float: right;

	border: 3px solid #89C233;

}

.section3 p{

	line-height: 12px;

}

#section4 { text-align: left; }

.section2 h3,.section3 h3{

	border-bottom: 1px solid #666;

	padding: 5px;

	}

.serect1{ background: transparent url(../images/serect1.gif) no-repeat; text-indent: 32px; color: #FFF;

}

.serect2{ background: transparent url(../images/serect2.gif) no-repeat; text-indent: 32px; color: #FFF;

}

.serect1,.serect2{

	padding: 0px !important;

	height: 30px;

	line-height: 30px;

	margin: 0px 0 5px !important;

	font-family: "Verdana" ;

	}

.serect1 a,.serect2 a{ color: #FFF; text-decoration: none; height: 30px; width: 250px; display: block;}

.serect1 a:hover,.serect2 a:hover{ color: #FFCC00;}



.jitaku{

	margin: 0px 0 0;

	padding: 0px 110px 0 0.7em!important;

	background: url(../images/serect1back.jpg) no-repeat center bottom;

	height: 100px;

	line-height: 1.4em;

	display: block;

	}

.tuugaku{

	background: url(../images/serect2back.jpg) no-repeat right;

	}

.section2 p,.section3 p,

.section2 h4,.section3 h4,

.section2 h6,.section3 h6,

.section2 ol,.section3 ol { margin-top: 5px; margin-bottom: 5px !important; }

.section2 p,.section3 p,

.section2 h4,.section3 h4,

.section3 h5,

.section2 h6,.section3 h6,

.section2 ol,.section3 ol{

	padding-left: 0.7em !important;

	display: block;

	}

.section2 p,.section3 p { font-size: 10px !important; 

}

.section2 h5,.section3 h5 { font-size: 11px !important; 

}

.section2 ol,.section3 ol{ font-size: 11px !important; }

.section2 li,.section3 li{ font-size: 11px !important; }

.section2 h4,.section3 h4{ line-height: 20px;

}

.section2 p,.section3 p{ font-size: 0.7em; padding: 0 0.2em ; }

.section3 h6 {

	font-size: 10px;

	line-height: 20px;

	color: #2DABF6;

}

.section2 .series {

	color: #FFF;

	background-color: #2DABF6;

	line-height: 1.6em;

	padding: 0 0.5em;

 }

.step {

	background-color: #FEF973;

	line-height: 2.0em;

	height: 2.0em;

	text-indent: 1.0em;

	border: 1px solid #ccc;

	}

.section .step1,.section .step2,.section .step3,.section .step4{ margin-right: 10px; }

.step1,.step2,.step3,.step4,.step5,.step6,.question {

	line-height: 30px;

	height: 30px;

	text-indent: 40px;

	border: 1px solid #ccc;

	}

.step1 { background: transparent url(../images/no1.gif) no-repeat 0 0; }

.step2 { background: transparent url(../images/no2.gif) no-repeat 0 0; }

.step3 { background: transparent url(../images/no3.gif) no-repeat 0 0; }

.step4 { background: transparent url(../images/no4.gif) no-repeat 0 0; }

.step5 { background: transparent url(../images/no5.gif) no-repeat 0 0; }

.step6 { background: transparent url(../images/no6.gif) no-repeat 0 0; }

.question { background: transparent url(../images/q.gif) no-repeat 0 0; }

.answer { background: transparent url(../images/a.gif) no-repeat 0 0; 

	padding: 0px 50px;

	border: 1px solid #ccc;

	height: 30px;

}

#content .num1,

#content .num2,

#content .num3,

#content .num4,

#content .num5,

#content .num6,

#content .num7,

#content .num8,

#content .num9,

#content .num10 {

	color: #000 !important;

	line-height: 20px;

	list-style: none !important;

	margin: 1px 0 !important;

	padding: 0 0 0 26px !important;

	font-size: 14px;

	}

#sidebar .num1,

#sidebar .num2,

#sidebar .num3,

#sidebar .num4,

#sidebar .num5,

#sidebar .num6,

#sidebar .num7,

#sidebar .num8,

#sidebar .num9,

#sidebar .num10 {

	color: #000 !important;

	line-height: 1.2em;

	list-style: none !important;

	margin: 6px 0 !important;

	padding: 0 0 0 26px !important;

	font-size: 12px !important;

	}

.num1 { background: transparent url(../images/list01.gif) no-repeat 0 0; }

.num2 { background: transparent url(../images/list02.gif) no-repeat 0 0; }

.num3 { background: transparent url(../images/list03.gif) no-repeat 0 0; }

.num4 { background: transparent url(../images/list04.gif) no-repeat 0 0; }

.num5 { background: transparent url(../images/list05.gif) no-repeat 0 0; }

.num6 { background: transparent url(../images/list06.gif) no-repeat 0 0; }

.num7 { background: transparent url(../images/list07.gif) no-repeat 0 0; }

.num8 { background: transparent url(../images/list08.gif) no-repeat 0 0; }

.num9 { background: transparent url(../images/list09.gif) no-repeat 0 0; }

.num10 { background: transparent url(../images/list10.gif) no-repeat 0 0; }



.feature1,.feature2,.feature3,.feature4,.feature5,.feature6,.feature7,.feature8,.feature9,.feature10 {

	padding-right: 20px;

	padding-left: 84px;

	padding-bottom: 0;

	padding-top: 0;

	color: #000 ;

	line-height: 24px;

	feature-style: none;

	margin-left: 10px;

	font-size: 12px;

	list-style: none;

	}

.feature1 { background: transparent url(../images/feature1.gif) no-repeat 0 0; }

.feature2 { background: transparent url(../images/feature2.gif) no-repeat 0 0; }

.feature3 { background: transparent url(../images/feature3.gif) no-repeat 0 0; }

.feature4 { background: transparent url(../images/feature4.gif) no-repeat 0 0; }

.feature5 { background: transparent url(../images/feature5.gif) no-repeat 0 0; }

.feature6 { background: transparent url(../images/feature6.gif) no-repeat 0 0; }

.feature7 { background: transparent url(../images/feature7.gif) no-repeat 0 0; }

.feature8 { background: transparent url(../images/feature8.gif) no-repeat 0 0; }

.feature9 { background: transparent url(../images/feature9.gif) no-repeat 0 0; }

.feature10 { background: transparent url(../images/feature10.gif) no-repeat 0 0; }



.thumbnail{

	float: left;

	margin-right: 6px;

	margin-bottom: 10px;

	}	

.thumbnail img{

	border: 1px solid #222;

	display: block;

	}

.caption{ font-size: 0.9em; padding-top: 0.2em ; }

.clear-both { clear: both; }

#katsudo dd{

	}

#katsudo img{

	float: left;

	width: 170px;

	margin: 2px;

	}

#katsudo ul{

	float: right;

	width: 170px;

	font-size: 12px;

	list-style-position: inside;

	margin: 10px 0px;

	}

#taiken{

	margin-right: 12px;

}

#taiken img{

	margin-right: 4px;

}

hr {

	clear: both;

	height: 0px!important;

	visibility: hidden;

	}



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

** 入学相談 iフレームのサイズ設定

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

#getform { height: 1228px; width: 760px;}

#soudanform { height: 1362px; width: 760px;}

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

**  order

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

.contactright { width: 400px; }

.contactleft { float: left; width: 160px; }

.ja { ime-mode:active }

.num { ime-mode:inactive }

.koumoku span ,.right3 span{ font-size: 10px !important; font-weight: normal;}

.koumoku {

	margin: 0px !important;

	padding: 0px;

	float: left;

	font-size: 14px;

	line-height: 30px !important;

	height: 30px !important;

	text-align: left;

	width: 180px !important;

	border-bottom: 1px solid #CCC;

	display: block;

	}

.koumoku2{

	height: 120px !important;

	width: 180px !important;

	line-height: 1.5em;

	float: left;

	}

.right3{

	float: left;

	text-align: left;

	font-size: 10px !important;

	line-height: 30px !important;

	height: 30px !important;

	width: 490px;

	margin: 0px 0 0px !important;

	padding: 0 0 0 10px !important;

	border-bottom: 1px solid #CCC;

	display: block;

	}





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

**  footer

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

#dorsal {

	clear: both;

	background: #99CC00 url(../images/footerbg2.gif) repeat-x top;

	border-top: 6px solid #CCC;

	border-bottom: 3px solid #CCC;

	padding: 0px !important;

	position: relative;

	width: 800px;

	margin: 0 auto;

	}	



#footer {

	background: transparent url(../images/footer1.gif) no-repeat top;

	width: 780px;

	height: 140px;

	margin: 0 auto;

	}



#dorsal #footer p {

	color: #FFF;

	font-size: 1em;

	padding: 0px !important;

	margin: 0;

	}



#dorsal #footer a, #dorsal #footer a:visited {

	color: #FFF;

	text-decoration: none;

	}



#dorsal #footer a:hover {

	color: #FF6600;

	text-decoration: none;

	}

#dorsal #footer .footerbanner a{

	width: 110px;

	height: 33px;

	position: absolute;

	bottom: 9px;

	left: 440px;

	background: transparent url(../images/footerbanner.gif) center top no-repeat;

	text-indent: -10000px;

	}

#dorsal #footer .footerbanner a:hover{

	position: absolute;

	bottom: 8px;

	left: 440px;

}

/* MAILTO */

#dorsal #footer .mailto a{

	width: 215px;

	height: 30px;

	position: absolute;

	bottom: 46px;

	left: 575px;

	background: transparent url(../images/mailto.gif) center top no-repeat;

	text-indent: -10000px;

	}

#dorsal #footer .mailto a:hover{

	position: absolute;

	bottom: 45px;

	left: 575px;

}







#dorsal #footer p.left {

	margin: 10px 2px;

	height: 1.0em;

	line-height: 1.0em;

	font-size: 12px;

	float: left;

	clear: left;

	}

#dorsal #footer .right a { color: #000 !important;}

#dorsal #footer .right {

	width: 200px;

	height: 22px;

	line-height: 20px;

	font-size: 1em;

	float: right;

	margin: 0px !important;

	background:  url(../images/tab.gif) top center no-repeat;

	display: block;

	z-index: 9;

	}

#dorsal #footer p#developer {

	clear: both;

	display: block;

	font-size: 10px;

	text-align: left;

}

.clear {

	clear: both;

	}

/* except MacIE5 \*/

.campus2 li a { 

	margin: 0 3px 0 0;

}

/* end */

.renraku { 

	font-weight: bold;

	font-size: 24px !important;

	margin: 10px 0 10px !important;

}

.reserved {

	color: #000 !important;

	font-size: 10px !important;

	line-height: 20px;

	text-align: left;

	text-indent: 26px;

	width: 800px;

	margin: 0 auto;

}

#dorsal #footer strong { color: #FF0000; }



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

**  toppage

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

#indexpage .style1 { background: url(../images/midashi1.gif) no-repeat top left;}

#indexpage .style2 { background: url(../images/midashi2.gif) no-repeat top left;}

#indexpage .style3 { background: url(../images/midashi3.gif) no-repeat top left;}

#indexpage .style4 { background: url(../images/midashi4.gif) no-repeat top left;}

#indexpage .style1,

#indexpage .style2,

#indexpage .style3,

#indexpage .style4 {

	font-size: 36px;

	text-indent: -10000px;

	line-height: 36px;

	letter-spacing: 0.4pt;

	border-bottom: 0px solid #CCC;

	border-left: 0px solid #0099EE;

	margin-bottom: 0.2em;

	clear: both; 

	}

.sensei,.zaikousei {	

	width: 508px;

	height: 82px;

	margin-bottom: 12px;

	padding: 0px;

	background: url(../images/contenthead.gif) repeat-x top;

	display: block;

	}

.taidan {

	width: 508px;

	height: 82px;

	background: url(../images/contenthead.gif) repeat-x top;

	margin-bottom: 12px;

	}

.soudan strong{

	font-weight: normal;

}

.sensei h4,.zaikousei h4 { 

	width: 100% !important;

	display: block;

	}

.sensei h4 a,

.zaikousei h4 a,

.taidan h4 a{ 

	font-size: 18px !important;

	height: 82px;

	width: 100% !important;

	text-decoration: none;

	display: block;

	color: #85B92B;

	border: 5px solid #85B92B;

	}

.sensei h4 span,

.zaikousei h4 span,

.taidan h4 span{ 

	display: block;

	font-size: 14px !important;

	color: #000;

	padding: 10px;

}

.sensei h4 a:hover,

.zaikousei h4 a:hover,

.taidan h4 a:hover{ 

	color: #FF6600;

	border: 5px solid #FF6600;

	}



#section4{

	clear: both; 

	padding: 1.5em 0;

	display: block;

	}

#section4 h3{

	height: 20px;

	line-height: 20px;

	display: block;

}

iframe{	margin: 0px !important; clear: both; }

#whatsnew{

	display: block; 

	height: 140px;

	width: 198px;

	padding: 0px;

	background:  url(../images/chokeboard.gif) top center no-repeat;

}

#whatsnew h2{

	font-family: "Trebuchet MS",Verdana,Sans-Serif;

	font-size: 20px;

	line-height: 30px;

	letter-spacing: 0.4pt;

	color: #FFF;

	text-transform: uppercase;

	border-bottom: 0px solid #CCC;

	border-left: 0px solid #ccc;

	clear: both; 

	margin-bottom: 1px;

	text-align: center;

}

#qr{

	margin-left: 0px;

	margin-bottom: 0px;

	margin-right: 0px;

	margin-top: -5px;

	padding: 0px;

	display: block;

	height: 132px;

	width: 200px;

	background:  url(../images/qrback.gif) top center no-repeat;

}

#qr h2{

	margin: 0px;

	display: block;

	font-weight: bold;

	border-left-style: none;

	border-bottom-style: none;!important;

	height: 30px;

	font-family: "Trebuchet MS", Verdana, Sans-Serif;

	font-size: 16px;

	line-height: 30px;

	letter-spacing: 0.4pt;

	color: #FFFFFF;

	text-transform: uppercase;

	border-bottom: 0px;

	border-left: 0px;

	clear: both;

	text-align: center;

}

#qr h3{

	margin-bottom: 4px;

	margin-top: -4px;

	font-family: "Trebuchet MS",Verdana,Sans-Serif;

	font-size: 14px !important;

	line-height: 16px;

	letter-spacing: 0.4pt;

	color: #FFAA00;

	clear: both;

	text-align: center;

	visibility: hidden;

}

#qr p {

	padding: 0px;

	margin-left: 0px;

	margin-bottom: 0px;

	margin-right: 0px;

	margin-top: 58px;

	line-height: 16px;

	clear: both;

	text-align: center;

}

#qr p img {

	clear: both; 

	float: left;

	margin-right: 6px;

}

#japanmap a{

	float: right;

	text-indent: -10000px;

	background: transparent url(../images/areamap.png) no-repeat 0 0;

	width: 242px;

	height: 292px;

	position: absolute;

	top: 70px;

	right: 250px;

	z-index: 9;

	}

#japanmap a:hover{

	position: absolute;

	top: 72px;

	right: 250px;

	z-index: 9;

	cursor: hand;

	}



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

**  message

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

#message h4,#faq h4 {

	background: transparent url(../images/question.gif) no-repeat 0 0;

	padding-left: 2.5em;

	line-height: 30px;

	display: block;

	margin: 0px !important;

}

#tabnavi {

	background: transparent url(../images/navibg.gif) no-repeat top center;

	height: 20px;

	line-height: 20px;

	display: block;

	padding-left: 10px;

	list-style: none;

	}

#tabnavi li{ font-size: 14px; float: left;}

#tabnavi .tabon a{

	background: transparent url(../images/tab_on.gif) no-repeat 0 center; 

	color: #0099EE;

}

#tabnavi .taboff a{

	background: transparent url(../images/tab_off.gif) no-repeat 0 center;

	color: #000;

	}

#tabnavi .tabon a,#tabnavi .taboff a{

	float: left;

	text-decoration: none;

	text-align: center;

	height: 20px;

	line-height: 20px;

	width: 171px;

	}

#tabnavi .taboff a:hover{

	background: transparent url(../images/tab_on.gif) no-repeat 0 0;

	width: 171px;

	display: block;

	color: #FF9933;

	}

.name,.name2{

	float: right;

	border-left: 5px solid #CCC;

	padding: 0 0 0 5px;

	display: block;

	}

.name{

	width: 128px;

	margin: 0px 10px 0 5px !important;

	font-size: 10px;

	}

.name2{

	width: 134px;

	margin: 0px 10px 0!important;

	font-size: 12px;

	}

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

**  sitemap

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

#sitemap {

	padding: 0;

}

#sitemap #list1 a,#sitemap #list2 a{

	text-decoration: underline;

	font-size: 12px;

	padding: 0;

	}

#sitemap #list1 a:hover,#sitemap #list2 a:hover{

	color: #FF9933;

	}

#sitemap #list1,#sitemap #list2,#sitemap ul{

	width: 250px;

	list-style: none;

	}

#sitemap #list1{ float: left; }

#sitemap #list2{ float: right; padding: 1em 0 0 0;}

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

#sitemap #list1 li{ line-height: 14px; }

#sitemap #list2 li{ line-height: 14px; }

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

.photimage {

	text-align: left;

	display: block;

}

.phot {

	float: left;

}

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

**  プライバシーポリシー

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

#policy p,#policy .section dl{

	word-wrap: break-word;

	line-height: 1.5em;

	font-size: 12px;

	}

#policy .section dl{ line-height: 30px;}

#policy .section dd{ margin-right: 1em;margin-left: 1em;}



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

**  体験する

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



.imagephoto{float: left; width: 350px; display: inline-block;}

.imagephoto2 {float: left; display: block;}

.imagephoto2 dd{display: block; float: left; width: 175px;}



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

**  STRONG

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



.temporary strong,ul.temporary li strong{font-style: normal; font-weight: normal;}