@charset "utf-8";

/* ------------------------------------------▼
   Default style
-------------------------------------------- */
body{
font:14px "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
*font-size:small;
*font:x-small;
background:#FFFAED url(/gala/shared/images/body-bg_01.jpg) repeat-x 0 317px;
}
body#home{
background:#FFFAED url(/gala/shared/images/body-bg_01.jpg) repeat-x 0 674px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,th,td{
margin:0;
padding:0;
}

html{
overflow-y:scroll;
}

h1,h2,h3,h4,h5,h6{
font-size:100.01%;
}

img{
border:none;
vertical-align:bottom;
}

li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

hr{
display:none;
}


/* ------------------------------------------▼
   Gelenral style
-------------------------------------------- */
p{
line-height:1.6;
margin-bottom:1.5em;
}
p.img{
line-height:1;
margin-bottom:10px;
}

a{
color:#2860ad;
}

a:hover{
text-decoration:none;
}

a img.icon{
margin-left:3px;
vertical-align:baseline;
}

em{
font-weight:bold;
font-style:normal;
}



/* ------------------------------------------▼
   Header
-------------------------------------------- */
#header{
border-top:6px solid #254690;
background:#FFFFFF;
height:61px;
}

/* header-inner
-------------------------------------------- */
#header .header-inner{
width:860px;
margin:0 auto;
position:relative;
}
#header p.logo{
position:absolute;
top:10px;
left:10px;
}
#header ul.nav-utility{
position:absolute;
top:20px;
left:365px;
}
#header ul.nav-utility li{
float:left;
margin-right:15px;
}

/* main
-------------------------------------------- */
#home #main{
background:#080F19 url(/gala/shared/images/main-bg_01.jpg) no-repeat center top;
height:552px;
}
#main{
background:#080F19 url(/gala/shared/images/main-bg_02.jpg) no-repeat center top;
height:195px;
}
#home #main .main-title{
text-align:center;
padding-top:46px;
}
#main .main-title{
padding-top:70px;
padding-left:30px;
width:830px;
margin:0 auto;
}

/* gnav
-------------------------------------------- */
#gnav{
margin-top:-8px;
background: url(/gala/shared/images/gnav-bg_01.png) no-repeat center top;
height:71px;
z-index:100;
position:relative;
}
#gnav ul.nav-global{
width:400px;
margin:0 auto;
padding-left:20px;
}
#gnav ul.nav-global li{
float:left;
margin-right:20px;
margin-top:12px;
}








/* ------------------------------------------▼
   Structure
-------------------------------------------- */
#str{
background:url(/gala/shared/images/str-bg_01.png) repeat-y center top;
margin-top:-15px;
padding-top:20px;
}
#str .str-inner{
width:860px;
margin:0 auto;
padding-bottom:1px;
}
#str .str-inner .section-top{
padding:20px 30px 20px;
margin:0 auto;
position:relative;
_padding-left:80px;
}
#home #str .str-inner .section-top{
padding:0 30px 20px;
}
#str .str-inner .section{
width:800px;
margin:0 auto;
overflow:hidden;
}


/* ------------------------------------------▼
   Footer
-------------------------------------------- */
#footer{
background:#FFFFFF url(/gala/shared/images/footer-bg_01.gif) repeat-x left top;
padding-top:25px;
height:180px;
}
#footer .footer-inner{
width:860px;
margin:0 auto;
position:relative;
}
#footer p.copy{
color:#6C6C6C;
font-size:0.8571em;
position:absolute;
left:15px;
}
#footer ul.nav-utility{
position:absolute;
left:575px;
}
#footer ul.nav-utility li{
float:left;
margin-right:20px;
}


/* ------------------------------------------▼
   Adjust
-------------------------------------------- */
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}

.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}

/* ------------------------------------------▼
   Clear fix
-------------------------------------------- */
.clearfix:after,
#header ul.nav-utility:after,
#gnav ul.nav-global:after,
.column:after,
.box-01 .box-inner:after,
.img-txt:after,
.box-profile col:after{
display:block;
clear:both;
height:0;
line-height:0;
visibility:hidden;
content:".";
}

.clearfix,
#header ul.nav-utility,
#gnav ul.nav-global,
.column,
.box-01 .box-inner,
.img-txt{
zoom:1;
}