body{
  font-size:90%;
  margin: 0 auto !important;
  padding:0 !important;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
  line-height:160%;
  background-color:#ffffff;
  width:910px;
  color:#333333;
}

a:link {    /*リンクの設定*/
  font-size:110%;
  font-weight:bold;
}
a:visited {    /*訪問済みリンクの設定*/
  color:blue;
  font-size:110%;
  font-weight:bold;
}
a:active {    /*クリックされた時の設定*/
  color:red;
  font-size:110%;
  font-weight:bold;
}

a:hover {    /*マウスオーバ時の設定*/
    color:#ff66cc;
    position:relative;
}

a{    /*リンクにまとめて設定*/
  font-weight:bold;
  font-size:15px;
}

p {
  line-height:1.5em;
  margin-bottom:1em !important;
}

img{
  border-style:none;
}

strong{
  font-size:100%;
}

hr{
/*  color:#ffffff;*/
  display:none;
  margin:0;
  padding:0;
}

#page{
  display:block;
  margin:0;
  padding:0;
  background-color:#ffffff !important;
  width:100%;
}

#content{
  margin:0;
  padding:0;
}

#content p{
  margin:0;
  padding-left:20px;
}

#content h3{
  font-size:110%;
  margin-left:20px;
}

#content img{
  border:0;
}

.post{
  width:910px;
  margin-top:-10px;
  padding:0;
}

.serif{
  margin:0;
  padding:0;
}

h1{
  font-size:80%;
  margin:0;
  padding:0 0 0 20px;
}

#header{
  background:#FFFFFF url(images/header.png) no-repeat scroll 50% 0;
  width:910px;
  height:70px;
  font-size:80%;
}

#logo{
  text-indent:-9999px;
  border:none;
  float:left; 
  width:220px;
  height:50px;
  margin:10px 0px 26px 10px !important;
  padding:0;
}

#logo a{
  display:block;
  width:100%;
  height:100%;
}

#headerinfo{
  font-size:110%;
  float:right;
  margin:30px 0px 5px 0px;
  padding:0;
  text-align:right;
  text-indent:-9999px;
  }

#header-contact{
  width:124px;
  height:28px;
  background:url('images/botan.png') no-repeat 0 0;
  margin-left:121px;
  padding:0;
  text-indent:-9999px;
}

#header{
  margin:0px;
  padding:0px;
}

#header-navi{
  clear:both;
  font-size:85%;
  margin:0px;
  padding:0px;
  width:811px;
  height:46px;
  vertical-align:middle;
}

#header-navi ul{
  padding:0px;
  margin:0px;
}

#header-navi li{
  text-indent:-9999px;
  display:block;
  float:left;
  margin:0px;
  padding:0px !important;
}

* html body #header-navi li{
  margin:0px 0px 0px !important;
}

#header-navi li a{
  display:block;
  width:100%;
  height:100%;
}

.hn01{
  background:url('images/n_1.png') no-repeat 0 0;
  width:162px;
  height:46px;
}

.hn01 a:hover{
  background:url('images/b_1.png') no-repeat 0 0;
  width:162px;
  height:46px;
}

.hn02{
  background:url('images/n_2.png') no-repeat 0 0;
  width:162px;
  height:46px;
}

.hn02 a:hover{
  background:url('images/b_2.png') no-repeat 0 0;
  width:162px;
  height:46px;
}

.hn03{
  background:url('images/n_3.png') no-repeat 0 0;
  width:162px;
  height:46px;
}

.hn03 a:hover{
  background:url('images/b_3.png') no-repeat 0 0;
  width:162px;
  height:46px;
}

.hn04{
  background:url('images/n_4.png') no-repeat 0 0;
  width:162px;
  height:46px;
}

.hn04 a:hover{
  background:url('images/b_4.png') no-repeat 0 0;
  width:162px;
  height:46px;
}

.hn05{
  background:url('images/n_5.png') no-repeat 0 0;
  width:163px;
  height:46px;
}

