@charset "UTF-8";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-image: url(back01.gif); 
background-color: #ffffff; /* ページの背景色 */
color: #000000; /* 全体の文字色 */
font-size: 90%; /* 全体の文字サイズ */
line-height: 1.5em; 
letter-spacing:.1em;
vertical-align: middle; 
}

.side {
display:none;
}

form {margin:0px;}

/* --- イメージの位置 --- */
img.middle {
vertical-align: middle;
}
/* --- 画像の位置（隙間対策） --- */
img.middleline{
	vertical-align: middle;
}
img.bottomline{
	vertical-align: bottom;
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

/* --- フッターのリンクテキスト --- */
a.foot:link { color: #ffffff; text-decoration: none; }
a.foot:visited { color: #ffffff; text-decoration: none; }
a.foot:hover { color: #ffffff; text-decoration: underline; }
a.foot:active { color: #ffffff; text-decoration: underline; }

/* --- 文中のリンクの設定 --- */
.link{
	padding-left:16px;
	background: url(images/icon/sankaku_orange.gif) no-repeat 5px 3px;
}

/* --- 横並び --- */
.float-left{
	float:left;
}

/* --- 空きの調整 --- */
.pad_l30{
	padding-left:30px;
}
.pad_l40{
	padding-left:40px;
}
.mar_l20{
	margin-left:20px;
}
.mar_r20{
	margin-right:20px;
}
.mar_t20{
	margin-top:20px;
}
.mar_b10{
	margin-bottom:10px;
}

/* --- 位置 --- */
.font-right{
	text-align: right;
}



/* --- コンテナ --- */
#container {
width: 98%; /* ページの幅 */
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* メインカラムの背景色 */
border-left: 1px #c0c0c0 solid; /* 左枠線 */
border-right: 1px #c0c0c0 solid; /* 右枠線 */
}

/* --- ヘッダ --- */
#header {
background-color: #ffe080; /* ヘッダの背景色 */
height: 87px;
}
#header img{
                                padding:0;
                                margin:0;
                                vertical-align:top;
}

/*IE8で下にスペースが空く対策*/
/*.searchBtn {*/
/*	margin:0px 5px 0px 5px;*/
/*	vertical-align:middle;*/
/*}*/

/* --- ナビゲーション --- */
#nav {
float: left;
width: 20px; /* サイドバーの幅 */
}

/* --- メインカラム --- */
#content {
margin-left: 20px; /* メインカラムの左マージン（サイドバーの幅以上） */
}

/* --- フッタ --- */
#footer {
clear: both; /* フロートのクリア */
width: 100%;
font-size: 90%; /* 文字サイズ */
line-height: 1.5em; 
color: #FFFFFF;
}

/* --- テーブル --- */
table.head { 
	table-layout:auto;
	border: 0px #4B3D3C solid; 
	border-collapse: separate;
	padding: 0px 0px;
	vertical-align:top;
	font-size: 14px;
	background-color: #62C3D2;
	color: #000000;
} 

td.kumo { 
background: url(images/background/kumo.gif) ;
width: 100%;
}

td.kensaku { 
background-image: url(images/background/head_back.gif); 
height: 28px; 
background-repeat: no-repeat; 
background-position: right; 
text-align:right;
white-space: nowrap; 
}

td.footer { 
background-color: #837666; /* フッタの背景色 */
border-bottom:white 1px solid;
}

td.top { 
text-align: right; 
}
td.top img { 
vertical-align:bottom; 
}

td.white { 
background-color: #FFFFFF; /* 背景色 */ 
}
td.white img { 
vertical-align:bottom; 
}

td.icons { 
width: 50px;
text-align: left;
}

td.iconsb { 
width: 100px;
text-align: left;
vertical-align: top; 
}


td.iconsg { 
width: 20px;
text-align: left;
white-space: nowrap; 
}

td.ten { 
background: url(images/background/ten.gif) ;
}



/* --- ボックス --- */
div.blue { 
width: 100%; 
height: 5px; 
background-color: #E0F3F6; 
} 

div.white { 
width: 100%; 
height: 12px; 
background-color: #FFFFFF; 
} 

div.hmenu { 
border-top: 1px solid #CFE976;
width: 100%;
height: 33px; 
background-image: url(images/background/hmenu.gif); 
} 

div.pan { 
text-align: center; 
font-size: 90%; /* 全体の文字サイズ */
line-height: 1.5em; 
letter-spacing:.1em;
}

/* カレンダー月遷移 */
.mo-nav {
min-width: 3em;
height:auto;
}

div.asahi { 
text-align: center;
width:730px;
border-top: 1px solid #666666;
border-right: 1px solid #666666;
border-left: 1px solid #666666;
border-bottom: 1px solid #666666;
font-size: 90%; /* 全体の文字サイズ */
line-height: 1.5em; 
letter-spacing:.1em;
margin-left:auto;
margin-right: auto;
} 

