@charset "utf-8";

* {
	margin: 0;
	padding: 0;

}
body {
	color:#000;
	letter-spacing: 0.09em;
	font: 62.5%/1.5 Arial, Helvetica, Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro", Osaka, "CI", Meiryo, "lr oSVbN", sans-serif;
	text-align: center;
}
*html body {
	letter-spacing: 0.1em;
}


h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: normal;
}
h2,h3 {
	text-indent: -9999px;
	overflow: hidden;
}


p { 
	text-align:justify;
	line-height:1.9; 
	}

*html p { line-height:1.9; }

p,li,dt,dd,th,td,label {
	font-size: 1.3em;
}
ul li, 
ol li{
	padding-top: 1px;
	list-style-type:none;
}
img {
	vertical-align: bottom;
	}
a img { border:0; }

a {
	color:#000;
}
a:link {
	text-decoration:underline;
}
a:visited {
   text-decoration:underline;
}
a:hover {
	color: #00CCFF;
}
a:active {
   color: #00CCFF;
}
table{
   width:100%;
   border-collapse:collapse;
}
table th, table td{
	padding:0.3em;
	margin: 0;
	}

.hidden {
   display: none;
   visibility: hidden;
}
.alignright {
   float: right;
}
.alignleft {
   float: left;
}
.clear {
   clear: both;
}

.hidden {
	display: none;
	}


/*-----------------------clearfix*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 .clearfix {
 	display: inline-block;
} /* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
} /* End hide from IE-mac */


#header {
	width: 940px;
	height: 145px;
	margin: 0 auto 20px auto;
}
#header h1 {
	float: left;
	display: inline;/*ie6*/
	font-size: 1.2em;
	width: 251px;
	height: 55px;
	margin-top: 25px;
	margin-right: 25px;
	background: url(../images/base/logo.gif) no-repeat;
}
#header h1 a {
	text-indent: -9999px;
	overflow: hidden;
	widht: 251px;
	height: 55px;
	display: block;
}
#license {
	float: left;
	width: 140px;
	height: 55px;
	margin-top: 25px;
	
}
#license li {
	text-indent: -9999px;
	overflow: hidden;
	widht: 140px;
	height: 25px;
	display: block;
}
.license_normal {
	margin-bottom: 5px;
	background: url(../images/base/license_normal.gif) no-repeat;
}
.license_middle {
	background: url(../images/base/license_middle.gif) no-repeat;
}
#font_size {
	float: right;
	font-size: 10px;
	height: 25px;
	margin-bottom: 15px;
}
#font_size li {
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	width: 80px;
	height: 25px;
}
.font_text {
	margin-right: 5px;
	background: url(../images/base/text_fontsize.gif) no-repeat;
}
.font_normal a {
	margin-right: 5px;
	widht: 80px;
	height: 25px;
	display: block;
	background: url(../images/base/btn_middle.gif) no-repeat;
}
.font_normal a:hover {
	background: url(../images/base/btn_middle.gif) left -25px no-repeat;
}
.font_large a {
	margin-right: 5px;
	widht: 80px;
	height: 25px;
	display: block;
	background: url(../images/base/btn_large.gif) no-repeat;
}
.font_large a:hover {
	background: url(../images/base/btn_large.gif) left -25px no-repeat;
}
#number {
	float: right;
	width: 405px;
}
#number li {
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	width: 189px;
	height: 17px;
}
.tel {
	margin-right: 25px;
	background: url(../images/base/tel.gif) no-repeat;
}
.fax {
	background: url(../images/base/fax.gif) no-repeat;
}
#number p {
	clear: both;
}
#globalnavi {
	clear: both;
	width: 940px;
	height: 30px;
	padding-top: 35px;
}
#globalnavi ul li {
	float: left;
}
#globalnavi ul li a {
	text-indent: -9999px;
	overflow: hidden;
	height: 30px;
	display: block;
}
a#navi01 {
	width: 148px;
	background: url(../images/base/gn_home.gif) no-repeat;
}
a.here#navi01,
a:hover#navi01 {
	background: url(../images/base/gn_home.gif) left -30px no-repeat;
}
a#navi02 {
	width: 161px;
	background: url(../images/base/gn_information.gif) no-repeat;
}
a.here#navi02,
a:hover#navi02 {
	background: url(../images/base/gn_information.gif) left -30px no-repeat;
}
a#navi03 {
	width: 161px;
	background: url(../images/base/gn_lesson.gif) no-repeat;
}
a.here#navi03,
a:hover#navi03 {
	background: url(../images/base/gn_lesson.gif) left -30px no-repeat;
}
a#navi04 {
	width: 161px;
	background: url(../images/base/gn_school.gif) no-repeat;
}
a.here#navi04,
a:hover#navi04 {
	background: url(../images/base/gn_school.gif) left -30px no-repeat;
}
a#navi05 {
	width: 148px;
	background:  url(../images/base/gn_price.gif) no-repeat;
}
a.here#navi05,
a:hover#navi05 {
	background: url(../images/base/gn_price.gif) left -30px no-repeat;
}
a#navi06 {
	width: 161px;
	background: url(../images/base/gn_material.gif) no-repeat;
}
a.here#navi06,
a:hover#navi06 {
	background: url(../images/base/gn_material.gif) left -30px no-repeat;
}


