@charset "UTF-8";
/* ベース用CSS */

#base{
	width: 950px;
	margin: 0px auto;
	text-align: left;
	height: 100%;
}

#header{
    color: #FFF;
	font-size: 11px;
	position: relative;
	width: 950px;
	height: 17px;
	margin: 0px;
	padding: 0px;
	background: url(images/head_bar01.gif) no-repeat;
}

#logo {
    width: 295px;
	height: 60px;
	float: left;
	padding: 15px 0;
}

#banner468x60 {
    width: 468px;
	height: 60px;
	float: right;
	position: relative;
	padding: 15px 0;
	}

#banner468x60 p {
margin: 0;
padding: 0;
}

/* Global Menu-----------------------------------------------------*/
#gmenu {
   clear: both;
   height: 38px;
	background: url(images/gmenu_bg.gif) no-repeat right center;
margin: 0px;
padding: 0px;
list-style-type: none;
}

#gmenu li{
width: 161px;
height: 38px;
margin: 0 0 3px 0;
padding: 0px;
line-height: 0;
font-size: 1px;
}

.ie6 #gmenu li {
margin-top: 3px;
}

#gmenu li a{
display: block;
width: 161px;
height: 38px;
margin: 0px;
padding: 0px;
line-height: normal;
font-size: 12px;
}

#gmenu li a span{ display: none; }

#gmenu_home a,#gmenu_home a:link,#gmenu_home a:visited{background-image: url(images/gmenu_home.gif);}
#gmenu_home a:hover,#gmenu_home a:active{background-image: url(images/gmenu_home_on.gif);}

/* Search ------------------------------------*/
#search {
width: 280px;
float: right;
margin-top: -32px;
margin-right: 10px;
}

.ie6 #search {
margin-top: -35px;
}

#search #s_title {
margin-top: 2px;
margin-right: 5px;
float: left;
width: 94px;
}

#search #s_box {
margin-top: 3px;
width: 112px;
float: left;
font-size: 11px;
}

#search #s_btn {
margin-top: 0px;
width: 57px;
float: right;
}

/* Main frame ---------------------------------------*/
#main {
margin-top: 15px;
background: url(images/left_bg.gif) repeat-y;
padding-bottom: 79px; /* must be same height as the footer */

}

#lefter {
width: 215px;
float: left;
}

#container {
width: 555px;
float: left;
margin-left: 8px;
}

#righter {
width: 163px;
float: right;
}


#footer{
	width: 950px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	background: url(images/foot_bg.gif) no-repeat bottom;
	clear: both;
    position: relative;
	margin-top: -79px; /* negative value of footer height */
	height: 79px;
	clear:both;
	} 

#footerlink {
    height: 59px;
	line-height: 500%;
    font-size: 12px;
	margin: 0px auto;
	padding: 0px 0 0 0;
	text-align: center;
	} 

#copyright {
margin-top: 3px;
font-size: 10px;
}	
	
/* Lefter col ----------------------------------------------------------------------------------*/
#lefter .col {
width: 202px;
background: url(images/left_bg01_w.gif) repeat-y right;
margin: 5px 0 10px 5px;
}

#lefter .col .colhead {
}

#lefter .col .colbody {
padding: 0px 5px 5px 5px;
background:  url(images/left_bg01_btm.gif) no-repeat bottom right;
}

#lefter .col .colbody ul {
list-style-type: none;
margin: 0;
}

#lefter .col .colbody ul li {
width: 190px;
height: 21px;
background: url(images/left_list_bg01.gif) no-repeat;
margin: 0 0 2px 0;
line-height: 0;
}

#lefter .col .colbody ul li a {
height: 21px;
line-height: 180%;
display: block;
color: #FFF;
padding: 0 0 0px 17px;
/*zoom: 1;*/
}

/* Archive -------------------------------------------------------*/

.col#archive .colbody .title {
background: url(images/left_list_bg02.gif) no-repeat 50% 50%;
height: 20px;
margin-bottom: 3px;
padding: 1px 0 0 7px;
}

.ie .col#archive .colbody .title {
line-height: 170%;
}

.col#archive .colbody ul {
margin-bottom: 10px;
}

.col#archive .colbody ul li {
height: 18px;
background: url(images/left_list_bg03.gif) no-repeat left 50%;
}

.col#archive .colbody ul li a {
    height: 18px;
	color: #336699;
}
	
/* Contents col ----------------------------------------------------------------------------------*/
#container .col {
background: url(images/cont_bg01_b.gif) repeat-y;
margin-bottom: 10px;
}

#container .col .colhead {
background: url(images/cont_bg01_w.gif) repeat-y;
}

