/*

Theme Name: Plus1
Description: エコボル登録店テーマ-プラスプラン
Author: 有田電器情報システム株式会社

---------------------------------------------------------------


	theme:business
	style.css


-------------------------------------------------------------*/

body,div,p,ul,ol,li,dl,dt,dd,form,table,form,
h1,h2,h3,h4,h5,h6,pre{
	padding:0;
	margin:0;
}
body,pre{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
body{
	font-size:80%;
	color:#333;
	line-height:120%;
}
*html img {
	behavior: url("http://happy-eco.jp/happy/wp-content/themes/default/js/iepngfix.htc");
	line-height:0;
	font-size:0;
}
pre{
	overflow: hidden;
    white-space: normal;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	word-wrap: break-word;      /* IE 5.5+ */
	}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
}

#header li,
#sub_column li,
#page_index li,
#alignright li,
#global li,
#sitemap ul li,
#company li,
#faq ul li{
	list-style:none;
}
ul,li{
	list-style:outside;
}
#company ul{
	padding:0px;
}

#header,#content,#sidebar,#global ul,#footer1 .clearfix{
	width:850px;
	margin:0 auto;
	text-align:left;
}

#content{
	width:826px;
	border-right:solid 1px #dddddd;
	border-left:solid 1px #dddddd;
	padding:0px 12px 0px;
	background:url(images/bg_sidebar.gif) repeat-y left;
}

#cont_rap{
	background:#fff;
}
/*-------------------------------------------------------------

	HEADER

-------------------------------------------------------------*/

#rap{
}

#header{
	padding:0px;
	min-height:770px;
}

#letsgoecovol{
	font-size:12px;
	margin-bottom:8px;
	color:#fff;
	}
#letsgoecovol a{
	color:#fff;
	text-decoration:none;
}
#letsgoecovol a:hover{
	text-decoration:underline;
}

#header .alignleft{
	width:530px;
	padding-top:16px;
}

#header .alignright{
	width:300px;
	text-align:right;
}

h1{
	font-size:180%;
	line-height:130%;
}

h1 a{text-decoration:none;}
h1 a img{
	max-width:390px;
	height:auto;
}
.description{
	font-size:85%;
}

#global li{
	float:left;
}

#global li a,#global li a:link,#global li a:visited{
	width:150px;
	height:37px;
	display:block;
	line-height:37px;
	padding:0 10px;
	text-align:center;
	text-decoration:none;
	color:#333;
	overflow:hidden;
}
#hnavi{
	padding:5px 0;
}
#hnavi li{
	font-size:0.8em;
	display:inline;
	padding:0 3px;
	border-left:solid 1px #ccc;
}

/*-------------------------------------------------------------

	MAIN

-------------------------------------------------------------*/

#comapany_pr{
	margin-bottom:10px;
	}

.showarea{
	height:180px;
	margin-bottom:15px;
	border:solid 1px #c8c8c8;
	text-align:center;
}

#main_column .visu_child img,
#main_column .visu_house img,
#main_column .visu_sun img,
#main_column .visu_company img,
#main_column .visu_kitchen img,
#main_column .visu_blue img{
	width:608px;
	height:46px;
}
#main_column .visu_child img,
#main_column .visu_house img,
#main_column .visu_sun img,
#main_column .visu_company img{
	margin-top:128px;
	border:none;
}
#main_column .visu_kitchen img{
	margin-top:3px;
	border:none;
}
#main_column .visu_blue img{
	margin-top:65px;
	border:none;
}
#main_column{
	line-height:1.5em;
}

.showarea_comp{
	margin-bottom:15px;
	text-align:center;
	}
.showarea_comp object{
	width:600px;
	height:auto;
	border:solid 1px #c8c8c8;
}
.pr{
	margin-left:600px;
	height:190px;
	overflow:hidden;
	color:#fff;
	background-color:#333;
	padding:30px;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#main{
	padding-top:15px;
}

#main_column{
	width:610px;
	float:right;
}
#main_column img{
	max-width:608px;
	width:auto;
	max-height:auto;
	height:auto;
	vertical-alilgn:bottom;
}

.post{
	margin-bottom:10px;
}

.post p{
	padding:4px 0px;
}

/*-----------------------------------------------------------*/
/* widget */

