@charset "UTF-8";

/* reset
-------------------------------------- */
body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, button {margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-size: 100%; font-weight: normal;}

address, caption, cite, code, dfn, em, strong, var {font-style: normal; font-weight: normal;}

ol, ul {list-style: none; margin: 0; padding: 0;}

table {border-collapse: collapse; border-spacing: 0;}

caption, th {text-align: left; font-weight: normal; font-style: normal;}

acronym, abbr, fieldset, img {border: 0;}

:focus {outline: 0;}

/* clear */
.clear {clear: both;}

.clearfix:after {content: ""; display: block; clear: both;}

.clearfix {display: inline-block;}

.clearfix {display: block;}

/* links
-------------------------------------- */
a:link, a:visited {
color: #333;
text-decoration: none;
}

a:hover {
color:#03C;
text-decoration: underline;
}

a:active {
color:#39C;
}

.wrapper {
margin-left: auto;
margin-right: auto;
}

/* body
-------------------------------------- */
body {
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,monospace;
color:#333;
font-size: 12px;
background-color:#BCE0F4;
background: transparent url(../images/bg.gif) repeat;
}

/* header
-------------------------------------- */
#header {
position:relative;
width: 800px;
background-color:#FFFFFF;
height:130px;
margin: 0 auto;
text-align: left;
}

/* h1 */
#header h1 {
position:absolute;
background: transparent url(../images/logo.jpg) no-repeat;
text-indent: -9000px;
width:800px;
height:130px;
margin: 0px;
}

ul {
	list-style-type: none;
}

#gnavi {
	margin: 0 auto;
	clear:both;
	position:relative;
	width: 800px;
	height: 44px;
	background:url(../images/gnav_bg.gif) repeat-x;
}

#gnavi ul {
	position:absolute;
	padding-left:95px;
	top: 3px;
}

#gnavi li {
	float:left;
	list-style-type: none;
	margin-right:30px;
}

#gnavi_bass {
clear: both;
margin: 0 auto;
padding: 0px 0;
width: 800px;
height: 30px;
white-space: nowrap;
text-align: center;
background:url(../images/gnav_bg.gif) repeat-x;
}

#gnavi_bass ul {
margin:0 auto;
text-align: center;
}

#gnavi_bass ul li {
float: left;
margin: 0 auto;
padding: 2px 0px;
text-align: center;
list-style-type:disc;
margin-left:45px;
}

#gnavi_bass a　{
display: block;
text-align: center;
}
/* container
-------------------------------------- */

#container {
position:relative;
width: 800px;
background-color:#FFFFFF;
margin: 0 auto;
padding-top:10px;
padding-bottom:0px;
}

p#compass {
position:fixed;
background: transparent url(../images/compass.png) no-repeat;
text-indent: -9000px;
width:128px;
height:128px;
margin-top: -30px;
margin-left:700px;
z-index:10;
}

#container h4 {
position:relative;
margin-top: 20px;
margin-bottom:20px;
margin-left:30px;
line-height:150%;
}

#container h2 {
position:relative;
text-align:left;
background: transparent url(../images/line_bg.jpg) repeat;
width:760px;
color:#FFFFFF;
border-top:1px solid #C8EFFF;
border-bottom:1px solid #C8EFFF;
font-size:18px;
font-weight:bolder;
margin-left:10px;
padding-left:20px;
padding-top:10px;
padding-bottom:10px;
}

#container h3 {
position:relative;
text-align:left;
background: transparent url(../images/line2_bg.gif) repeat;
width:720px;
color:#000066;
border-left:5px solid #000066;
font-size:16px;
font-weight:bolder;
margin-bottom:10px;
margin-left:30px;
margin-top:30px;
padding-left:20px;
padding-top:4px;
padding-bottom:4px;
}

#container #pagetop_bt {
position:relative;
text-align:left;
background: transparent url(../images/pagetop.gif) no-repeat;
background-position:left;
margin-left:650px;
padding-left:20px;
}
/* copy
-------------------------------------- */

#copy {
position:relative;
background-color:#06F;
width: 800px;
margin: 0 auto;
text-align: center;
padding-top: 10px;
padding-bottom:10px;
border-top:dotted 1px #ffffff;
line-height:150%;
color:#ffffff;
}

/* footer
-------------------------------------- */

#footer {
position:relative;
width: 800px;
height:30px;
margin: 0 auto;
text-align: center;
padding-top: 10px;
}



table#table-01 {
    border-spacing: 0;
	position:relative;
	margin-left:80px;
}

table#table-01 th {
    padding: 5px;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table#table-01 td {
    padding: 5px;
    background: #ffffff;
    text-align: center;
	font-size:10px;
    white-space: nowrap;
	color:#666666;
}

table#table-02 {
width:740px;
border-collapse: collapse;
border-spacing: 0;
margin-bottom:50px;
}

table#table-02 td {
padding: 5px;
border:#999999 solid;
border-width: 1px 0px 1px 0px;
white-space: nowrap;
vertical-align:text-top;
}

table#table-03 {
width:740px;
border-collapse: collapse;
border-spacing: 0;
margin-bottom:5px;
}

table#table-03 td {
padding: 5px;
border:#999999 solid;
border-width: 1px 0px 1px 0px;
white-space: nowrap;
vertical-align:text-top;
text-align:center;
vertical-align:middle;
}

table#table-03 th {
padding: 5px;
border:#999999 solid;
border-width: 1px 0px 1px 0px;
white-space: nowrap;
vertical-align:text-top;
text-align:center;
background-color:#BAE5E7;
vertical-align:middle;
}

#mv {
position:relative;
margin-top: 20px;
margin-left:30px;
width:740px;
}

#mv h4{
background: transparent url(../images/top1.jpg) no-repeat;
text-indent: -9000px;
width:740px;
height:136px;
margin: 0px;
}

#mv h5{
background: transparent url(../images/top2.jpg) no-repeat;
text-indent: -9000px;
width:740px;
height:227px;
margin: 0px;
}

#mv h6{
background: transparent url(../images/top3.jpg) no-repeat;
text-indent: -9000px;
width:247px;
height:30px;
margin: 0px;
}

#con0 {
width:220px;
height:300px;
float:left;
text-align:center;
}

#con1{

text-align:left;
width:550px;
color:#000000;
border-left:1px solid #C8EFFF;
margin-left:220px;
padding-top:5px;
padding-left:15px;
padding-bottom:5px;
margin-bottom:10px;
}
#con2{

text-align:left;
width:550px;
color:#000000;
border-left:1px solid #C8EFFF;
margin-left:220px;
padding-top:5px;
padding-left:15px;
padding-bottom:5px;
margin-bottom:10px;
}
#con3{

text-align:left;
width:550px;
color:#000000;
border-left:1px solid #C8EFFF;
margin-left:220px;
padding-top:5px;
padding-left:15px;
padding-bottom:5px;
margin-bottom:10px;
}

#privacy h4 {
font-size:14px;
font-weight:bold;
margin-bottom: 15px;
}

#privacy p {
margin-bottom: 15px;
}

#privacy p.contact {
text-align: right;
}

#privacy dt {
background: #f5f5f5 none repeat scroll 0 0;
border-color :#eee #ddd #ddd #ddd;
border-style: solid;
border-width: 1px 1px 1px 3px;
line-height: 1em;
margin-bottom: 15px;
padding: 9px 0 8px 10px;
color: #222;
}

#privacy dd {
padding: 0 10px;
margin-bottom: 20px;
}

#box740 {
margin-left:30px;
width:740px;
}

span.contact{
text-align: right;
}