.hn05 a:hover{
  background:url('images/b_5.png') no-repeat 0 0;
  width:163px;
  height:46px;
}

.hn06{
  background:url('images/n_6.png') no-repeat 0 0;
  width:130px;
  height:46px;
}

.hn06 a:hover{
  background:url('images/b_6.png') no-repeat 0 0;
  width:130px;
  height:46px;
}

#top-image{
  width:910px;
  height:370px;
  text-indent:-9999px;
  background:url('images/top.png') no-repeat 0 0;
  margin:0;
  padding:0;
}

#top-image a{
  display:block;
  width:100%;
  height:100%;
}

#top-image a:hover{
  background:url('images/top.png') no-repeat 0 0;
  width:910px;
  height:370px;
}

#top-portfilio{
  width:210px;
  height:100%;
  border:1px solid #cccccc;
  margin:-38px 0px 0px 20px;
}

#new-portfilio{
  background:url('images/new.gif') no-repeat 0 0;
  width:46px;
  height:47px;
}

#back-portfilio{
  margin:-18px 0px 20px 20px;
  text-indent:-9999px;
}

#top-blog{
  width:200px;
  height:80px;
  text-indent:-9999px;
  background:url('images/top-blog.png') no-repeat 0 0;
  margin:10px 0px 10px;
}

#top-blog a{
  display:block;
  width:100%;
  height:100%;
}

#top-blog a:hover{
  background:url('images/top-blog_2.png') no-repeat 0 0;
}

#top-music{
  width:210px;
  height:69px;
  text-indent:-9999px;
  background:url('images/top-music.png') no-repeat 0 0;
  margin:0px 0px -10px;
}

#top-music a{
  display:block;
  width:100%;
  height:100%;
}

#profile-blog{
  clear:both;
  width:210px;
  height:66px;
  text-indent:-9999px;
  background:url('images/top-blog.gif') no-repeat 0 0;
  margin:0px auto;
}

#profile-blog a{
  display:block;
  width:100%;
  height:100%;
}

#position{
  width:180px;
  height:253px;
  margin:0px auto 0px;
}

#position img{
  border:0;
}

#c{
  width:910px;
  margin:0px 20px 0px 0px;
  padding:0;
  border:0px solid #ff0000;
}

#c_left{
  float:right;
  width:660px;
  margin:0;
  padding:0px 0px 0px 10px;
  border:0px solid #ff0000;
}

#c_right{
  float:left;
  width:200px;
  height:100%;
  margin:15px 0 0;
  border:0px solid #ff0000;
}

#c_right li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

#c_left h2{
  clear:both;
  width:620px;
  height:25px;
  border-bottom:3px solid #BFE9F0;
  background:url(images/clober2.jpg) no-repeat 0 0 !important;
  font-size:130%;
  padding:6px 0px 0px 36px;
}

#c_left h3{
 font-size:110%;
 border-bottom:1px dotted #bfe9f0;
}

#c_left p{
 padding:0px;
}

#top_c_left{
  float:right;
  width:690px;
  margin:0 0 30px;
  padding:0px 0px 0px 16px;
}

* html body #top_c_left{
  margin:15px 0px 30px;
}

#top_c_left h2{
  clear:both;
  width:670px;
  height:34px;
  background:url(images/clober.jpg) no-repeat 0 0 !important;
  font-size:120%;
  padding:12px 0px 0px 20px;
}

#top_c_left h3{
  font-size:110%;
  border-bottom:1px dotted #bfe9f0;
  margin:0;
}

#top_c_left p{
  padding:0px;
}

#back-course{
  background:url(images/back.png) no-repeat 0 0;
  width:664px;
  height:280px;
  padding-top:20px;
  margin:20px 0 0 10px;
}

#top-course{
  list-style:none;
}

.icon{
  background:url(images/icon.jpg) no-repeat 0 3px !important;
  list-style:none;
  width:630px;
  height:20px;
  padding-left:22px;
  margin:10px 0px 4px -30px;
  line-height:1.5;
  font-size:110%;
}

