@charset "UTF-8";
/*
Theme Name: harunoie
Theme URI: http://harunoie.com
Description: 春の家 designed by FirstElement.
Version: 1.0
Author: FirstElement
Tags: clean,rural,sharp,flesh,photo,flash
*/


/*----------------------------
common
------------------------------*/

#header:after,
#contents:after,
.post:after,
.blog:after,
#mobile:after,
#footer .link:after{
	content: url(pixel.gif);
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
/*IE6 -------------*/
*html #header,
*html #contents,
*html .post,
*html .blog,
*html #mobile,
*html #footer .link {
	zoom:1;
}
/*IE7 --------------*/
*:first-child+html #header,
*:first-child+html #contents,
*:first-child+html .post,
*:first-child+html .blog,
*:first-child+html #mobile,
*:first-child+html #footer .link {
	zoom:1;
}

body {
	background-color: #E9E0CB;
	margin-bottom:5px;
	margin-top:0px;
	}

#box {
	background-image:url(images/back_box.png);
	background-position:left top;
	background-repeat: repeat-y;
	color:#4D4D4D;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding-left:15px;
	padding-right:15px;
	padding-top:0px;
	width:800px;
	line-height: 1.4em;
	background-color:#FAF9F7;
	}
	
a img,
img a{
	border:none;
	}

a {
	color:#933;
	text-decoration:none;
	}

a:hover {
	color:#F99;
	text-decoration: underline;
	}

h1 {
	float: left;
	margin: 0px;
	}

h1 a {
	display: block;
	width: 240px;
	height: 65px;
	text-indent: -1000px;
	overflow:hidden;
	}

#main h2,
#home h2 {
	background-image:url(images/back_h2.png);
	background-repeat:no-repeat;
	background-position: left bottom;
	color:#333333;
	margin-bottom:20px;
	padding-left:30px;
	padding-right: 10px;
	min-height:30px;
	height: auto;
	font-size: 100%;
	font-weight: bold;
	line-height:28px;
	margin-top: 0px;
	}

.page h3,
.post h3 {
	color:#333333;
	font-size: 90%;
	margin-bottom:10px;
	margin-right:0px;
	margin-top:20px;
	padding-left:13px;
	padding-right: 10px;
	background-image: url(images/back_h3.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 2px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #EF788D;
	background-color: #EBEBEB;
	background-position: right top;
	}


.page h4 {
	clear:both;
	color:#333333;
	line-height:2em;
	margin-bottom:10px;
	margin-right:20px;
	margin-top:20px;
	padding-left:10px;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-image:url(images/icon_h3.gif);
	background-position:0px center;
	background-repeat:no-repeat;
	margin-left: 20px;	
	font-size: 90%;
	vertical-align:text-top;
	}

.post h4 {
	font-size:100%;
	font-weight:normal;
	line-height:1em;
	margin:0px;
	padding-left:10px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #EF788D;
	vertical-align:text-top;
	}



/*---------------------------
header
-----------------------------*/
#header {
	min-height:70px;
	height:65px;
	margin:0px;
	width:790px;
	background-image: url(images/back_header.jpg);
	background-repeat: no-repeat;
	background-position:center bottom;
	padding-right: 5px;
	padding-left: 5px;
	font-size:70%;
	}

#header a {
	color:#FFFFFF;
	}

#header a:hover {
	color:#E8E6DD;
	}

#header #description {
	float: left;
	margin-top: 25px;
	line-height:1.2em;
	text-align:right;
	padding-right:1em;
	color: #99775B;
	}

.gohome {
	clear: both;
	display: block;
	font-size: 90%;
	padding-top: 10px;
	padding-left: 20px;
	margin-right: 10px;
	line-height: 1em;
	font-weight: bold;
	}

#bigmenu {
	float:left;
	height:315px;
	margin:0px;
	padding:0px;
	width:180px;
	background-image: url(images/button_menu_1.jpg);
	background-repeat: no-repeat;
	font-size: 70%;
	list-style-type: none;
	}

#bigmenu li a {
	color: #FCC;
	height: 47px;
	width: 170px;
	padding-top: 10px;
	padding-left: 10px;
	line-height: 1em;
	display:block;
	overflow:hidden;
	}

#bigmenu li a:hover {
	background-image: url(images/button_menu_2.jpg);
	text-decoration: none;
	color: #FCC;
	height: 47px;
	width: 170px;
	padding-top: 10px;
	padding-left: 10px;
	line-height: 1em;
	display:block;
	overflow:hidden;
	}
#bigmenu .menu_home a,
#bigmenu .menu_home a:hover {
	height: 20px;
	text-indent:-10000px;
	overflow:hidden;
	}
