body{
  font-size:86%;
  margin:0 auto !important;
  padding:0 !important;
  font-family: 'ＭＳ Ｐゴシック','Osaka','Arial', 'Tahoma', sans-serif;
  line-height:160%;
  background-color:#e5e5e5;
  width:100%;
  color:#333333;
}

a:link {    /*リンクの設定*/
  font-size:100%;
  font-weight:bold;
}

a:visited {    /*訪問済みリンクの設定*/
  color:blue;
  font-size:100%;
  font-weight:bold;
}

a:active {    /*クリックされた時の設定*/
  color:red;
  font-size:100%;
  font-weight:bold;
}

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

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

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

.red {
  color:#CC0000;
  font-size:16px;
  font-weight:bold;
}

b{
 color:#cc0000;
 font-weight:bold;
}

img{
  border:0;
}

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

.center{
  text-align:center;
}

h1{
  color:#999999;
  font-size:80%;
  margin:0;
  padding:0 0 0 20px;
  background-color:#444444;
}

h1 a{
  color:#ffffff;
  text-decoration:none;
}

h4{
  font-size:110%;
  margin:0 20px 20px;
  border-bottom:1px solid #cccccc;
}

#page{
  display:block;
  margin:0 auto;
  padding:0 10px;
  width:900px;
  background-color:#ffffff;
  border:0px solid #ff0000;
}

* html body #page{
  display:block;
  margin:0 auto;
  padding:0 8px 0 10px;
  width:900px;
  background-color:#ffffff;
  border:0px solid #ff0000;
}


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

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

#content h3{
  font-size:110%;
  margin:0 30px 20px 20px !important;
  border-bottom:1px dotted #cccccc;
}

.post{
  width:864px;
  margin:0px 20px 0px;
  padding:0;
}

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

#header{
  background:url(images/header.png) no-repeat 0 0;
  width:900px;
  height:74px;
  font-size:80%;
  margin:0 auto;
  padding:0;
}

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

#logo{
  border:none;
  width:220px;
  height:70px;
  margin:0px 0 0 16px !important;
  padding:0;
  text-indent:-9999px;
}

#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:0;
  width:900px;
  height:59px;
  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:180px;
  height:59px;
}

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

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

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

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

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

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

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

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

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

#top{
  text-indent:-9999px;
}

#newwork{
  width:864px;
  height:40px;
  text-indent:-9999px;
  background:url('images/newwork.png') no-repeat 0 0;
  margin:0 auto;
  padding:0;
  border-top:8px solid #666666;
}

.newwork_content h2{
  clear:both;
  width:810px;
  height:26px;
  font-size:120%;
  margin:40px 0 20px;
  padding:0 0 0 20px;
  border-left:6px solid #000000;
  border-bottom:1px solid #cccccc;
}

.newwork_content{
  clear:both;
  width:820px;
  height:100%;
  margin:0 auto;
}

* html body .newwork_content{
  clear:both;
  width:820px;
  height:100%;
  margin:0 0 0 40px;
}

.newwork_left{
  float:left;
  width:410px;
  height:100%;
  padding-bottom:20px;
}

.newwork_right{
  float:right;
  width:420px;
  height:100%;
  padding-right:10px;
}

.newwork_left img{
  border:0;
}

.newwork_right h3{
  font-size:110%;
  margin:0 0 10px;
  border-bottom:1px dotted #999999;
}

.newwork_content li{
  font-size:110%;
}

#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;
}

#baner img{
  border:0;
  margin-top:20px;
}
 
#top-blog{
  width:212px;
  height:69px;
  text-indent:-9999px;
  background:url('images/top-blog.png') no-repeat 0 0;
  margin:20px 0px 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;
}

#home{
  clear:both;
  width:864px;
  margin:20px 0;
  font-size:84%;
}

#home_left{
  float:left;
  width:400px;
  margin:20px 0px 20px;
}

#home_right{
  float:left;
  width:380px;
  height:100%;
  margin:20px 0px 0px 20px;
  padding-left:20px;
  border-left:1px solid #cccccc;
}

#c{
  clear:both;
  width:864px;
  margin:20px 20px 20px;
  border-top:8px solid #666666;
}

