@charset "utf-8";


/* ********************************
   reset
******************************** */
body{
margin-top:0;
margin-left:0;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,object{
margin:0;
padding:0;
}

img{
border:none;
vertical-align:bottom;
}

object{
vertical-align:top;
}

ul,li{
list-style:none;
}


/* ********************************
   base, module
******************************** */
#bg_color{
 width:1000px;
 background:#f3f4f6;
}


#wrapper{
width:980px;
margin-left:10px;
font-family:"ＭＳ Ｐゴシック","MS P Gothic",Osaka,sans-serif;
line-height:1.5;
color:#000;
}

#contents{
width:980px;
margin-top:10;
font-size:87%;
}

.pageTop{
text-align:right;
margin-top:20px;
}

a:link,
a:visited{
color:#0066cb;
text-decoration:underline;
}

a:hover {
    color: #FF6600;
}


/* ********************************
   common
******************************** */
.center{
text-align:center;
}

.fright{
text-align:right;
}
.fblue{
 color:#0099FF;
}

.fsmall{
 font-size:90%;
}

.fbold{
 font-weight:bold;
}

/* ********************************
   header
******************************** */
#header{
height:63px;
background:#09f;
}


/* ********************************
   main
******************************** */
#main{
position:relative;
text-align:left;
}

#main02{
text-align:left;
background:url(images/sp_main_bg.jpg) left no-repeat;
width:980px;
height:377px;
}

.movie {
padding:140px 0 0 50px;
width:400px;
}

.mtitle {
color:#666666;
font-size:87%;
margin-top:4px;
}

#main3m{
text-align:left;
background:url(images/sp_main_3m_bg.jpg) left no-repeat;
width:980px;
height:377px;
}

.menu3m {
	position:relative;
	left:714px;
	top:96px;
}

.menu3m li {
	margin-bottom:4px;
}

.info {
	margin-top:10px;
}

/* ********************************
   subArea
******************************** */
.aomArea{
 text-align:left;
 background:url(images/bnr_aom_bg.gif) left no-repeat;
 width:980px;
 height:32px;
}

p.aom {
	padding:5px 0 0 370px;
	font-size:12px;
	color:#336699;
}

p.aom span {
	font-size:16px;
	font-weight:bold;
}

.subArea {
 padding-top:10px;
 text-align:left;
 width:980px;
 height:32px;
}

.aomArea2{
 background:url(images/bnr_aom_bg_s.gif) left no-repeat;
 width:686px;
 height:32px;
 float:left;
}

p.plan {
	float:right;
}

.linkArea {
	float:left;
}

.linkArea ul {
	font-size:12px;
	line-height:1.4em;
	letter-spacing:0.1em;
}

ul li.info{
 background:url(images/pict_info.gif) left no-repeat;
 padding-left:18px;
}

ul li.hea{
 background:url(images/pict_heart.gif) left no-repeat;
 padding-left:18px;
}





/* ********************************
   section
******************************** */
#topsection {
 padding-top: 10px;
 width:980px;
 height:240px;
 clear:both;
}

/* ********************************
   filed
******************************** */

#filed {
	float:left;
	width:686px;
}

/* ********************************
   section01
******************************** */
#section01 {
 padding-right: 20px;
 float:left;
 width:686px;
}

.inner01 {
	width:686px;
}

.box1{
 height:200px;
 _height:220px;
 background:#fff;
 border-style:solid;
 border-color: #b0b0b0;
 border-width: 0px 1px 1px 1px;
 text-align:left;
 font-size:87%;
 padding:10px 10px 0 10px;;
}

#section01 .fleft{
 float: left;
}

#section01 li{
 padding-bottom:20px;
 display: block;
 clear: both;
}

#section01 .up{
 vertical-align:top;
 float: right;
 width:240px;
 margin-right:5px;
 display:inline;
}

#section01 .no {
 color:#336699;
 font-weight:bold;
}

#section01 .ttl a{
 font-weight:bold;
 color:#0099ff;
 text-decoration:none;
}

#section01 .ttl a:hover {
    color: #FF6600;
    font-weight: bold;
    text-decoration: none;
}

h3 {
	font-size:120%;
	color:#0099FF;
	line-height:130%;
	margin-bottom:6px;
}

.date {
	color:#336699;
	font-weight:bold;
}

.news01 {
	width:322px;
	float:left;
	margin-right:10px;
	padding-bottom:10px;
}

.news02 {
	width:320px;
	_width:330px;
	float:left;
	border-left:1px solid #b0b0b0;
	padding-left:10px;
	display:inline;
	padding-bottom:10px;
}

.boxR {
	float:right;
	margin-left:10px;
}

/* ********************************
   section02
******************************** */
#section02 {
	float:left;
	width:274px;
}

.box2{
 height:200px;
 _height:220px;
 overflow-y:scroll;
 background:#fff;
 border-style:solid;
 border-color: #b0b0b0;
 border-width: 0px 0px 1px 1px;
 padding:10px 10px 0 10px;
 font-size:87%;
}

#sideArea {
	margin:0 0 0 14px;
	padding:0;
	text-align:left;
}

#sideArea .section {
	margin:0 0 20px 0;
	padding:0px;
	width:190px;
}

.archive dl{
	padding-bottom:4px;
	clear:both;
	
}

.archive dt{
	float: left;
    margin: 0;
	display: block;
	color:#336699;
	font-weight:bold;
	padding-right:10px;
}

