@charset 'UTF-8';
@import url(common.css);
@import url(navi.css);

/* ================================================================ *
	NexasDesign 2008
	共通 CSS

	ナビゲーション、ボタン関係のCSSは[navi.css]にあります。
	※common.css側で【liタグ】なども初期化されているので、必要に応じて削除してください。
 * ================================================================ */


/* -------------------------------------------------------------------
>> 文書全体
------------------------------------------------------------------- */

body {
	text-align : center;
	color: #333333;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 160%;
	background-color: #E6E7DC;
}

/* デザインに合わせた適切なwidthに変更してください */
.wrap {
	width : 940px;
	margin : 0 auto;
	text-align : left;
	clear: both;
}
.wrap-mainvis {
	width: 960px;
	height : 167px;
	margin : 0 auto;
	background: url(../img/parts/mainvis_bg.jpg) no-repeat center bottom;
	text-align : left;
}

.wrapper {
	width:960px;
	zoom: 100%;
}

#h-bg {
	border-top: 4px solid #2F982F;
	background-color: #FFFFFF;
}
#m-bg {
	border-top: 1px solid #CCCCCC;
	background-color: #E6E7DC;
	padding-top: 6px;
}
#f-bg {
	background-color: #FFFFFF;
	padding-bottom: 30px;
}

p {
	line-height : 160%;
	font-size: 1em;

}

/* テーブルのborderをシンプルにする場合はコメントアウト */
/*
table {
	border-collapse: collapse;
}
*/

/* サイト全体のリストスタイルを設定します */

li {
	list-style : none;
}


/* 画像のborderを消します */
img {
	border : none;
}

/* aタグ設定 全体を指定する場合はコメントを解除 */

a {
	color : #0000cc;
	text-decoration: none;
}
a:visited {
	color: #000080;
}
a:hover {
	color : #ff0000;
	text-decoration:underline;
}



/* -------------------------------------------------------------------
>> header
------------------------------------------------------------------- */
/* デザインに合わせたheightを指定してください。 */
#header {
	height : 92px;
}

/* デザインに合わせたpaddingを指定してください。 */
#header h1 {
	float : left;
	padding : 30px 0 0 0px;
}

/* ----- Header navi -----*/
#headnavi-box {
	float: right;
	width: 500px;
	margin-top: 60px;
}


/* -------------------------------------------------------------------
>> mainvis box
------------------------------------------------------------------- */
#mainvis {

	
}
#mainvis img {

}
#sp-topic {
	width: 440px;
	float: left;
	overflow: hidden;
	line-height: 22px;
}
#sp-topic h2 {
	font-weight: normal;
	font-size: 18px;
	padding: 36px 0 0 50px;
	background-image: url(../img/icon/list_sptopic.gif);
	background-repeat: no-repeat;
	background-position: 28px 36px;
}
#sp-topic h2 a {
	text-decoration: none;
	color: #2F982F;
}
#sp-topic h2 a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#sp-topic p {	
	padding:  3px 0 0 70px;
	font-size: 14px;
}
#desc {
	float: right;
	width: 260px;
}
#desc p {
	font-weight: normal;
	font-size: 12px;
	padding: 50px 38px 0 0px;
	color: #FFFFFF;
}



/* -------------------------------------------------------------------
>> contents
------------------------------------------------------------------- */
#content {
	clear : both;
	float : left;
	width: 740px;
}

/* center-area */
#center-area {
	float : right;
	width : 520px;
}

/* left-area */
#left-area {
	float : left;
	width : 220px;
	background : #E6E7DC;
}


/* right-area */
#right-area {
	float : right;
	width : 200px;
}


/* -------------------------------------------------------------------
>> footer
------------------------------------------------------------------- */

#footer-box {
	background: transparent url(../img/parts/footer_bg.gif) no-repeat  right bottom;
}
.footer-desc {
	clear: both;
	float: left;
	width: 650px;
	font-size: 0.8em;
	line-height: 1.2;
	margin: 10px 0 10px;
}
address {
	float: right;
	width: 252px;
	margin: 10px 0 10px;
}
.copy {
	clear: both;
	text-align: center;
	border-top: 1px solid #999999;
	font-size: 0.7em;
}

/* -------------------------------------------------------------------
>> 汎用クラス
------------------------------------------------------------------- */
.img-left { float : left; }
.img-right {
	float : right;
	margin-left: 10px;
	margin-bottom: 1em;
}

.center { text-align: center; }
.left   { text-align: left; }
.right  { text-align: right; }

.clear  { clear: both; }

/* 背景がリピートされないなどの場合は指定してください。 */
.clearfix:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}

