@charset "utf-8";

#main{text-align:center;}
h1{text-align:left;}
.block{
	background-color:#f5f7ff;
	background-image: url(../images/back_purple.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:590px;
font-size:85%;
}
.block#misa,
.block#wada{
	background-color:#dcf9b2;
	background-image:url(../images/back_green.gif);
	padding:6px 0;
	text-align:left;
}
#map{ padding-left:6px;}
#map p{ margin-bottom:0;}
#mapmisa,
#mapwada{

display : inline-block;
width: 249px;
height: 183px
}
.back{
background-color:#6da42a;
padding:8px;
margin-bottom:4px;

}

.box h2{ color:#FFFFFF;
background-color:#5153bd;
font-size:108%;
margin-bottom:0.5em;
padding-left:24px;}

.box{
	padding:1em 11px 0.5em 11px;
	text-align:left;
	line-height:1.5;
}
.box ul{
	margin-top:0;
}
.box li{
	list-style-type: none;
	float:left;
	width:260px;
}


/*-----------------------------------------------
関連情報
----------------------------------------------- */
#link{
	margin-top:1em;
}
#link dt{
	width:270px;
	background-image: url(../images/ico_triangle.gif);
	background-repeat: no-repeat;
	background-position: left 0.15em;
	padding-left:16px;
}
#link dd{
	margin-left:280px;
	margin-top:-1.5em;
	font-size:85%;
}
#link dd.sp{ margin-top:-3em;}
.block#link .box{
	background-image: url(../images/back_kakumaru1.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.block#link{
	background:none;
	background-color:#fde393;
	background-image: url(../images/back_kakumaru.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:590px;
}
#link h2{ background-color:#ff8400; margin-top:0;}


#misa #map,
#wada #map{
	width:575px;
	height:268px;
	margin-left:4px;
	border: 1px solid #868686;
}


#camera .clearfix h2{
	background:none;
	color:#000000;
}
#camera .fr p,
#camera .fl p{
	background-image: url(../images/pho_fr2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin:0;
	width:270px;
	text-align:center;
	padding-bottom:14px;
	margin-bottom:14px;
}
#camera .clearfix div h2{
	background:none;
	background-image: url(../images/pho_fr1.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom:4px;
	padding-left:0px;
	display : inline-block;
	width:270px;
}
#camera h2 span{
	padding-left:14px;
}
#camera strong{
	font-size:100%;
	font-weight:bold;
}

/*-----------------------------------------------
透過ファイルの設置
----------------------------------------------- */
/* iepngfix.htc：呼び出すHTMLからのパスを記述 */
#namap,
.block#link,
.block#link .box,
#camera .clearfix div h2,
#camera .fr p,
#camera .fl p,
#reload img{ behavior: url("../script/iepngfix/iepngfix.htc") }

/*-----------------------------------------------
footerエリア
----------------------------------------------- */
#footer {
}

/*-----------------------------------------------
共通のクラス
----------------------------------------------- */
.fl{ float:left;}
.fr{ float:right;}
em{ font-size:85%;
font-style:normal}

dl.tyui{ margin-left:0.5em;}
.tyui dt{ width:1.5em;}
.tyui dd{ margin-left:2em; margin-top:-1.5em;}
p.comment{ padding-left:16px;}

#misa p.comment,
#wada p.comment{
 padding-left:6px;}

#goback { text-align:center;}
#goback a{
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:8em;
	border: 1px solid #ffffff;
	background-color:#80b73e;
	color:#FFFFFF;
	text-decoration: none;
 }
 #goback a:hover{
 background-color:#6da42a; }
/* CSSハック
------------------------------------------------------------ */
.clearfix:after, .block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix, .block {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix, * html .block {
	height: 1%;
}
.clearfix, block {
	display: block;
}
/* End hide from IE-mac */