@charset "utf-8";


/* reset
----------------------------------------------------------------------------------------------*/
*{
margin:0;
padding:0;
}
p{
margin-bottom:10px;
}
img{
vertical-align:top;
}

/* base style
----------------------------------------------------------------------------------------------*/
html{
height:100%;
overflow-y:scroll;
font-size:82%;
}

body{
height:100%;
margin:0;
padding:0;
background:#ffffff;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', 'Sans-Seri';
line-height:1.5;
}

a{
color:#555555;
}
a:hover{
text-decoration:none;
color:#999999;
}

ul {
list-style-type: none
}

/*
li {
display:inline-block;
}
*/

img{
border:0;
}

/* header
----------------------------------------------------------------------------------------------*/
#header{
width:100%;
height:400px;
background:#A0E6FA;
}

#header .back_blue{
margin:auto;
width:940px;
height:400px;
background:#62D5F6;
}

#header .flash{
}

#header .top_button{
width:900px;
height:58px;
background:url(../image/button_base.gif) no-repeat;
}

.globalNavigation{
clear:both;
}
.globalNavigation ul{
}
.globalNavigation ul li{
display:table-cell;
}

/* container
----------------------------------------------------------------------------------------------*/
#container{
margin:auto;
padding-top:50px;
padding-left:12px;
min-width:900px;
min-height:100%;
width:912px;
}

/* contents(left)
----------------------------------------------------------------------------------------------*/
#left{
float:left;
padding-bottom:20px;
width:680px;
}

.catch {
clear:both;
margin-top:5px;
margin-bottom:10px;
}

.logo_tools {
margin-top:10px;
}
.logo_l {
clear:both;
float:left;
margin-right:30px;
width:176px;
}
.logo_r {
}

.std60000 {
width:468px;
height:80px;
margin-top:10px;
margin-left:196px;
padding-top:67px;
padding-left:325px;
background:url(../image/std60000.jpg) no-repeat;
}

#maru {
}
.maru_l {
float:left;
margin-top:10px;
margin-left:5px;
width:450px;
}
.maru_r {
float:right;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
width:200px;
}

.syousai_button {
margin:10px 0px 0px 0px;
}
/* sub menu(right)
----------------------------------------------------------------------------------------------*/
#right{
float:right;
width:220px;
padding-bottom:20px;
}

.new_middle {
font-size:90%;
padding-left:15px;
background:#ffffff url(../image/whatsnew_middle.gif) repeat-y;
}

.new_middle li {
padding-top:2px;
padding-bottom:2px;
}
.date {
color:#008FE3;
}

.access {
padding-left:8px;
font-size:90%;
line-height:2;
}
/* footer
----------------------------------------------------------------------------------------------*/
#footer{
clear:both;
width:900px;
height:40px;
background:#ffffff url(../image/footer_bar.gif) no-repeat;
}

.footerNavigation{
margin:auto;
padding-top:10px;
}

.footerNavigation ul{
}
.footerNavigation ul li{
display:inline-block;
font-size:90%;
padding-left:10px;
vertical-align:middle;
}

.footerNavigation ul li a{
padding-left:14px;
}

.copyright{
padding-top:10px;
padding-bottom:10px;
text-align:center;
color:#999999;
font-size:87.5%;
letter-spacing:0.1em;
}