/*charset=Shift_JIS（日本語)*/

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}

/*ボディの設定*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../img/common/bg.gif);
}

/*フォントサイズ・種類・行間の設定*/
body,h1,h2,h3,h4,h5,h6,pre,td,th,input,textarea,caption {
font-family: "Hiragino Kaku Gothic pro","ヒラギノ角ゴ Pro W3", Osaka,"ＭＳ Ｐゴシック",sans-serif;
}
body,h1,h2,h3,h4,h5,h6,pre {
font-size: xx-small;line-height:1.25em;font-weight:normal;color:#666666;
/* (IE6,FireFox,NN6.x,Safari) modern browser */
/* hack */
voice-family:"\"}\"";
voice-family:inherit;

font-size: small;
}
/* ***for opera *** */
html>body,h1,h2,h3,h4,h5,h6,pre,td,th,input,textarea,caption{
 font-size: small;
}

/*フォントサイズ変更の設定*/
.Bld{font-weight:bold;}
.red-Bld{font-weight:bold; color:#FF0000;}
.Small{font-size: smaller;}
.Large{font-size: larger;}
.LargeBld{font-size: larger;font-weight: bold;}
.SmallBld{font-size: smaller;font-weight: bold;}
 
/*空行解除の設定*/
h1,h2,h3,h4,h5,h6,pre,p,ul,ol,li,dl,dt,dd,noscript,div{margin: 0; padding: 0;}
 
/*リストスタイル解除の設定*/
ul,ol,li,dl{list-style-type: none;}

/*リンクの設定*/
a:link {
	color: #0000FF;
	text-decoration: underline;}
a:visited{
	color:#0000FF;
	text-decoration: underline;}
a:hover{
	color:#FF9900;
	text-decoration:underline;}
a:active{
	color:#FF6600;
	text-decoration:underline;}
	
/*テキストスタイル*/
.title-s{
	font-size: 1.15em;
	font-weight:bolder;}
.title-m{
	font-size: 1.25em;
	font-weight:bolder;}
.title-n{
	font-size: 1.5em;
	font-weight: bolder;}
.title-b{
	font-size: 1.8em;
	font-weight: bolder;}

.text-s{
	font-size: 0.75em;}
.white-s{
	font-size: 0.75em;
	color: #FFFFFF;}
.red-s{
	font-size: 0.75em;
	color: #FF0000;}
.text-n{
	font-size: 0.9em;}
.red-n{
	font-size: 0.9em;
	color:#FF0000;}
.text-nb{
	font-size: 0.9em;
	font-weight: bolder;}
.text-b{
	font-size: 1em;}
.text-bb{
	font-size: 1em;
	font-weight: bolder;}

.text-sl{
	font-size: 0.75em;}
.text-nl{
	font-size: 0.9em;}
.text-bl{
	font-size: 1em;}


.col-01{
	font-size: 1em;
	color: #FF3333;}
.col-02{
	font-size: 1em;
	color: #3333CC;}
.col-03{
	font-size: 1em;
	color: #006633;}
.col-04{
	font-size: 1em;
	color: #FF6666;}
.col-05{
	font-size: 1em;
	color: #FF6600;}
.col-06{
	font-size: 1em;
	color: #CC66CC;}


.box-01{
	background-color:#FF3333;}
.box-02{
	background-color:#3333CC;}
.box-03{
	background-color:#006633;}
.box-04{
	background-color:#FF6666;}
.box-05{
	background-color:#FF6600;}
.box-06{
	background-color:#CC66CC;}
	

#Aisatsu{background:url(../img/index/intro_ban.gif) no-repeat top left; width:460px; height:80px; text-indent:-1000em; margin-bottom:12px;}

#Aisatsu2{background:url(../img/index/intro_ban2.jpg) no-repeat top left; width:460px; height:85px; text-indent:-1000em; margin:0px auto 12px auto;}

#Info{background:url(../img/index/information_title.gif) no-repeat top left; width:460px; height:30px; text-indent:-1000em;  margin:0px auto 10px auto;}

#News-Box{width:450px; margin:0px auto;	font-size: 0.9em;}
#News-Box dt{ font-weight:bold; margin-top:3px; text-align:left;}
#News-Box dd{ border-bottom:#CCCCCC dotted 1px; text-align:left;}

#Merit-Index-Bg{background:url(../img/index/merit_img01.jpg) no-repeat top left; width:460px; height:151px; margin:0px auto 20px auto;}
#Merit-Index-Bg p{font-size: 0.9em; padding:75px 0px 0px 160px; text-align:left;}

#Merit-Navi a{
	background: url(../img/index/merit_btn_off.gif) left top no-repeat; 
	text-indent:-1000em; width: 330px; height: 30px; margin: 0px auto;padding: 0;display:block; overflow:hidden;}
#Merit-Navi a:hover{background: url(../img/index/merit_btn_on.gif) left top no-repeat; overflow:hidden; width: 330px; height: 30px;}

#Form-Index-title{background:url(../img/index/form_title.gif) no-repeat top left; width:460px; height:50px; text-indent:-1000em; margin: 0px 0px 5px 15px;}

#Form-Index-Box{width:450px; height:120px;margin: 0px auto;}

#Form-Index-Bg-Left{background:url(../img/index/estimate_bg.gif) no-repeat top left; width:220px; height:140px;float:left;}
#Form-Index-Bg-Left p{width:175px;font-size: 0.9em; padding-top:50px; font-weight:bold; color:#CC0000; clear:both; text-align:left;margin: 0px auto;}
#Form-Index-Bg-Left a{
	background: url(../img/index/estimate_btn.gif) left top no-repeat; 
	text-indent:-1000em; width: 180px; height: 30px;display:block; overflow:hidden; margin: 10px auto;}

#Form-Index-Bg-Right{background:url(../img/index/order_bg.gif) no-repeat top left; width:220px; height:140px; margin-bottom:10px; float:right;}
#Form-Index-Bg-Right p{ width:175px;font-size: 0.9em; padding-top:50px; font-weight:bold; color:#CC0000; text-align:left;margin: 0px auto;}
#Form-Index-Bg-Right a{
	background: url(../img/index/order_btn.gif) left top no-repeat; 
	text-indent:-1000em; width: 180px; height: 30px;display:block; overflow:hidden; margin:10px auto;}
	
#Use-Navi a{
	background: url(../img/index/use_btn_off.jpg) left top no-repeat; 
	text-indent:-1000em; width: 460px; height: 100px; display:block; overflow:hidden;}
#Use-Navi a:hover{background: url(../img/index/use_btn_on.jpg) left top no-repeat; overflow:hidden; width: 460px; height: 100px;}
	
#Img-Kakou a{
	background: url(../img/banner/photo_btn.jpg) left top no-repeat; 
	text-indent:-1000em; width: 460px; height: 120px; margin: 0px auto;display:block;overflow:hidden;}
#Img-Kakou a:hover{background: url(../img/banner/photo_btn_r.jpg) left top no-repeat; overflow:hidden; width: 460px; height: 120px;}

#Plan-Index-title{background:url(../img/index/3000yen_ban.gif) no-repeat top center; width:442px; height:27px; text-indent:-1000em;  margin:5px auto;}

#Plan-Index {display:block; width:460px;margin:0px auto;}
#Plan-Index li {float:left;}

#Plan-Index .P-navi-01{
	background: url(../img/index/point01.gif) left top no-repeat; 
	text-indent:-1000em; width: 150px; height: 100px; margin: 0px 5px 5px 0px;padding: 0;display:block;overflow:hidden;}
#Plan-Index .P-navi-02{
	background: url(../img/index/point02.gif) left top no-repeat; 
	text-indent:-1000em; width: 150px; height: 100px; margin: 0px 5px 5px 0px;padding: 0;display:block;overflow:hidden;}
#Plan-Index .P-navi-03{
	background: url(../img/index/point03.gif) left top no-repeat; 
	text-indent:-1000em; width: 150px; height: 100px; margin: 0px 0px 5px 0px;padding: 0;display:block;overflow:hidden;}
	
#Plan-Index2 {display:block; width:460px;margin:0px auto;}
#Plan-Index2 li {float:left;}

#Plan-Index2 .P-navi2-01{
	background: url(../img/index/point04.gif) left top no-repeat; 
	text-indent:-1000em; width: 150px; height: 100px; margin: 0px 5px 5px 0px;padding: 0;display:block;overflow:hidden;}
#Plan-Index2 .P-navi2-02{
	background: url(../img/index/point05.gif) left top no-repeat; 
	text-indent:-1000em; width: 150px; height: 100px; margin: 0px 5px 5px 0px;padding: 0;display:block;overflow:hidden;}
#Plan-Index2 .P-navi2-03{
	background: url(../img/index/point06.gif) left top no-repeat; 
	text-indent:-1000em; width: 150px; height: 100px; margin: 0px 0px 5px 0px;padding: 0;display:block;overflow:hidden;}
	



#Course-Index-title{background:url(../img/index/service_gide_title.gif) no-repeat top left; width:460px; height:30px; text-indent:-1000em; margin:5px auto; clear:left;}

#Course-Index-Box{ width:450px; background-color:#CCFFFF; margin:0px auto; clear:left;}
#Course-Index-Box p{ width:430px; background-color:#CCFFFF; margin:0px auto; text-align:left;}

#Course-Index-title2{background:url(../img/index/plan_title01.gif) no-repeat top left; width:400px; height:30px; text-indent:-1000em;float:left; margin:0px 0px 5px 5px;}

#Course-List {display:block; background-color:#CCFFFF; clear:left;}
#Course-List li {float:left; background-color:#CCFFFF;}

#Course-List .Course-List-1 a{
	background: url(../img/index/plan3k_ban.gif) left top no-repeat; 
	text-indent:-1000em; width: 140px; height: 100px; margin: 0px 4px 0px 11px;padding: 0px;display:block;overflow:hidden;}
#Course-List .Course-List-2 a{
	background: url(../img/index/plan5k_ban.gif) left top no-repeat; 
	text-indent:-1000em; width: 140px; height: 100px; margin: 0px 4px 0px 0px;padding: 0px;display:block;overflow:hidden;}
#Course-List .Course-List-3 a{
	background: url(../img/index/plan7k_ban.gif) left top no-repeat; 
	text-indent:-1000em; width: 140px; height: 100px; margin: 0px;padding: 0px;display:block;overflow:hidden;}
	
#Course-Index-title3{background:url(../img/index/plan_title02.gif) no-repeat top left; width:400px; height:30px; text-indent:-1000em; clear:left; float:left; margin:10px 0px 5px 5px;}

#Course-List2 {display:block; background-color:#CCFFFF; clear:both;}
#Course-List2 li {float:left; background-color:#CCFFFF;}

#Course-List2 .Course-List-4 a{
	background: url(../img/index/plan9k_ban.gif) left top no-repeat; 
	text-indent:-1000em; width: 140px; height: 100px; margin: 0px 4px 0px 11px;padding: 0px;display:block;overflow:hidden;}
#Course-List2 .Course-List-5 a{
	background: url(../img/index/plan15k_ban.gif) left top no-repeat; 
	text-indent:-1000em; width: 140px; height: 100px; margin: 0px 4px 0px 0px;padding: 0px;display:block;overflow:hidden;}
