@charset "shift_jis";
html {
	font-size: 100%;
	line-height: 100%;
}
h1 {
	font-size: 1em;
	line-height: 1em;
	margin: 0px;
	padding: 0px;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#header {
	background: url(../image/header_bg.gif) repeat-x;
	width: 100%;
	height: 91px;
	position: relative;
}

#logo {
	position: absolute;
	top: 0px;
	right: 0px;
}
#logo p {
	font-size: 12px;
	display: block;
	position: absolute;
	top: 40px;
	right: 2px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;
	margin: 0px;
	padding: 0px;
	color: #666;
}

#headerinner {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#breadcrumblist {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	font-size: 0.7em;
	color: #006589;
	height: 20px;
}
#breadcrumblist a {
	text-decoration: none;
	color: #006589;
}
#breadcrumblist a:hover {
	text-decoration: underline;
}
#notice {
	background-color:#C2EBEE;
	font-size: 0.8em;
	padding:2px 5px;
	color: #666a6a;
	width:940px;
	margin:3px auto 10px;
}
#notice ul li{
	background: url(../image/top/notice_bg.gif) no-repeat left;
	padding:0 0 0 17px;
	line-height:20px;
}

#mainimage{
	margin:0 auto;
	width:950px;
}

#mainimage ul{
	overflow:hidden;
}

#mainimage ul li{
	float:left;
}

#mainimage ul:after{
	clear:both;
}

#stage {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-top: 10px;
}
#stage:after {
	clear:both;
}
#contents {
	float: left;
	width: 700px;
}

#back_top {
	clear: both;
	font-size: 0.8em;
	color: #0094C9;
	padding-top: 8px;
	float:right
}
#back_top a {
	color: #0094C9;
	background:url(../image/cm2/allow3.gif) no-repeat;
	display: block;
	background-position: 3px 5px;
	padding-left: 15px;
}

/* Sidemenu 
--------------------*/

#sub {
	float: right;
	width: 230px;
	padding-top: 10px;
}
#sub h2 {
	margin: 0px;
	padding: 0px;
	clear: both;
}
#sub h3 {
	margin: 0px;
	padding: 0px;
}

#sub a:hover img{
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	opacity:0.7;
	zoom:1;
}
#sub a:hover #twitter_logo{
	filter: alpha(opacity=100);        
	-ms-filter: "alpha(opacity=100)"; 
	opacity:1;
	zoom:1;
}

/* おすすめ情報 */
#newsarea {
	background-color: #FFF;
	border: 5px solid #0096b9;
	margin-bottom:10px;
}
#newsarea dl {
	margin: 0px;
	padding: 10px;
}
#newsarea dl dt {
	display: block;
	width: 106px;
}
#newsarea dl dd {
	display: block;
	font-size: 0.8em;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#newsarea a {
	color: #003895;
}

/* エコロジーサイト */
#infoarea {
	background-color: #FFF;
	margin-bottom: 10px;
	width: 230px;
}
#ecoarea {
	border: 5px solid #0096b9;
	padding:8px 0 0 8px;
}
#ecoarea img {
	padding-bottom: 10px;
}
/* スマートフォンアプリ */
#smaarea {
	margin-bottom: 10px;
	width: 230px;
	clear: both;
}
#smartphonearea {
	padding:10px 0 0 10px;
	background-color: #FFF;
	border: 5px solid #0096b9;
	overflow: auto;
}
#smartphonearea ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#smartphonearea li {
	float: left;
	display: block;
	width: 201px;
}
#smartphonearea a {
	display: block;
	padding-bottom: 5px;
	overflow: hidden;
	height: 52px;
	width: 201px;
}

#smartphonearea img {
	padding-bottom: 5px;
}
/* 注目コンテンツ */
#pickarea {
	background-color: #FFF;
	margin-bottom: 10px;
	width: 230px;
	clear: both;
}

