body{
  font-size:80%;
  margin: 0 auto !important;
  padding:0 !important;
  font-family: 'ＭＳ Ｐゴシック','Osaka','Arial', 'Tahoma', sans-serif;
  line-height:160%;
  background-color:#000000;
  color:#fefefe;
  width:890px;
}

p {
  line-height:1.5em;
  margin-bottom:1em !important;
}

.center {
	text-align: center;
}

a{/*リンクされた文字*/
    color:#ffc000;
    font-style:normal;
    text-decoration:underline;
}

a:hover {/*マウスをのせたとき*/
    color:#0000FF;
    font-style:normal;
    text-decoration:underline;
}

hr{
/*  color:#ffffff;*/
  display:none;
  margin:0;
  padding:0;
}

strong{
  color:#ff0000;
}

/* ____ 余白設定 ____ */
.ma20 {
	margin: 20px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt40 {
	margin-top: 40px;
}
.mt80 {
	margin-top: 80px;
}
.ml20 {
	margin-left: 20px;
}

h1{
  font-size:10px;
}

#page{
  display:block;
  margin:0;
  padding:0;
}

#content{
  margin:0;
  padding:0;
}

#content p{
  margin:0;
  padding:0;
}

#content h3{
  font-size:110%;
  margin:40px 0px 20px 20px;
  padding-bottom:10px;
  border-bottom:1px dotted #999999;
}

#content img{
  border:0;
}

.post{
  width:870px;
  margin-top:-10px;
  padding:0;
}

.serif{
  margin:0;
  padding:0;
}

#header{
  background:url(images/header.png) no-repeat scroll 0 0;
  width:870px;
  height:70px;
  font-size:80%;
  margin:0;
  padding:0;
}

#logo{
  text-indent:-9999px;
  border:none;
  float:left; 
  width:240px;
  height:36px;
  margin:0px 0px 26px 10px;
  padding:0;
}

#logo a{
  display:block;
  width:100%;
  height:100%;
  }

.botan{
  text-indent:-9999px;
  border:none;
  float:left; 
  width:196px;
  height:43px;
  margin:-63px 0px 0px 210px !important;
  padding:0;
}

.botan 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-navi{
  clear:both;
  font-size:85%;
  margin:0;
  padding:0px;
  width:870px;
  height:50px;
  vertical-align:middle;
}

#header-navi ul{
  padding:0px;
  margin:0px;
}

#header-navi li{
  text-indent:-9999px;
  display:block;
  float:left;
  margin:0;
  padding:0;
}

* 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:172px;
  height:50px;
}

.hn01 a:hover{
  background:url('images/b_1.png') no-repeat 0 0;
  width:172px;
  height:50px;
}

.hn02{
  background:url('images/n_2.png') no-repeat 0 0;
  width:174px;
  height:50px;
}

.hn02 a:hover{
  background:url('images/b_2.png') no-repeat 0 0;
  width:174px;
  height:50px;
}

.hn03{
  background:url('images/n_3.png') no-repeat 0 0;
  width:174px;
  height:50px;
}

.hn03 a:hover{
  background:url('images/b_3.png') no-repeat 0 0;
  width:174px;
  height:50px;
}

.hn04{
  background:url('images/n_4.png') no-repeat 0 0;
  width:174px;
  height:50px;
}

.hn04 a:hover{
  background:url('images/b_4.png') no-repeat 0 0;
  width:174px;
  height:50px;
}

.hn05{
  background:url('images/n_5.png') no-repeat 0 0;
  width:176px;
  height:50px;
}

.hn05 a:hover{
  background:url('images/b_5.png') no-repeat 0 0;
  width:175px;
  height:50px;
}

.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;
}

#home-navi{
  clear:both;
  font-size:85%;
  margin-bottom:20px;
  padding:0px;
  width:642px;
  vertical-align:middle;
}

#home-navi ul{
  padding:0px;
  margin:0px;
}

#home-navi li{
  text-indent:-9999px;
  display:block;
  float:left;
  margin:0px;
  padding:0px;
}

* html body #home-navi li{
  margin:0px 0px 0px !important;
}

#home-navi li a{
  display:block;
  width:100%;
  height:100%;
}

.th01{
  background:url('images/th01.png') no-repeat 0 0;
  width:640px;
  height:70px;
}

.th02{
  background:url('images/th02.png') no-repeat 0 0;
  width:640px;
  height:70px;
}

.th03{
  background:url('images/th03.png') no-repeat 0 0;
  width:640px;
  height:70px;
}

.th04{
  background:url('images/th04.png') no-repeat 0 0;
  width:640px;
  height:60px;
}

