/* ‘Šξ–{έ’θ */

h1, h2, h3, p, ul, li {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
background: #111111 url(./images/background_body.gif) repeat-x scroll left top;
color: #dddddd;
font-family: '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic', sans-serif;
text-align: center;
}

a:link {
color: #be64d4;
text-decoration: none;
}

a:visited {
color: #be64d4;
text-decoration: none;
}

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

a:active {
color: #be64d4;
text-decoration: underline;
}





img {
border: 0;
}






hr {
margin: 5px 0;
border-top: solid 1px #555555;
border-bottom: solid 0px #555555;
border-right: solid 0px #555555;
border-left: solid 0px #555555;
}



ul {
list-style-type: none;
}




/* ‘Šξ–{\¬ */

.wrapper {
width: 945px;
margin: 0 auto;
text-align: left;
}

.contents {
float: left;
width: 630px;
}

.sidebar {
float: right;
width: 300px;
}

.footer {
clear: both;
}





/* ‘ŒΒ•Κέ’θ */






/* ‘ƒwƒbƒ_[ */

.header {
width: 945px;
height: 80px;
margin: 0 auto;
font-size: 0.75em;
}

.header h1 {
float: left;
}

.headercatch {
line-height: 1.5em;
float: right;
margin: 10px 0 0 0;
text-align: right;
}







/* ‘ƒOƒ[ƒoƒ‹ƒiƒrƒQ[ƒVƒ‡ƒ“ */

.globalnavi {
width: 945px;
height: 35px;
margin: 0 0 10px 0;
padding: 0;
}

.globalnavi ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.globalnavi li {
float: left;
width: 135px;
margin: 0;
padding: 0;
text-indent: -9999px;
}

.globalnavi a {
display: block;
width: 100%;
height: 35px;
background-image: url(./images/globalnavi.gif);
background-repeat: no-repeat;
}

.global1 a {background-position: 0 0;}
.global2 a {background-position: -135px 0;}
.global3 a {background-position: -270px 0;}
.global4 a {background-position: -405px 0;}
.global5 a {background-position: -540px 0;}
.global6 a {background-position: -675px 0;}
.global7 a {background-position: -810px 0;}

.globalnavi a:hover {
background-image: url(./images/globalnavi.gif);
background-repeat: no-repeat;
}

.global1 a:hover {background-position: 0 -35px;}
.global2 a:hover {background-position: -135px -35px;}
.global3 a:hover {background-position: -270px -35px;}
.global4 a:hover {background-position: -405px -35px;}
.global5 a:hover {background-position: -540px -35px;}
.global6 a:hover {background-position: -675px -35px;}
.global7 a:hover {background-position: -810px -35px;}







/* ‘osusume */

.osusume {
line-height: 1.5em;
margin: 0 0 20px 0;
padding: 10px;
background-color: #333333;
border: 2px solid #444444;
}








/* ‘contents */






/* Œ©o‚΅ŠΦŒW */

.contents h2 {
padding-bottom: 4px;
border-bottom: 4px solid #222222;
}

.contents h3 {
margin-top:10px;
margin-bottom:20px;
}














.subtitle {
padding:10px;
background-color:#333333;
color:#cccccc;
font-weight:bold;
font-size:0.75em;
}






/* innerŠξ–{ƒp[ƒc */

.contents .innerdesc {
line-height: 1.5em;
color: #999999;
font-size: 0.75em;
}

.contents .innernavi {
margin: 30px 0;
}

.contents .innernavibold {
color: #ccff00;
font-weight: bold;
}

.contents .innernavi a:link, .contents .innernavi a:visited, .contents .innernavi a:hover, .contents .innernavi a:active {
margin-left:1px;
padding: 8px 4px;
border: 1px solid #333333;
background-color: #222222;
color: #999999;
}

.contents .rate {
padding: 20px;
background-color: #222222;
color: #999999;
text-align: center;
}












/* listŠΦŒW */

.template H3 {
margin: 0 0 10px 0;
padding: 0;
}



.templatedesc {
line-height: 1.5em;
margin: 0;
padding: 0;
color: #999999;
font-size: 0.75em;
}

.templatetag {
margin: 10px 0 25px 0;
padding: 0;
color: #999999;
font-size: 0.75em;
}



.templatedesc a:link, .templatedesc a:visited, .templatedesc a:hover, .templatedesc a:active {
color: #999999;
}