.course_h3{
  background:url(images/course_h3.gif) no-repeat 0 0 !important;
  border:0 !important;
  text-indent:-9999px;
  margin:20px 0px 20px 10px !important;
  height:18px;
}

.gree_h3{
  background:url(images/gree_h3.gif) no-repeat 0 0 !important;
  border:0 !important;
  text-indent:-9999px;
  margin:20px 0px 20px;
  height:45px;
}

.point_h3{
  background:url(images/point_h3.gif) no-repeat 0 0 !important;
  border:0 !important;
  text-indent:-9999px;
  margin:20px 0px 20px;
  height:18px;
}

.top-content{
  width:660px;
  height:100%;
  margin:0px 10px;
  padding:0;
  line-height:180%;
}

.top-right{
  float:right;
  width:218px;
}

.top-left{
  float:left;
  width:420px;
  border:0px solid #ff0000;
}

.top-right img{
  margin-top:10px;
}

.top-right2{
  float:right;
  width:480px;
}

.top-left2{
  float:left;
  width:160px;
}

#yasirusi{
  padding-right:20px;
}

#top_ul{
  width:96%;
  padding:0px;
  margin:0px 0px 10px 10px;
  font-size:80%;
}

.sirusi{
  background:url('images/sirusi.gif') no-repeat 0% 20%;
  margin-top:20px;
  padding:0px 0px 10px 20px;
  list-style:none;
  border-bottom:1px dotted #cccccc;
}

.sirusi2{
  background:url('images/sirusi.gif') no-repeat 0 0;
  margin-top:20px;
  padding:0px 0px 10px 20px;
  list-style:none;
}

#footer{
  width:910px;
  height:80px;
  margin-top:10px;
  padding:0;
  font-size:70%;
}

#footer_navi{
  padding:10px 0px 10px 20px;
  margin-bottom:10px;
  color:#cccccc;
  background-color:#E7F7FA;
  border-bottom:1px solid #cccccc;
}

#copy{
  background:url('images/copy.gif') no-repeat 0 0;
  text-indent:-9999px;
  margin-top:10px;
  height:10px;
  width:276px;
}

#gazo{margin-top:-20px;}

#form{
  border:0px solid #cccccc;
  margin-left:30px;
}

#form table{
  border-collapse:collapse;
}	

#form th{
  width:200px;
  text-align:left;
  border:1px solid #cccccc;
  border-collapse:collapse;
  background:#f7f7f7;
  padding:3px 3px 3px 6px;
}

#form td{
  width:480px;
  text-align:left;
  border:1px solid #cccccc;
  border-collapse:collapse;
  padding:3px;
}

.form2 table{
  border-collapse:collapse;
  margin:30px 10px 40px 20px;
}	

.form2 th{
  width:200px;
  text-align:left;
  border:1px solid #cccccc;
  border-collapse:collapse;
  background:#f7f7f7;
  padding:8px;
}

.form2 td{
  width:480px;
  text-align:left;
  border:1px solid #cccccc;
  border-collapse:collapse;
  padding:8px;
}

.form3 table{
  border-collapse:collapse;
  margin:10px 0px 20px 0px;
  width:760px;
}	

.form3 td{
  width:100%;
  border:0px solid #cccccc;
  border-collapse:collapse;
  text-align:center;
  padding:0px 3px;
}

#sub{margin-left:140px;}

#pagetop{
  clear:both;
  width:910px;
  text-align:right;
  margin:40px 20px 0px 0px;
  padding:0;
}

#pagetop img{
  border:0;
}

#single_content{
  width:810px;
  margin:0;
  padding-top:10px;
}

#single_content h2{
  margin-top:20px;
  font-size:130%;
  padding:3px 3px 3px 0px;
}

.serif{
  clear:both;
  margin-top:20px;
  border:1px solid #ff0000;
}

.back{
  background:url('images/back.gif') no-repeat 0 0;
  border-bottom:1px solid #cccccc;
  text-indent:-9999px;
  margin-top:40px;
}