.archive dd{
    display: block;
    margin: 0;
	float:left;
	width:156px;
}


/* ********************************
   section03
******************************** */
#section03{
 float:right;
 width:275px;
}

.box3{
 height:490px;
 background:#fff;
 border-style:solid;
 border-color: #cdcdcd;
 border-width: 0px 1px 1px 1px;
 overflow-y: hidden;
}

.box3 p.maptext {
	font-size:12px;
	padding-top:2px;
}

/*backup
.box3{
 width:273px;
 _width:275px;
 height:490px;
 background:#fff;
 border-style:solid;
 border-color: #cdcdcd;
 border-width: 0px 1px 1px 1px;
 overflow-y: hidden;
 padding:10px 0px 0px 0px;
 text-align:left;
 font-size:87%;
} */

/* gmap追加 */
.box3_1{
 width:273px;
 _width:275px;
 height:280px;
 _height:290px;
 background:#fff;
 border-style:solid;
 border-color: #cdcdcd;
 border-width: 0px 1px 1px 1px;
 overflow-y: hidden;
 padding:0px;
 margin-bottom:10px;
}


.box3_2{
 width:273px;
 _width:275px;
 height:150px;
 background:#fff;
 border-style:solid;
 border-color: #cdcdcd;
 border-width: 0px 1px 1px 1px;
 overflow-y:scroll;
 padding:10px 0px 0px 0px;
 text-align:left;
 font-size:87%;
}

.box3_2l{
 width:273px;
 _width:275px;
 height:280px;
 background:#fff;
 border-style:solid;
 border-color: #cdcdcd;
 border-width: 0px 1px 1px 1px;
 overflow-y:scroll;
 padding:10px 0px 0px 0px;
 text-align:left;
 font-size:87%;
}

#section03 .msg{
 margin:0px 15px 20px 15px;
}

#section03 .msg img{
 float:left;
 margin-right:5px;
}


/* ********************************
   section04
******************************** */
#section04{
 width:980px;
 margin-top:10px;
}

.box4{
 width:978px;
 _width:980px;
 height:80px;
 background:#fff;
 border-style:solid;
 border-color: #cdcdcd;
 border-width: 0px 1px 1px 1px;
 overflow-y:scroll;
 text-align:left;
 font-size:87%;
}

#section04 ul{
 margin:5px 15px 10px 15px;
}

#section04 li{
 margin:0px 0px 5px 0px;
}

/* ********************************
   section04s
******************************** */
#section04s{
 width:686px;
 margin-top:10px;
}

#section04s .box4{
 width:684px;
 _width:686px;
 height:80px;
 background:#fff;
 border-style:solid;
 border-color: #cdcdcd;
 border-width: 0px 1px 1px 1px;
 overflow-y:scroll;
 text-align:left;
 font-size:87%;
}

#section04s ul{
 margin:5px 15px 10px 15px;
}

#section04s li{
 margin:0px 0px 5px 0px;
}


/* ********************************
   sectionACC
******************************** */
#sectionACC{
 width:980px;
 margin-top:10px;
 margin-bottom:10px;
 text-align:center;
}

.boxACC {
padding-top:12px;
background:url(images/sp_tbr_top.gif) no-repeat left top;
margin-bottom:10px;
}
.boxACC .body {
padding:5px;
background:url(images/sp_tbr_body.gif) repeat-y left top;
}
.boxACC .bottom {
height:12px;
background:url(images/sp_tbr_btm.gif) no-repeat left bottom;
font-size:1px;
line-height:1px;
} 

#sectionACC h4{
 color:#AD0000;
 font-weight:bold;
 font-size:120%;
}

#sectionACC p{
 color:#555555;
}

/* ********************************
   section06
******************************** */
#section06{
 width:980px;
 margin-top:10px;
}

.box6{
 background:#fff;
 border-style:solid;
 border-color: #cdcdcd;
 border-width: 0px 1px 1px 1px;
 text-align:left;
 font-size:87%;
 padding:10px 0 0px 15px;
}

#section06 .box6 .msg {
	float:left;
	margin-right:22px;
	padding-bottom:10px;
	width: 170px;
}

#section06 .box6 .msg img {
	float:left;
	margin-right:5px;
}


/* ********************************
   cvArea
******************************** */
.cvArea{
 margin-top:10px;
 text-align:left;
 background:url(images/sp_don.gif) left no-repeat;
 width:980px;
 height:67px;
}

.cvAreatxt{
 width:380px;
 padding:30px 0px 0px 28px;
 font-size:11px;
 float:left;
}

.cvAreabtn{
 width:500px;
 padding:17px 10px 0px 0px;
 float:right;
}

/* ********************************
   clearfix
******************************** */
/* IE以外のモダンブラウザ向け */
.cfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* IE7および、Mac：IE5向け */
.cfix{
display:inline-block;
}

/* IE6以前向け */
/* Hides from IE-mac \*/
* html .cfix{
height:1%;
}

.cfix{
display:block;
}
/* ********************************
   popup
******************************** */
#msgbox{
 margin-left:20px;
 width:580px;
}

#msgbox p{
 margin-top:10px;
 margin-bottom:20px;
 font-size:10.5pt;
 line-height:1.5;
 font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
 color:#666666;
}

/* link */


.blue01 {
	color:336699;
}