#pickuparea {
	padding:9px;
	background-color: #FFF;
	border: 5px solid #0096b9;
	overflow: auto;
	clear: both;
}
#pickuparea ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#pickuparea li {
	float: left;
	display: block;
	width: 201px;
}
#pickuparea a {
	display: block;
	padding-bottom: 5px;
	overflow: hidden;
	height: 120px;
	width: 201px;
}
#pickuparea img {
	padding-bottom: 5px;
}
/* SNS */
#facearea{
	border-bottom:5px solid #0096b9;
}
#facebookarea {
	background-color: #FFF;
	border: 5px solid #0096b9;
	padding:9px 0 5px 9px;
	border-bottom:none;
}
#twitterarea {
	margin-top:5px;
	width:201px;
	background:#39c0cb;
	padding-top:5px;
}
#twitterarea ul {
	margin:5px 0 0 30px;
	text-align:left;
}
#twitterarea ul li{
	display: block;
	font-size: 0.8em;
	padding-left: 15px;
	background-image: url(../image/arrow2.gif);
	background-repeat: no-repeat;
	margin-bottom:3px;
}
#twitterarea a {color:#fff;}
#twitterarea a:hover{color:#eee;text-decoration:none;}
#twitterarea .trigger {
	display: block;
	width: 201px;
}
#twitterarea .block {overflow: hidden;}
#twitterarea h3{background:#ffffff;}
#sub iframe{
	width:220px;
	height:650px;
	border-left: 5px solid #0096b9;
	border-right: 5px solid #0096b9;
}


/* end of Sidemenu*/


#stage .check-area {
	clear: both;
	font-size: 0.8em;
	padding:15px 15px;
	margin:0;
}

#stage .check-area ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#stage .check-area li{
	display: inline;
	float: left;
	padding-right: 10px;
}

.check-area #check-area-inner .google {
	width: 75px;
	overflow: hidden;
	display: block;
	height: 24px;
	padding-right: 0px;
}

#innermenu {
	width: 701px;
	margin:10px 0;
}
#innermenu ul li {
	float: left;
	height:40px;
}
#innermenu ul li a{
	display:block;
	height:0;
	padding-top:40px;
	overflow:hidden;
	line-height:40px;
}

#inner_btn1{background:url(../image/common/navi1.png) no-repeat;width:92px;}
#inner_btn2{background:url(../image/common/navi2.png) no-repeat;width:153px;}
#inner_btn3{background:url(../image/common/navi3.png) no-repeat;width:153px;}
#inner_btn4{background:url(../image/common/navi4.png) no-repeat;width:153px;}
#inner_btn5{background:url(../image/common/navi5.png) no-repeat;width:148px;}
#inner_btn1 a:hover{background:url(../image/common/navi1_h.png) no-repeat;width:92px;}
#inner_btn2 a:hover{background:url(../image/common/navi2_h.png) no-repeat;width:153px;}
#inner_btn3 a:hover{background:url(../image/common/navi3_h.png) no-repeat;width:153px;}
#inner_btn4 a:hover{background:url(../image/common/navi4_h.png) no-repeat;width:153px;}
#inner_btn5 a:hover{background:url(../image/common/navi5_h.png) no-repeat;width:148px;}
#innermenu ul li a{background:none;}

#inner_btn2.on a{background:url(../image/common/navi2_h.png) no-repeat;width:153px;}
#inner_btn3.on a{background:url(../image/common/navi3_h.png) no-repeat;width:153px;}
#inner_btn4.on a{background:url(../image/common/navi4_h.png) no-repeat;width:153px;}
#inner_btn5.on a{background:url(../image/common/navi5_h.png) no-repeat;width:148px;}


/* renewal 1208
----------------------------------------*/
.borderline{
	background:url(../image/common/borderline.png) repeat-x;
	height:6px;
	margin:5px 0 15px;
}
.borderline_red{
	background:url(../image/common/borderline_red.gif) repeat-x;
	height:5px;
	margin:15px 0;
}
.borderline_l{
	background:url(../image/common/borderline_large.gif) repeat-x;
	height:10px;
	margin:15px 0 0;
}
.borderline_weakred{
	background:url(../image/common/borderline_weak.gif) repeat-x;
	height:10px;
	margin:0 0 15px;
}

#content_inner{
	background: url(../image/common/content_inner.png) repeat-y;
	padding:0 13px;
}
#content_footer{
	background: url(../image/common/content_footer.png) no-repeat;
	height:14px;
}