@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
html {
overflow-y: scroll;
}
ol, ul {
list-style:none;
}
fieldset, img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
font-size: 100%;
margin-top:10px;
margin-bottom:20px;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
}
input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
input, textarea {
font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}
textarea {
font-size: 100%;
}
#bodyIndex {
background: #000 url(images/body_bg_s.jpg) no-repeat 50% 0;
/* 750X550 */
text-align: center;
font-size: 13px; /* モダンブラウザ向け */
*font-size: small; /* IE 7向け */
*font: x-small; /* IE 6以下 */
color: #fff;
font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}
body {
background: #000;
text-align: center;
color: #fff;
font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}
 
/* Firefox 3用 */
body, x:-moz-broken {
margin-left:-1px;
}
#wrapper {
margin: 0 auto;
text-align: left;
width:750px;
}
a {
color:#666;
}
a:hover {
color: #eee;
}
/* head
----------------------------------------------------- */
#headIndex {
margin-top:650px;
}
/* #toplNavi
----------------------------------------------------- */
#top_navi {
margin:30px 10px 10px 35px;
height:30px;
line-height:30px;
text-align:center;
}
#top_navi li {
display:block;
float:left;
width:135px;
height:30px;
background:#000;
font-size:110%;
text-decoration:none;
color:#CCC;
}
#top_navi li a {
display:block;
height:30px;
background:#000;
text-decoration:none;
color:#FFF;/* mouse off color */
}
#top_navi li a:hover {
background:#000;
text-decoration:none;
color:#FCF;/* onmouse color */
}
/* float
----------------------------------------------------- */
.left {
float: left;
}
.right {
float: right;
}
/* #container
----------------------------------------------------- */
#container {
width:800px;
margin-top:5px;
float:left;
}
/* #contents
------------------------------------------------------ */
#contents {
float:left;
width:800px;
}
/* #right
----------------------------------------------------- */
#right {
float:right;
width:215px;
}
/* h[x]
----------------------------------------------------- */
h1 {
font-size:16px;
color:#FFF;
padding-left:15px;
font-family:Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
}/* page title, */
h2 {
font-size:13px;
padding-left:15px;
color:#0FF;
font-family:Arial, Helvetica, sans-serif;
}/* top title, */
h3 {
font-size:14px;
padding-left:15px;
line-height:20px;
background-color:#333;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
margin:20px 0px 10px 0px;
}/* detail title, */
h4 {
font-size:16px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
margin:0px 0px 0px 5px;
}

p {
	margin:0 0 1em 0;
	padding:15px;
	font-size:13px;
	line-height:20px;
}

img {
	vertical-align:bottom;
}




/* table title, */
/* table
----------------------------------------------------- */
.table01 {
width: 100%;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
background:#FFF;
color:#000;
margin-bottom:15px;
}
.table01 th, .table01 td {
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
padding:10px;
line-height: 1.6;
font-size:13px;
letter-spacing:0.1em;
}
.table01 th {
background: #FFF;
color:#000;
font-size:14px;
}


/*■マウスオーバー*/

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* ggmap
----------------------------------------------------- */
	.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* box
----------------------------------------------------- */
.box {
margin: 20px 0 10px;
}
.box70 {
width:70px;
margin-left:30px;
}
.box180 {
width:180px;
float:left;
margin-left:20px;
}

.box200 {
width:200px;
float:left;
margin-left:10px;
}


.box250 {
width:250px;
float:left;
margin-left:20px;
}

.box300 {
width:300px;
}
.box350 {
width:350px;
}

.box400 {
width:400px;
}

.box600 {
width:600px;
margin-left:150px;
}
.box700 {
width:700px;
}.box800 {
width:800px;
}
/* section
----------------------------------------------------- */
.section {
margin: 0 0 15px;
}
/* .clearfix
---------------------------------------------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0.1em;
}
.clearfix {
display: inline-block;
}
/*\*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}