.mitumori_link{
  width:130px;
  height:24px;
  background:url('images/mitumori.png') no-repeat 0 0;
  float:right;
  text-indent:-9999px;
  margin:20px 0px !important;
}

.mitumori_link a{
  display:block;
  width:100%;
  height:100%;
}

.price_link{
  width:130px;
  height:24px;
  background:url('images/price.png') no-repeat 0 0;
  text-indent:-9999px;
  float:right;
  margin:20px 0px !important;
}

.price_link a{
  display:block;
  width:100%;
  height:100%;
}

.narrowcolumn h3{
  padding-bottom:5px;
  border-bottom:1px dotted #999999;
}

#policy_content{
  margin-top:40px;
}

.top_info{
  margin:40px 0 0px;
  font-size:80%;
}

.top_link{
  background:url('images/sirusi.gif') no-repeat 0% 40%;
  margin:0 0 20px;
  padding-left:16px;
}

#pankuzu{
  width:894px;
  padding:8px;
  margin:0;
  font-size:80%;
  border-bottom:1px solid #eeeeee;
}

#header-img-3{
  background:url('images/consept_img.png') no-repeat 0 0;
  width:910px;
  height:80px;
  text-indent:-9999px;
  margin:0;
  padding:0;
}

#header-img-5{
  background:url(images/header-img-5.png) no-repeat 0 0;
  text-indent:-9999px;
  height:80px;
  width:910px;
  margin:0 !important;
  padding:0 !important;
}

#header-img-9{
  background:url(images/header-img-9.png) no-repeat 0 0;
  text-indent:-9999px;
  height:80px;
  width:910px;
  margin:0 !important;
  padding:0 !important;
}

#header-img-13{
  background:url(images/header-img-13.png) no-repeat 0 0;
  text-indent:-9999px;
  height:80px;
  width:910px;
  margin:0 !important;
  padding:0 !important;
}

#header-img-17{
  background:url('images/order_img.png') no-repeat 0 0;
  width:810px;
  height:100px;
  text-indent:-9999px;
  margin:0;
  padding:0;
}

#header-img-18{
  background:url('images/portfolio_img.png') no-repeat 0 0;
  width:810px;
  height:100px;
  text-indent:-9999px;
  margin:0;
  padding:0;
}

#header-img-20{
  background:url(images/header-img-20.png) no-repeat 0 0;
  text-indent:-9999px;
  height:80px;
  width:910px;
  margin:0 !important;
  padding:0 !important;
}

#header-img-21{
  background:url('images/contact_img.png') no-repeat 0 0;
  width:810px;
  height:100px;
  text-indent:-9999px;
  margin:0;
  padding:0;
}

#header-img-22{
  background:url('images/privacy_img.png') no-repeat 0 0;
  width:810px;
  height:100px;
  text-indent:-9999px;
  margin:0;
  padding:0;
}

#header-img-25{
  background:url('images/header-img-25.png') no-repeat 0 0;
  width:910px;
  height:80px;
  text-indent:-9999px;
  margin:0;
  padding:0;
}

#header-img-70{
  background:url('images/goodmusic.jpg') no-repeat 0 0;
  width:810px;
  height:400px;
  text-indent:-9999px;
  margin:0;
  padding:0;
}

#header-img-91{
  background:url('images/header-img-91.jpg') no-repeat 0 0;
  width:810px;
  height:100px;
  text-indent:-9999px;
  margin:0;
  padding:0;
}

#header-img-95{
  background:url('images/header-img-95.png') no-repeat 0 0;
  width:810px;
  height:100px;
  text-indent:-9999px;
  margin:0;
  padding:0;
}

#header-img-228{
  background:url('images/header-img-228.png') no-repeat 0 0;
  width:910px;
  height:100px;
  text-indent:-9999px;
  margin:0;
  padding:0;
}

#header-img-273{
  background:url('images/header-img-273.png') no-repeat 0 0;
  width:910px;
  height:100px;
  text-indent:-9999px;
  margin:0;
  padding:0;
}

