/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


* {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
color:#333333;
line-height:1.8em;

}

/*bodyのスタイル*/

body {
text-align: center;
margin: 0px;
padding: 0px;
}

p {
margin-top: 10px;
margin-bottom: 10px;
padding: 0px;
margin-right: 0px;
margin-left: 0px;
text-align:left;
font-size:12px;
}

img{
padding:0px;
margin:0px;
}

html, body {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
font-size: 100%;
}

h2, h3, h4, h5, h6, address, div, blockquote, p, pre, li, dl, dt, dd, hr {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

table, caption, th, td {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: inherit;
font-size: 100%;
}

a {color: #003366;}
	
a:hover {color:#009797;}

li{list-style:none;}

td{text-align:left;}

p{
	margin:10px 0px;
	text-align:left;}



p.tcenter{
	text-align:center;}

h1{
	margin:2px 0 0px;
	color:#FFFFFF;
	font-size:11px;
	text-align:left;
	font-weight:100;}

#left h2.h2top{
	margin:0px 0px 10px;}
#left h2{
	margin:0px 0px 20px;}

#left h2.h2mt30u20{
	margin:30px 0px 20px;}

#left h2.h2mt50u20{
	margin:50px 0px 20px;}
	
	
#left h2.h2m30{
	margin:30px 0px 30px;}


#left h2.h2mt30{
	margin:30px 0px 0px;}

#left h3{
	margin:25px 0px 20px;
	text-align:left;}

#left h3.h3mt20{
	margin:20px 0px 18px;}
	
#left h3.h3mt0{
	margin:0px 0px 18px;}

#left h4{
	margin:50px 0px 18px;}

#left h4.h40{
	margin:0px 0px 18px;}

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*containerのスタイル*/

#container{
text-align:center;
font-size:12px;
padding:0px 0px 0px;
background:url(../commonimg/index_bg.jpg) repeat-x 0 0;
}

#subcontainer{
background:url(../commonimg/sub_bg.jpg) repeat-x 0 0;
text-align:center;
font-size:12px;
padding:0px 0px 0px;
}

/*headerのスタイル*/
#header {
width:962px;
margin:0 auto;
}

#hleft{
	width:580px;
	float:left;}

#hleft .rtxt{
	width:340px;
	float:right;
	margin:30px 0 0;
	font-size:11px;
	text-align:left;}

#hright{
	width:346px;
	float:right;}

#hright li{
	display:inline;
	text-align:left;
	font-size:11px;
	background:url(../commonimg/list.gif) no-repeat 0 3px;
	padding:0 20px 0 10px;}

#hright ul{
	text-align:left;
	margin:0 0 8px;}

#hright a {color: #ffffff;
text-decoration:none;}
	
#hright a:hover {color:#E8FDFD;text-decoration:none;}
	 
#main{
	margin:0px auto 0px;
	width:960px;}

#hright{
	text-align:right;
	float:right;}

#left{
	width:702px;
	float:left;	padding:0px 0;
	margin:0px 0px 15px;}

#left p.pankuzu{
margin:0px 0 5px;
	background:url(../commonimg/sitenavi.gif) no-repeat 0 5px;
	padding:0px 0 8px 105px;
	line-height:1.0em;}

#left p.pankuzu2{
margin:5px 0 0;
	background:url(../commonimg/sitenavi.gif) no-repeat 0 5px;
	padding:0px 0 8px 105px;
	line-height:1.0em;}
	

#left input{
	line-height:1.0em;
	border:solid 1px #CCCCCC;
	padding:1px;}
	
.topmailmaga{
	width:700px;
	height:163px;
	background:url(../commonimg/mailmaga.jpg) no-repeat 0 0;
	position:relative;
	margin:0 0 33px;} 

.topmailmaga2{
	width:200px;
	position:absolute;
	top:20px;
	left:400px;}

.topmailmaga2 p{
	margin:5px 0 7px;}
	
#right{
	width:230px;
	float:right;
	margin:0px 0px 30px;}
	
.rightbg{
	background:#cccccc;
	padding:10px 0;
	margin:0 0 5px;}