.th01 a:hover{
  background:url('images/ch01.png') no-repeat 0 0;
}

.th02 a:hover{
  background:url('images/ch02.png') no-repeat 0 0;
}

.th03 a:hover{
  background:url('images/ch03.png') no-repeat 0 0;
}

.th04 a:hover{
  background:url('images/ch04.png') no-repeat 0 0;
}

#top-image{
  width:870px;
  height:250px;
  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:870px;
  height:250px;
}

#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:212px;
  height:69px;
  text-indent:-9999px;
  background:url('images/top-blog.png') no-repeat 0 0;
  margin:30px 0px 10px 0px;
}

#top-blog a{
  display:block;
  width:100%;
  height:100%;
}

#top-music{
  width:212px;
  height:69px;
  text-indent:-9999px;
  background:url('images/top-music.png') no-repeat 0 0;
  margin:0px 0px -10px 0px;
}

#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:870px;
  margin:10px 0px;
  padding:0;
}

#c_left{
  float:right;
  width:642px;
  margin-left:10px;
  padding:0;
  border:0px solid #ff0000;
}

#p_left{
  float:right;
  width:642px;
  margin-left:10px;
  padding:0;
  border:0px solid #ff0000;
}

#p_left h2{
  width:632px !important;
  height:32px !important;
  background:url('images/p_h2.jpg') no-repeat 0 0 !important;
  font-size:100% !important;
  padding:15px 0px 0px 10px !important;
  margin:0 !important;
}

#p_left h3{
  width:600px;
  font-size:120%;
  margin:20px 0px 20px 20px;
  padding-bottom:5px;
  border-bottom:1px dotted #999999;
}

#p_left p{
  padding:0px 20px;
}

#first{
  width:632px !important;
  height:32px !important;
  background:url('images/p_h2.jpg') no-repeat 0 0 !important;
  font-size:100% !important;
  padding:15px 0px 0px 10px !important;
  margin:0 !important;
  border:0 !important;
}

#c_right{
  float:left;
  width:210px;
  height:100%;
  margin:0;
  border:0px solid #ff0000;
}

#c_right li {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
}

#c_left h2{
  width:642px;
  height:42px;
  background:url('images/bk_h2_2.png') no-repeat 0 0;
 font-size:140%;
  padding:0;
  text-indent:-9999px;
}

#c_left h3{
 color:#fe4da5;
 font-size:110%;
}

#results_back{
  background:url(images/results_back.png) no-repeat 0 0 !important;
  width:628px;
  height:210px;
  font-size:80%;
  color:#666666;
  padding:30px 0px 0px 14px;
}

#results_back li{
  list-style:none;
  float:left;
}

#results_back img{
  margin-bottom:10px;
  border-style:none;
}

.results{
  margin-left:45px;
}

#results_h2{
  clear:both;
  background:url(images/results_h2.png) no-repeat 0 0 !important;
  width:642px;
  height:42px;
  text-indent:-9999px;
}

#melit_h2 {
  clear:both;
  background:url(images/melit_h2.png) no-repeat 0 0 !important;
  width:642px;
  height:42px;
  text-indent:-9999px;
}

#midasi_h2 {
  clear:both;
  background:url(images/midasi_2.png) no-repeat 0 0 !important;
  width:642px;
  height:42px;
  text-indent:-9999px;
}

#yasirusi{
  padding-right:20px;
}

#top_ul{
  padding:0px;
  margin:0px 0px 40px;
}

.sirusi{
  background:url('images/sirusi.gif') no-repeat 0 0;
  margin-top:20px;
  padding:0px 0px 10px 20px;
  list-style:none;
  border-bottom:1px dotted #666666;
}

.sirusi2{
  background:url('images/sirusi.gif') no-repeat 0 0;
  margin-top:20px;
  padding:0px 0px 10px 20px;
  list-style:none;
}

.kotira{
  height:52px;
  text-indent:-9999px;
}

#footer{
  width:870px;
  height:80px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #666666;
}

#footer_navi{
  font-size:80%;
  line-height:1.5em;
}

#copy{
  background:url('images/copy.gif') no-repeat 0 0;
  text-indent:-9999px;
  margin-top:10px;
}

#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;
  text-align:right;
  margin:40px 20px 0px 0px;
  padding:0;
}

#pagetop img{
  border:0;
}

#single_content{
  width:870px;
  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:20px 0 0;
  font-size:80%;
}

#pankuzu{
  padding:8px 0px;
  margin:0;
  font-size:80%;
  border-bottom:1px solid #666666;
  width:870px;
}

.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;
}

