@charset "utf-8";

/*global *-------------------------------------*/
/*------ header */
/*------ footer */

/*Top page *-----------------------------------*/
/*------ news(left) */
/*------ top-index(right) */

/*2nd page *-----------------------------------*/
/*------ menu(left) */
/*------ contents */
/* contents (body-index , body-text)*/
/* contents (body-index)*/
/* contents (body-text)*/

/*parts *--------------------------------------*/
/*------ navi */
/*------ column */
/*------ list */
/*------ table */
/*------ image */
/*------ text /title */
/*------ etc. */
/*ordinance*/
/*contact*/


/*global *-------------------------------------*/
*{
margin:0;
padding:0;
font-size: 100%;
font-style:normal;
font-weight:normal;
}
body{
	background-color:#ffffff;
	font-size: 80%;
}
#all{
	width:100%;
	margin:auto;
	line-height:1.4;
	min-width: 50%;
}
h1,h2,h3,h4,h5,h6{
	font-size:1em;
	font-weight:bold;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	font-weight:bold;
}
h4,h5,h6{
	margin-bottom:0.5em;
}

a:link { color: #0000ff; } 
a:visited { color: #0000ff; } 
a:hover { color: #ff0000; } 
a:active { color: #ff0000; } 


/*------ header */
#header{
	margin-top:3px;
	height:25px;
}
#navi{
	text-align:right;
	margin-left:125px;
}
#navi li{
	display:inline;
	list-style-type:none;
	margin-left:2px;
}
h1{
	clear:both;
}
#title{
	height:90px;/*for IE6-print*/
	background:url(../img/title_bg.jpg) right;
	background-color: #2D78BF;

}
#logo {
	position: absolute;
	left: 10px;
	top: 28px;
	width: 400px;
	height: 90px;
	background: url(../img/title.jpg) left top no-repeat;
}
#logo img {
	position: absolute;
	left: -9999px;
}

/* ナビゲーション--*/
#globalNav {
	overflow: auto !important;
	overflow /**/: hidden;
	width: 100%;
	background: #E8E8E8 url(../img/global_nav_bg2.jpg) left top repeat-x;
	border-bottom: 3px solid #CCCCCC;
}
#globalNav li {
	float: left;
	width: 130px;
	border-right: 1px solid #CCCCCC;
}
#globalNav li a {
	display: block;
	width: 100%;
	line-height: 30px;
	color: #333333;
	text-decoration: none;
	text-align: center;
	background: #E8E8E8 url(../img/global_nav_bg2.jpg) 0 0 repeat-x;
}
#globalNav li a:hover {
	color: #FFFFFF;
	background: #50B622 url(../img/global_nav_bg2.jpg) 0 -100px repeat-x;
}

/*------ footer */
#footer{
	text-align:center;
	font-size:0.9em;
	padding: 0 0;
	border-top: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	clear:both;
}
#footer .address{
	padding:5px;
	color:#000000;
	background-color: #E7E7E7;
}
#footer ul{
	padding:8px;
}
#footer li{
	display:inline;
	padding:0.5em;
}


/*------ menu(left) */
#menu{
	overflow-y:hidden;
	overflow-x:hidden;
	float:left;
	width:191px;
	padding-left:10px;
	font-size:1em;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 25px;
	background: #f3f3f3;
}
.globalmenu li{
	list-style:none;
	margin-bottom:2px;
	padding:5px 10px;
	background-image:url(../img/m_bg1.gif);
	font-weight:bold;
}
.globalmenu .here{
	background-image:url(../img/m_bg2.gif);
	color:#003366;
}
.globalmenu a:visited{
	color:#0000ff;
}

.list {
	margin-bottom: 20px;
}
.list h2 {
	padding: 3px 15px;
	color: #FFFFFF;
	background: #333333 url(../img/bg_st2.gif);
}
.list h3 {
	margin: 5px 0 0 15px;
	padding-left: 5px;
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px dashed #CCCCCC;
}
.list li {
	list-style:none;
	margin: 5px 0 0 15px;
	padding-left: 15px;
	background:  url(../img/arrow.gif) 2px 0.4em no-repeat;
	border-bottom: 1px solid #CCCCCC;
}
.center {
	text-align: center;
}


/*------ contents */
#contents{
	margin:0 0 0 201px;
	padding-right:20px;
	text-align:left;
	font-size:1.0em;
}
#contents h2{
	margin:0px 1px 15px 20px;
	padding-top:20px;
	font-size: 150%;
	font-weight: bold;
	border-bottom: 2px solid #0074FF;
}