.rightbox{
background:url(../commonimg/rightboxm.jpg) repeat-y 0 0;

	width:214px;
	margin:0 auto 0px;
	padding:5px 0 10px;
	}
	

.rightbox li.rmenu{
	width:200px;
	height:26px;
	text-align:left;}

.rightbox li.rmenu a{
display:block;
color:#FFFFFF;
text-decoration:none;
	background:url(../commonimg/r_menu01_off.jpg) no-repeat 0 bottom;
	padding:2px 0 0 18px;}

.rightbox li.rmenu a:hover{
display:block;
	background:url(../commonimg/r_menu01_on.jpg) no-repeat 0 bottom;
	padding:2px 0 0 18px;}
	
.rightbox li.rsmenu a{
display:block;
	background:url(../commonimg/r_menu02.jpg) repeat-y 0 bottom;
	color:#003366;
	text-decoration:none;
	text-align:left;
	padding:0px 0 2px 25px;}

.rightbox li.rsmenu a:hover{
color:#009797;
padding:0px 0 2px 25px;}
	
	
.rightbox p{
	margin:0;
	font-size:11px;}

.rightbox input{
	width:178px;
	margin:0 0 5px;
	line-height:1.0em;
	border:solid 1px #CCCCCC;}

.rightbox li{
	height:26px;}

	


.servicebg{
	background:#C8DBE5;
	padding:10px 0;}

.servicebg p{
	font-size:11px;
	margin:10px;
	}
	
.book1{
	width:222px;
	float:left;
	margin:0 5px 0 0 ;}

.book1bg{
	background:url(../commonimg/book01bg.jpg) no-repeat 0 0;
	width:222px;
	height:109px;}

.book2{
	width:222px;
	float:left;
	margin:0 0px 0 0 ;}

.book2bg{
	background:url(../commonimg/book02bg.jpg) no-repeat 0 0;
	width:222px;
	height:109px;}

.book3{
	width:222px;
	float:right;
	margin:0 0px 0 0 ;}

.book3bg{
	background:url(../commonimg/book03bg.jpg) no-repeat 0 0;
	width:222px;
	height:109px;}
	

#footer01{
	background:url(../commonimg/footer_bg.jpg) repeat-x 0 0;
	padding:20px 0 15px;
	margin:0 0px 10px;}

#footer01 li {
	background:url(../commonimg/icon_f.gif) no-repeat 0 5px;
	padding:0 0 0 15px;
	text-align:left;
	margin:0px;
	line-height:1.0em;
}

#footer01 ul.fo01_1{
	margin:0 30px 0px 0;
	float:left;}
	
#footer01 ul.fo01_1 li.subli{
	background:url(../commonimg/icon_f.gif) no-repeat 15px 5px;
	padding:0 0 0 30px;}

#footer01 a{
	font-size:11px;
	text-decoration:none;
	color:#ffffff;
	padding:0px;}

#footer01 a:hover{
	font-size:11px;
	text-decoration:none;
	color:#E8FDFD;}
	

#footer01 li.noline{
	border:none;
}

#footer02{
width:960px;
margin:0 auto;
	padding:0 0 0px;}

#footer02 p{
color:#666666;
margin:10px 0px 10px;
font-size:11px;}

#footer02 a{
	color:#666666;
	text-decoration:none;}

	
	
/*subtopのスタイル*/	

.subtopmenu_l{
	width:340px;
	float:left;}	
	
.subtopmenu_r{
	width:340px;
	float:right;}
	
/*firstのスタイル*/
.mistakebox{
	background:url(../first/img/mistakebox.jpg) no-repeat 0 0;
	width:700px;
	position:relative;
	height:96px;}
	
.mistakebox p{
	position:absolute;
	top:25px;
	left:60px;}

.graymaru{
	background:#D6D6D6;
	padding:2px 15px;}

/*aboutのスタイル*/
.responsebox{
	background:url(../about/img/responsebox.jpg) no-repeat 0 0;
	width:700px;
	padding:60px 0 25px;
	margin:0 0 50px;}

