/*
Theme Name: huwl
Theme URI: http://www.huwl.jp
Description: huwl Theme
Author: huwl
Author URI: http://www.huwl.jp
*/
* { margin: 0; padding: 0; border: 0 }

body {
background-image:url(images/head_bg.jpg);
background-repeat:repeat-x;
background-position:top;
font-size:90%;
margin:0;
padding:0;
text-indent : 0px;
line-height : 120%;
font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3"Arial,Verdana,Helvetica,Osaka,;
color:#666;
}

/* links */
a, a:visited {	
color: #326E34;

}
a:hover {
color: #89C653;
text-decoration: none;
}

.caution{
color:#6D0E0E;
}




/* images */
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}
.imgL{
float: left;
margin-right:5px;
}

.imgR{
float: right;
margin-left:5px;
}

/* start - table */
table {
	border-collapse: collapse;
	margin: 0px;	
}
th strong {
	color: #fff;
}
th {
	background: #93BC0C ;
	color: #FFF;
	text-align: center;
	border: 1px solid #ccc;

padding:5px;
}
td {
border: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: center;
padding:5px;
}

tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;		
}
/* end - table */

/* form elements */
form {
padding: 5px;
border: 1px solid #D5D5D5; 
background:url(images/serchbg) repeat-x bottom; 
margin-top:10px;

}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #ccc;
	font: normal 1em ;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em ;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
margin-bottom:5px;
}
input.button { 
	font: bold 12px ; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #FFF;
	background: #8EB50C;
	border: none;
}

/* contact form */
.contactArea{
padding:10px;
}


/********************************************
   LAYOUT
********************************************/ 
#wrap {
width: 900px;
margin-left:auto;
margin-right:auto;	
text-align: left;
}
#

#content-wrap {
	clear: both;
	float: left;	
	width: 900px;	
	padding: 0; 	

	margin-left: 15px;	
	display: inline;
}
#header {
width :900px;
height: 79px;
margin-left:auto;
margin-right:auto;
margin-top:0;
}

#header h1{
background:url(images/logo.gif) no-repeat;
widht:179px;
height:79px;
}

#header-links a.contactico{
background:url(images/contact.gif) no-repeat;
padding-left:25px;
height:22px;
display:block;
float:left;
margin-right:5px;
vertical-align:middle;
}
#header-links a.mapico{
background:url(images/sitemap.gif) no-repeat;
padding-left:25px;
height:22px;
display:block;
float:left;
}

#header-links{
float:right;
margin-top:40px;
font-size:0.85em;
}

#header-photo {
clear: both;
height: 125px;
width: 900px;
margin:0 auto 15px auto;
background: url(images/main002.jpg) no-repeat center center;
}

#header-front{
width :900px;
height: 79px;
margin-left:auto;
margin-right:auto;
margin-top:0;
}

#header-front h1{
background:url(images/logo.gif) no-repeat;
widht:179px;
height:79px;

}

#header-front-links{
float:right;
margin-top:40px;
width:250px;
font-size:0.9em;
}

#header-front-photo{
clear: both;
height: 219px;
width: 900px;
margin: 0 auto;
background:url(images/main.jpg) no-repeat center center;
}

#header-front-photo a{
height: 219px;
width: 900px;
display:block;
text-indent:-9999px;
}

/* Navigation */
#nav {
text-align:center;
clear: both;	
padding: 0;
margin:0;
height:58px;

}
#nav ul {
float: left;
list-style: none;	
width: 842px;
height:58px;		
margin-left:auto;
margin-right:auto;
padding: 0;	
display: inline;
}
#nav ul li {
text-align:center;
display: inline;
margin: 0; padding: 0;
height:58px;
width:140px;
}

#nav ul li a {
text-align:center;
display: block;
float: left;
width: auto;
margin: 0;
padding:15px 0 0 0;
color: #FFF;
text-decoration: none;
background: url(images/nav001.jpg) ;	
height:43px;
width:140px;
}
#nav ul li a:hover, 
#nav ul li a:active {
background: url(images/nav002.jpg) ;	
padding:15px 0 0 0;
height:43px;
width:140px;
}
#nav ul li#current a {	
background: url(images/nav002.jpg) ;	
padding:15px 0 0 0;
height:43px;
width:140px;
}

.navigation{
margin-bottom:5px;
}


/* Main Column */

.narrowcolumn h3{
margin-top:20px;
}

.narrowcolumn p{
margin-bottom:15px;
}

.postmetadata{
background: #E0FBBB;	
padding:10px;
margin-top:10px;
margin-bottom:20px;
border:solid 1px #386617;
}

.widecolumn{
margin-left:auto;
margin-right:auto;

}

.entry{
margin-bottom:15px;
}

#main {
float: left;
width: 600px;
padding: 10px; 
margin: 10px 0 0 10px;
display: inline;

}

#main h1 {
margin-top: 20px;
font: 0.9em;
color: #399500; 
padding: 10px; 		
}