.entry{
  padding:0 20px;
}

table {
  border-collapse:collapse;
}

.basic-table{
  margin:0px 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;
}

.side-mutumori{
  width:190px;
  height:65px;
  margin:0px 0px 10px 10px;
}

.side-mutumori img{
  border-style:none;
}

#b_s {
  background:transparent url(images/b_s.jpg) no-repeat scroll 0 0;
  height:42px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  width:210px;
}

#b_s2 {
  background:transparent url(images/b_s2.jpg) no-repeat scroll 0 0;
  height:42px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  width:210px;
}

.s_sirusi{
  padding:0;
  margin:0;
}

.s_sirusi li {
  border-bottom:1px dotted #666666;
  padding:8px 0 8px 25px;
  background:transparent url(images/icon_allow.png) no-repeat scroll 5% 50%;
}

#pricelist{
  text-indent:-9999px;
  background:url(images/price_page.png) no-repeat 0 0;
  width:610px; 
  height:1200px;
  margin-left:10px;
}

.icon1{
  background:url(images/icon01.jpg) no-repeat 0 0;
  width:80%;
  height:40px;
  list-style:none;
  margin:40px 0 20px;
  padding:0px 0px 30px 60px;
  border-bottom:1px solid #F47427;
}

.icon2{
  background:url(images/icon02.jpg) no-repeat 0 0;
  width:80%;
  height:40px;
  list-style:none;
  margin-bottom:20px;
  padding:0px 0px 30px 60px;
  border-bottom:1px solid #F47427;
}

.icon3{
  background:url(images/icon04.jpg) no-repeat 0 0;
  width:80%;
  height:40px;
  list-style:none;
  margin-bottom:20px;
  padding:0px 0px 30px 60px;
  border-bottom:1px solid #F47427;
}

.icon4{
  background:url(images/icon04.jpg) no-repeat 0 0;
  width:80%;
  height:40px;
  list-style:none;
  margin-bottom:20px;
  padding:0px 0px 30px 60px;
  border-bottom:1px solid #F47427;
}

.icon5{
  background:url(images/icon05.jpg) no-repeat 0 0;
  width:80%;
  height:40px;
  list-style:none;
  margin-bottom:20px;
  padding:0px 0px 30px 60px;
  border-bottom:1px solid #F47427;
}

.icon6{
  background:url(images/icon06.jpg) no-repeat 0 0;
  width:80%;
  height:40px;
  list-style:none;
  margin-bottom:20px;
  padding:0px 0px 30px 60px;
  border-bottom:1px solid #F47427;
}

.icon7{
  background:url(images/icon07.jpg) no-repeat 0 0;
  width:80%;
  height:40px;
  list-style:none;
  margin-bottom:20px;
  padding:0px 0px 30px 60px;
  border-bottom:1px solid #F47427;
}

.order-step{
  margin:0px 0px 20px;
}

.form-table{
  width:700px;
  border:1px solid #666666;
  margin:0px auto 20px;
  padding:5px;
}

.five_point{
  background:url('images/top_point.jpg') no-repeat 0 0;
  width:640px;
  height:207px;
  text-indent:-9999px;
}

.five_point a{
  display:block;
  width:100%;
  height:100%;
}

.five_point a:hover{
  background:url('images/top_point_on.jpg') no-repeat 0 0;
  width:640px;
  height:207px;
}

#five_point_page{
  background:url('images/top_point.jpg') no-repeat 0 0;
  width:640px;
  height:207px;
  text-indent:-9999px;
  margin-bottom:20px;
}

#five_point_page2{
  background:url('images/point2.jpg') no-repeat 0 0;
  width:640px;
  height:207px;
  text-indent:-9999px;
  margin-bottom:20px;
}

.page_link{
  clear:both;
  background:url('images/sirusi.gif') no-repeat 0 4px;
  padding-left:20px;
}

#design_back{
  background:url('images/design_back.png') no-repeat 0 0;
  width:640px;
  height:540px;
}

#design_back img{
  margin:60px 0px 0px 170px ;
}

#page_point{
  clear:both;
  margin-top:20px;
}

#design_content{
  color:#999999;
  font-size:80%;
  margin:20px 0px;
  padding:0px 20px !important;
  line-height:1.5em;
}

.order-step{
  margin-top:10px;
}

#single_cont{
  margin:0px auto;
  text-align:center;
  width:100%;
  background-color:#444444;
  padding-top:20px;
  margin-top:20px;
}

#imw{
  font-size:60%;
  color:#cccccc;
  margin:0 0 20px;
}

#imw a{
  text-decoration: none;
  color:#cccccc;
}