.contactbox{
	background:url(../about/img/drm_mailbox.jpg) no-repeat 0 0;
	width:700px;
	margin:0 0 70px;
	padding:20px 0;}
	
	
		
/*privacyのスタイル*/
.no li { list-style-position:outside;
list-style:decimal;
padding:0 0 5px;
margin:0 0 0 18px;
text-align:left;}

#left .privacy p{
	margin:10px 0px 10px 20px;}
	
#left .privacy h3{
	margin:20px 0 0px;
	font-size:14px;
	font-weight:bold;
	text-align:left;}

/*faqのスタイル*/
.qmark{
	background:url(../faq/img/icon_q.jpg) no-repeat 5px 0;
	color:#003366;
	padding:0 0px 10px 40px;}


.amark{
	background:url(../faq/img/icon_a.jpg) no-repeat 5px 0;
	padding:0 0 10px 40px;}

/*firstのスタイル*/
.firstbox{
	background:#C7D9E2;
	border-bottom:solid 2px #000000;
	padding:0 0 25px;
	margin:0 0 30px;}
	
.contentsbox{
	background:#02527B;
	padding:0 0 25px;
	margin:0 0 30px;}

/*teacherのスタイル*/
.bookl{
	width:190px;
	float:left;
	text-align:center;}




/*sitemapのスタイル*/

.sitemap_l{
	width:340px;
	float:left;}

.sitemap_r{
	width:340px;
	float:right;}
	
li.sitemapt{
	border:1px solid #CCCCCC;
	text-align:left;
	background:url(../sitemap/img/sitemap_arrow.gif) no-repeat 10px 13px;
	background-color:#E9E9E9;
	padding:3px 0 3px 20px;
	margin:0 0 10px;}

li.sitemapt2{
	border:1px solid #CCCCCC;
	text-align:left;
	background:url(../sitemap/img/sitemap_arrow.gif) no-repeat 10px 13px;
	background-color:#E9E9E9;
	padding:3px 0 3px 20px;
	margin:0 0 0px;}

li.sitemaps{
	border:none;
	text-align:left;
	background:url(../sitemap/img/sitemap_sublist.gif) no-repeat 25px 10px;
	padding:3px 0 3px 35px;
	margin:0 0 5px;}

li.sitemaps2{
	border:none;
	text-align:left;
	background:url(../sitemap/img/sitemap_sublist.gif) no-repeat 40px 10px;
	padding:3px 0 3px 50px;
	margin:0 0 5px;}

#doui2{
	margin:0 auto;}

#doui2 p{
margin:10px 15px;
line-height:1.5em;
	font-size:12px;}

#doui2 h2.h2mu20{
	margin:0px 0px 20px;}

#doui2 h3{
	margin:20px 15px 0px;
	font-size:14px;
	color:#163594;
	text-align:left;}

.douiborder{
	border:1px #CCCCCC solid;
	margin:0 0 0px;}
	
/*hyouのスタイル*/


.hyou td{
	padding:0 0 0 15px;}
	
.hyou .tdl{
	background:#666666;
	text-align:center;
	color:#FFFFFF;
	padding:0 5px;}

.hyou .tdline{
	background:url(../commonimg/dotline.gif) repeat-x center center;
	height:8px;}

.hyou .tdline2{
	background:url(../commonimg/dotline.gif) repeat-x center center;
	height:6px;}
	
.hyou2 td{
	padding:5px 0 5px 20px;}

.hyou2 .tdl{
	background:#EDEDED;
	padding:3px 0 3px 20px;}
	
.hyou2 .tdline{
	background:url(../commonimg/dotline.gif) repeat-x center center;
	padding:1px 0 0;}	
	
/*otherのスタイル*/

.borderpoint{
border-collapse: collapse;
}

.pagetop{
margin:20px 0 0;
text-align:right;
}


/*fontのスタイル*/
.txtb{
font-weight:bold;
}

