body{
  font-size:80%;
  border-top:3px solid #000000;
  margin: 0 auto;
  padding:0;
  font-family: 'ＭＳ Ｐゴシック','Osaka','Arial', 'Tahoma', sans-serif
  line-height:160%;
}

p {
  line-height:1.5em;
}

strong{
  font-size:110%;
}

b{
  color:#ff0000;
  font-size:110%;
}

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

#page{
  width:810px;
  display:block !important;
  margin:6px auto 0px !important;
  padding:0;
}

a:link { color: red; } 
a:visited { color: #cc0000; } 
a:hover { color: #cc0000; } 
a:active { color: red; } 

h1{
  font-size:12px;
}

#content{
  width:563px;
  float:left; 
  padding:0px 20px 20px;
  background-color:#000000;
  color:#ffffff;
  margin:10px 0px;
}

#content h2{
  font-size:120%;
  font-weight: bold; 
  border-bottom:2px dotted #dddddd;
  padding-bottom:5px;
  margin-top:40px;
}

#content img{
  border:0;
}

#content2{
  width:563px;
  float:left; 
  padding:20px 20px 20px;
  background-color:#000000;
  color:#ffffff;
  margin-top:10px;
}

#content2 img{
  border-style:none;
}

#content3{
  width:770px;
  float:left;
  padding:0px 20px 0px;
  background-color:#000000;
  color:#ffffff;
  margin-top:10px;
}

#content3 h2{
  font-size:120%;
  font-weight: bold; 
  border-bottom:2px dotted #dddddd;
  padding-bottom:5px;
  margin-top:40px;
}

#content3 img{
  border:0;
}

.post{
  margin-top:-4px;
  padding:0;
}

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

#header{
  width:810px;
  font-size:80%;
}

#logo{
  border:none;
  float:left; 
  width:222px;
  height:32px;
  background:url('images/logo.jpg') no-repeat 0 0;
  margin:20px 0px 26px 10px !important;
  padding:0;
  text-indent:-9999px;
}

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

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

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

#header-tell{
  width:217px;
  height:14px;
  background:url('images/mail.gif') no-repeat 0 0;
  margin-top:5px;
  text-indent:-9999px;
}

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

#header-navi{
  clear:both;
  font-size:85%;
  margin-bottom:5px;
  padding:0px;
  width:100%;
  height:24px;
  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:135px;
  height:24px;
}

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

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

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

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

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

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

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

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

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

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

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

#top-image{
  width:810px;
  height:400px;
  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/top2.png') no-repeat 0 0;
  width:810px;
  height:400px;
}

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

#back-portfilio{
  width:210px;
  height:300px;
  margin:-18px 0px 20px 20px;
  text-indent:-9999px;
  border:1px solid #cccccc;
}

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

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

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

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


#profile-blog{
  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:-300px 0px 0px 35px;
}

#position img{
  border:0;
}

#c{
  width:790px;
  margin:0px 10px 20px 10px;
  padding:0;
}

#c_left{
  float:left;
  width:535px;
  margin-bottom:20px;
  padding-top:20px;
}

#c_right{
  float:left;
  width:210px;
  height:100%;
  margin-left:20px;
  padding-top:10px;
}

#c_left h3{
 color:#ff3399;
 font-size:110%;
}

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

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

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

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

#yasirusi{
  padding-right:20px;
}

#back{margin-top:-30px;}

#back img{border:0;}

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

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

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

#footer{
  width:100%;
  height:80px;
  border-top:1px solid #cccccc;
  margin-top:10px;
  padding-top:10px;
}

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

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

#service_web{
  background:url('images/web.gif') no-repeat 0 0;
  text-indent:-9999px;
  border-bottom:1px dotted #cccccc;
  margin:30px auto 0px;
  width:750px;
}

#service_hansoku{
  clear:both;
  background:url('images/hansoku.gif') no-repeat 0 0;
  text-indent:-9999px;
  border-bottom:1px dotted #cccccc;
  margin:30px auto 0px;
  width:750px;
}