div.asahinavi { 
text-align: center;
width:720px;
margin-left:auto;
margin-right: auto;
} 

div.asahiimage { 
text-align: center;
margin-left:auto;
margin-right: auto;
} 

div.news { 
width: 98%; 
height: 29px;
margin: 0px 0px;  
background-image: url(images/background/orange_g.gif); 
} 

div.calendar { 
width: 98%; 
height: 29px;
margin: 0px 0px;  
background-image: url(images/background/green_g.gif); 
} 

div.rireki { 
width: 98%; 
height: 29px;
margin: 0px 0px;  
background-image: url(images/background/navy_g.gif); 
} 

div.line { 
border-top: 1px solid #999999;
width: 98%;
} 

div.line-ten { 
border-top: 1px dotted #999999;
width: 100%;
} 

div.titles { 
background-image: url(images/background/title_s.gif); 
width: 98%;
height: 41px; 
font-size: 100%; /* 全体の文字サイズ */
line-height: 3em; 
letter-spacing:.1em;
font-weight: bold;
} 

/* --- 発信者 --- */
div.sender { 
background-color: #FFF4D9; 
width: 98%;
height: 30px; 
font-size: 90%; /* 全体の文字サイズ */
line-height: 2em; 
letter-spacing:.1em;
text-align: right; 
} 

div.list { 
margin: 0px 0px 0px 30px; 
} 

div.newslist { 
margin: 0; 
} 
div.newslist td,div.rirekilist td { 
                                padding:0.3rem 0;
                                border-bottom:1px dotted #aaa;        
} 

div.right { 
text-align: right; 
margin: 0px 20px 0px 0px;
} 

div.print { 
text-align: right; 
margin: 0px 20px 0px 0px;
font-size: 90%; /* 全体の文字サイズ */
line-height: 1.5em; 
letter-spacing:.1em; 
vertical-align: middle ; 
} 


div.reader { 
width: 90%;
background-color: #E5E5E5; 
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
font-size: 90%; /* 全体の文字サイズ */
line-height: 1.5em; 
letter-spacing:.1.5em; 
vertical-align: middle ; 
} 


/*--メニュー--*/


div#menu {
	width:185px;
	font-size:13px;
	font-family: "ＭＳ Ｐゴシック", "Arial",Osaka,"ＭＳ ゴシック","Osaka",sans-serif;
	letter-spacing:.1em;
}

#menu ul {
	line-height:125%;
	margin:0;
	padding:0;
}
#menu ul li {
	list-style-type:none;
	background:#FFFFFF;
}
#menu ul li a {
	display:block;
	width:150px;
	padding:6px 0 5px 30px;
	background:url(images/background/list.gif) no-repeat;
	text-decoration:none;
}
#menu ul li a:hover {
	background:url(images/background/list.gif) no-repeat right top;
}



.table1 { 
	border-collapse: collapse; /* 枠線の表示方法 */ 
	border: 1px #1C79C6 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
	margin: 0px;
	padding: 0px 0px;
	font-size: 90%;
} 

.table1 td.title { 
border: 1px #1C79C6 solid; /* セルの枠線（太さ・色・スタイル） */ 
	background:url(images/background/table1.gif) 
} 
.table1 td { 
border: 1px #1C79C6 solid; /* セルの枠線（太さ・色・スタイル） */ 
	text-decoration:none;
} 

/*フォントデザイン*/
.b{
	font-size:100%;
	color:#000000;
	font-weight: bold;
}

.white{
	font-size:90%;
	color:#FFFFFF;
}

h2{
	font-size:120%;
	color:#000000;
	font-weight:bold;
}

h3{
	font-size:120%;
	margin-left: 30px;
	color:#000000;
	font-weight:bold;
}

h3.green{
	padding-left: 20px;
	font-size:100%;
	color: #007D40;
	background: url(images/icon/green.gif) no-repeat left center; 
}

.red{
	font-size:90%;
	color:#CC1933;
}


.blue{
	font-size:90%;
	color:#0B66BF;
}

.orange{
	font-size:90%;
	color:#FF5C00;
}

.green{
	font-size:90%;
	color:#1A7D42;
}

.greenb{
	font-size:120%;
	color:#1A7D42;
	font-weight:bold;
	line-height:1.5;
}

.small{
font-size:12px;
color:#000000;
line-height: 1.2em; 
}

.marugo { 
	font-family:"ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN","HGMaruGothicMPRO", Meiryo, Arial, sans-serif;
}

.newsb{
	font-size:125%;
	color:#000000;
	font-weight: bold;
	line-height:1.7;
}