#Course-List2 .Course-List-6 a{
	background: url(../img/index/plan23k_ban.gif) left top no-repeat; 
	text-indent:-1000em; width: 140px; height: 100px; margin: 0px;padding: 0px;display:block;overflow:hidden; }
	
#Course-Index-title4{background:url(../img/index/plan_title03.gif) no-repeat top left; width:400px; height:30px; text-indent:-1000em; clear:left; float:left; margin:10px 0px 5px 5px;}

#Course-List3 {display:block; background-color:#CCFFFF; clear:both;}
#Course-List3 li {float:left; background-color:#CCFFFF; margin-bottom:20px;}

#Course-List3 .Course-List-7 a{
	background: url(../img/index/plan30k_ban.gif) left top no-repeat; 
	text-indent:-1000em; width: 140px; height: 100px;  margin: 0px 4px 0px 11px;display:block;overflow:hidden;}
#Course-List3 .Course-List-8 a{
	background: url(../img/index/plan50k_ban.gif) left top no-repeat; 
	text-indent:-1000em; width: 140px; height: 100px;  margin: 0px 4px 0px 0px;display:block;overflow:hidden;}
#Course-List3 .Course-List-9 a{
	background: url(../img/index/planask_ban.gif) left top no-repeat; 
	text-indent:-1000em; width: 140px; height: 100px;  display:block;overflow:hidden;}
	
#Otaske-title a{background:url(../img/index/otasuke_ban_l.gif) no-repeat top left; width:430px; height:80px; text-indent:-1000em;display:block; overflow:hidden; margin:0px auto; clear:left; }