/* contents (body-index , body-text)*/
.body-index,.body-text{
	margin:0 1px 0 30px;
}
.body-index ul,.body-index ol,.body-text ul,.body-text ol{
	padding:0.5em 0 0.5em 1.5em;
}

.arrow {
	margin: 5px 0 5px 15px;
	padding-left: 15px;
	background:  url(../img/arrow.gif) 2px 0.4em no-repeat;
	list-style-type:none;
}

.body-index dt,.body-text dt{
	float:left;
}
.body-index dd,.body-text dd{
	margin-bottom:1em;
}


.indent {
	padding-left:2em;
}

.data ul{
	list-style-type:disc;
}
	
.data ul ul{
	list-style-type:circle;
}
	
	
/* contents (body-index)*/
.body-index h3{
	font-size:1.0em;
	color:#003366;
	border:0;
	padding:5px;
	margin:0 0 10px -1em;
	background-color:#bbeecc;
}
.body-index p{
	margin:1em 0 0.5em;
}
.body-index .data li{
	list-style-type:disc;
}
/* contents (body-text)*/
.body-text h3{
	margin-top: 15px;
	padding: 3px 10px;
	background-color: #F3F3F3;
	border-left: 5px solid #0074FF;
	border-bottom: 1px solid #CCCCCC;
	font-size:120%;
}
.body-text h4{
	margin: 10px 0 0 15px;
	padding-left: 5px;
	font-size: 110%;
	font-weight: bold;
	border-bottom: 1px dashed #CCCCCC;
}
.body-text p{
	margin:0.5em 0;
}
.text-top {
	font-weight:bold;
	font-size:120%;
}
.service {
　　margin-left:20px;
　　margin-top:15px;
}

.body-float{
	float:left;
	width:50%;
}

.mail {
	display:block;
	width:300px;
	line-height:25px;
	margin-left:50px;
	background:url(../img/bg_mail.gif) left center no-repeat;
	font-size:1em;
	text-align:center;
}

/*画像枠付き*/
div.imagebox { /* float:left */
   background-color: #f7f7f7; 
   border: 1px dashed #999999; 
   margin: 5px;
   padding:5px;
   width: auto;
   float:left;
}
p.image, p.caption {
   text-align: center; 
   margin: 5px; 
}
p.caption {
   font-size: 90%;
}

/*画像枠なし 20090622*/
div.imagebox2 { /* float:left */
   background-color: #f7f7f7; 
   border: 0px; 
   margin: 5px;
   padding:5px;
   width: auto;
   float:left;
}
p.image2, p.caption2 {
   text-align: center; 
   margin: 5px; 
}
p.caption2 {
   font-size: 90%;
}

/*float解除*/
br.clear{ 
clear:both; 
line-height:0px; 
}


/*parts *--------------------------------------*/
/*------ navi */
.hide{
	position:absolute;
	left:-1000em;
	width:900em;
}
.pankuzu{
	clear:both;
	margin:5px;
	font-size:0.9em;
}

/*------ column */
.data{
	margin-left:3em;
	margin-top:10px;
}
.data160{/*for day.php*/
	margin-left:3em;
	margin-top:10px;
	height:160px;
}
.data170{/*for kizuna_01.php*/
	margin-left:3em;
	margin-top:10px;
	height:170px;
}
.box{
	margin:2px;
	padding:10px;
	border:solid 1px #000000;
}
.column_left{
	float:left;
	width:48%;
	margin-right:15px;
}
.column_right{
	float:left;
	width:47%;
}

/*------ list */
.data ul,.data ol,dl{
	margin:0.5em 0;
}
.data li{
	margin:0 0 0.5em;
}
.data dd{
	margin:0;
}
/*→ value.css*/


/*basic*/
.info {
	margin-top:1em;
}
.info dt{
	float:none;
	width:auto;
	text-align:left;
	margin-top:1em;
}
.info dd{
	margin:0.5em 0 0 2em;
}