#bigmenu .menu1 a:hover {
	background-position: 0px -30px;
	}
#bigmenu .menu2 a:hover {
	background-position: 0px -87px;
	}

#bigmenu .menu3 a:hover {
	background-position: 0px -144px;
	}

#bigmenu .menu4 a:hover {
	background-position: 0px -201px;
	}

#bigmenu .menu5 a:hover {
	background-position: 0px -258px;
	}

#bigmenu strong {
	display: block;
	font-size: 120%;
	margin-bottom: 5px;
	color: #FFF;
	}

#flash {
	float: left;
	background-image:url(images/flash.jpg);
	width:620px;
	height:285px;
	text-align: right;
	}

#flash p {
	float:left;
	width:350px;
	height:auto;
	display:none;
	}

#flash object {
	float:right;
	margin:14px 13px 0 0;
	}
 
#search {
	background-image:url(images/back_submenu.jpg);
	color:#CCCCCC;
	font-size:90%;
	height:auto;
	min-height:30px;
	margin-bottom:0px;
	margin-top:0px;
	width:620px;
	display: block;
	float: left;
	text-align:right;
	background-repeat: no-repeat;
	}

#search form {
	background-image: url(images/icon_search.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	font-size: 80%;
	font-weight: bold;
	color: #FFFFFF;
	width:300px;
	line-height:1em;
	text-align:left;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-left: 200px;
	margin-top: 0px;
	margin-bottom: 0px;
	}

#search #s {
	width:145px;
	margin: 0px 3px;
	}

#search input {
	display:inline;
	}



/*------------------------------
side
-------------------------------*/

#side {
	background-image:url(images/back_shadow_content.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
	height:auto;
	margin:0px;
	padding:0px 0px 15px;
	width:180px;
	}

.contact {
	background-image: url(images/banner_contact.png);
	background-repeat: no-repeat;
	height: 150px;
	width: 180px;
	text-indent: -10000px;
	display: block;
	overflow: hidden;
}

#side .banner {
	padding-bottom: 5px;
	padding-left: 5px;
	margin-left: 15px;
	padding-top: 5px;
	}

#side h2.widgettitle {
	color: #333333;
	padding-left: 8px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #EF788D;
	font-size: 90%;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 15px;
	margin-left: -10px;
	line-height:1em;
	}

#side h4 {
	color: #333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 0px;
	}

#side h3 span {
	display:block;
	font-size:70%;
	color:#999999;
	}

#side .dynamic_sidebar {
	line-height: 1.3em;
	padding-left: 0px;
	list-style:none;
	margin-left: 20px;
	margin-right: 10px;
	}

.dynamic_sidebar img {
	display: block;
	padding: 1px;
	margin-bottom: 5px;
	}
#side .widget {
	font-size:80%;
	list-style:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;	
}
.blogroll {
	margin-left:0px;
	padding-left:0px;
	list-style:none;
	font-size:70%;
}


.golink {
	background-image:url(images/icon_golink.gif);
	background-repeat:no-repeat;
	text-align:right;
	background-position: left center;
	font-size: 80%;
	padding-left: 10px;
	}

.more {
	background-image:url(images/icon_golink.gif);
	background-repeat:no-repeat;
	text-align:right;
	background-position: right center;
	padding-right: 10px;
	font-size: 75%;
	margin-top: 10px;
	display: block;
	}

.more-link {
	background-image:url(images/icon_golink.gif);
	background-repeat:no-repeat;
	background-position: left center;
	padding-left: 10px;
	}

.pagetop {
	background-image:url(images/icon_gotop.gif);
	background-repeat:no-repeat;
	text-align:right;
	background-position: right center;
	font-size: 75%;
	margin-top: 20px;
	margin-bottom: 0px;
	clear:both;
	margin-right: 30px;
	padding-right: 10px;
	width:760px;
	}

.navigation {
	font-size: 75%;
	text-align: center;
	clear: both;
	}

.postmetadata {
	font-size: 75%;
	color: #999999;
	}

.ber_niji {
	background-image:url(images/back_ber_niji.jpg);
	height:5px;
	width:auto;
	}

.caption_topics {
	float:left;
	font-size:80%;
	height:auto;
	line-height:2em;
	margin:0px;
	padding:35px 0px 0px;
	text-align:left;
	width:350px;
	}

/*.quickshopcart {
	width: 155px;
	margin-left: 5px;
	padding: 5px;
	margin-bottom: 15px;
	border: 1px solid #CCCCCC;
	}

.widgettitle {
	font-size: 90%;
	background-image: url(images/icon_shopingcart.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #278BA9;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	height: 25px;
	}

.quickshopcart p {
	font-size: 70%;
	padding-left: 25px;
	}
*/