#c_left{
  float:left;
  width:410px;
  margin:20px 0px 20px;
}

#c_right{
  float:left;
  width:410px;
  height:100%;
  margin:20px 0px 0px 20px;
  padding-left:20px;
  border-left:1px solid #cccccc;
}

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

#c_left h3{
 color:#fe4da5;
 font-size:110%;
 margin-left:20px;
}

#business{
  background:url(images/business.gif) no-repeat 0 0;
  border-bottom:1px solid #CCCCCC;
  text-indent:-9999px;
}

#problem{
  background:url(images/problem.gif) no-repeat 0 0;
  border-bottom:1px solid #CCCCCC;
  text-indent:-9999px;
}

#etc{
  background:url(images/etc.gif) no-repeat 0 0;
  border-bottom:1px solid #CCCCCC;
  text-indent:-9999px;
}

#midasi_2 {
  background:url(images/midasi_2.gif) no-repeat 0 0 !important;
  width:524px !important;
  height:20px !important;
  margin-top:40px;
  padding:0 !important;
  border-bottom:1px solid #CCCCCC;
  text-indent:-9999px;
}

#yasirusi{
  padding-right:20px;
}

#back{margin-top:20px;}

#back img{border:0;}

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

#top_ul li{
  font-size:90%;
  background:url('images/sirusi.gif') no-repeat 0 5px;
  margin:8px 10px 8px 0px;
  padding:0px 0px 0px 20px;
  list-style:none;
  border-bottom:1px dotted #cccccc;
  line-height:160%;
}

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

#footer{
  width:864px;
  height:80px;
  margin:10px 20px 0px;
  border-top:1px solid #cccccc;
}

#footer_navi{
  padding:10px 0px 10px 10px;
  margin-bottom:10px;
  color:#cccccc;
  background-color:#000000;
  border-bottom:1px solid #fff1f1;
  font-size:80%;
}

#footer_navi a:visited {    /*訪問済みリンクの設定*/
  color:#cccccc;
}

#footer_navi a:hover {    /*マウスオーバ時の設定*/
    color:#0000ff;
}

#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:864px;
  margin:0;
  padding:10px 0px 0px 20px;
}

#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%;
}

.top_link{
  background:url('images/sirusi.gif') no-repeat 0 0;
  padding:0px 0px 0px 18px;
  margin-right:20px;
}

#pankuzu{
  padding:8px;
  margin:0;
  font-size:80%;
  border-bottom:1px dotted #cccccc;
}

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

#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:864px;
  height:100px;
  text-indent:-9999px;
  margin:0;
  padding:0;
}

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

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

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

#header-img-70{
  width:845px;
  height:40px;
  margin:0;
  padding:40px 0px 0px 20px;
  color:#888888;
}

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

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

#content h2{
  clear:both;
  width:810px;
  height:26px;
  font-size:120%;
  margin-left:10px;
  padding:10px 0px 0px 20px;
  border-left:6px solid #000000;
  border-bottom:1px solid #cccccc;
}

.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;
  overflow:hidden;
  position:relative;
  background-color:#ffffff;
  border:1px solid #cbcbcb;
  width:820px;
  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;
}

.service_port{
  clear:both;
  background-color:#ffffff;
  border-top:1px solid #cbcbcb;
  border-right:2px solid #cbcbcb;
  border-left:2px solid #cbcbcb;
  border-bottom:2px solid #cbcbcb;
  width:820px;
  height:100%;
  margin:0px 0px 20px 20px;
  padding:20px 0px;
}

.service_port h3{
  width:94%;
  font-size:110%;
  margin-left:20px !important;
  padding:0px 0px 5px;
  border-bottom:2px dotted #eeeeee;
}

.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{
  width:500px;
  font-size:110%;
  margin:0 !important;
  padding:0px 0px 5px;
  border-bottom:2px dotted #eeeeee;
}

.sub_txt{
  width:100%;
  font-size:80%;
  color:#666666;
  line-height:1.5em;
  padding-left:20px;
}


#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;
  margin-left:10px !important;
}

