@charset "utf-8";
/* CSS Document */

/*====== 各ブラウザ統一のためのリセット ============================================*/
html{
color:#333333;
background:#F0EEE1;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,th,td,cite{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
img{
border:none;
vertical-align:bottom;
}
address,caption,em,strong,th,cite{
font-style:normal;
font-weight:normal;
}
li{
list-style:none;
list-style-position:outside;
}
caption,th,cite{
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}


/*====== フォント設定 ==============================================================*/
body{
font:13px/1.231 Arial, Helvetica, sans-serif;
*font-size:small;
*font:x-small;
}
table{
font-size:inherit;
font:100%;
line-height:150%;
}
#contents{
text-align:left;
font-size:110%;
}

/* color */
.red{
color:#CC3300;
}

/* float解除用 */
.damy{
line-height:0px;
font-size:0px;
clear:both;
}

/* リンク　マウスオーバー */
a:hover{
color:#993300;
}


/*====== ブロック設定 ==============================================================*/
body{
background:#F0EEE1;
text-align:center;
}
#contentsback{
background:#FFFFFF;
width:800px;
margin:0 auto;
position:relative;
}
#header{
width:800px;
}
#contentsright{
width:585px;
padding-top:80px;
margin-left:200px;
}
#footer{
width:550px;
margin-left:200px;
}


/*====== hxタグ ====================================================================*/

/* h1 */
#header h1{
float:left;
margin:20px 0;
text-indent:20px;
}

/* h2 */
#contents h2{
margin-top:23px;
margin-bottom:20px;
}

/* h3 */
#contents h3{
padding-left:1em;
background:url(image/h3head.gif) no-repeat left;
color:#39647B;
font-weight:bold;
font-size:105%;
margin:0px 0 10px 5px;
}
#contents h3 a:hover{
color:#39647B;
}
#contents h3 a{
color:#39647B;
text-decoration:none;
}
#contents h3.shikin a:hover{
text-decoration:underline;
}

#contents h4{
margin-left:10px;
margin-bottom:10px;
font-weight:bold;
color:#39647B;
}

/* おしらせ */
#contents #contentsright .infobox h3{
margin-bottom:15px;
}


/*====== pタグ =====================================================================*/

/* 基本 */
#contents p{
line-height:150%;
text-align:justify;
text-justify:inter-ideograph;
}

/* 01 */
#contents p.text01{
width:545px;
text-indent:1em;
}

/* 02 */
#contents p.text02{
margin-left:10px;
width:535px;
}

/* 03 */
#contents p.text03{
margin-left:10px;
margin-bottom:20px;
width:525px;
text-indent:1em;
}

/* 連絡先 */
#contents #contentsright p.add{
background:#FFFFCC;
margin:20px 43px 30px 10px;
padding:1em;
}
#contents #contentsright p.add span{
padding-left:4.15em;
}
#contents #contentsright p.add02 span{
padding-left:4.8em;
}

/* テキスト左　写真右 */
#contents #contentsright .box01 p{
margin-bottom:1em;
}

/* PDFのダウンロード */
#contents p.pdf{
width:496px;
margin-top:20px;
margin-left:4px;
padding:10px 20px 10px 20px;
border:1px solid #CCCC66;
background:#FFFFCC;
line-height:150%;
}
#contents p.pdf img{
margin-top:5px;
}

/* ページトップへ戻る */
#contents p.pagetop{
text-align:right;
margin:30px 43px 20px auto;
}

/*====== ulタグ ====================================================================*/

/* header サイトマップのリンク */
#header ul{
text-align:right;
padding-top:30px;
margin-right:10px;
}

/* パンくずリスト */
#contents ul.pankuzu li{
display:inline;
color:#528EAF;
font-size:95%;
}

/* 01 */
#contents .liststyle01 li{
list-style-image:url(image/listimage.gif);
margin-left:1em;
}

/* 03 */
#contents #contentsright ul.liststyle03{
margin-left:10px;
margin-right:40px;
}
#contents #contentsright ul.liststyle03 li{
list-style:circle;
list-style-position:inside;
line-height:150%;
padding-left:1em;
text-indent:-1em;
text-align:justify;
text-justify:inter-ideograph;
margin-bottom:0.5em;
}
#contents #contentsright ul.liststyle03 li.kome{
list-style:none;
}
#contents #contentsright ul.liststyle03 li p{
text-indent:0;
}

/* 02 */
#contents #contentsright ul.liststyle02{
margin-left:10px;
}
#contents #contentsright ul.liststyle02 li{
list-style:disc;
list-style-position:inside;
line-height:150%;
margin-bottom:0;
}

/* サイトマップ */
#contents #contentsright ul.map{
width:250px;
float:left;
margin-left:5px;
margin-right:30px;
line-height:150%;
}
#contents #contentsright ul.map li{
padding-left:1.2em;
background:url(image/listimage02.gif) no-repeat 0 0.4em;
margin-bottom:0.5em;
}
#contents #contentsright ul.map li ul li{
padding-left:1em;
text-indent:-1em;
background:none;
list-style:disc;
list-style-position:inside;
margin-bottom:0;
}

/* 左メニュー */
#contents ul#menu{
position:absolute;
left:20px;
top:86px;
}
#contents ul#menu li{
margin-bottom:12px;
}

/* フッター */
#footer ul,#footer address{
text-align:center;
}
#footer ul.under{
padding-bottom:10px;
}
#footer ul li{
display:inline;
margin:0 6px;
}

