@charset "shift_jis";

/*-----------------------------------------------------
 
  01. ���g��

-------------------------------------------------*/

html,body{
height:100%;
}
body{
font-family:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo, Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
font-size:75%;
line-height:1.6;
color:#333333;
background:url(../images/body-bg_01.gif) repeat left top;
height:100%;
}
#home #all-container{
width:960px;
margin:0 auto;
padding-bottom:31px;
}
#home #main-container{
position:relative;
min-height:275px;
}
a{
color:#333333;
text-decoration:underline;
}
a:hover{
color:#333333;
text-decoration:none;
}
a:visited{
color:#333333;
text-decoration:underline;
height:100%;
}

/*-----------------------------------------------------
 
  02. �w�i�w��

-------------------------------------------------*/

#home #bg-img-00{
background:url(../images/white-bg.gif) repeat-y center top;
min-width:960px;
min-height:100%;
height:auto !important;
position:relative;
min-width:960px;
overflow:hidden;
}
#home #bg-img-00:after{
content:"";
display:block;
width:1344px;
margin: auto;
height:100%;
position:absolute;
bottom:0;
right: 0;
left: 0;
background:url(../images/home-bg_02.png) left bottom/auto 50% no-repeat;
}
#home #bg-img-01{
background:url(../images/home-bg_04.png) no-repeat center top;
min-width:960px;
}

/*-----------------------------------------------------
 
  03. �w�b�_�[�w��

-------------------------------------------------*/

#home #header{
position:relative;
min-height:573px;
z-index:100;
}

#home #header::after{
  content:'';
  display: block;
  position: absolute;
  top:100%;
  background:url(../images/hdg-bg_01.png) no-repeat 192px bottom, url(../images/hdg-bg_02.png) no-repeat 384px bottom;
  height:191px;
  width: 100%;
}
/*------------------------
   �O���[�o���i�r
-----------------------*/
#home #nav-global li{
width:192px;
height:191px;
position:absolute;
background-color:#ffffff;
}
#home #nav-global #aboutUs{
width:192px;
left:384px;
top:0px;
}
#home #nav-global #lineUp01{
left:0;
top:382px;
}
#home #nav-global #lineUp02{
left:192px;
top:382px;
opacity:1.0 !important;
}
#home #nav-global #lineUp02 a:hover, #campaign-bnr a:hover{
opacity:1.0 !important;
}
#home #nav-global #campaign-bnr{
width:384px;
background:url(../images/glob-bg_04.png) no-repeat left top;
padding-left:384px;
left:-192px;
top:191px;
}


/*-----------------------------------------------------
 
  04. �X���C�h�����w��

-------------------------------------------------*/

#home #box-slide{
position:absolute;
background-color:#ffffff;
left:384px;
top:-382px;
}
#box-slide {
width: 576px;
height: 382px;
position: relative;
}
#box-slide #list li {
position: absolute;
top: 0;
left: 0;
}

/*-----------------------------------------------------
 
  05. �g�s�b�N�X�w��

-------------------------------------------------*/

#home .topics{
width:509px;
margin-left:192px;
padding:20px;
}
#home .hdg-topic h2{
background:url(../images/hdg-bg_01.png) no-repeat right top;
padding-right:189px;
}
.date{
font-weight:bold;
}
.topics dd{
margin-bottom:1em;
}
.topic-wrapper{
position:relative;
z-index:150;
}
.topic-wrapper .hdg-topic{
position:absolute;
right:-189px;
top:0;
}
.hdg-topic h2{
display:block;
width:204px;
}

/*-----------------------------------------------------
 
  06. �t�b�^�[

-------------------------------------------------*/

#footer-wrapper{
background-color:#261000;
min-width:100%;
position:absolute;
left:0;
bottom:0;
z-index:200;
}
#footer-wrapper-privacy{
background-color:#261000;
min-width:100%;
}
#footer{
width:960px;
height:31px;
margin:0 auto;
}
#footer .copy-right{
float:right;
color:#ffffff;
text-align:right;
margin:11px 0 7px;
}
#footer .footer-bt{
float:right;
margin-left:12px;
}


/*-----------------------------------------------------
 
  07. ���W���[��

-------------------------------------------------*/
.col-l{
float:left;
}
.col-r{
float:right;
}
.lay-col2:after, #footer:after{
content: "."; 
display: block; 
height: 0; 
font-size:0;	
clear: both; 
visibility:hidden;
}
.lay-col2, #footer{
display: inline-block;
} 
/* Hides from IE Mac */
* html .lay-col2, * html #footer{
	height: 1%;
}
.lay-col2, #footer{
	display:block;
}