.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:1px solid #CCCCCC;
  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:210px;
  height:65px;
  margin-bottom:10px;
}

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

#side-flyer{
  width:410px;
}

#side-flyer 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;
  background-color:#f3f3f3;
}

.s_sirusi li {
  border-bottom:1px dotted #CCCCCC;
  padding:8px 0 8px 25px;
  background:transparent url(images/icon_allow.png) no-repeat scroll 5% 50%;
}

#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;
}

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

.font_small{
  font-size:80%;
  color:#999999;
}

.hutocha3 {
  background-color:#dddddd;
  border:1px solid #F7F7F4;
  color:#006600;
  font-size:80%;
  font-weight:bold;
  margin-top:10px;
  padding:6px 10px 6px 20px;
}

.p_top{
  clear:both;
  margin:0px 20px 0px 20px;
}

.order-step{
  margin:0px auto 10px;
}

.form-table{
  margin:0px auto 0px;
}

.red-bold-big {
  color:#FF0000;
  font-size:16px;
  font-weight:bold;
}

.red-bold-big2 {
  color:#FF0000;
  font-size:28px;
  text-align:center;
  font-weight:bold;
  line-height:1.5em;
  margin:20px 0px;
}

.blue-bold-big {
  color:#000099;
  font-size:24px;
  text-align:center;
  font-weight:bold;
  line-height:1.5em;
  margin-bottom:40px;
}

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

.bg-gren_box {
  background-color:#FFFFF4;
  border:1px solid #52AD7A;
  margin:10px 0px 20px 20px;
  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;
  font-size:110%;
}

.box-red {
  background-color:#FFEEEE;
  border:1px solid #FF9999;
  margin:20px 0 20px 20px;
  padding:8px 10px 10px;
  font-size:120%;
}

.threeplan{
  margin:30px 0;
  text-align:center;
  font-weight:bold;
}

.smaller{
  font-size:80% !important;
  margin:10px 0 0;
}

.bg-yell {
  background-color:#FFFFF4;
  border:1px solid #CCCC00;
  margin:10px;
  padding:10px;
}

.red-bold-big {
  color:#FF0000;
  font-size:16px;
  font-weight:bold;
}

.red-bold-big2 {
  color:#FF0000;
  font-size:28px;
  text-align:center;
  font-weight:bold;
}

.blue-bold-big {
  color:#000099;
  font-size:24px;
  text-align:center;
  font-weight:bold;
}

.list-check {
  background-color:#F2F5F9;
  border:2px solid #DBE8F7;
  line-height:1.6;
  list-style-image:url('images/checkmark2.gif');
  list-style-position:outside;
  margin:15px 10px 15px 20px !important;
  padding:15px 10px 15px 40px;
  width:84%;
}

.list-check li {
  color:#333333;
  margin-top:10px;
  font-size:120%;
} 

.list-check2 li{
  background-color:#FFFFFF;
  border-bottom:2px solid #FFFFFF;
  line-height:1.6;
  list-style-image:url('images/ico_check01.gif');
  list-style-position:outside;
  margin:15px 15px 0 20px;
  padding:0 10px 15px 5px;
}

.check {
	font-size: 14px;
	line-height: 140%;
	padding: 0 10px 0 10px;
}
.check li {
	background: url(images/ico_check01.gif) no-repeat left 6px;
	padding: 4px 0 4px 25px;
}

.mt20 {
  margin:20px 0 0;
}

.mt40 {
  margin:40px 0 0;
}

.service {
  border-collapse:collapse;
  width:800px;
  margin:0 auto 20px;
}

.service th {
  background:#F5F5F5 none repeat scroll 0 0;
  border-bottom:1px solid #cccccc;
  border-right:1px solid #cccccc;
  color:#000000;
  font-size:12px;
  font-weight:bold;
  padding:3px 5px;
  text-align:left;
  width:50%;
}

.service td {
  background:#FFFFFF none repeat scroll 0 0;
  border-bottom:1px solid #cccccc;
  border-right:1px solid #cccccc;
  color:#000000;
  font-size:12px;
  padding:3px 5px;
  width:50%;
}

#player{
  margin:0 auto;

}