/*------------------------------------
contents
-------------------------*/
#contents {
	margin:0px;
	padding:0px;
	width:800px;
	clear:both;
	background-color: #FAF9F7;
	}

#main {
	float:left;
	margin:0px;
	width:620px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	}

.post,
.page {
	margin-left:30px;
	margin-right:30px;
	clear:both;
	}

.post p {
	margin-top:0px;
	margin-bottom: 20px;
	}

.icon {
	float:left;
	margin:5px;
	margin-top: 15px;
	}

.icon2 {
	margin:0px 0.5em 0px 0px;
	}

.button_side {
	margin-left:20px;
	margin-top:5px;
	padding:0px;
	}

.title_sab {
	color:#000066;
	font-size:70%;
	}

.caption_main {
	display:block;
	font-size:150%;
	}

caption_navi {
	display:inline;
	float:left;
	font-size:70%;
	height:auto;
	line-height:1em;
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:0px;
	padding-top:0px;
	width:auto;
	}

.banner1 {
	border:1px solid #CCCCCC;
	clear:left;
	height:60px;
	margin-left:15px;
	margin-top:10px;
	padding:5px;
	width:445px;
	}

.frame {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:5px;
	}

.content {
	height:auto;
	margin:20px 0px;
	text-align:left;
	width:610px;
	}

.access {
	float:left;
	font-size:70%;
	height:auto;
	margin:0px 10px 10px 0px;
	padding:0px;
	text-align:right;
	width:370px;
	}

.access_r {
	float:right;
	font-size:80%;
	height:auto;
	margin:0px;
	padding:0px;
	text-align:left;
	width:215px;
	}

.access img {
	margin-bottom:10px;
	}

.blog_l {
	float:left;
	font-size:90%;
	height:auto;
	line-height:1.4em;
	padding-bottom:5px;
	padding-right:0px;
	padding-top:0px;
	width:400px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	}

.blog_l p {
	margin-bottom: 1em;
	}

.blog_l img {
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	}

.category_top img {
	margin-bottom: 5px;
	width: 100px;
	border: 1px solid #CCCCCC;
	float: left;
	margin-right: 5px;
	height: 75px;
	}

.blog_r{
	border-left:1px solid #CCCCCC;
	float:right;
	font-size:70%;
	height:auto;
	margin:0px;
	padding:0px 0px 0px;
	text-align:left;
	width:125px;
	}

.blog_r p {
	margin-bottom:10px;
	margin-left:5px;
	margin-top:5px;
	}

.caption_70 {
	font-size:70%;
	}

#comment {
	width:480px;
	}

.trackback-url {
	clear:both;
	padding:7px;
	border:1px solid #f0f0f0;
	font-size:80%;
	}

.table {
	margin-left: 60px;
	margin-right: 60px;
	}

.table th {
	background-color: #D6DFF3;
	padding-left: 20px;
	text-align: right;
	}

.table td {
	background-color: #EFEFEF;
	padding-right: 20px;
	}

.pdf {
	background-image: url(images/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 30px;
	}

.case {
	margin-left:30px;
	margin-right:30px;
	font-size: 90%;
	margin-bottom: 20px;
	margin-top: 10px;
	}

.case_img {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	}

.case_img img {
	margin-right: 10px;
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	float:left;
	}

.dl_profile {
	margin-right: 30px;
	margin-left: 30px;
	font-size: 90%;
	line-height: 1.8em;
	}

.dl_profile dt {
	display: block;
	float: left;
	width: 100px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	}

.dl_profile dd {
	margin-left: 100px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	}

.ul_profile {
	margin-right: 30px;
	margin-left: 30px;
	font-size: 90%;
	line-height: 1.8em;
	list-style-type: square;
	}

.ul_profile li {
	list-style-type: square;
	margin-left: 15px;
	}

.note {
	font-size: 90%;
	color: #990000;
	}

.first:first-letter {
	font-size: 180%;
	color: #EF788D;
	font-weight: bold;
	margin-right: 5px;
	}

.yaji {
	background-image: url(images/img_yaji.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 25px;
	}

.gedadobe {
	background-image: url(images/button_adobe.gif);
	background-repeat: no-repeat;
	height: 23px;
	padding-top: 10px;
	padding-left: 100px;
	font-size: 80%;
	display: block;
	}



/*---------------------
home
-----------------------*/
#home {
	float:left;
	margin:0px;
	width:620px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	}
	
#home .dynamic_sidebar  {
	margin:0px;
	list-style:none;
	padding:0px;
}

