@charset "shift-jis";


/*=====================================================
初期値リセット
=====================================================*/

body{
text-align:center;
}
body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote {
margin:0px;
padding:0px;
}
ul,li {
list-style:none;
}
li img {
vertical-align:top;
}
img {
border:0;
}

/*フォント*/
body {
font-family: "ＭＳ Ｐゴシック", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
color:#000;
font-size:12px;
line-height:1.4;
}


/*マークアップ基本*/
a {
color:#003399;
}
a:link {
color:#003399;
}
a:visited {
color:#5E8CBA;
}
a:hover{
color:#003399;
}
a:active {
color:#FFCC33;
}


/*=====================================================
clearfix
=====================================================*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{overflow:hidden;min-height:1em;}
/*\*/
* html .clearfix{height:1%;overflow:visible;}
.clearfix{display:block;}
/**/


#Content:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#Content{overflow:hidden;min-height:1em;}
/*\*/
* html #Content{height:1%;overflow:visible;}
#Content{display:block;}
/**/




/*=====================================================
Wrapper
Header
Footer
=====================================================*/
#Wrapper{
width:653px;
margin:0 auto;
padding:0;
text-align:left;
}

#Header{
height:84px;
margin:0 0 20px 0;
padding:0 27px 0 21px;
background:url(../img/head_bg.gif) left bottom repeat-x;
}

#Header .Logo{
float:left;
width:150px;
margin:20px 0 0 0;
}
#Header .Close{
float:right;
width:80px;
margin:43px 0 0 0;
}

#Footer{
padding:10px 0;
text-align:right;
}



/*=====================================================
Content
=====================================================*/
#Content{
border:1px solid #0e1e7d;
background:url(../img/content_bg.gif) 350px 0 repeat-y;
}

#Content h1{
padding:0 0 0 25px;
font-size:18px;
line-height:27px;
color:#FFF;
background:#0e1e7d url(../img/icon_box.gif) 5px 5px no-repeat;
}

#MapSide{
float:left;
width:350px;
height:350px;
}
#MapSide #MapImg{
display:block;
width:100%;
height:100%;
}


#InfoSide{
float:right;
width:300px;
}

#InfoSide .Section{
margin:10px 10px 0;
}
#InfoSide .Section p{
margin:0 0 20px 0;
}