#container .col .colbody {
background:  url(images/cont_bg01_btm.gif) no-repeat bottom right;
}

/* News --------------------------------------------------------*/

#container .col#news {
background: url(images/cont_bg01_w.gif) repeat-y;
}

#container .col#news .colhead img { width: 220px; float: left;}
#container .col#news .rss { width: 35px; float: right;}

#container .col#news .rss img { width: 20px; margin: 11px 0px 0 0}

#container .col .colbody {
padding: 5px 10px 10px 12px;
clear: both;
}

dl.newsdl {
width: 527px;
height: 77px;
background: url(images/cont_news_bg.gif) no-repeat;
margin-bottom: 5px;
}

dl.newsdl dt {
font-size: 15px;
font-weight: bold;
padding: 3px 0 0 35px;
}

dl.newsdl dd {
font-size: 12px;
padding: 5px 5px 0 10px;
}

dl.newsdl dd p {
margin: 0;
padding: 0;
}

div.newsbtn {
position: relative;
text-align: right;
margin: -18px 0 0 0;
}

div.newsold {
text-align: right;
margin: 5px 8px 0 0;
font-weight: bold;
}

/* Campaign --------------------------------------------------------*/
#container .col#campaign {
width: 325px;
float: left;
background: url(images/cont_bg02_b.gif) repeat-y right;
margin-bottom: 4px;
}

#container .col#campaign .colhead {
background: url(images/cont_bg02_w.gif) repeat-y right;
}

#container .col#campaign .colbody {
padding: 10px 10px 10px 4px;
background:  url(images/cont_bg02_btm.gif) no-repeat bottom right;
text-align: center;
height: 180px;
}

#container .col#campaign .colbody p {
margin: 0;
padding: 0;
}

#container div.campaignnext {
text-align: right;
margin: 5px 8px 0 0;
font-weight: bold;
}

/* Movie --------------------------------------------------------*/
#container .col#movie {
width: 225px;
float: right;
background: url(images/cont_bg03_b.gif) repeat-y right;
margin-bottom: 4px;
}

#container .col#movie .colhead {
background: url(images/cont_bg03_w.gif) right repeat-y;
}

#container .col#movie .colbody {
text-align: left;
padding: 10px 0 10px 10px;
background:  url(images/cont_bg03_btm.gif) no-repeat bottom right;
height: 180px;
}

#container .col#movie .colbody p {
margin: 0;
padding: 0;
}

#container .col#movie .moviefile {
}

/* Recommend --------------------------------------------------------*/
#container .col#recommend {
clear: both;
background: url(images/cont_bg01_w.gif) repeat-y;
}

.ie6 #container .col#recommend {
margin-top: -25px;
}

#container .col#recommend .colbody {
padding: 5px 0 20px 10px;
text-align: center;
height: 200px;
}

#container .col#recommend .recbox {
text-align: center;
width: 176px;
float: left;
}

#container .col#recommend .recthumb {
width: 100px;
height: 75px;
margin: 0 auto;
text-align: center;
}

#container .col#recommend .recbtn {
padding: 5px 0 2px 0; 
}

#container .col#recommend .recinfo {
border: 1px solid #CCC;
margin: 0 3px;
}

#container .col#recommend .recinfo dt {
padding: 2px 0;
background-color: #f1f1f1;
border-bottom: 1px dotted #CCC;
font-size: 13px;
font-weight: bold;
}

#container .col#recommend .recinfo dd {
text-align: left;
padding: 5px;
font-size: 11px;
}

/* Jackpots --------------------------------------------------------*/
#container .col#jackpots {
margin-bottom: 0;
}

#container #jackpots div.colbody {
padding: 10px 15px 12px 10px;
margin: 0;
}

#container #jackpots .colbody .jackpotstickers {
background-color: #FFF;
margin: 0 auto;
text-align: center;
}

#container #jackpots .colbody .jackpotstickers dl {
margin: 0 auto;
padding: 5px;
text-align: center;
list-style-type: none;
height: 100px;
}

#container #jackpots .colbody dl dd {
width: 100px;
height: 80px;
margin: 0 0 3px 0;
padding: 0px;
float: left;
}

/* Article -----------------------------------*/

#container .col#article {
background: url(images/cont_bg01_w.gif) repeat-y;
}

#container .col#article .colhead {
background: url(images/cont_art_bg01.gif) no-repeat;
height: 52px;
}

#container .col#article .colhead div.title{
height: 32px;
padding: 0 0 0 30px;
line-height: 210%;
font-weight: bold;
font-size: 16px;
color: #FFF;
}

#container .col#article .colhead div.title h1{
font-size: 16px;
line-height: 210%;
}

