@charset "utf-8";

/*サイト内で使用する文字のサイズ
10px= 77%
11px= 85%
12px= 92% 【小】
13px=100%
14px=107% 【中】
15px=114%
16px=112% 【大】
17px=129%   h4
18px=136%
19px=144%   h3
20px=152%
21px=159%   h2
22px=167%
23px=174%
24px=182%
25px=189%
26px=197%
*/

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

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

html{
overflow-y:scroll;
}

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

.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{
margin:0px auto;
width:778px;
border-right:1px solid #000000;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
}

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

#header{
width:778px;
height:200px;
}

#header h1{
height:110px;
font-size:12px;
line-height:1em;
text-indent:-9999px;
}

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

p#backtotop{
margin:0px 0px 15px 20px;
width:120px;
height:22px;
font-size:8px;
}

p#backtotop a{
width:120px;
height:22px;
text-indent:-9999px;
fout-size:8px;
display:block;
}

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

#fontLMS{
width:778px;
height:43px;
}

#fontLMS dl{
margin:0px 11px 0px 20px;
width:239px;
height:33px;
}

#fontLMS dt{
width:140px;
height:33px;
text-indent:-9999px;
float:left;
}

#fontLMS dd{
width:33px;
height:33px;
float:left;
display:block;
text-indent:-9999px;
}

#fontLMS dd a{
width:33px;
height:33px;
float:left;
display:block;
text-indent:-9999px;
}

#fontL a{background:url("../images/btn_fontL.gif") no-repeat left top;}
#fontL a:hover{background:url("../images/btn_fontL_hv.gif") no-repeat left top;}

#fontM a{background:url("../images/btn_fontM.gif") no-repeat left top;}
#fontM a:hover{background:url("../images/btn_fontM_hv.gif") no-repeat left top;}

#fontS a{background:url("../images/btn_fontS.gif") no-repeat left top;}
#fontS a:hover{background:url("../images/btn_fontS_hv.gif") no-repeat left top;}


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

#searchspace{
padding:8px 0px;
width:778px;
overflow:auto;
font-size:77%;
list-style-type:none;
background:#FF9900;
border-top:1px solid #000000;
}

#searchspace li{
margin:0px 1.5em;
float:left;
display:inline;
}

#wwwsearch,
#sitesearch{
margin-right:4px;
}

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

#headnavi{
margin:0px auto;
width:778px;
height:50px;
background:#FFFFFF;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
}

#headnavi ul{
width:778px;
list-style-type:none;
}

#headnavi li{
height:50px;
float:left;
display:block;
border-right:1px solid #000000;
}

#headnavi li a{
height:50px;
text-indent:-9999px;
float:left;
display:block;
}

/*************************************************************************【グローバルナビ個別指定】*/

/*緊急・防災*/
/*相談*/
/*ビザ・法律上の手続き*/
/*医療・健康・育児*/
#headnavi_emergency a,
#headnavi_consul a,
#headnavi_visa a,
#headnavi_medical a{
width:155px;
}

/*暮らし*/
#headnavi_life a{
margin-right:-1px;
width:154px;
}

#headnavi_emergency a:hover,
#headnavi_consul a:hover,
#headnavi_visa a:hover,
#headnavi_medical a:hover,
#headnavi_life a:hover{
filter:alpha(opacity=60);
opacity:0.6;
border:0px;
}

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

#pankuzu{
padding:10px 10px 10px 0px;
width:768px;

background:#F0F0F0;
border-bottom:1px solid #E0E0E0;
}

#pankuzu a:link{color:#0066FF;text-decoration:none;}
#pankuzu a:visited{color:#0033CC;text-decoration:none;}
#pankuzu a:hover{text-decoration:underline;}
#pankuzu a:active{color:#33FFFF;}

#pankuzu ul{
list-style-type:none;
}

#pankuzu li{
margin-left:10px;
padding-right:15px;
font-size:85%;

float:left;
display:inline;
background:url("../images/bg_pankuzu.gif") no-repeat right top;
}

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

#content_2c{
width:778px;
overflow:auto;
background:url("../images/bg_2c.gif") repeat-y left top;
}

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

#sidebar{
padding:10px 0px;
width:180px;
float:left;
display:inline;
}

/*************************************************************************【2カラム時のローカルナビ】*/

ul.sidemenu{
margin:0px 5px 10px 5px;
width:170px;
font-size:92%;
line-height:1.3em;
border-bottom:1px solid #0443ff;
}

ul.sidemenu li{
margin-bottom:0.3em;
padding-top:0.3em;
color:#FFFFFF;
padding-left:12px;
width:156px;
background:url("../images/icon_sankaku.gif") no-repeat left top;
border-top:1px solid #0443ff;
}

ul.child{
margin-top:0.3em;
list-style-type:none;
list-style-position:outside;
}

ul.child li{
margin-bottom:0.3em;
color:#FFFFFF;
padding-left:12px;
width:144px;
background:url("../images/icon_shikaku.gif") no-repeat left top;
border-top:1px dotted #0443ff;
}

p.sidemenu{
font-size:92%;
padding:0.5em 12px;
width:156px;
line-height:1.3em;
}

.sidemenu a:link{color:#FFFFFF;}
.sidemenu a:visited{color:#FFFFFF;}
.sidemenu a:hover{color:#FFFFFF;}
.sidemenu a:active{color:#FFFFFF;}

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

#page{
margin:20px 25px 20px auto;
width:550px;
float:right;
display:inline;
position:relative;
}

#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{
margin:1em 0px 1em 405px;
width:145px;
height:15px;
text-indent:-9999px;
}

.backtop a{
width:145px;
height:15px;
text-indent:-9999px;
display:block;
}

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

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

.backtop3col{
margin:1em 0px 1em 345px;
width:145px;
height:15px;
text-indent:-9999px;
}

.backtop3col a{
width:145px;
height:15px;
text-indent:-9999px;
display:block;
}

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

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

.btn_historyback3col{
margin:1em 345px 1em 0px;
width:145px;
height:15px;
text-indent:-9999px;
}

.btn_historyback3col a{
width:145px;
height:15px;
text-indent:-9999px;
display:block;
}

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

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

#content_3c{
width:778px;
overflow:auto;
background:url("../images/bg_3c.gif") repeat-y left top;
}

/*************************************************************************【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{
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;
width:662px;
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;
}