#header-img-288{
  background:url('images/header-img-288.png') no-repeat 0 0;
  width:910px;
  height:100px;
  text-indent:-9999px;
  margin:0;
  padding:0;
}

#header-img-410{
  background:url('images/header-img-410.jpg') no-repeat 0 0;
  width:910px;
  height:100px;
  text-indent:-9999px;
  margin:0;
  padding:0;
}

#content h2{
  clear:both;
  background:url('images/bk_h2.png') no-repeat 0 0;
  width:885px;
  height:32px;
  font-size:130%;
  margin-left:10px;
  padding:15px 0px 0px 30px;
}

.web_omoi{
  clear:both;
  background:url('images/omoi.gif') no-repeat 0 0;
  width:810px;
  height:103px;
  text-indent:-9999px;
  margin:30px 0px !important;
}

.service_omoi{
  clear:both;
  background:url('images/s_catchi.gif') no-repeat 0 0;
  width:810px;
  height:103px;
  text-indent:-9999px;
  margin:30px 0px !important;
}

.port{
  clear:both;
  background-color:#fafafa;
  border-top:1px solid #eeeeee;
  border-bottom:1px solid #eeeeee;
  width:760px;
  height:100%;
  margin:0px 0px 20px 20px;
  padding:20px 0px;
}

.port_2{
  clear:both;
  background-color:#fafafa;
  border-top:1px solid #eeeeee;
  border-bottom:1px solid #eeeeee;
  width:760px;
  height:100%;
  margin:10px 0px 20px 0px;
  padding:20px 0px;
}

.flyer_port{
  clear:both;
  width:760px;
  height:100%;
  margin:10px 0px 20px 0px;
  padding:20px 0px;
}

.port_txt{
  float: left;
  margin:0px 10px 0px 10px;
  padding:0;
}

.port_txt p{
  margin:10px 0px !important;
  padding:0 !important;
}

.flyer_port h3{
  color:#188321;
  border-bottom:1px solid #188321;
  font-size:140%;
  margin:4em 0 2em !important;
  padding:0 0 5px;
}

#flyer_top_h3{
  color:#188321;
  border-bottom:1px solid #188321;
  font-size:140%;
  margin:0 0 2em !important;
  padding:0 0 5px;
}

.port h3{
  font-size:110%;
  margin:0 !important;
  padding:0;
}

.sub_txt{
  font-size:80%;
  color:#666666;
  line-height:1.5em;
}

#sub_botan{
  clear:both;
  font-size:85%;
  margin:0px;
  padding:0px;
  width:810px;
  height:40px;
  vertical-align:middle;
}

#sub_botan ul{
  padding:0px;
  margin:0px;
}

#sub_botan li{
  text-indent:-9999px;
  display:block;
  float:left;
  margin:0px;
  padding:0px !important;
}

* html body #sub_botan li{
  margin:0px 0px 0px 5px !important;
}

#sub_botan li a{
  display:block;
  width:100%;
  height:40px;
}

.s_b1{
  background:url('images/s_b1.png') no-repeat 0 0;
  width:129px;
  height:29px;
}

.s_b1 a:hover{
  background:url('images/s_bb1.png') no-repeat 0 0;
  width:129px;
  height:40px;
}

.s_b2{
  background:url('images/s_b2.png') no-repeat 0 0;
  width:79px;
  height:29px;
}

.s_b2 a:hover{
  background:url('images/s_bb2.png') no-repeat 0 0;
  width:79px;
  height:40px;
}

.s_b3{
  background:url('images/s_b3.png') no-repeat 0 0;
  width:88px;
  height:29px;
}

.s_b3 a:hover{
  background:url('images/s_bb3.png') no-repeat 0 0;
  width:88px;
  height:40px;
}

.sub_course{
  margin:0px 0px 0px 10px !important;
  padding:0px 0px 6px 25px !important;
  font-size:80%;
  background:transparent url(images/icon_allow.png) no-repeat scroll 5% 50% !important;
}

