@charset "utf-8";
/*
Theme Name: WordPress Default
*/

/* reset ----------- */
body,div,p,h1,h2,h3,h4,ul,li,table,tr,td,iframe{
	margin:0;
	padding:0;
}
img{
	border:0;
}

/* layout ----------- */
body{text-align:center;        background:url("./images/header_top.png") top repeat-x;}
#wrapper {
	width:952px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;}
#header{
	height:145px;
	width:950px;
	position:relative;overflow:hidden;}
#logo-header {margin-top:16px;}
#headerlink{
	position:absolute;
	top:20px;
	right:0px;
	font-size:80%;}
#gnav {
	position:absolute;
	bottom:0;
	right:0px;
	border:1px solid #cccccc;
    height:37px;}
	
#gnav ul{
	list-style:none;
	margin:0;
	padding:0;}
#gnav ul li{
	float:left;
	margin:0;
    border-left:1px solid #eeeeee;}
#content{
	position:relative;
	width:538px;
        float:right;
	border:1px solid #cccccc;}

#left-col{
	width:218px;
	position:relative;
		float:left;
		margin-right: 20px;}

#submenu-area{
	width:218px;
	border:1px solid #999999;
	background:#eeeeee;
	padding-bottom:20px;margin-bottom:15px;}
#news-area{
	width:218px;
	border:1px solid #999999;}

#right-col{
	width:154px;
	position:relative;
	margin:20px 0px 0px 18px;
	float:left;}

#wrapper_contents {
	width:778px;
	margin:20px 0px 0px 0px;
	text-align:left;
        float:left;}



#twitter, #projects, #related_sites{border:1px solid #999999; margin-bottom:15px;}

#right-col img{
	margin-top:1px;}



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

body {font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial;}
body {color:#666666;}
p{font-size:90%;line-height:1.5em;}
a:link{color:#003366;text-decoration:none;}
a:visited{color: #336666;text-decoration:none;}
a:hover{color: #336699;text-decoration:underline;}

#breadcrumb ul{
	list-style:none;
	font-size:75%;
	line-height:1.5em;
	margin-left:10px;margin-bottom:5px;margin-top:3px;
	}
#breadcrumb ul li{
	display:inline; 
}
#news-area ul{
	width:210px;
	list-style:none;
	font-size:12px;
	margin-top:15px;
	margin-left:12px;
	margin-bottom:15px;
}
#news-area ul li{
	line-height:1.2em;letter-spacing:0.05em;
	margin-top:8px;
	}


#headerlink a{background:url("./images/triangle.png") left no-repeat; padding-left:15px;}

/*footer各設定*/

#footer {margin:0px;
background:url("./images/footer-edge.gif");
background-repeat: repeat-x;background-position:bottom left;

}

#footer {
	margin-top:40px;
	padding:25px 0px 5px 0px;
}
#footer ul{letter-spacing:0.2em;font-size:12px;list-style:none;}
#footer ul li{display:inline; margin-left:20px;}

#footer #textlinks{
	margin-top:15px;
	line-height:2em;
	letter-spacing:0.05em;
	font-size:80%;
}
#footer #copyright{
        color:#666666;letter-spacing:0.1em;
	margin-top:3px;
	font-size:75%;
	font-weight:bold;
}
	
/*footer各設定ここまで*/

/* class、文字の設定------------*/

p{
    /*text-indent:1em;*/
	margin:10px 20px 10px 20px;
	letter-spacing:0.1em;
}
p.style1{text-indent:0em;        font-size:14px;}

.clear{ clear:both; }

#gnav ul{font-size:17px;font-family:Times New Roman;font-weight:bold;}

h1{
        width:538px;
        height:169px;
        
}
h2{
        color: #555555; font-weight: bold; font-size: 16px; 
        margin: 12px 12px 30px 12px;font-family:"ＭＳ ゴシック";
}
#submenu-area h2{
        margin:15px 10px 30px 15px;font-size:17px;
        font-family:Times New Roman, "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W6";
        font-weight:bold;color:#333333;
}

#news-area h2{
        font-size: 14px;
        margin:0px; padding:6px 12px 6px 12px;
        background:#eee url("./images/whats_new.png") no-repeat;
        background-position: 110px 35%;  
}

#content h2{
        padding: 14px 15px 15px 30px; margin:0px;
        background:url("./images/h2_content.png") left no-repeat;
        border:1px solid #aaaaaa;
}

#content h3{
        font-size:13px;padding: 4px 15px 4px 30px; margin-top:20px;
        background:url("./images/h3_content.png") left no-repeat;
        border:1px solid #cccccc;
}

h4{
	margin:15px 20px 15px 20px;
	letter-spacing:0.1em;
        font-size:14px;
        line-height:1.8em;
}
h5{
        margin-left:20px;font-size:16px;
        letter-spacing:0.05em;margin-bottom:10px;
}

#right-col h2{
        font-size: 12px;background-color:#eeeeee;
        text-align:center;margin:0px;padding-top:4px;
        padding-bottom:4px;border-bottom:1px solid #aaaaaa;
}

/* class、文字の設定ここまで------------*/

#right-col {text-align:center;}