.txtblue{
color:#163594;}

.txtred{
	color:#990000;
}

.txtbred{
color:#FF0000;
font-weight:bold;
}

.txt14{
	font-size:14px;
	font-weight:bold;}

.txt15{
	font-size:15px;
	font-weight:bold;}
	
/*borderのスタイル*/
.koudoku{
	padding:15px;
	margin:0 0 40px;}
.bluebg{
	background:#EBEEEF;
	padding:5px 15px;}
.bluebg p{
	font-size:11px;}

/*float alignのスタイル*/
.fleft{
float:left;
text-align:left;
}

.fright{float:right;}

.tcenter{text-align:center;}
.tleft{text-align:left;}
.tright{text-align:right;}
.tcenter{
	text-align:center;
	vertical-align: top;
}
.clear{clear:both;}
.vtop{vertical-align:top;}

/*margin paddingのスタイル*/
.mt5{margin:5px 0px 0px;}
.mt8{margin:8px 0px 0px;}
.mt10{margin:10px 0px 0px;}
.mt15{margin:15px 0px 0px;}
.mt20{margin:20px 0px 0px;}
.mt25{margin:25px 0px 0px;}
.mt30{margin:30px 0px 0px;}
.mt40{margin:40px 0px 0px;}

.mu3{margin:0px 0px 3px;}
.mu5{margin:0px 0px 5px;}
.mu7{margin:0px 0px 7px;}
.mu8{margin:0px 0px 8px;}
.mu10{margin:0px 0px 10px;}
.mu14{margin:0px 0px 14px;}
.mu15{margin:0px 0px 15px;}
.mu20{
margin:0px 0px 20px;
text-align: left;
}
.mu25{margin:0px 0px 25px;}
.mu30{margin:0px 0px 30px;}
.mu40{margin:0px 0px 40px;}
.mu41{margin:0px 0px 41px;}
.mu45{margin:0px 0px 45px;}
.mu50{margin:0px 0px 50px;}
.mu51{margin:0px 0px 51px;}
.mu60{margin:0px 0px 60px;}
.mu70{margin:0px 0px 70px;}
.mu100{margin:0px 0px 100px;}
.mu200{margin:0px 0px 200px;}
.mu500{margin:0px 0px 500px;}
.mu10r14{margin:0px 14px 10px 0px;}

.ml20{margin-left:20px;}
.mlr15{margin:0 15px 0 15px;}

.mtu10{
	margin:10px 0px;}

.mtu20{
	margin:20px 0px;}

/*widthのスタイル*/

.w170l{
	width:170px;
	float:left;
	text-align:center;}
.w180{
	width:180px;
	margin:0 auto;}

.w200{
	width:200px;
	margin:0 auto;}

.w210l{
	width:210px;
	float:left;}

.w310l{
	width:310px;
	float:left;}

.w350l{
	width:350px;
	float:left;}

.w370l{
	width:370px;
	float:left;}

.w360r{
	width:360px;
	float:right;}

.w400l{
	width:400px;
	float:left;}

.w400r{
	width:400px;
	float:right;}

.w214{
	width:214px;
	margin:0 auto;}
	
.w412r{
	width:412px;
	float:right;}
		
.w420l{
	width:420px;
	float:left;}

.w440l{
	width:440px;
	float:left;}

.w440r{
	width:440px;
	float:right;}

.w450l{
	width:450px;
	float:left;}

	
.w480r{
	width:480px;
	float:right;}
	
	
.w490l{
	width:490px;
	float:left;}

.w455r{
	width:455px;
	float:right;}
	.w500l{
	width:500px;
	float:left;}

.w510l{
	width:510px;
	float:left;}

.w500r{
	width:500px;
	float:right;}

.w515r{
	width:515px;
	float:right;}

.w530r{
	width:530px;
	float:right;}

.w550r{
	width:550px;
	float:right;}

	
.w570{
	width:570px;
	margin:0 auto;}


.w620{
	width:620px;
	margin:0 auto;}
	
.w660{
	width:660px;
	margin:0 auto;}

.w676{
	width:676px;
	margin:0 auto;}

.w740{
	width:740px;
	margin:0 auto;}

.w960{
	width:960px;
	margin:0 auto;}