@charset "utf-8";

/*##################################################################################################【コンテンツ共通】*/

*{
margin:0px;
padding:0px;
}

body{
font-family:Tahoma,Verdana,Segoe,sans-serif;
font-weight:normal;
font-size:92%;
color:#333333;
line-height:1.5em;
}

.indent{
text-indent:1em;
}

.red{
color:#FF0000;
}

/*************************************************************************【回り込み解除】*/

.clearfix:after{
content:"";
display:block;
height:0;
clear:both;
overflow:hidden;
}

.clearfix{
display:inline-table;
}

/*Hides from IE-mac*/
*html.clearfix{
height:1%;
}

.clearfix{
display:block;
}

.clear{
height:0px;
clear:both;
background:none;
}

/*************************************************************************【リンク】*/

a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:active{}

img{
border:0px;
}

a img{
border:0px;
display:block;
}

a:hover img{
filter:alpha(opacity=60);
opacity:0.6;
border:0px;
}

/*************************************************************************【汎用】*/

p.basic{
margin:0.5em 0px 0.5em 20px;
}

ul.basic{
margin:0.5em 0px 0.5em 20px;
padding-left:2.5em;
}

ol.basic{
margin:0.5em 0px 0.5em 20px;
padding-left:2.5em;
}

.basic li{
margin:1em 0px;
line-height:1.2em;
}

dl.basic{
margin:0.5em 0px 0.5em 20px;
padding-left:2.5em;
}

dl.basic dt{
font-weight:bold;
}

dl.basic dd{
margin-left:1em;
margin-bottom:1em;
}

table.basic{
margin:0.5em 0px 0.5em 20px;
width:530px;
border:1px solid #d1cbbd;
border-collapse:collapse;
border-spacing:0px;
}

.basic th{
padding:3px 6px;
line-height:1.3em;
font-weight:normal;
border:1px solid #d1cbbd;
border-width:0px 0px 1px 1px;
background:#f2f1ec;
white-space:nowrap; 
}

.basic td{
padding:3px 6px;
border:1px solid #d1cbbd;
border-width:0px 0px 1px 1px;
}

.basic td li{
margin-left:1em;
}

table.kyoiku{
margin:0.5em 0px 0.5em 20px;
width:530px;
border-collapse:collapse;
border-spacing:0px;
}

.kyoiku td{
width:5%;
text-align:center;
}

.line{
border:1px solid #666666;
}

.line-right{
border-right:1px dotted #666666;
}

td p.kome{
margin-left:1.1em;
}

.centering{
text-align:center;
}

.rightside{
text-align:right;
}

.stripe{
background:#F6F6F6;
}

.haba40p{
width:40%;
}

.haba33p{
width:33%;
}

.haba20p{
width:20%;
}

/*################################################################################################################*/
/*##########################################                                                                    ##*/
/*##########################################【ここからレイアウト （言語別の背景画像指定を除く】                 ##*/
/*##########################################【言語別の背景画像指定は各言語ディレクトリ内の「images.css」に記述】##*/
/*##########################################                                                                    ##*/
/*################################################################################################################*/


#wrap{

}

/*##################################################################################################【ヘッダー】*/

#header{

height:200px;
}

#header h1{
font-size:12px;
font-weight:normal;
line-height:1em;
}

/*************************************************************************【TOPページへ戻る】*/

p#backtotop{
display:none;
}

/*************************************************************************【文字サイズ変更】*/

#fontLMS{
display:none;
}

/*************************************************************************【検索】*/

#searchspace{
display:none;
}

/*##################################################################################################【グローバルナビ】*/

#headnavi{
display:none;
}

/*##################################################################################################【パンくずリスト】*/

#pankuzu{
display:none;
}

/*##################################################################################################【2カラムの背景指定】*/

#content_2c{
width:778px;
}

/*##################################################################################################【2カラム時の左サイド】*/

#sidebar{
display:none;
}