#sub_column{
	width:190px;
	float:left;
	padding-right:15px;
}

#sub_column h4{
	color:#fff;
	padding:2px 3px;
	margin-bottom:5px;
}
#sub_column li a{
	padding-left:15px;
	background-position:2px 4px;
}

.widget{
	margin-bottom:10px;
}

.widget ul{
	line-height:1.5em;
}

.widget dl{
	padding:0 0px 7px;
}

.widget dl dt{
	font-weight:bold;
	padding-top:0.5em;
	margin-bottom:0.3em;
	border-top:1px solid #ddd;
	font-size:90%;
}

.widget dl dd{
	margin-bottom:0.5em;
}

.textwidget{
	padding:0 0px 15px;
}

	/* カテゴリ */

	.widget_categories ul,
	.widget_advanced_categories ul{
		padding:4px 0px 0px;
	}

	.widget_categories ul li,
	.widget_advanced_categories ul li{
		padding:0px 0px 0px;
		line-height:normal;
	}

	.widget_categories ul li a,
	.widget_advanced_categories ul li a{
		padding:0px 5px 0px 15px;
		display:block;
	}
	
	.cat-count{
		font-weight:normal;
		font-size:90%;
	}
.cat_menu{
	border:none;
}
.cat_menu li{
	border:none;
}

#side_staff,
#side_staff li{
	margin:0px;
	padding:0px;
	border:none;
	}

	/*子カテゴリ*/

	.widget_categories .children,
	.widget_advanced_categories .children{padding-top:7px;margin-left:15px;}

	/*ドロップダウンカテゴリ*/
	
	.widget_categories select,
	.widget_advanced_categories select{
		width:180px;
	}

/*リスト*/

.widget_categories .children li a,
.widget li a,
.widget_advanced_categories .children li a{
	width:auto;
	height:auto;
	text-decoration:underline;
	font-weight:normal;
}

/* 会社情報 */
#comp_img{
	margin-bottom:10px;
	}
.widget_profile ul.checklist{
	margin:0;
	padding:0;
	font-size:90%;
}

ul.checklist li{
	color:#666;
	padding:0 10px 0 30px;
	margin:0;
	background:url(images/check.gif) no-repeat 10px;
	border:none;
}

ul.checklist li.on{
	color:#333;
	background:url(images/check_on.gif) no-repeat 10px;
}
.widget_profile li.wp_lst a,
.widget_profile li.wp_lst a:hover{
	background:none;
	}
/* カレンダー */

.widget_calendar{
	background-image:none !IMPORTANT;
}
.widget_calendar h4{
	display:none;
}

#wp-calendar .pad{
	border:none;
}

#wp-calendar td,
#wp-calendar th{
	text-align:center;
	padding:3px 5px;
}

/*最新記事*/
.widget_recent_entries li{
	margin:0px;
	padding:0px;
}
.widget_recent_entries li a{
	padding-left:15px;
}
/*-------------------------------------------------------------

	FOOTER

-------------------------------------------------------------*/
#alignright{
	padding:30px 0px 10px;
	}
#alignright div{
	display:inline;
	float:left;
}
#alignright div a{
	padding-left:0px;
}
#alignright ul{
	display:inline;
	float:right;
	padding-top:15px;
}

#alignright .toppage,
#alignright .pagetop{
	float:right;
	}
#alignright a{
	color:#999;
	padding-left:13px;
	text-decoration:none;
	font-size:80%;
	}
#alignright .toppage a{
	background:url(images/icon_toppage.gif) no-repeat left;;
	}
#alignright .toppage a:hover{
	background-image:url(images/icon_toppage_on.gif);
	}
#alignright .pagetop a{
	background:url(images/icon_pagetop.gif) no-repeat left;
	}
#alignright .pagetop a:hover{
	background-image:url(images/icon_pagetop_on.gif);
	}

#page_index{
	float:right;
}
#page_index li{
	float:right;
	padding-left:5px;
	margin-left:5px;
	border-left:solid 1px #aaa;
	display:inline-block;
}
#page_index li a{
	color:#999;
	text-decoration:none;
	}

#footer1{
	border-top:1px solid #ddd;
	padding:0px 0px 5px 0px;
	font-size:80%;
	margin:0px auto;
}
#footer1 .clearfix{
	padding:3px 10px 0px;
	width:830px;
	}