.post {
clear: both;
overflow: hidden;
}
.post .date {
height: 50px;
width: 45px;
background: url(images/calendar.gif) no-repeat;
font: normal 22px Arial, Helvetica, sans-serif;
color: #666666;
text-align: center;
padding: 0px 2px 0 0;
line-height: 100%;
float: left;
}
.post .date span {
height: 16px;
display: block;
font: normal 11px Arial, Helvetica, sans-serif;
color: #ffffff;
text-align: center;
padding-top: 5px;
}
.post .title {
float: left;
margin-left: 10px;
width: 470px;
}
.postdata a, .postdata a:visited {
	color: #999999;
	text-decoration: none;
}
.postdata a:hover {
	color: #44a1d0;
	text-decoration: none;
}
.postdata .category{
	background: url(images/mini-category.gif) no-repeat;
	padding-left: 18px;
	float: left;
}
.postdata .comments{
	background: url(images/mini-comment.gif) no-repeat;
	padding-left: 18px;
	float: right;
}





/* Sidebar */	
#sidebar {
width:212px;
float: right;
padding: 0; 
margin: 0;		
}
	
#sidebar h2 {
margin-top: 20px;
margin-bottom:10px;
padding: 5px; 
color: #fff;
font-size:0.9em;
background:url(images/category_bg.gif) repeat-x;
border-bottom:solid 1px #386617;		
}

#sidebar h2.huwlT{
margin-top: 20px;
margin-bottom:10px;
padding: 18px 5px 0px 5px; 
height:24px;
color: #fff;
font-size:0.9em;
background:url("images/catTitle.gif") no-repeat;		
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;

	}

#sidebar ul li {
	list-style-type: none;

}
	

#sidebar ul li ul li{
border:none;
background:none;

}	

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;

	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;

	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 3px 0 0 10px;

	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;

	}

#sidebar ul ul li, #sidebar ul ol li {
list-style-image: url("images/arrow.gif");
margin-left: 15px;
margin-bottom:3px;
padding: 0;
	}


/* footer */
#footer-wrap {
clear: both;
border-top:#4EAD00 solid 5px;
width: 900px;	
text-align: left;
padding: 15px 0;
	
}

/* bottom */
#footer-bottom {
clear: both;
color: #666;	
margin: 0 auto; 
width: 900px;
padding: 10px 0;
background:url(images/copyright.gif) no-repeat;
}

#pagetopArea{
width:900px;
clear: both;
margin-top:15px;
text-align:right;
}


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }


/*####################### topmain ######################*/

#toprightArea{
float:right;
width:587px;
margin-top:27px;
}

#toprightArea p{
padding-bottom:15px;
width:558px;
}

#topleftArea{
width:255px;
margin-left:30px;
margin-top:27px;
margin-bottom:20px;
}

#topleftArea a.aboutB{
display:block;
height:98px;
width:255px;
background:url(images/banner001.jpg);
margin-bottom:5px;
text-indent:-9999px;

}

#topleftArea a.sickB{
display:block;
height:98px;
width:255px;
background:url(images/banner002.jpg);
margin-bottom:5px;
text-indent:-9999px;

}

#topleftArea a.supportB{
display:block;
height:98px;
width:255px;
background:url(images/banner003.jpg);
text-indent:-9999px;

}


#topleftArea p{
margin-bottom:5px;
margin-top:10px;
font-size:0.9em;
line-height:1.2em;
}

#toprightArea h3{
color:#42AE47;
font-size:1.2em;
margin-bottom:5px;
}

#toprightArea .newbox{
width:534px;
border:solid 1px #666666;
background:url(images/box_bg.gif) no-repeat bottom;
padding-bottom:20px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
margin-bottom:15px;
}

#toprightArea .eventbox{
width:534px;
border:solid 1px #666666;
background:url(images/box_bg.gif) no-repeat bottom;
padding-bottom:20px;
padding-top:5px;
padding-left:10px;
padding-right:10px;
}

div.new{
background:url(images/new_title.gif) no-repeat;
widht:556px;
height:39px;
margin:0px;
}

.newbox li,ul{
list-style-type:none;
margin-bottom:5px;
}

div.event{
background:url(images/event_title.gif) no-repeat;
widht:556px;
height:39px;
margin:0px;
}

#content{
margin-top:10px;
width:620px;
float:left;
}

#content p{
line-height: 130%;
}

#content h2,h4{
background:url(images/h4bg.gif) repeat-x;
border:1px solid #ccc;
height:27px;
padding-top: 8px;
padding-left: 10px;
padding-right:5px;
font-size:1em;
margin-bottom:10px;
}


/*####################### カレンダー######################*/
#wp-calendar{
width:212px;

}

#wp-calendar li,ul{
list-style:none;

}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	font-weight:bold;
	}

#wp-calendar caption {
	font: bold 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

#wp-calendar #today {
background: #F2FFBB;
font-weight:bold;
}
.calendar{
list-style:none;
margin-top:20px;
margin-bottom:20px;
clear:both;
}

#pagenav{
margin:15px 0 15px 0;
text-align:center;
}

/* --= Begin Searchbox =-- */

#searchetc #searchbox { height:26px; background:url(images/searchbox.gif) no-repeat; }
#searchetc #searchbox #s { float:left; padding:0; margin:5px 0 0 5px; border:0;background:none; }
#searchetc #searchbox #go { float:left; }
#searchsubmit{
border:none;
padding:0;

#searchform{
text-align:center;

}

/* --= End Searchbox =-- */

div#rssfeed img{
vertical-align:middle;
}