/*##################################################################################################【2カラム時の右サイド】*/

#page{
margin:20px auto;
width:550px;
float:none;
}

#page a:link{color:#0066FF;}
#page a:visited{color:#0033CC;}
#page a:hover{color:#0066FF;}
#page a:active{color:#33FFFF;}

#page h2{
margin:5px 0px 20px 0px;
padding:5px 0px 0.5em 26px;
width:524px;
min-height:18px;
font-size:112%;
line-height:1.2em;
border-bottom:1px solid #666666;
background:url("../images/bg_h2.gif") no-repeat left top;
}

#page h3{
margin:0.3em 6px 0.3em 0px;
padding:0.1em 0px 0.1em 14px;
width:528px;
font-size:100%;
color:#666666;
background:url("../images/bg_h3.gif") repeat-y left top #FFFFFF;
border:1px solid #666666;
}

.bg_h3{
margin-bottom:1em;
padding-bottom:5px;
width:550px;
background:url("../images/bg_h3.jpg") repeat-x left bottom;
}

#page h4{
margin:2em 0px 0.5em 20px;
padding-left:5px;
font-size:107%;
color:#FF6600;
line-height:1.1em;
border-left:10px solid #FF6600;
}

#page h5{
margin:0px 0px 0.5em 20px;
margin-bottom:5px;
padding-bottom:5px;
font-size:92%;
color:#3366FF;
background:url("../images/bg_h5.gif") repeat-x left bottom;
}

/*************************************************************************【「？」、「！」の囲み】*/

.box_hatena{
margin:0px 0px 1.5em 20px;
padding:10px 10px 5px 30px;
border:2px solid #bdcefe;
background:url("../images/bg_box_hatena.gif") no-repeat left top #FFFFFF;
}

.box_topic{
margin:0px 0px 1.5em 20px;
padding:10px 10px 5px 30px;
border:2px solid #bdcefe;
background:url("../images/bg_box_topic.gif") no-repeat left top #d9e3ff;
}

.box_hatena p,
.box_topic p{
padding-left:1em;
padding-right:1em;
}

/*************************************************************************【ゴミ｜暮らしページの資源ゴミロゴ】*/

#rogo_shigen{
margin-left:10px;
padding:0.3em 1px 0.4em 0px;
width:210px;
text-align:center;
font-size:12px;
float:right;
border:1px solid #CCCCCC;
}

#rogo_shigen dt{
padding-bottom:0.4em;
line-height:1.2em;
border-bottom:1px solid #CCCCCC;
}

#shigen_pet{
width:100px;
float:left;
}

#shigen_pla{
width:100px;
float:right;
}

/*************************************************************************【2カラム時の「ページの上に戻る」】*/

.backtop{
display:none;
}

/*************************************************************************【3カラム時の「ページの上に戻る」】*/

.backtop3col{
display:none;
}

/*************************************************************************【3カラム時の「前のページに戻る」】*/

.btn_historyback3col{
display:none;
}

/*##################################################################################################【3カラムの背景指定】*/

#content_3c{
width:778px;
}

/*************************************************************************【3カラムの左サイド】*/

#col_left{
margin:10px 1px 0px 0px;
width:128px;
float:left;
display:inline;
}

.bnr_left{
margin:0px auto 2px auto;
width:124px;
background:#FFFFFF;
list-style-type:none;
}

.bnr_left a:hover img{
filter:alpha(opacity=50);
opacity:0.5;
border:0px;
}

/*************************************************************************【3カラムの中央】*/

#col_center{
margin:15px 0px 15px 15px;
width:490px;
float:left;
display:inline;
}

#col_center  h2{
margin:5px 0px 20px 0px;
padding:5px 0px 0.5em 26px;
width:464px;
min-height:18px;
font-size:112%;
line-height:1.2em;
border-bottom:1px solid #666666;
background:url("../images/bg_h2.gif") no-repeat left top;
}