.item-in {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	zoom: 100%;
	padding-bottom: 0px;
	/*margin-bottom: 30px;*/
}
.item-in li{
	background-image: url(../img/icon/anc02.gif);
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 1em;
	margin-top: 6px;
	background-position: 0px 10px;
	margin-bottom: 4px;
}
.item-in2 {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	zoom: 100%;
	padding-bottom: 0px;
	margin-bottom: 30px;
}
.item-in2 ol{
	margin-left: 40px;
}
.item-in2 li{
	list-style-type: decimal;
}
.item-inG {
	background-color: #E6E7DC;
	border: 1px solid #999999;
	zoom: 100%;
	padding-bottom: 7px;
	/*margin-bottom: 30px;*/
}


.accordion_content li {

	list-style-type: none;
}


.go-list {
	position:relative;
	float : right;
	display:inline;
	margin : -35px 9px 0;
}
.go-list a {
	font-size: 0.8em;
	
}

/* -----------------------------------------------------------------------------
>> Left Area boxItem
----------------------------------------------------------------------------- */

/*　関連ランキング */
.info-list {
	font-size: 0.75em;
	padding-right: 20px;
	margin-bottom: 20px;
}
.info-list dl {
	padding: 16px 0 10px 0px;
	background:transparent url(../img/parts/list_border1.gif) no-repeat scroll 15px bottom;
}
.info-list dl.none {
	background: none;
}
.info-list:after,
.info-list dl:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}

.info-list dd {
	padding: 0 0 5px;
}


.info-list dd a {
	display: block;
	margin: 4px 20px 0px 50px;
	line-height: 1.6;
}


.rank1 {
	background:transparent url(../img/icon/ranking1.gif) no-repeat scroll 14px 0px;
	font-size: 1.2em;
}
.rank2 {background:transparent url(../img/icon/ranking2.gif) no-repeat scroll 14px 0px;}
.rank3 {background:transparent url(../img/icon/ranking3.gif) no-repeat scroll 14px 0px;}
.rank4 {background:transparent url(../img/icon/ranking4.gif) no-repeat scroll 14px 0px;}
.rank5 {background:transparent url(../img/icon/ranking5.gif) no-repeat scroll 14px 0px;}

/* -----------------------------------------------------------------------------
>> Center Area boxItem
----------------------------------------------------------------------------- */

/*　エコ学習ニュース */
.center-list {
	font-size: 0.75em;
	padding-right: 20px;
		padding-bottom: 15px;
}

.center-list ul {
	padding: 16px 0 10px 10px;
}
.center-list:after,
.center-list ul:after {
	content : url(../img/parts/space.gif);
	display : block;
	clear : both;
	height : 0;
	overflow : hidden;
}
.center-list li {
	margin: 0 0 3px;
	padding-left: 10px;
}

.center-list li a {
	padding: 4px 20px 4px 15px;
	line-height: 1.4;
}

.center-list li.news01 {
	background:transparent url(../img/icon/cat_news01.gif) no-repeat scroll 10px 3px;
	padding-left: 70px;
}
.center-list li.news02 {
	background:transparent url(../img/icon/cat_news02.gif) no-repeat scroll 10px 3px;
	padding-left: 70px;
}
.center-list li.news03 {
	background:transparent url(../img/icon/cat_news03.gif) no-repeat scroll 10px 3px;
	padding-left: 70px;
}
.center-list li.news04 {
	background:transparent url(../img/icon/cat_news04.gif) no-repeat scroll 10px 3px;
	padding-left: 70px;
}
.center-list li.news05 {
	background:transparent url(../img/icon/cat_news05.gif) no-repeat scroll 10px 3px;
	padding-left: 70px;
}
.center-list li.news06 {
	background:transparent url(../img/icon/cat_news06.gif) no-repeat scroll 10px 3px;
	padding-left: 70px;
}


/*　新着登録情報 */
.whatsnewCat {
	display: block;
	border: 1px solid #868480;
	background-color: #E3EEA8;
	width: 100px;
	padding: 3px;
	line-height: 1;
	font-size: 0.8em;
	float: left;
	
}

.whatsnew li {
	background-image: none;
}
/*
.center-list li.whatsnew01 {
	background:transparent url(../img/icon/cat_whatsnew01.gif) no-repeat scroll 10px 3px;
	padding-left: 100px;
}
.center-list li.whatsnew02 {
	background:transparent url(../img/icon/cat_whatsnew02.gif) no-repeat scroll 10px 3px;
	padding-left: 100px;
}
.center-list li.whatsnew03 {
	background:transparent url(../img/icon/cat_whatsnew03.gif) no-repeat scroll 10px 3px;
	padding-left: 100px;
}
.center-list li.whatsnew04 {
	background:transparent url(../img/icon/cat_whatsnew04.gif) no-repeat scroll 10px 3px;
	padding-left: 100px;
}
.center-list li.whatsnew05 {
	background:transparent url(../img/icon/cat_whatsnew05.gif) no-repeat scroll 10px 3px;
	padding-left: 100px;
}
*/

