@charset "utf-8";

/* 基本設定
---------------------------------------------*/
* {
margin: 0;
padding: 0;
font-size: 100%;
list-style:none;
}

body {
font-size: 12px;
font-family: 'メイリオ', Meiryo, Verdana, 'MS Pゴシック', 'MS PGothic', Arial, Helvetica, sans-serif;
line-height: 1.5;
color: #FFFFFF;
background:#000000;
text-align:center;
}

a {
color: #fff;
}

a:hover {
color: #ff9900;
}

a:visited {
}

a:active{
}

img {
border: none;
vertical-align: top;
}

#wrapper {
width: 960px;
margin:0 auto;
}

#contenWrapper {
width: 100%;
background:url(../../images/contentWrapperBg.jpg) left top repeat-y;
text-align:left;
}



/* ヘッダーナビ
---------------------------------------------*/
#header{
position:relative;
width:100%;
height:455px;
background:url(../../images/headerBg.jpg) left top no-repeat;
}

#header a{
position:absolute;
display:block;
overflow:hidden;
}

#header a#home{
top:83px;
left:448px;
padding-top:25px;
width:70px;
height:0 !important;
height /**/:25px;
background:url(../../images/btnHome.jpg) left top no-repeat;
}

#header a:hover#home{
background-position:right top;
}

#header a#information{
top:83px;
left:544px;
padding-top:25px;
width:166px;
height:0 !important;
height /**/:25px;
background:url(../../images/btnInformation.jpg) left top no-repeat;
}

#header a:hover#information{
background-position:right top;
}

#header a#report2008{
top:83px;
left:735px;
padding-top:25px;
width:155px;
height:0 !important;
height /**/:25px;
background:url(../../images/btnReport2008.jpg) left top no-repeat;
}

#header a:hover#report2008{
background-position:right top;
}

#header a#artist{
top:123px;
left:448px;
padding-top:25px;
width:94px;
height:0 !important;
height /**/:25px;
background:url(../../images/btnArtist.jpg) left top no-repeat;
}

#header a:hover#artist{
background-position:right top;
}

#header a#access{
top:123px;
left:568px;
padding-top:25px;
width:102px;
height:0 !important;
height /**/:25px;
background:url(../../images/btnAccess.jpg) left top no-repeat;
}

#header a:hover#access{
background-position:right top;
}

#header a#whySafeSex{
top:123px;
left:695px;
padding-top:25px;
width:198px;
height:0 !important;
height /**/:25px;
background:url(../../images/btnWhySafeSex.jpg) left top no-repeat;
}

#header a:hover#whySafeSex{
background-position:right top;
}

#header #news{
position:absolute;
top:285px;
left:430px;
width:430px;
height:150px;
}



/* コンテンツ・次ページ段組み
---------------------------------------------*/
#content{
margin:0 80px 70px;
width:800px;
}

#primary{
width:470px;
float:left;
margin:40px 0 70px;
}

#secondary{
width:290px;
float:right;
margin:40px 0 70px;
}



/* フッター
---------------------------------------------*/
#footer{
clear:both;
position:relative;
width:100%;
height:490px;
background:url(../../images/footerBg.jpg) left bottom no-repeat;
}

#footer #idCheck{
position:absolute;
top:196px;
left:108px;
width:410px;
}

#footer #idCheck p{
margin-bottom:15px;
}

#footer #idCheck p#need{
font-size:11px;
}

#footer #idCheck p#entranceTime{
font-size:11px;
}

#footer #qr{
position:absolute;
top:181px;
left:577px;
width:86px;
}

#footer #sagamiBanner{
position:absolute;
top:151px;
left:690px;
width:187px;
}

#footer #feverBanner{
position:absolute;
top:223px;
left:690px;
width:191px;
}

#footer #toTop a{
position:absolute;
top:374px;
left:451px;
display:block;
overflow:hidden;
padding-top:50px;
height:0 !important;
height /**/:50px;
width:61px;
background:url(../../images/toTopBtn.jpg) left top no-repeat;
}

#footNavi{
padding:30px 0 30px;
font-size:11px;
}

#footNavi a{
margin:0 10px;
}

#footNavi a:hover{
color:#ff9900;
}

#footNavi img{
display:block;
float:left;
width:86px;
margin:30px 0 20px;
}

#footNavi div#copyRightArea{
margin-left:227px;
}

#footNavi p#copyRight{
width:637px;
float:right;
text-align:left;
margin:47px 0 20px 10px;
}