/*フォントを枠で囲って強調する*/
.emphasis-block p{
                                vertical-align:middle;
                                padding:0;
}
.emphasis-block span.emphasis{
                                color: #74B83D;
                                font-size: 200%;
                                padding:6px 1px;
                                border: #74B83D 1px solid;
                                margin-right:3px;
                               display:inline-block;
}

/*  アイコンデザイン  */
.igreen {
padding:4px 8px;
display: inline-block;
background:#009966;
color:#fff;
border-radius:3px;
}
.iblue {
padding:4px 8px;
display: inline-block;
background:#0578b3;
color:#fff;
border-radius:3px;
}

/*下矢印*/
.arrow-down {
                                position: relative;
                                display: inline-block;
                                padding-left: 20px;
                                margin:8px;
                                color: #333;
                                text-decoration: none;
    }
.arrow-down::before{
                                content: '';
                                width: 6px;
                                height: 6px;
                                border: 0;
                                border-bottom: solid 2px #333;
                                border-right: solid 2px #333;
                                position: absolute;
                                top: 50%;
                                left: 0;
                                margin-top: -6px;
                                transform: rotate(45deg);
    }

/*枠のデザイン*/
.news-box{
	border:dotted 1px #333;
	padding:8px 12px;
	margin:5px;
}


/*リスト98%テーブルデザイン*/
table.list{
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	width: 98%
}

caption.cap_left { text-align: left; }
caption.cap_right { text-align: right; }

.list th{
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	color:#000000;
	font-size;90%;
	background-color:#E7EEFF;
	background-position:left top;
	padding:0.3em 1em;
	text-align:center;
}
.list td{
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	padding:0.3em 1em;
	font-size;90%;
}

p.in
{
	margin-left:20px;
	margin-right:20px;
	font-size;90%;
}

p.ins
{
	margin-left:70px;
	margin-right:20px;
	font-size;90%;
}

/*--オレンジの三角リスト--*/
ul.sa li{
list-style:none;
margin-top: 5px;
padding: 0;
list-style-image: url(images/icon/sa_o.gif); 
}

/*--オレンジの三角リスト インサイド--*/
ul.sain li{
list-style:none;
margin-top: 5px;
margin-left: 20px;
margin-bottom: 15px;
padding: 0;
list-style-image: url(images/icon/sa_o.gif); 
}


/*--グリーンの四角リスト--*/
#menunavi ul.sgs li{
margin-left: 20px;
margin-right: 20px;
margin-top: 5px;
padding: 0;
list-style-image: url(images/icon/sgs.gif); 
}

/*--オレンジ三角リスト--*/
#menunavi ul.sas li{
margin-left: 20px;
margin-right: 20px;
margin-top: 5px;
padding: 0;
list-style-image: url(images/icon/sa_o.gif); 
}

/*--青三角リスト--*/
#menunavi ul.sbs li{
margin-left: 20px;
margin-right: 20px;
margin-top: 5px;
padding: 0;
list-style-image: url(images/icon/sa_b.gif); 
}


/*--グリーンの丸リスト--*/
ul.mg li{
list-style:none;
margin-left: 50px;
margin-right: 30px;
margin-top: 5px;
padding: 0;
list-style-image: url(images/icon/green.gif); 
font-weight:bold;
}

ol li{
list-style:none;
margin-left: 70px;
margin-right: 30px;
margin-top: 5px;
padding: 0;
list-style-type: decimal-leading-zero; 
}

ol.jhs{
list-style:none;
padding: 0;
}
ol.jhs li{
list-style:none;
margin-right: 10px;
margin-top: 5px;
padding: 0;
list-style-type: decimal-leading-zero; 
}

/*--ただの数字リスト--*/
ol.nor{
list-style:none;
padding-left: 25px;

}

ol.nor li{
list-style:none;
margin-top: 5px;
list-style-type: decimal; 
}

/*--
.ten {
　border-bottom-style: dashed;
　border-left-width:20px;
　border-bottom-color: #523D2F;
　border-bottom-width: 1px;
　margin: 0;
　line-height: 5px;
  width: 98%;
}
--*/