#service_cd{
  clear:both;
  background:url('images/cd.gif') no-repeat 0 0;
  text-indent:-9999px;
  border-bottom:1px dotted #cccccc;
  margin:30px auto 0px;
  width:750px;
}


#profile{
  background:url('images/improve.gif') no-repeat 0 0;
  border-bottom:1px dotted #cccccc;
  text-indent:-9999px;
  margin:30px auto 0px;
  width:750px;
}

#p_b{margin:0px 10px 0px 10px;}

.profile_border{
  list-style:none;
  border-bottom:1px dotted #cccccc;
  height:15px;
  margin-bottom: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;
}

.text{margin:20px;}

#sub{margin-left:140px;}

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

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

#pagetop img{
  border:0;
}

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

#single_content h2{
  margin:0;
  border-bottom:1px dotted #999999;
  font-size:110%;
  padding:3px 3px 3px 0px;
}

#img_top{
 margin:0px 15px 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;
  text-indent:-9999px;
  float:right;
  margin-right:10px; 
}

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

.mitumori_link a:hover{
  background:url('images/mitumori_2.png') no-repeat 0 0;
  width:130px;
  height:24px;
}

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

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

.price_link a:hover{
  background:url('images/price_2.png') no-repeat 0 0;
  width:130px;
  height:24px;
}

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

#policy_content{
  margin-top:40px;
}

.top_info{
  margin:40px 0 0 20px;
　padding:0;
  font-size:80%;
　color:#333333;
}

.top_info2{
  margin:20px 0 0 20px;
　padding:0;
  font-size:80%;
　color:#333333;
}

#flyer{
  background:url('images/flyer.gif') no-repeat 0 0;
  text-indent:-9999px;
  border-bottom:1px dotted #cccccc;
  margin-top:30px;
  width:98%;
}

#cdjk{
  background:url('images/cdjk.gif') no-repeat 0 0;
  text-indent:-9999px;
  border-bottom:1px dotted #cccccc;
  width:98%;
}

#meisi{
  background:url('images/meisi.gif') no-repeat 0 0;
  text-indent:-9999px;
  border-bottom:1px dotted #cccccc;
  width:98%;
}

#webportfolio{
  background:url('images/webportfolio.gif') no-repeat 0 0;
  text-indent:-9999px;
  border-bottom:1px dotted #cccccc;
  width:98%;
}

.top_link{
  background:url('images/sirusi.gif') no-repeat 76% 0%;
  padding:0px 0px 10px 20px;
  text-align:right;
}

#pro{}

#pro_left{
  float:left;
  width:150px;
  height:200px;
}

#pro_right{
  float:right;
}

#flash{
  padding:0;
  margin-top:0.5em;
}

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

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

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

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

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

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

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


#r_sidebar { 
	background: #000000;
	color: #ffffff;
	width: 175px;
	float: right; 
	position:relative;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 12px 15px 15px 15px; 
	min-height: 100%;
	}
	
#r_sidebar h2{ 
	font-size:90%;
	padding-bottom:5px;
	border-bottom:2px dotted #cccccc;
	}

* html #r_sidebar { height: 100%; }

#r_sidebar a {
	color: #ffffff;
	text-decoration: none;
	}
#r_sidebar a:hover {
	color: #ff3333;
	text-decoration: underline;
	}
#r_sidebar p{
	margin: 0;
	line-height: 16px;
	padding: 5px 0 10px 0;
	}
#r_sidebar ul.children {
	margin-left: 15px;
	}
#r_sidebar ul,#r_sidebar li,#r_sidebar ul li  {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#r_sidebar ul li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	}

#r_sidebar ul li a:hover { color: #ff3333; }

#wp-calendar a{color:red;}

#wp-calendar th{padding:0px 3px;}

#comment{
  width:500px;
}