/* もっと見る */
li.more {
	float:right;
	margin-bottom: 0px;
	padding: 10px 20px 0 0px;
	background-image: none;
}
li.more a {
	background: transparent url(../img/icon/anc01.gif) no-repeat scroll 0px center;
}
li.more a:hover {
	background: transparent url(../img/icon/anc02.gif) no-repeat scroll 0px center;
}



/*　検索 */
.center-list form {
	display: block;
	width: 498px;
	height: 80px;
	background:transparent url(../img/parts/form_bg.jpg) no-repeat scroll  7px 0;
	text-align: left;
	margin: 0;
}
.center-list form input {
	margin: 40px 0 0 100px;
}

#keywords {
	width: 240px;
}
#searchBtn2 {  
	position: absolute;  
	top: center;  
	margin: 42px 0 0 10px;
}
.prefform-top {
	margin: 20px 0px 0 30px;
	font-size: 0.7em;
	line-height: 1.4;
}
.prefform-top form {
	margin: 10px 10px 0 0px;
	float:left;
}
.prefform {
	margin: 20px 0px 0 100px;
}
.prefform p {
	margin-bottom: 20px;
}
.center-list form.pref {
	background:none;
	display:inline;
}
.center-list form.pref input {
	margin: 0px 0 0 10px;
}

/*　リストページ　検索 */
#searchW {
	display: block;
	width: 100%;
	height: 80px;
	background: #FFFFFF url(../img/parts/form_bg_white.jpg) no-repeat scroll  30px 15px;
	text-align: left;
	margin: 0;
}
#searchW input {
	margin: 40px 0 0 30px;
}

#keywordsW {
	width: 240px;
}
input#searchBtnW {  
	position: absolute;  
	top: center;  
	margin: 40px 0 0 10px;
}

/*　検索 ヘッダー */
#regSearch form {
	display: block;
	margin: 53px 0 0 20px;
	padding: 0;	
}


#keywords {
	width: 200px;
}
#searchBtn1 { 
	position: absolute; 
	top: center;
	margin-left: 6px;
	
}

/* -----------------------------------------------------------------------------
>> Right Area boxItem
----------------------------------------------------------------------------- */

/*　バナー */
.banner {
	line-height:0;
	margin-bottom:15px;
}
.banner img {
	margin-bottom:15px;
	padding: 0;
}

.sdesk {
	background-color: #F7F7F9;
}
.sdesk dl {
	margin: 15px 0;
	line-height: 0;
}
.sdesk dd {
	font-size: 0.7em;
	line-height: 1.1;
	padding: 3px 20px 10px 56px;
}
.sdesk a {
	text-decoration: none;
	color:#000000;
}



/*----------- Tab AJAX -----------*/

#tabwarp {
width: 500px;
}
/*
*html #tabwarp .tabs-container {
width: 460px;
}*/
.tabs-container {
border: 1px solid #868480;
/*
background:transparent url(../img/parts/tabcontent_bg.jpg) no-repeat scroll left bottom;*/
background-color: #FFFFFF;
padding:1em 10px;
}


.tab-box {
	background: transparent url(../img/parts/tabcontent_bg.gif) no-repeat 0 bottom;
}


#tabcontent {
	margin-top: 0px;
	margin-bottom: 0px;
}
#tabcontent ul {
	clear: both;
	width: 500px;
	height: 50px;
	background: transparent url(../img/parts/tabcontent_upbg.jpg) left bottom no-repeat;
}
#tabcontent ul:after {
	content: url(../img/parts/space.gif);
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility:hidden;
}

#tabcontent li {
	display:inline;
	width: 100px;
	height: 30px;
	padding: 15px 10px 0 0;
	float: right;
}

#tabcontent li {_padding-right: 1px;}
#tabcontent li a.tabnavi01, #tabcontent li a.tabnavi02 {
	float : left;
	height: 30px;
	width: 100px;
	margint: 0;
	padding: 0;
}


#tabcontent ul.fragment-in {
	margin : 0px 0 0;
	padding: 0px;
	background: transparent;
	line-height: 1;
}
#tabcontent ul.fragment-in li {
	display:inline;
	margin: 0;
	padding: 0 0px 0 0px;
}
*html #tabcontent ul.fragment-in {width: 478px;}

/* -  Tab In SiteBanner list - */
/*
#tabcontent ul.tab-bnr {
	margin : 15px 0 0;
	padding-left: 0px;
	background: transparent;
	zoom: 100%;
	line-height:1;
}
#tabcontent ul.tab-bnr li {
	display:block;
	float: left;
	width: 100px;
	height: 100%;
	margin: 0 0px 0 0px;
	font-size: 0.7em;	
}
*html #tabcontent ul.tab-bnr  {margin: 0 0px 0 -30px;}
*/

.center-list li.tabs-selected a　,
.center-list li.tabs-selected a:active {
line-height:1;
padding:0;
margin:0;
}

*html .center-list li.tabs-selected a　,
*html .center-list li.tabs-selected a:active {
	padding:0;
	margin: 15px -30px 0 0;
}