/*=====================================

こどもエコクラブ　共通スタイルシート

=====================================*/





/*-- パーツ

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

body{text-align:center;background:#F4F4F4;}

#WRAPPER{}

#WRAPPER-2{clear:both;}

a{color:#3399CC;}

a:hover{color:#ff9900;}

p,li,dl,td,th{line-height:150%;}





/*-- #header 

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

#HEADER{width:960px;height:150px;margin:20px auto 0 auto;position:relative;background:url('../img/header.jpg') left top no-repeat;}

#HEADER h1{margin:0;width:325px;height:58px;position:absolute;top:8px;left:7px;}

#HEADER h1 a{width:325px;height:58px;display:block;text-indent:-9000px;}

#HEADER p, #HEADER ul, #HEADER li{margin:0;}

#HEADER #S-TITLE{position:absolute;left:0;top:22;}



#H-MENU{position:absolute;right:0;top:0;width:210px;}

#H-MENU li{list-style:none;text-indent:-9999px;float:left;}

#H-MENU a{display:block;width:105px;height:75px;margin:0;}

#H-MENU a#HM-1{background:url('../img/btn-sp.jpg') 0 0 no-repeat;}

#H-MENU a#HM-2{background:url('../img/btn-cp.jpg') 0 0 no-repeat;}

#H-MENU a#HM-3{background:url('../img/btn-cn.jpg') 0 0 no-repeat;}

#H-MENU a#HM-4{background:url('../img/btn-gd.jpg') 0 0 no-repeat;}

#H-MENU a:hover#HM-1,#H-MENU a:hover#HM-2,#H-MENU a:hover#HM-3,#H-MENU a:hover#HM-4{background-position:0 -75px;}



#PANKUZU {margin:0 0 10px 0;text-align:left;}

#PANKUZU li{list-style:none;display:inline;font-size:85%;}

#PANKUZU li a{padding:0 10px 0 2px;background:url('../img/icon-arr01.gif') center right no-repeat;text-decoration:none;}

#PANKUZU li a:hover{text-decoration:underline;}



/*-- #main 

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

#MAIN{width:960px;height:auto !important;min-height:600px;height:600px;margin:10px auto 0 auto;padding:0 0 1em 0;clear:left;text-align:left;}





/*-- #contents

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

#CONTENTS{width:710px;margin:0;float:left;color:#333;}

#CONTENTS{min-height:500px;#height:500px;position:relative;padding:0 25px 15px 15px;background:url('../img/cont_bg.gif') top left repeat-y;}

*html #CONTENTS{width:730px;padding-right:5px;}

#CONTENTS p, #CONTENTS li, #CONTENTS dl, #CONTENTS td,#CONTENTS th{line-height:150%;}

#CONTENTS .cont-btm{width:741px;height:15px;display:block;background:url('../img/cont_btm.gif') left bottom no-repeat;position:absolute;bottom:0;left:0;#margin-bottom:-1px;}

#CONTENTS h1{width:695px;min-height:45px;padding-top:20px;padding-left:50px;margin-left:-15px;color:#FF6600;background:url('../img/h1-bg.gif') left top no-repeat;}

#CONTENTS h1 span{font-size:70%;}

#CONTENTS h1 span.sub{color:#666666;font-size:60%;}

#CONTENTS h1 span.sub_top{color:#666666;font-size:60%;display:block;line-height:110%;}

/*-- forIE --*/#CONTENTS h1{#width:740px;#height:65px;}



/*-- #side

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

#SIDE{float:right;width:210px;padding-bottom:30px;}





/*-- #pagetop 

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

#PAGETOP{width:960px;height:35px;margin:0 auto;position:relative;}

#PAGETOP p{position:absolute;right:20px;top:0;margin:0;}

#PAGETOP a{display:block;height:35px;width:94px;text-indent:-9000px;background:url('../img/pagetop.gif') left top;}

#PAGETOP a:hover{background-position:0 -50px;}





/*-- #footer 

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

#FOOTER{width:960px;margin:0 auto;background:#666666;color:#FFFFFF;display:inline-block;clear:both;}

#FOOTER p{clear:left;margin:10px 0 5px 0;font-size:90%;}

#F-MENU{margin:3px auto 0 auto;}

#F-MENU li{list-style:none;display:inline;padding:0 5px 0 2px;font-size:100%;}

#F-MENU a{color:#ffffff;text-decoration:none;padding-left:12px;background:url('../img/icon_white.gif') no-repeat 0 0;font-weight:bold;}

#F-MENU a:hover{text-decoration:underline;}







/*-- コンテンツページ

---------------------------------*



/*-- class --*/

.t-r{text-align:right;}

.t-l{text-align:left;}

.t-c{text-align:center;}

.v-t{vertical-align:top;}

.v-m{vertical-align:middle;}

.v-b{vertical-align:bottom;}

.f-r{float:right;}

.f-l{float:left;}

.cl-r{clear:right;}

.cl-l{clear:left;}

.cl-b{clear:both;}

.cl-n{clear:none;}

.b{font-weight:bold;}



sup{font-size:80%;}

sub{font-size:80%;}



.no-disp{position:absolute;top:-9000px;left:-9000px;}



.note{font-size:80%;color:#666;line-height:120%;}

.caution{color:#FF3300;font-weight:normal;}

.caption{font-size:80%;color:#666;}

#CONTENTS .caption{line-height:120%;}

.wn{white-space:nowrap;}

.u{text-decoration:underline;}



.f120{font-size:120%;}

.f110{font-size:110%;}

.f90{font-size:90%;}

.f85{font-size:85%;}

.f80{font-size:80%;}



.red{color:#FF3300;}

.red-b{color:#FF3300;font-weight:bold;}

.red-2{color:#FF4040;}

.or{color:#FF9900;}

.or-b{color:#FF9900;font-weight:bold;}

.oreg{color:#f93;font-weight:bold;}

.oreg-2{color:#f60;font-weight:bold;}

.pink{color:#f99;font-weight:bold;}

.blue{color:#0D67D4;}

.blue-b{color:#0D67D4;font-weight:bold;}

.green{color:#53A700;}

.green-b{color:#53A700;font-weight:bold;}

.bg-glay{background-color:#F4F9FF;}

.bg-oreg{background-color:#f93;}

p.font-M{font-family:'メイリオ',Meiryo;line-height:120%;font-weight:bold;}

.font-n{font-weight:normal;}



img.bor{border:1px solid #ccc;}



.mt2e{margin-top:2em !important;}

.mt1e{margin-top:1em !important;}

.mt5{margin-top:5px !important;}

.mt0{margin-top:0 !important;}

.ml2e{margin-left:2em !important;}

.ml1e{margin-left:1em !important;}

.ml0{margin-left:0 !important;}

.mb2e{margin-bottom:2em !important;}

.mb1e{margin-bottom:1em !important;}

.mb10{margin-bottom:10px !important;}

.mb5{margin-bottom:5px !important;}

.mb0{margin-bottom:0 !important;}

.mr2e{margin-right:2em !important;}

.mr1e{margin-right:1em !important;}

.mr25{margin-right:25px !important;}

.mr0{margin-right:0 !important;}

.m0{margin:0 !important;}



#WRAPPER-2{height:auto !important;height:1px;min-height:1px;}



/*===============================*/