#footer1 .alignleft{
	padding-left:15px;
}
#footer1 li{
	float:left;
	padding:0px 0px 0px 5px;
}
#footer1 li a:hover{
	text-decoration:underline;
}

#footer2{
	height:102px;
}

/*-------------------------------------------------------------

	DETAILS

-------------------------------------------------------------*/

/*-----------------------------------------------------------*/
/* result */

.result .alignleft{
	width:210px;
}

.result .alignright{
	width:400px;
}

/*-----------------------------------------------------------*/
/* contact */

#wpcf7-f4-p2037-o1 table{
	width:100%;
}

#wpcf7-f4-p2037-o1 .your-check .wpcf7-list-item{
	display:block;
}

#wpcf7-f4-p2037-o1 .your-message textarea{
	width:440px;
	height:150px;
}

#wpcf7-f4-p2037-o1 th{
	width:120px;
}

/*-------------------------------------------------------------

	ELEMENTS

-------------------------------------------------------------*/

.btn{
	text-align:center;
	margin:1em 0;
}

/*-----------------------------------------------------------*/
/* color */

.red{color:#CC0000;}
.blue{color:#0099CC;}
.orange{color:#FF9900;}

/*-----------------------------------------------------------*/
/* news */

.news{
	margin:1em 0px;
}
.news dt{
	font-size:90%;
}

.news dd{
	font-size:110%;
	margin-bottom:0.5em;
	border-bottom:dashed 1px #cdcdcd;
	padding:0px 1em 0.5em;
}

/*-----------------------------------------------------------*/
/* search */

#searchform .search_input{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	width:200px;
	padding:2px 2px 2px 20px;
	color:#333;
}

#searchform .search_botton{
	color:#fff;
	border:none;
	padding:2px;
}

p.search_result{
	text-align:center;
}

.search_keyword{
	font-weight:bold;
}

span.search_result{
	font-weight:bold;
	color:oragen;
}

/*-----------------------------------------------------------*/
/* navi */

.navi{
	clear:both;
	margin:1em auto;
	width:700px;
	font-size:90%;
}
.navi .prev{
	float:left;
	text-align:left;
}
.navi .prev a{
	padding-left:10px;
}
.navi .next{
	float:right;
	text-align:right;
}
.navi .next a{
	padding-right:10px;
}

.pagenavi {
	background:white;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
}

a.page-numbers, .pagenavi .current {
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:smaller;
}

a.page-numbers:hover {
	color:white;
}

.pagenavi .current {
	color: white;
	font-weight:bold;
}

.pagenavi .next, .pagenavi .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:smaller;
	font-weight:bold;
}

/*-----------------------------------------------------------*/
/* edit */

.edit{
	font-size:10px;
	margin-left:10px;
}

/*-----------------------------------------------------------*/
/* table */
table{
	border-collapse:collapse;
	border-top:solid 1px #ccc;
	border-right:solid 1px #ccc;
}
th,td{
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
	padding:0px 3px;
}

#company table,
#contact table{
	border-collapse:separate;
	border-spacing:2px;
	border:1px solid #ccc;
	font-size:100%;
}

#company td,#company th,
#contact td,#contact th{
	padding:4px 7px;
}

#company td,
#contact td{
	border-left:none;
	border-bottom:1px solid #eee;
}

#company th,
#contact th{
	background-color:#eee;
	border-left:none;

}
#contact td img{
	border:none;
}

/*-----------------------------------------------------------*/
/* link */

h2{
	font-size:170%;
	font-weight:normal;
	padding:0px 0px 10px;
	text-align:right;
	margin-bottom:20px;
	clear:both;
}

h3{
	color:#fff;
	padding:5px 10px;
	font-size:110%;
	font-weight:normal;
	margin:0px 0px 1em;
}

h3 a,h3 a:link,
h3 a:visited,h3 a:hover{
	color:#fff;
}

/*-----------------------------------------------------------*/
/* align */

.alignleft{float:left;}
img.alignleft{margin-right:1em;}
.alignright{float:right; padding-top:18px;}
img.alignright{margin-left:1em;}
.aligncenter{display:block;margin:1em auto;}

/*-----------------------------------------------------------*/
/* clearfix */