#main {
	width: 943px;/*ie6不要テキスト回り込み回避/本来は940px*/
	margin: 0 auto;
	padding-bottom: 70px;
	border-bottom: 1px dotted #c8c8c8;
}
#contents {
	float: left;
	display: inline;/*ie6*/
	width: 600px;
	margin-bottom: 20px;
}
#contents_02 {
	width: 100%;
	margin-bottom: 20px;
}

#sidenavi {
	float: left;
	width: 340px;
	margin-bottom: 20px;
}
.side_inner01 {
	width: 320px;
	height: 206px;
	margin-bottom: 30px;
	padding: 10px;
	background: #4094a3;
}
.net,
.mobile {
	width: 320px;
	height: 100px;
}
a.net {
	width: 320px;
	height: 100px;
	display: block;
	margin-bottom: 6px;
	background: url(../images/base/h3_net.gif) no-repeat;
}
.mobile {
	background: url(../images/base/h3_mobile.gif) no-repeat;
}
.side_inner02 {
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 2px solid #c8c8c8;
}
#topics {
	width:100%;
	height: 200px;
	overflow: auto;
}

#topics dl {
	text-align: left;
}
#topics dt {
	color: #4094a3;
	margin-bottom: 5px;
	padding: 0 15px;
}
#topics dd {
	margin-bottom: 5px;
	padding: 0 15px 5px 15px;
	border-bottom: 1px dotted #c8c8c8;
}
.topcs {
	width: 335px;
	height: 25px;
	margin-bottom: 15px;
	background: url(../images/base/h3_topics.gif) no-repeat;
}
a.process {
	width: 340px;
	height: 100px;
	display: block;
	margin-bottom: 15px;
	background: url(../images/base/h3_process.gif) no-repeat;
}
a.material {
	width: 340px;
	height: 100px;
	display: block;
	background: url(../images/base/h3_material.gif) no-repeat;
}

#footer {
	padding: 20px 0;
}
#footer_navi01 {
	width: 100%;
	margin-bottom: 18px;
}
#footer_navi01 ul {
	width: 576px;
	margin: 0 auto;
	border-left: 1px solid #646464;
}
#footer_navi01 ul li {
	float: left;
	width: 75px;
	padding: 0 10px;
	border-right: 1px solid #646464;
}
#footer_navi02 {
	width: 100%;
	height: 50px;
	margin-bottom: 30px;
	background: #4094a3;
}
#footer_navi02 ul {
	width: 435px;
	margin: 0 auto;
	padding: 12px 10px 0 495px;
}
#footer_navi02 ul li {
	color: #fff;
	float: right;
	text-align: left;
	text-decoration: none;
	width: 120px;
	padding: 3px 10px 3px 15px;
	background: url(../images/base/arrow_01.gif) left 8px no-repeat;
}
#footer_navi02 ul li a {
	color: #fff;
}
#footer_navi02 ul li a:hover {
	text-decoration: underline;
}
#footer p {
	text-align: center;
}

.top p {
	clear: both;
	text-align: right;
	width: 940px;
}