/* 入れ歯回収 */
#contents #contentsright table.ireba ul li{
list-style-type:circle;
list-style-position:inside;
padding-left:1em;
text-indent:-1em;
}


/*====== olタグ ====================================================================*/

/* ボランティア活動ガイドブック引用 */
#contents #contentsright ol.about_v{
margin-top:30px;
margin-left:1em;
}
#contents #contentsright ol.about_v li{
list-style:decimal;
list-style-position:inside;
color:#39647B;
}
#contents #contentsright ol.about_v li p{
margin:0.5em 0 1em 1em;
width:500px;
text-align:justify;
text-justify:inter-ideograph;
color:#333333;
}

/* 04 */
#contents #contentsright ol.liststyle04 li{
list-style:decimal;
list-style-position:inside;
}

/* 05 */
#contents #contentsright ol.liststyle05{
margin-top:0.5em;
}
#contents #contentsright ol.liststyle05 li{
line-height:100%;
}

/* 入れ歯回収 */
#contents #contentsright table.ireba ol li{
list-style-type:decimal;
list-style-position:inside;
padding-left:1em;
text-indent:-1em;
}


/*====== divタグ ===================================================================*/

/* テキスト左　写真右 */
#contents #contentsright .box01{
width:532px;
margin-left:10px;
margin-bottom:20px;
}
#contents #contentsright .box01 img{
float:right;
margin-left:20px;
margin-bottom:20px;
}

#contents #contentsright .box01 .tempimg img{
float:left;
margin:5px 10px 5px 0px;
}

/* 子供ボランティア教室 */
#contents #contentsright .phot_v{
margin-bottom:20px;
margin-left:10px;
}
#contents #contentsright .phot_v .phot_v1{
margin-right:22px;
}

/* 引用元の表示 */
#contents div.cite{
text-align:right;
width:545px;
margin-top:0.5em;
margin-bottom:50px;
}

/* おしらせ */
#contents #contentsright .infobox{
margin-bottom:20px;
}
#contents #contentsright .info_img{
float:right;
}
#contents #contentsright .info_img img{
margin-left:10px;
margin-bottom:10px;
}
#contents #contentsright .info_page{
text-align:center;
}
#contents #contentsright .info_page span{
margin:0 1em;
}
#contents #contentsright .box01{
margin-top:15px;
}

/*====== tableタグ =================================================================*/

/* 基本 */
#contents #contentsright table td{
vertical-align:top;
}

/* 01 */
#contents #contentsright table.table01{
margin:1em 0 1em 10px;
}
#contents #contentsright table.table01 th,#contents #contentsright table.table01 td{
border:1px solid #CCCCCC;
padding:0.5em 1em;
}
#contents #contentsright table.table01 td{
text-align:right;
}
#contents #contentsright table.table01 td.td01{
text-align:left;
}

/* 権利擁護 */
#contents #contentsright table.ryokin{
margin-left:5px;
width:450px;
margin:1em 0;
}
#contents #contentsright table.ryokin th,#contents #contentsright table.ryokin td{
border:1px solid #CCCCCC;
padding:0.5em 1em;
}
#contents #contentsright table.ryokin th{
background:#EDEDDA;
}

/* 登録ボランティア一覧 */
#contents #contentsright table.voranthia{
margin-left:5px;
width:537px;
}
#contents #contentsright table.voranthia caption{
margin-bottom:5px;
color:#990000;
}
#contents #contentsright table.voranthia th,#contents #contentsright table.voranthia td{
border:1px solid #CCCCCC;
padding:5px;
}
#contents #contentsright table.voranthia th{
background:#DBDBB7;
}

/* 入れ歯回収 */
#contents #contentsright table.ireba{
margin-top:15px;
}

/*====== dlタグ ====================================================================*/

/* 基本 */
#contents #contentsright dl{
line-height:150%;
}
/* 01 */
#contents #contentsright dl.dlstyle01{
margin-top:1em;
margin-left:10px;
}
#contents #contentsright dl.dlstyle01 dt{
color:#39647B;
}

/* 02 */
#contents #contentsright dl.dlstyle02{
margin-top:1em;
margin-left:10px;
}
#contents #contentsright dl.dlstyle02 dt{
padding-left:1.2em;
background:url(image/square.gif) no-repeat left;
}
#contents #contentsright dl.dlstyle02 dd.dd01{
margin-left:1.2em;
margin-right:40px;
}

/* 介護 */
#contents #contentsright dl.sien{
margin-left:10px;
margin-right:40px;
line-height:150%;
margin-bottom:20px;
}
#contents #contentsright dl.sien dd ul li{
list-style:disc;
list-style-position:inside;
}
#contents #contentsright dl.sien dd ul li p{
margin-left:1.1em;
}

/*====== addressタグ ===============================================================*/
#contents #footer address{
margin-top:5px;
padding:5px 0 10px 0;
background:url(image/dotto.gif) repeat-x top;
}
#contents #footer address span{
margin-left:1em;
line-height:110%;
}


/*====== classのみ ===============================================================*/

/* margin */
#contents #contentsright .margin01{
margin-top:30px;
}

#contents #contentsright .margin02{
margin-bottom:200px;
}

/* padding */
*html #contents #contentsright .padding01{
padding-top:20px;
}

*:first-child+html #contents #contentsright .padding01{
padding-top:20px;
}

/* font */
#contents #contentsright .infobox .day{
font-weight:normal;
font-size:80%;
margin-left:0.5em;
}