.clearfix:after,
#header:after,
#main:after,
#global ul:after,
.post:after,
#cp_tanto .cp_tan_box:after,
#top_tanto .cp_tan_box:after,
#alignright:after{
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

.clearfix,
#main,
#header,
#global ul,
.post,
#cp_tanto .cp_tan_box,
#top_tanto .cp_tan_box,
#alignright{
  min-height:1px;
}

* html .clearfix,
* html #main,
* html #header,
* html #global ul,
* html .post,
* html #cp_tanto .cp_tan_box,
* html #top_tanto .cp_tan_box,
* html #alignright{
  height:1px;
  /*\*//*/
  height:auto;
  overflow:hidden;
  /**/
}

.clear{clear:both;}


/*-----------------------------------------------------------*/
/* single */
.post .continud{
	text-align:right;
	width:auto;
	padding:0px;
	}
.post table{
	margin-bottom:10px;
	}

/*-----------------------------------------------------------*/
/* company */

.clearfix{
	margin-bottom:15px;
}

/*-----------------------------------------------------------*/
/* sitemap */

#sitemap h3{
	font-weight:bold;
}
#sitemap ul,
#faq ul{
	margin-bottom:15px;
	padding-left:20px;
}
#sitemap li,
#faq li{
	line-height:1.5em;

}
#sitemap li a,
#faq li a{
	padding-left:10px;
}
#sitemap li .children{
	margin:0px;
}


/* 担当者紹介
-----------------------------------------------------------------*/

#cp_tanto{
	padding:0px 15px 13px;
	background:#f8f8f8;
	}
#cp_tanto img{
	width:173px;
	border:solid 1px #c5c5c5;
	}
#cp_tanto .cp_tan_box{
	clear:both;
	padding:13px 0px;
	border-bottom:solid 2px #c5c5c5;
	}
#cp_tanto .cp_tan_img{
	width:175px;
	margin-right:10px;
	float:left;
	}
#cp_tan_box dl{
	width:270px;
	float:left;
	}
#cp_tanto dt{
	font-size:1.1em;
	font-weight:bold;
	}


#top_tanto img{
	width:173px;
	border:solid 1px #c5c5c5;
	}
#top_tanto .cp_tan_box{
	clear:both;
	padding:0px 0px 13px;
	border-bottom:solid 2px #c5c5c5;
	}
#top_tanto .cp_tan_img{
	width:175px;
	margin-right:10px;
	float:left;
	}
#top_tan_box dl{
	width:270px;
	float:left;
	}
#top_tanto dt{
	font-size:1.1em;
	font-weight:bold;
	}

/* 見積りフォーム
-----------------------------------------------------------------*/

table.sep{
	border:solid 1px #ccc;
}
table.sep th,
table.sep td{
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
}
table.sep th{
	background:#efefef;
}


/* よくある質問
-----------------------------------------------------------------*/

#faq dt{
	border-bottom: #c8c8c8 1px dashed;
	border-left: #c8c8c8 1px solid;
	padding-bottom: 10px;
	padding-left: 27px;
	padding-right: 5px;
	background: url(images/pc_icon_q.gif) no-repeat 5px 10px;
	border-top: #c8c8c8 1px solid;
	border-right: #c8c8c8 1px solid;
	padding-top: 10px;
}


#faq dd{
	border-bottom: #c8c8c8 1px solid;
	border-left: #c8c8c8 1px solid;
	padding-bottom: 10px;
	margin: 0px 0px 15px;
	padding-left: 27px;
	padding-right: 5px;
	background: url(images/pc_icon_a.gif) no-repeat 5px 10px;
	border-top: medium none;
	border-right: #c8c8c8 1px solid;
	padding-top: 10px;
}

#voice{
	border:solid 1px #ccc;
	margin-bottom:10px;
}
#voice dt{
	border-bottom:dashed 1px #ccc;
	font-weight:bold;
	padding:10px 15px;
}
#voice dd{
	padding:10px 15px;
	margin-bottom:15px;
}

#sub_column li a{
	display:block;
	margin-bottom:5px;
	padding-bottom:0px;
}
#sub_column li ul{
	padding-top:0px;
	margin-top:0px;
}


.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6{
	padding:5px 10px;
	font-size:110%;
	font-weight:normal;
	margin:0px 0px 1em;
}