/*
Theme Name: wdi
Theme URI: http://www.wdi.jp/
Description: wdi
Version: 4.0
Author: Wainai Yosuke
Author URI: http://suburb.jp/
*/

@charset "UTF-8";
body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: Georgia, HiraMinPro-W3, "ヒラギノ明朝 Pro W3";
	font-size:80%;
	color:#333333;

}
html, div, h1, h2, h3, h4, h5, h6 ,ul ,li, p, form, input, textarea, table, th, td{
	margin: 0;
	padding: 0;
	line-height:100%;
}
h1, h2, h3, h4, h5, h6, th{
	font-weight:normal;
}
img {
	border:0;
}
strong {
	font-weight:bold;
}
em {
	font-style:normal;
}
ul {
	list-style-type:none;
}
hr {
	display:none;
}

#header {
   position: fixed;
   top: 0px;
   width: 100%;
   height: 106px;
   background:url(images/bg.png) top left repeat-x;
   _background:none;
   z-index:999;
}
#wrapper {
	width:800px;
	padding:0 100px 0 100px;
	margin:0 auto 0 auto;
}
#left {
	float:left;
	width:200px;
	position: fixed;
	background:url(images/tag.jpg) top left no-repeat;
	z-index:1;

}
#left h1 {
	margin:196px 0 0 -4px;
	padding:0;
}
#left div.catbox {
margin:95px 0 0 0;
height:100px;
}
#left div.catbox ul li {
	margin:0 0 4px 0;
	line-height:100%;
	font-size:10px;
	font-family:Arial;
}
#left div.catbox ul li a {color:#333333; text-decoration:none;}
#left div.catbox ul li a:visited {color:#333333; text-decoration:none;}
#left div.catbox ul li a:active {color:#333333; text-decoration:none;}
#left div.catbox ul li a:hover {color:#333333; text-decoration:underline;}

#left ul.info {
	font-size:10px;
	font-family:Arial;
	color:#ABABAB;
	font-style:italic;
}
#left ul.info li {
	margin:0 0 3px 0;
}
#left ul.info li.mail {
	margin:0 0 20px 0;
}
#left ul.info li a {color:#ABABAB; text-decoration:none;}
#left ul.info li a:visited {color:#ABABAB; text-decoration:none;}
#left ul.info li a:active {color:#ABABAB; text-decoration:none;}
#left ul.info li a:hover {color:#589227; text-decoration:underline;}

#right {
	float:right;
	width:400px;
	position: static;
	z-index:2;
	padding:200px 0 0 0;

}
#right div.each {
	margin:0 0 150px 0;
}
#right div.each p {
	margin:0 0 20px 0;
	padding:0;
	line-height:200%;
}
#right div.each p a {color:#589227; text-decoration:none;}
#right div.each p a:visited {color:#589227; text-decoration:none;}
#right div.each p a:active {color:#589227; text-decoration:none;}
#right div.each p a:hover {color:#589227; text-decoration:underline;}
 
#right div.each li a {color:#589227; text-decoration:none;}
#right div.each li a:visited {color:#589227; text-decoration:none;}
#right div.each li a:active {color:#589227; text-decoration:none;}
#right div.each li a:hover {color:#589227; text-decoration:underline;}

#right div.each ol {
	margin:0 0 20px 20px;
	padding:0;
}
#right div.each ol li {
	line-height:200%;
}
#right div.each ul {
	margin:0 0 20px 20px;
	padding:0;
	list-style-type:disc;
}
#right div.each ul li {
	line-height:200%;
}
#right div.each p.note {
	margin:0 0 0 0;
	font-style:italic;
	text-align:right;
}
#right div.each p.note em {
	margin:0 0 0 5px;
	font-size:80%;
	color:#ABABAB;
}
#right div.each p.note a {color:#333333; text-decoration:none;}
#right div.each p.note a:visited {color:#333333; text-decoration:none;}
#right div.each p.note a:active {color:#333333; text-decoration:none;}
#right div.each p.note a:hover {color:#333333; text-decoration:underline;}

#right div.each p.note em a {color:#009dc4; text-decoration:none;}
#right div.each p.note em a:visited {color:#009dc4; text-decoration:none;}
#right div.each p.note em a:active {color:#009dc4; text-decoration:none;}
#right div.each p.note em a:hover {color:#009dc4; text-decoration:underline;}

#right div.each div.comment {
	margin:100px 0 0 0;
}
#right div.each div.comment p {
	margin:0 0 10px 0;
	padding:0;
	line-height:200%;
	
}
#right div.each div.comment p.note {
	margin:0 0 50px 0;
	font-size:80%;
}
#right div.each div.comment p.note em {
	font-size:100%;
}
#right div.each div.addcomment {
	margin:100px 0 0 0;
	position:relative;

}
#right div.each div.addcomment ul {
	margin:0 0 0 0;
	list-style-type:none;
}
#right div.each div.addcomment ul li {
	margin:0 0 20px 0;
	position:relative;

}
#right div.each div.addcomment ul li input {
	background-color:#DCDCDC;
	border:none;
	padding:3px;
	font-family: Georgia, HiraMinPro-W3, "ヒラギノ明朝 Pro W3";	
	
}
label.overlabel {
	color:#333333;
}
label.overlabel-apply {
	position:absolute;
	top:7px;
	left:5px;
	z-index:3;
	font-size:84%;
	font-style:italic;
	line-height:100%;
	color:#333333;
}

#right div.each div.addcomment ul li input.short {
	width:100px;
}
#right div.each div.addcomment ul li input.medium {
	width:200px;
}
#right div.each div.addcomment ul li textarea {
	background-color:#DCDCDC;
	border:none;
	padding:3px;
	width:394px;
	height:134px;
	font-size:90%;
	font-family: Georgia, HiraMinPro-W3, "ヒラギノ明朝 Pro W3";
}

#right div.localnav {
	margin:0 0 150px 0;
}
#right div.localnav .left{
	float:left;
}
#right div.localnav .right{
	float:right;
}
#right div.localnav a {color:#333333; text-decoration:none;}
#right div.localnav a:visited {color:#333333; text-decoration:none;}
#right div.localnav a:active {color:#333333; text-decoration:none;}
#right div.localnav a:hover {color:#333333; text-decoration:underline;}



#right div#form span.your-name input,
#right div#form span.your-email input,
#right div#form span.address input {
	border:none;
	background-color:#DCDCDC;
	padding:3px;
	font-family: Georgia, HiraMinPro-W3, "ヒラギノ明朝 Pro W3";	
	font-size:110%;
	width:392px;
}
#right div#form span.zip input {
	width:70px;
	padding:3px;
	border:none;
	background-color:#DCDCDC;
	font-family: Georgia, HiraMinPro-W3, "ヒラギノ明朝 Pro W3";
	font-size:110%;
}
#right div#form span.other textarea {
	width:392px;
	padding:3px;
	border:none;
	background-color:#DCDCDC;
	font-family: Georgia, HiraMinPro-W3, "ヒラギノ明朝 Pro W3";
	font-size:110%;
}
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  overflow:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}
/* End hide from IE-mac */