/*listmark*/
.listmark dt,.listmark_sub dt{
	float:left;
	margin:0;
	width:1.5em;
	text-align:right;
}
.listmark dd{
	margin:0 0 1em 2em;
}
.listmark li{
	margin:0 0 1em 2em;
	list-style-type:disc; 
	list-style-image:none; 
}
.listmark_sub dd{
	margin:0 0 0 2em;
}
/*row*/
ul .subindex {
	margin:0;
	list-style:none;
}
.subindex li{
	display:inline;
	margin:0 1em 0 0;
}
.no-disc{
	list-style:none;
}
.roman{
	list-style-type:upper-roman;
}
/*------ table */
caption{
	margin:2px 0;
	text-align:left;
}
table{
	margin:0.5em 2px 0;
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
}
td,th{
	padding:4px;
	border-bottom:solid 1px #000000;
	border-right:solid 1px #000000;
	text-align:left;
	vertical-align:top;
}
th{
	background-color:#eeeeee;
}
.no-line{margin:-4px 0 0 -5px;}
.no-line,.no-line td,.no-line th{
	border:none;
	background-color:#ffffff;
}
.numeric,.numeric td{
	text-align:right;
}
.space td{
	padding-right:1.5em;
}

.nowrap{
	white-space:nowrap;
}
.middle{
	vertical-align:middle;
}
table .data{
	margin-left:1em;
}


/* 画像の横に説明 */
#contents dl.img_left dt{ float:left; margin:0 0.5em 0 0; border:none; }
#contents dl.img_left dd{ border:none; }
br.clear{ clear:both; line-height:0px; }

#contents dl.img_right dt{ float:right; margin:0 0 0 0.5em; border:none; }
#contents dl.img_right dd{ border:none; }
br.clear{ clear:both; line-height:0px; }


/*------ image */
img{
	border:none;
}

/*------ text /title */
.pagetop{
	margin-top:0.5em;
	text-align:right;
	padding-bottom:2em;
}
.text-right{
	margin-top:0.5em;
	text-align:right;
}
.text-center{
	text-align:center;
}
strong,.strong{
	font-weight:bold;
}
.attention{
	color:#cc0000;
	font-weight:bold;
}
.comment{
	font-size:0.9em;
	color:#333333;
}
.box-line{
	padding:3px 5px;
	border:solid 1px #000000;
}
.box-line-title{
	list-style:none;
	padding:3px 5px;
	border:solid 1px #003366;
	background-color:#eeeeee;
}
.box-line-title2{
	list-style:none;
	padding:3px 5px;
	border:solid 1px #003366;
	background-color:#ffffff;
}
.box-line-title2{
	list-style:none;
	padding:3px 5px;
	border:solid 1px #003366;
	background-color:#ffffff;
}
.box-line-title3{
	list-style:none;
	padding:3px 5px;
	border:solid 1px #003366;
	background-color:#eeddff;
}
.box-line-green{
	padding:3px 5px;
	border:solid 1px #99cc66;
	background-color:#cceeaa;
}


/*------ etc. */
.clear{
	clear:both;
}


.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}

.em1 dt{width:2em;text-align:left;}.em1 dd{margin-left:1.5em;}
.em2 dt{width:3em;text-align:left;}.em2 dd{margin-left:3em;}
.em3 dt{width:4em;text-align:left;}.em3 dd{margin-left:4em;}
.em4 dt{width:5em;text-align:left;}.em4 dd{margin-left:5em;}
.em5 dt{width:6em;text-align:left;}.em5 dd{margin-left:6em;}
.em6 dt{width:7em;text-align:left;}.em6 dd{margin-left:7em;}
.em7 dt{width:8em;text-align:left;}.em7 dd{margin-left:8em;}
.em8 dt{width:9em;text-align:left;}.em8 dd{margin-left:9em;}
.em9 dt{width:11em;text-align:left;}.em9 dd{margin-left:10em;}
.em10 dt{width:11em;text-align:left;}.em10 dd{margin-left:11em;}
.em11 dt{width:12em;text-align:left;}.em11 dd{margin-left:11em;}
.em12 dt{width:13em;text-align:left;}.em12 dd{margin-left:13em;}
.em13 dt{width:14em;text-align:left;}.em13 dd{margin-left:14em;}



/*TOPページの３ブロック*/
#contents #main2 {
	margin: 0px;
	padding: 15px 15px 0px 0px;
}
#contents #main2 #block1 {
	margin: 0px;
	padding: 0px 0px 10px 10px;
	float: left;
	height: auto;
	width: 150px;
}
#contents #main2 #block1 h6 {
	margin: 0px 0px 10px;
	padding: 5px;
	height: 20px;
	width: 140px;
	font-size: 10px;
	color: #000000;
}
.komidashi1 {
	background: url(../img/block_day.jpg) no-repeat;
}
.komidashi2 {
	background: url(../img/block_short.jpg) no-repeat;
}
.komidashi3 {
	background: url(../img/block_kouza.jpg) no-repeat;
}
#contents #main2 #block1 p {
	margin: 10px 5px;
	padding: 0px;
}