#container .col#article .colhead div.title span {
font-size: 10px;
color: #EDEDED;
font-weight: normal;
}

#container .col#article .colhead div.cat{
text-align: right;
padding: 0 15px 0 0;
font-weight: bold;
}

#container .col#article .colbody {
padding: 10px 20px 20px 20px;
}

/*
#container .col#article .colbody h1 {
color: #336699;
font-size: 15px;
margin-bottom: 5px;
padding: 0px;
}
*/

#container .col#article .colbody h2.page_header {
font-size: 15px;
}

#container .col#article .colbody h2.page_header span {
font-size: 12px;
font-weight: normal;
text-decoration: normal;
}


.totop {
text-align: right;
font-size: 11px;
margin-top: 20px;
}

/* Righter col ---------------------------------------------------------------------------------------*/
#righter .col {
background: url(images/cont_bg03_w.gif) repeat-y right;
margin-bottom: 10px;
}

#righter .col .colhead {
padding: 4px 0 0 4px;
background: url(images/cont_bg03_w.gif) repeat-y right;
}

#righter .col .colbody {
padding: 0px 4px 4px 4px;
background:  url(images/cont_bg03_btm.gif) no-repeat bottom right;
}

/* Casino ranking--------------------------------------*/
.col#ranking .colhead {
}

.ie .col#ranking .colbody {padding-bottom: 6px;}

#ranking dl.rank1 {background: url(images/right_rank_bg01.gif) no-repeat;}
#ranking dl.rank2 {background: url(images/right_rank_bg02.gif) no-repeat;}
#ranking dl.rank3 {background: url(images/right_rank_bg03.gif) no-repeat;}
#ranking dl.rank4 {background: url(images/right_rank_bg04.gif) no-repeat;}
#ranking dl.rank5 {background: url(images/right_rank_bg05.gif) no-repeat;}
#ranking dl.rank6 {background: url(images/right_rank_bg06.gif) no-repeat;}
#ranking dl.rank7 {background: url(images/right_rank_bg07.gif) no-repeat;}
#ranking dl.rank8 {background: url(images/right_rank_bg08.gif) no-repeat;}
#ranking dl.rank9 {background: url(images/right_rank_bg09.gif) no-repeat;}
#ranking dl.rank10 {background: url(images/right_rank_bg10.gif) no-repeat;}

#ranking dl {
width: 150px;
height: 55px;
margin-bottom: 2px; 
}

#ranking dt { 
height: 30px;
}

#ranking dt .thumb {
padding: 0px 2px 0 20px;
width: 30px;
float: left;
}

#ranking dt .title {
display: table-cell;
width: 95px;
height: 28px;
margin: 2px 0 0 4px;
vertical-align: middle;
}

.webkit #ranking dt .title { display: block; vertical-align: normal;  margin: 2px 0 0 0; float: left; }
.ie #ranking dt .title { width: 93px; margin: 2px 0 0 0;}

* html #ranking dt .title {/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html #ranking dt .title{/* IE 7 */
display:inline;
zoom:1;
}

#ranking dt .title a{
font-size: 12px;
line-height: 12px;
vertical-align: middle;
}

#ranking dd {
clear: both;
font-size: 10px; 
margin: 0 0 0 20px;
line-height: 11px;
}

/*  Navigation-------------------------------------*/

.navigation {
text-align: center;
margin: 0 auto;
}

/*  Comment form-------------------------------------*/

#respond {
background: #e1ecf7;
margin-right:3px;
padding: 10px 20px 10px 20px;;
font-size: 12px;
}

#respond p {
margin: 0;
padding: 5px;
clear: both;
}

#respond label {
width: 100px;
display: block;
float: left;
}

#respond #author,#respond #email,#respond #url {
width: 150px;
height: 15px;
border: 1px solid #999;
float: left;
}

#respond #comment {
width: 445px;
height: 80px;
border: 1px solid #999;
}


#comments {
border-top: 1px dotted #999;
padding: 10px 10px 0 10px;
}

#comments .comments_headers {
font-size: 13px;
}

#comments .comment_meta {
margin: 0;
padding: 0;
}

#comments .entry  p {
margin-top: 0;
padding-top: 0;
}

#comments li {
list-style: none;
}

#comments img.avatar { 
display: none;
}


/*  --------------------------------------------------------*/
.banner125x125 {
text-align: left;
width: 125px;
height: 125px;
border: 8px solid #CCC;
background: #FFF;
margin: 0 0 0 7px;
}

.banner140x600 {
text-align: center;
width: 140px;
height: 600px;
border: 8px solid #CCC;
background: #FFF;
margin: 0 auto;
}