#home .widget {
	padding-top: 10px;
	clear: both;
	margin: 0px;
	}
#home .textwidget {
	margin:30px;
	font-size: 90%;
	}
#topics p {
	margin-bottom: 1em;
	}


.whatsnew {
	font-size: 80%;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
	list-style-type: none;
	padding-left: 0px;
	}

.whatsnew li {
	border-bottom:1px solid #CCCCCC;
	clear:both;
	height:auto;
	margin-bottom:15px;
	width:auto;
	}

.whatsnew .date {
	color:#333333;
	font-weight: bold;
	padding-right: 10px;
	}

#mobile {
	border: 1px solid #CCCCCC;
	padding: 5px;
	font-size: 90%;
	min-height:90px;
	background-color: #E9E0CB;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 20px;
	margin-left: 20px;
	}

#mobile h3 {
	margin-top: 5px;
	}

#mobile img {
	float:left;
	margin-right: 10px;
	}



/*-----------------------
footer
-------------------------*/
#footer {
	background-repeat:repeat-y;
	clear:both;
	height:auto;
	text-align:center;
	width:800px;
	padding-bottom: 5px;
	background-color: #F0F0F0;
	}

#footer .link {
	font-size:70%;
	height:auto;
	line-height:1.5em;
	padding-bottom:5px;
	padding-top:15px;
	width:auto;
	padding-left: 0px;
	list-style-type: none;
	text-align: center;
	}

#footer .link li {
	display:inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	padding-right: 5px;
	padding-left: 5px;
	}

#footer .credit {
	font-size: 70%;
	color: #4D4D4D;
	text-align:center !important;
	}

.case_line {
	font-size: 90%;
	margin-right: 15px;
	margin-left: 15px;
	float: left;
	padding-bottom: 20px;
	}



/*-----------------------
for IE
-------------------------*/

*html #contents,
*html .post,
*html .blog,
*html li,
*html #mobile {
	zoom: 1;
	}

*html #box {
	line-height: 1.6em;
	}
*html #header {
	height:70px;
	}
	
*html .gohome {
	margin-right: 5px;
	}

*html #bigmenu {
	font-size: 60%;
	}
	
*html #bigmenu li a,
*html #bigmenu li a:hover{
	height: 46px;
	} 
	
*html #bigmenu .menu_home a,
*html #bigmenu .menu_home a:hover {
	height:19px;
	}
	
*html #bigmenu .menu2 a:hover {
	background-position: 0px -87px;
	}

*html #bigmenu .menu3 a:hover {
	background-position: 0px -144px;
	}

*html #bigmenu .menu4 a:hover {
	background-position: 0px -201px;
	}

*html #bigmenu .menu5 a:hover {
	background-position: 0px -258px;
	}

*html #bigmenu li a,
*html #*:first-child+html #bigmenu .menu2 a:hover {
	background-position: 0px -87px;
	}
	
*:first-child+html #bigmenu li a {
	color: #EFEFEF;
	height: 46px;
	width: 170px;
	padding-top: 10px;
	padding-left: 10px;
	line-height: 1em;
	display:block;
	overflow:hidden;
	} 
	
*:first-child+html #bigmenu .menu3 a:hover {
	background-position: 0px -144px;
	}

*:first-child+html #bigmenu .menu4 a:hover {
	background-position: 0px -201px;
	}

*:first-child+html #bigmenu .menu5 a:hover {
	background-position: 0px -258px;
	}
*html #search form {
	padding:3px 15px;
}
*html #search input {
	vertical-align:middle;
	}

*html #flash object {
	float:right;
	margin:14px 13px 0px 0px;
	padding:0px;
	}
	
/*------------------------end 2008-6-6------------------------*/

#link a {
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 15px;
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 15px;
	font-size: 70%;
}
#link {
	font-weight: bold;
}
.company,
.contact_form{
	font-size: 90%;
}
.company th,
.contact_form th {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A99D7E;
	text-align: left;
}
.company td,
.contact_form td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A99D7E;
}
#wpcf7-f1-p15-o1 {
	font-size: 90%;
	background-color: #F7F4E7;
	padding: 10px;
}

.alignleft {
	float: left;
	margin-right: 10px;
}
.alignright {
	float: right;
	margin-left: 10px;
}
#page_id_2 {
	background-image: url(images/line_pink.png);
	background-repeat: no-repeat;
	background-position: left 80px;
}
#page_id_2 .top {
	padding-top: 40px;
	height: 40px;
	font-size: 130%;
	color: #EF788D;
}

#page_id_2 .caption {
	font-size: 130%;
	color: #EF788D;
}