/* Member Page カスタマイズ */
.pic_caption{width:200px;height:300px;float:left;}
.profile{float:left;width:330px;margin-bottom:20px;}
.profile p{float:left;font-size:12px;}
.pic_caption img{margin:12px 10px 5px 10px;}
.caption_img {margin:0;}
.caption {margin:10px 15px 10px 23px;
font-size:70%;
line-height:1.4em;}

p.caption{font-size:10px;line-height:1.4em;text-indent:0em;}

/* Member Page カスタマイズここまで */

.pagetoplink {
	width: 530px;height:15px;text-align:right;
	margin-top:10px;margin-bottom:10px;overflow:hidden;
}
.pagetoplink a{
        display:block;background: #fff url("./images/btn-pagetop.gif") top;
        width:80px;height:15px;float:right;
}
.pagetoplink a:hover {
        background: #fff url("./images/btn-pagetop.gif") bottom;
        width:80px;height:15px;
}
#logo-header a{float:left;}

/*Twitter部分設定*/

#twitter {margin-bottom:20px;width:150px}
#twitter h2{background-color:#ffffff;padding:0px;}
#twitter ul li{font-size:10px;list-style:none;padding:5px 5px 5px 5px;text-align:left;}
#twitter a:hover{text-decoration:none;}

/*Twitter部分設定ここまで*/

/*問い合わせフォーム*/
#wpcf7-f1-p2-o1 p{	width:480px;
	margin-top:10px;
	margin-left:28px;
	letter-spacing:0.1em;
	text-indent:1em;}

#wpcf7-f1-p2-o1 {margin-bottom:10px;}

/*問い合わせフォームここまで*/

/*gnavロールオーバー*/

#gnav ul li a{
        color:#333333;
        background:url("./images/gmenu_blank.png") left top repeat-x;
        height:37px;
        line-height:37px;
        text-decoration:none;
        text-align:center;
        display:block;padding-left:30px;padding-right:30px;
}

#gnav ul li a:hover{
        color:#111111;
        background:url("./images/gmenu_blank.png") left bottom repeat-x;
}
.current-cat{}

/*gnavロールオーバーここまで*/

/*sub-menuロールオーバー*/
ul.sub-menu{list-style:none;font-size:12px;}
.sub-menu li a{color:#333333;
	       font-weight:bold;
	       text-decoration:none;}
.sub-menu  li a:hover{
                      color:#666666;text-decoration:none;}

ul.sub-menu > li{font-weight:bold;color:#333333;
	margin:18px 12px 10px 12px;
	padding-left:24px;
	display:block;
	background:url("./images/red-single-button.gif") no-repeat left top;
}

ul.sub-menu > ul{ margin:18px 12px 10px 12px;background:none;list-style:none;font-size:12px;padding-left:14px;}

/*IE7用設定ここから*/
ul.sub-menu * ul{ margin:18px 12px 10px -10px;background:none;list-style:none;font-size:12px;}
/*IE7用設定ここまで*/

ul.sub-menu ul li{margin-top: 13px;padding-left:-30px;}
ul.sub-menu ul li a{
	font-weight:normal;
	font-size:12px;
	color:#222222;}
ul.sub-menu ul li a:hover{color:#444444;}

/*sub-menuロールオーバーここまで*/
body {color:#666666;}

.title {
	background:#FFFFFF;
	border:1px solid gray;
	height:120px;
	width:95%;
	margin-bottom:10px;
	font-weight:900;
        font-size:30px;
        text-align:center;
        margin-left:13px;
        margin-top:20px;
}

.bosyu {
        margin-top:10px;
        text-align:center;
}

.guide {
	background:#FFFFFF;
	border:1px solid gray;
	height:520px;
	width:95%;
	margin-bottom:10px;
        margin-left:13px;
}

.details {
	background:#FFFFFF;
	border:1px solid gray;
	height:380px;
	width:92%;
	margin-bottom:10px;
        margin-left:13px;
        padding-left:15px;
}

.details1 {
	background:#FFFFFF;
	border:1px solid gray;
	height:470px;
	width:47%;
	float:left;
	margin-bottom:10px;
        margin-left:13px;
}

.details2 {
	background:#FFFFFF;
	border:1px solid gray;
	height:470px;
	width:47%;
	float:right;
	margin-bottom:10px;
        margin-right:13px;
}

.click {
	clear:both;
	background:#FFFFFF;
	border:1px solid gray;
	height:100px;
	width:95%;
        margin-left:13px;
}

.font-red {
font-size:150%;
font-weight:bold;
color:red;
}

.font-blue {
font-size:120%;
font-weight:bold;
}

.a {
font-size:80%;
padding-left:10px;
}

.hr {
border-bottom:1px solid #CCCCCC;
}

a span.attention {
color:red;
font-weight:bold;
}

 
/* エコ実践塾　*/

.ecokentei-info{
	border: 1px solid #999999;
	width: 511px;
	margin: 13px;
}
.ecokentei-info span{
	color: #000099;
	font-size: 14px;
}
#koushi-photo{
	float: right;
	margin: 0 10px 0 0;
}
#koushi-tokita-info{
	width: 300px;
}
.moushikomi-button{
	text-align: center;
	margin: 0 10px 10px 0;
}