#backnumber{
margin-top:-45px;
width:490px;
height:25px;
text-align:right;
}

/*************************************************************************【新着情報（スクロール有り）】*/

#whats{
width:490px;
height:300px;
overflow:auto;
}

#date{
margin-bottom:10px;
text-align:right;
font-weight:bold;
}

#whats h3{
margin:0.5em 0px;
padding-bottom:0.2em;
border-bottom:1px dotted #CCCCCC;
}

#whats p{

}

#whats ul{
padding:1px 0px;
width:470px;
background:#d9e3ff;
}

#whats li{
line-height:1.2em;
border-bottom:1px solid #FFFFFF;
display:block;
text-indent:-10px;
}

#whats li span{
font-weight:bold;
font-size:85%;
}

#whats li a{
padding:0.5em 5px 0.5em 15px;
width:450px;
text-decoration:none;
display:block;
background:#e3eaff;
}

#whats li a:hover{
text-decoration:none;
background:#bdcefe;
}

/*************************************************************************【新着情報バックナンバー（スクロール無し）】*/

#whats_back{
width:490px;
}

#whats h3{
margin:0.5em 0px;
padding-bottom:0.2em;
border-bottom:1px dotted #CCCCCC;
}

#whats_back p{

}

#whats_back ul{
padding:1px 0px;
width:490px;
background:#d9e3ff;
}

#whats_back li{
line-height:1.2em;
border-bottom:1px solid #FFFFFF;
display:block;
text-indent:-10px;
}

#whats_back li span{
font-weight:bold;
font-size:85%;
}

#whats_back li a{
padding:0.5em 5px 0.5em 15px;
width:470px;
text-decoration:none;
display:block;
background:#e3eaff;
}

#whats_back li a:hover{
text-decoration:none;
background:#bdcefe;
}

/*************************************************************************【3カラムの右サイド】*/

#col_right{
margin:10px 0px 0px 1px;
width:128px;
float:right;
display:inline;
position:relative;
}

.bnr_right{
margin:0px auto 4px auto;
width:124px;
background:#FFFFFF;
list-style-type:none;
}

.bnr_right img{
display:block;
}

.bnr_right a:hover img{
filter:alpha(opacity=60);
opacity:0.6;
border:0px;
}

#qr{
margin:15px 10px;
color:#FFFFFF;
font-size:85%;
text-align:center;
}

#qr dt{
font-weight:bold;
}

#qr dd{
line-height:1.2em;
}

#qr a,
#qr a:hover{color:#FFFFFF;}

#qrcode{
margin:0px auto;
width:63px;
}

#radio{
margin:15px auto 10px auto;
width:88px;
height:31px;
background:#FFFFFF;
list-style-type:none;
}

#radio a:hover img{
filter:alpha(opacity=60);
opacity:0.6;
border:0px;
}

/*##################################################################################################【フッター】*/

#footer{
margin-top:20px;
padding:20px 10px;
width:758px;
min-height:65px;
height:auto !important;
height:65px;
background:url("../images/rogo_sicf.gif") no-repeat left top #FFFFFF;
border-top:1px solid #000000;
}

#footer ul{
margin-left:90px;
line-height:1.1em;
list-style-type:none;
}

#footer li{
margin-left:0.5em;
padding-right:0.5em;
font-size:85%;
float:left;
display:inline;
border-right:1px solid #CCCCCC;
}

#footer li span{
margin-right:0.5em;
padding-right:2em;
font-size:107%;
font-weight:bold;
border-right:1px solid #CCCCCC;
}

#footer address{
margin:5px 0px 0px 96px;
padding-top:5px;
font-size:85%;
font-style:normal;
line-height:1.2em;
border-top:1px solid #CCCCCC;
clear:both;
}

#footer p{
margin:5px 0px 0px 96px;
padding-top:5px;
font-size:77%;
line-height:1.2em;
border-top:1px solid #CCCCCC;
clear:both;
}