@charset "utf-8";
@font-face{font-family:"mb"; src:url("../webfont/mpwebfont-bold.woff")format('woff');}

/* reset */
* {margin:0;padding:0;}

li{list-style:none;}

img{border:none;}

table{border-collapse:collapse;}

h1,h2,h3,h4,h5,h6 {clear: both;}

body {
background:transparent url(./img/back0.jpg) no-repeat scroll 50% 0;
background-color:#00A0E8;
text-align:center;
}

/* link */
a {text-decoration: none; font-weight:bold;}
a:link {color: #144BA8;}
a:visited {color: #144BA8;}
a:hover {color: #ff0000;}
a:active {color: #ff0000;}
a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";/* ie6 */
}

/* textstyle */

h4{ font-size:28px; text-align:left; color:#ec6618;padding:0; margin:0 0 10px 0; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif; border-bottom:2px dotted #ec6618;}

.hide{text-indent:-9999px;}

.txt09 {font-size:9px;}
.txt10 {font-size:10px;}
.txt12 {font-size:12px;}
.txt14 {font-size:14px;}
.txt16 {font-size:16px;}
.txt18 {font-size:18px;}
.txt21 {font-size:21px;}
.txt24 {font-size:24px;}
.txt36 {font-size:36px;}

.txt09 p {font-size:9px;}
.txt10 p {font-size:10px;}
.txt12 p {font-size:12px;}
.txt14 p {font-size:14px;}
.txt16 p {font-size:16px;}
.txt18 p {font-size:18px;}
.txt21 p {font-size:21px;}
.txt24 p {font-size:24px;}
.txt36 p {font-size:36px;}

.Helvetica {font-family: Arial, Helvetica, sans-serif;}

.green {color:#009C69}
.blue {color:#04F}
.white {color:#FFF}
.yellow {color:#0F0}
.red {color:#F00}
.red2 {color:#F00; font-weight:bold;}
.gray {color:#666}

/* block */
.kp1{text-align:left; padding:240px 30px 0 720px;font-size:50px; color:#F60; font-weight:bold; font-family: 'mb';}
.kp2{padding:15px 0px 0px 510px; text-align: left;}
.menu{margin:0px; padding:0px;}
.icon{float:left; margin:0px; padding:2px 0px;}
.s1{font-size: 17px;padding:140px 10px 5px 490px; line-height: 1.6em; color: #333; font-weight:bold; text-align: left;}
.s2{font-size: 15px;padding:5px 10px 0px 490px; line-height: 1.6em; color: #333; font-weight:bold; text-align: left;}
.s3{padding:0px 25px 0px 0px;text-align: right;}
.s4{padding:10px 0px 0px 0px;float:left;width:50px;}
.s5{font-size: 16px;padding:15px 0px 0px 0px; line-height: 1.8em; color: #00A0E8; font-weight:bold; text-align: left;}
.s6{float:left;width:370px;font-size: 13px;padding:5px 0px 0px 20px; line-height: 1.6em; color: #333; text-align: left;}
.s7{clear:both;border-bottom:#00A0E8 dashed 1px;padding:5px 0px 5px 0px; }
.s8{font-size: 16px;padding:5px 0px 5px 20px; line-height: 1.6em; color: #ff0000; font-weight:bold; text-align: left;}
.s9{font-size: 14px;padding:5px 0px 5px 20px; line-height: 1.6em; color: #333;text-align: left;}
.s10{font-size: 15px;padding:5px 10px 0px 490px; line-height: 1.6em; color: #333; text-align: left;}
.s11{font-size: 14px;padding:0px 0px 10px 55px; line-height: 1.6em; color: #333;text-align: left;}
.s12{font-size: 14px;padding:10px 0px 0px 0px; line-height: 1.6em; color: #333;text-align: left;}
.s13{clear:both;padding:0;text-align:center; }
.s14 {color:#144BA8; font-weight:bold; padding:12px 0px; margin:10px auto;letter-spacing:1px; font-size:16px; border:2px solid #144BA8;width:880px;}
.s15 {color:#144BA8; font-weight:bold; padding:12px 0px; margin:0px auto;letter-spacing:1px; font-size:16px; border:2px solid #144BA8;width:880px;}


.f1{font-size: 14px;padding:0px 0px 0px 0px; line-height: 1.6em; color: #333;text-align: left;}
.f2{text-indent:-9999px;padding:0px; margin:0px;line-height: 2em; color: #333;text-align: left;}
.f3{font-size: 14px;padding:190px 0px 5px 25px; line-height: 1.6em; color: #333;}
.a1{font-size: 26px;font-weight:bold; padding:0px 0px 15px 0px; line-height: 1.3em; color: #009933;text-align: left;}
.a2{float:left;font-size: 16px;padding:0px 0px 0px 0px; line-height: 1.8em; color: #333;text-align: left;}
.a3{float:left;font-size: 14px;padding:10px 0px 0px 0px; line-height: 1.6em; color: #333;text-align: left;}
.a4{clear:both;float:left;font-size: 14px;padding:120px 0px 0px 480px; line-height: 1.6em; color: #333;text-align: left;}
.y1{font-size: 17px;font-weight:bold; padding:250px 0px 0px 60px; line-height: 1.6em; color: #ff0000;text-align: left;}
.y2{font-size: 15px;padding:10px 0px 0px 60px; line-height: 1.6em; color: #333;text-align:left; color: #333;}
.cl1{clear:both;border-bottom:#ff9900 dashed 1px;padding:2px 0px 2px 0px;width:350px;margin:0px 0px 0px 25px;}
.cl2{clear:both;padding:50px 0px 0px 0px; }
.cl3{padding:10px 0px 0px 20px;float:left;width:390px;font-size: 14px;line-height: 1.4em;line-height: 1.6em; }
.cl4{padding:7px 0px 0px 20px;float:left;width:420px;font-size: 14px;line-height: 1.4em;line-height: 1.6em; }
.g1{font-size: 17px;font-weight:bold; padding:225px 0px 0px 60px; line-height: 1.6em; color: #ff0000;text-align: left;}
.g2{padding:340px 0px 0px 40px; text-align: left;}
.han1{font-size: 17px;font-weight:bold; padding:180px 0px 0px 60px; line-height: 1.6em; color: #030;text-align: left;}
.han2{padding:115px 0px 0px 500px; text-align: left;}



.midashi{font-size: 16px;padding: 10px 20px; line-height: 1.8em; color: #FFFFFF; font-weight:bold; text-align: left;}
.copy {font-size: 13px;padding: 10px 0px 0px 0px; color: #207195; font-style:italic;}
.sidehead{width: 380px;font-size: 14px;padding: 5px 0px 5px 10px; line-height: 1.6em;text-align: left;}
.office{width: 750px;font-size: 14px;padding: 10px 0px 10px 10px; line-height: 1.4em; text-align: left;}
.pro {font-size: 15px;padding:20px 0px 20px 40px;color:#207195; text-align:left;font-style:italic;}
.umenu {font-size: 15px;padding:5px 0px 10px 0px;color:#BBD2FF; text-align:center;line-height: 180%;}
.link-midashi{font-size: 16px;padding: 10px 20px; line-height: 1.8em; color: #3F86C6; font-weight:bold;}
.link{font-size: 12px;padding: 10px 20px; line-height: 1.8em; color: #666666;}
.menu { font-style:italic; font-weight:bold;padding: 10px 20px;}
.con1{font-size: 14px;padding: 8px 0px 0px 30px; line-height: 1.8em;text-align: left;}
.con2{font-size: 14px;padding: 20px 0px 0px 0px; line-height: 1.8em;text-align: center;}

.text01{font-size: 15px;padding:0; line-height: 1.8em; color: #333; text-align: left;}

.btn1{  font-size:17px; margin:0 auto;}
.btn1 a {font-weight:bold;text-align:center;  color:#FFF;text-decoration:none; padding:5px 20px; margin:0 auto;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
;background: #ed752f;
	background: -moz-linear-gradient(top, #ed752f, #aa5321);
	background: -webkit-linear-gradient(top, #ed752f, #aa5321);
	background: linear-gradient(#ed752f, #aa5321);}
	
.btn1 a:hover {text-decoration:none; color:#FFF;
	background: #00ad73;
	background: -moz-linear-gradient(top, #00ad73, #002d1e);
	background: -webkit-linear-gradient(top, #00ad73, #002d1e);
	background: linear-gradient(#00ad73, #002d1e);} 


/* content */

#top {
 background-color:#144BA8;
 height:29px;
 margin:0px;
 padding:0px;
}
#top-l {
 float:left;
 margin:0px;
 padding:7px 20px;
 font-size: 13px;
 color: #FFFFFF;
}
#top-r {
 float:right;
 margin:0px;
 padding:7px 20px;
 font-size: 13px;
 color: #FFFFFF;
}
#navi {
 width:1050px;
 height:150px;
 margin:0 auto;
 padding:0px 0px 0px 10px;
}
#main{
background:url(./img/top.png) no-repeat;
width:1080px;
height:561px;
padding:0px;
margin:0 auto;
}
#container{
background-color:#fff;
width:998px;
padding:0px;
margin:0 auto;
}

#index01{
background:url(./img/index01-2.gif) repeat-y;
width:974px;
padding:0px;
margin:0px;
}

#index01-head{
background:url(./img/index01-1.gif) no-repeat;
width:974px;
height:435px;
padding:0px;
margin:0px;
}

#index01-l{
float:left;
width:400px;
padding:0px;
margin:0px 0px 0px 55px;
text-align:left;
}

#index01-r{
float:right;
width:440px;
padding:0px;
margin:0px 40px 0px 0px;
text-align:left;
}

#index01-footer{
clear:both;
background:url(./img/index01-3.gif) no-repeat;
width:974px;
height:122px;
padding:0px;
margin:0px;
text-align:right;
}

#index02{
background:url(./img/back02.gif) no-repeat;
float:left;
width:494px;
height:856px;
padding:0px;
margin:5px 0px 0px 0px;
text-align:left;
}

#index02-01{
clear:both;
width:428px;
margin:0px 0px 0px 45px;
padding:385px 0px 0px 0px;
text-align:left;
}

#index03{
background:url(./img/back03.gif) no-repeat;
float:left;
width:489px;
height:856px;
padding:0px;
margin:5px 0px 0px 0px;
text-align:left;
}

#index04{
background:url(./img/back4.gif) no-repeat;
clear:both;
width:981px;
height:465px;
padding:0px;
margin:10px 0px 0px 0px;
text-align:left;
}

#index04-01{
clear:both;
float:left;
width:600px;
margin:0px 0px 0px 60px;
padding:175px 0px 0px 0px;
line-height:1.6em;
text-align:left;
}

#index04-02{
float:left;
width:400px;
height:295px;
margin:0px 0px 0px 70px;
padding:125px 0px 0px 0px;
}

#index05{
background:url(./img/back05.gif) no-repeat;
float:left;
width:489px;
height:856px;
padding:0px;
margin:5px 0px 0px 0px;
text-align:left;
}

#index06{
background:url(./img/back06.gif) no-repeat;
float:left;
width:489px;
height:856px;
padding:0px;
margin:5px 0px 0px 0px;
text-align:left;
}

#index07{
background:url(./img/back07.gif) no-repeat;
clear:both;
width:981px;
height:480px;
padding:0px;
margin:0px 0px 0px 0px;
text-align:left;
}

#footer{
width:1030px;
padding:0px;
margin:0 auto;
}

#footer-l{
float:left;
padding:2px 0px 0px 0px;
text-align: left;
}

#footer-r{
float:right;
background:url(./img/footer.gif) no-repeat;
width:580px;
height:415px;
padding:0px;
text-align: left;
margin:8px 0px 0px 0px;
}

#nagare{
clear:left;
float:left;
padding:0px;
margin:20px 0px 0px 10px;
line-height: 2em;
color: #333;
text-align: left;background:url(./img/nagare.gif) no-repeat;
width:428px;
height:356px;
}


#copy{
clear:both;
width:100%;
text-align:center;
font-size: 12px;
color:#fff;
padding:20px 0px 10px 0px;
}

#youtube{
clear:both;
width:910px;
padding:15px 15px 15px 30px;
margin:5px auto;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */
background:#ccffff;
}