/*旭ヶ丘テーブルデザイン*/
table.asahi{
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	width: 735px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.asahi td{
	border-right:0px solid #666666;
	border-bottom:0px solid #666666;
	padding-top:0px;
	font-size;90%;
}

/*旭ヶ丘環境テーブルデザイン*/

table.kanl{
	border-top:0px solid #666666;
	border-right:0px solid #FFFFFF;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	width: 442px;
	font-size:12px;
}

td.kanl{
	border-right:0px solid #FFFFFF;
	border-bottom:0px solid #666666;
	background:url(images/contents/asahi/line01.gif) ;
	width:16px;
	border-spacing:0;
}

td.kanr{
	border-right:0px solid #FFFFFF;
	border-bottom:0px solid #666666;
	background:url(images/contents/asahi/line02.gif) ;
	width:16px;
	border-spacing:0;
}

td.kanc{
	border-right:0px solid #FFFFFF;
	border-bottom:0px solid #666666;
	font-size:13px;
	text-align:right;
	width:410px;
	border-spacing:0;
}


/*pdfダウンロード*/
div.pw { 
margin-top: 5px;
margin-left: 10px;
width: 90%; 
background-color: #FFFFFF;
} 

div.left { 
width: 180px; 
margin: 0px 5px;  
background-color: #FFFFFF; 
} 

/* 旭ヶ丘メニューナビゲーション */  
ul#asahi{
list-style:none;
width:720px;
text-align: left;
padding: 0;
margin: 0;
}
ul#asahi li{
    list-style:none;
    float:left;
    width:180px;
}
ul#asahi a{
    display:block;
    width:180px;
    height:38px;
    text-indent:-50px;
    overflow:hidden;
}
a.kankyo{
    background-image:url(images/icon/a_kankyo.gif);
}
a:hover.kankyo{
    background-position:0px -38px;
}
a.kukaku{
    background-image:url(images/icon/a_kukaku.gif);
}
a:hover.kukaku{
    background-position:0px -38px;
}
a.gaiyou{
    background-image:url(images/icon/a_gaiyou.gif);
}
a:hover.gaiyou{
    background-position:0px -38px;
}
a.access{
    background-image:url(images/icon/a_access.gif);
}
a:hover.access{
    background-position:0px -38px;
}

/*価格表テーブルデザイン*/
table.kakaku{
	border-top:0px solid #666666;
	border-right:1px solid #FFFFFF;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
/*	width: 345px; */
	margin-left: auto;
	margin-right: auto;
}
.kakaku th{
	border-right:1px solid #FFFFFF;
	border-bottom:0px solid #666666;
	color:#FFFFFF;
	font-size:13px;
	background-color:#776E6F;
	background-position:left top;
	padding:0.3em 1em;
	text-align:center;
}
.kakaku td{
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #666666;
	padding:0.3em 1em;
	font-size:13px;
	text-align:right;
}
.kakaku td.gray{
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #666666;
	padding:0.3em 1em;
	font-size:13px;
	text-align:right;
	background-color:#E4E2E2;
}

/*角丸テーブルデザイン*/
.kadomaru {
width:550px;
background-color:#E6E4E0;
font-size: 90%;
margin: 0 auto;
}
.kadomaru p{
    margin:0px;
    padding:0.5em 2em;
    background-color:#E6E4E0;
text-align: left;
}
.rtop, .rbottom{
    background:#FFFFFF;
}
.rtop span, .rbottom span{
    display:block;
    height:1px;
    overflow:hidden;
    background-color:#E6E4E0;
}
.r1{margin: 0px 5px;}
.r2{margin: 0px 3px;}
.r3{margin: 0px 2px;}
.r4{margin: 0px 1px; height: 2px;}


#asahigaiyou{
text-align: center;
margin: 0 auto;
}

#asahigaiyoul{
text-align: left;
margin: 0 auto;
width:50%;
float: left;
}

#asahigaiyour{
text-align: left;
margin: 0 auto;
width:47%;
float: right;
font-size: 90%;
margin-right: 10px;
}

/*概要テーブルデザイン*/
table.gaiyou{
	border-top:0px solid #666666;
	border-right:1px solid #FFFFFF;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	width: 345px;
	margin-left: auto;
	margin-right: auto;
}
.gaiyou td.white{
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
	font-size:13px;
	background-color:#776E6F;
	background-position:left top;
	padding:0.3em 1em;
	text-align:left;
}
.gaiyou td{
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	padding:0.3em 1em;
	font-size:13px;
	text-align:left;
}
.gaiyou td.gray{
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	padding:0.3em 1em;
	font-size:13px;
	text-align:left;
	background-color:#E4E2E2;
}

image.center{
text-align: center;
}

/*注意デザイン*/
table.caution{
	border-top:0px solid #fff;
	background-color:#ffffff;
	width: 98%;
	margin: 15px;
}
table.caution td{
	color:#CC1933;
}
/*--防災無線情報--*/
#bousai {
	margin:5px 0px 15px 0px;
	width: 98%;
	border-top:#8f8410 solid 1px;
	border-bottom:#8f8410 solid 1px;
	background: #dded9b /*url("images/background/bg_bousai.gif") repeat-x top*/;
}

#bousai ul {
	margin-top:10px;
	padding:0px 3px ;
	list-style:none;
}
#bousai li{
	margin-bottom:7px;
	list-style:none;
	padding-left:13px;
	background-image: url(images/icon/sankaku_orange.gif);
	background-repeat: no-repeat;
	background-position:0 5px;
}

/*-- spacer.gifの隙間を無効に --*/
.news img{
                                margin:0;
                                padding:0;
                                vertical-align:top;
}