.templatetag a:link, .templatetag a:visited, .templatetag a:hover, .templatetag a:active {
padding: 4px;
border: 1px solid #333333;
background-color: #222222;
color: #999999;
}






/* ‘3—ρƒŠƒ“ƒN */

.newlink {
display:block;
float:left;
width:210px;
margin-bottom:5px;
color:#ffffff;
font-weight:bold;
font-size:0.75em;
}




/* ‘Šξ–{ƒ{ƒbƒNƒX */

.box {
margin-bottom: 10px;
border-bottom: 1px solid #333333;
border-right: 1px solid #333333;
border-left: 1px solid #333333;
}

.row1 {
line-height: 1.5em;
padding: 10px;
font-size: 0.75em;
}

.row2 {
line-height: 1.5em;
padding: 10px;
background-color: #333333;
font-size: 0.75em;
}

.sitedata .row1 p {
line-height: 48px;
vertical-align: middle;
}

.sitedata .row2 p {
line-height: 48px;
vertical-align: middle;
}







/* ‘read */

.player {
width:400px;
margin:30px auto;
padding: 10px 0 20px 0;
text-align:center;
border: 3px solid #555555;
background-color:#333333;
}

.player span {
display: block;
margin-bottom:10px;
font-weight: bold;
}



.quicktimedl {
width:300px;
margin: 0 auto;
padding-top:25px;
}

.quicktimebanner {
padding-right:20px;
float:left;
}

.quicktimetext {
font-size:0.75em;
text-align:left;
float:left;
}








.comm {
font-size:small;
line-height:1.25em;
}

.comm span {
display: block;
margin-bottom:8px;
}






.textad1 {
margin-bottom:20px;
padding:20px;
text-align:center;
background-color:#222222;
font-size:x-large;
line-height:1.25em;
}









/* ‘sidebar */





.sidebar li {
margin-bottom: 2px;
}




/* ‘sidebarƒiƒrƒQ[ƒVƒ‡ƒ“ */


.btn_female {
text-indent: -9999px;
}

.btn_male {
text-indent: -9999px;
}

.btn_toukou {
text-indent: -9999px;
}

.btn_bbs {
text-indent: -9999px;
}

.btn_osusume {
text-indent: -9999px;
}



.btn_female a {
display: block;
width: 100%;
height: 70px;
background-image: url(./images/btn_female.gif);
background-repeat: no-repeat;
}

.btn_male a {
display: block;
width: 100%;
height: 70px;
background-image: url(./images/btn_male.gif);
background-repeat: no-repeat;
}

.btn_toukou a {
display: block;
width: 100%;
height: 50px;
background-image: url(./images/btn_toukou.gif);
background-repeat: no-repeat;
}

.btn_bbs a {
display: block;
width: 100%;
height: 50px;
background-image: url(./images/btn_bbs.gif);
background-repeat: no-repeat;
}

.btn_osusume a {
display: block;
width: 100%;
height: 50px;
background-image: url(./images/btn_osusume.gif);
background-repeat: no-repeat;
}





.btn_female a:hover {
background-image: url(./images/btn_female2.gif);
background-repeat: no-repeat;
}

.btn_male a:hover {
background-image: url(./images/btn_male2.gif);
background-repeat: no-repeat;
}

.btn_toukou a:hover {
background-image: url(./images/btn_toukou2.gif);
background-repeat: no-repeat;
}

.btn_bbs a:hover {
background-image: url(./images/btn_bbs2.gif);
background-repeat: no-repeat;
}

.btn_osusume a:hover {
background-image: url(./images/btn_osusume2.gif);
background-repeat: no-repeat;
}



/* ‘ƒTƒCƒhƒŠƒ“ƒN */

.sidelink {
border:2px solid #333333;
background-color:#222222;
line-height:1.5em;
padding:10px;
font-size:0.75em;
}

.sidelink h3 {
color:#999999;
font-size:small;
}







/* ‘‹tƒAƒNƒZƒXƒ‰ƒ“ƒLƒ“ƒO */

.sidebar table {

border-left: 1px solid #333333;
border-top: 1px solid #333333;
}

.sidebar th, .sidebar td {
font-size: 0.75em;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;

padding:3px;
}







/* ‘footer */




.footerad {
clear:both;
margin:0 0 10px 0;
font-size:0.75em;
text-align:center;
}




.footer {
padding: 50px 0;
background-color: #333333;
font-size: 0.75em;
}

.footer p {
text-align: center;
}