.entry{
  padding:0 20px;
}

table {
  border-collapse:collapse;
}

.basic-table{
  margin:40px 20px 20px;
}

.basic-table th {
  background:#F6F6F6 none repeat scroll 0 0;
  border:1px solid #DDDDDD;
  color:#000000;
  text-align:left;
  padding:4px;
}

.basic-table td {
  border:1px solid #DDDDDD;
  padding:4px;
}

.price-table{
  margin:20px 10px 20px;
}

.price-table th {
  background:#fff0f0 none repeat scroll 0 0;
  border:1px solid #DDDDDD;
  color:#000000;
  text-align:left;
  padding:1em;
}

.price-table td {
  border:1px solid #DDDDDD;
  padding:1em;
}

.side-mutumori{
  width:200px;
  height:65px;
  margin:10px 0px;
}

.side-mutumori img{
  border-style:none;
}

.footer-mutumori{
  background:transparent url(images/footer-mutumori.png) no-repeat scroll 0 0;
  width:625px;
  height:120px;
  margin:40px auto 20px;
}

.footer-mutumori img{
  margin:12px 20px 0px;
  border-style:none;
}

.b_s {
  background:transparent url(images/b_s.jpg) no-repeat scroll 0 0;
  height:40px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  width:192px;
}

#b_s2 {
  background:transparent url(images/b_s2.jpg) no-repeat scroll 0 0;
  height:40px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  width:192px;
}

.s_sirusi{
  width:190px;
  padding:0;
  margin-top:10px;
  border:2px solid #BFE9F0;
}

.s_sirusi li {
  padding:5px 0 5px 24px;
  margin-left:-30px;
  background:transparent url(images/icon.jpg) no-repeat scroll 0% 55%;
}

#header-img-124{
  background:url(images/moniter.png) no-repeat 0 0;
  text-indent:-9999px;
  height:200px;
  width:810px;
  margin:0 !important;
  padding:0 !important;
}

#header-img-140{
  background:url(images/header-img-140.png) no-repeat 0 0;
  text-indent:-9999px;
  height:250px;
  width:810px;
  margin:0 !important;
  padding:0 !important;
}

#header-img-154{
  background:url(images/header-img-154.png) no-repeat 0 0;
  text-indent:-9999px;
  height:80px;
  width:910px;
  margin:0 !important;
  padding:0 !important;
}

#header-img-264{
  background:url(images/header-img-264.png) no-repeat 0 0;
  text-indent:-9999px;
  height:80px;
  width:910px;
  margin:0 !important;
  padding:0 !important;
}

ul.faq{
  margin:1em 2.5em 0em !important;
}

.faq li{
  background:url('images/answer.png') no-repeat 0 60px;
  list-style:none;
  border-bottom:1px dotted #cccccc;
  margin:1em 0em !important;
}

.faq h3{
  background:url('images/question.png') no-repeat 0 0;
  border:0 !important;
  padding:20px 0px 10px 90px;
  margin:0.5em 0em 0em;
  height:2.5em;
}

.faq li p{
  margin:0px 0px 40px 80px !important;
}

.profile{
  padding:0px 8px 8px 8px ;
  font-size:80%;
}

#five_point{
  background:url('images/top_point.jpg') no-repeat 0 0;
  width:670px;
  height:207px;
  text-indent:-9999px;
  margin:0 0 30px 10px;
}

.bg-gren {
  background-color:#FFFFF4;
  border:1px solid #52AD7A;
  margin:10px 0px;
  padding:10px;
}

.check {
  font-size:14px;
  line-height:140%;
}

.check li {
  background:url(images/ico_check01.gif) no-repeat scroll left 6px;
  padding:4px 0 4px 22px;
  list-style-type:none;
  margin:0;
}

#imw{
  font-size:60%;
  color:#cccccc;
  margin:0 0 20px;
}

#imw a{
  text-decoration: none;
  color:#cccccc;
}