/*---------------
clearfix
---------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
display: inline-table;
overflow:hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
overflow:visible;
}
.clearfix {display: block;}
/* End hide from IE-mac */


/*---------------
default
---------------*/
body,
div,
ul,ol,li,
dl,dt,dd,
h1,h2,h3,h4,h5,h6,
p,a,
img,
table,th,td,
form,
imput{
margin:0;
padding:0;
border:0;
}
img {
	display:block;
}
ul {
	list-style-type:none;	
}

/*---------------
common style
---------------*/

a:link { color: #666666;}
a:visited {	color: #666666;}
a:hover {color: #E0107C;}

.link_pk01 a:link {	color: #666666;	text-decoration: none;}
.link_pk01 a:visited { color: #666666; text-decoration: none;}
.link_pk01 a:hover { color: #E0107C; text-decoration: none;}

.link_pk02 a:link {	color: #E0107C;}
.link_pk02 a:visited { color: #E0107C;}
.link_pk02 a:hover { color: #666666;}

.link_pr01 a:link { color: #BA0076;}
.link_pr01 a:visited { color: #BA0076;}
.link_pr01 a:hover { color: #999999;}

.link_gry01 a:link { color: #666666;}
.link_gry01 a:visited { color: #666666;}
.link_gry01 a:hover { color: #999999;}

.btm10 {
	margin-bottom: 10px;
}
.btm5 {
	margin-bottom: 5px;
}

.btm15 {
	margin-bottom: 15px;
}
.txt10 {
	font-size: 10px;
	line-height: 1.6em;
}
.btm20 {
	margin-bottom: 20px;
}

.soon {
	text-align: center;
	padding-top: 80px;
	padding-bottom: 150px;
}
.center_item {
	text-align: center;
}
.center_item img {
	margin-right: auto;
	margin-left: auto;
}
.float_l {
	float: left;
}
.float_r {
	float: right;
}



/*---------------
layout
---------------*/
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	text-align: center;
	padding-bottom: 30px;
	background-image: url(../img/common/body_bg.gif);
	background-repeat: repeat-x;
}

/*--- header ---*/
#header_box {
	width: 950px;
	height: 110px;
	background-image: url(../img/common/header_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
#header {
	padding-right: 125px;
	padding-left: 25px;
	padding-top: 12px;

}
.icon_s {
	float: left;
	padding-right: 5px;
}

#header .logo {
	float: left;
}
#head_menu {
	float: right;
	width: 460px;
	text-align: right;
}
#head_menu h1 {
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 15px;
	margin-bottom: 15px;
	margin-top: 2px;
}
#head_menu li {
	float: right;
}

/*--- container ---*/

#container {
	text-align: left;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
/*-- frame_left --*/
#frame_left_box {
	float: left;
	width: 250px;
}
#frame_left {
	padding-right: 20px;
	margin-bottom: 20px;
}
#frame_left #side_navi {
	margin-bottom: 20px;
	background-color: #EFAEC7;
	width: 230px;
}

#frame_left #side_navi #seach {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#frame_left #side_navi #seach input {
	width: 190px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3px;
}
#frame_left #side_navi #seach img {
	margin-right: auto;
	margin-left: auto;
}
#frame_left #side_navi ul {
	background-color: #F7D9E5;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 10px;
}
#frame_left #side_navi li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFAEC7;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 1.2em;
	font-weight: bold;
}
.v_brand_txt {
	text-align: center;
	margin-bottom: 20px;
}
#frame_left #side_special {
	margin-bottom: 20px;
}
#frame_left #side_special dl {
	background-image: url(../img/special/dotline01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#frame_left #side_special dt {
	margin-bottom: 5px;
}
#frame_left #side_special dd {
	font-size: 10px;
	background-image: url(../img/special/listmark01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
.ban_link {
	float: left;
	width: 115px;
	text-align: center;
}
#relief {
	padding: 9px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #E0107C;
	border-bottom-color: #E0107C;
	border-left-color: #E0107C;
	margin-bottom: 15px;
}
#relief li {
	line-height: 22px;
	background-image: url(/img/common/listmark_02.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	padding-left: 20px;
}
#relief a {
	text-decoration: none;
}
.ban_link img {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}


/*-- frame_main --*/
#frame_main_box {
	float: right;
	width: 650px;
}
#frame_main {
	margin-bottom: 20px;
}
#frame_main #g_navi {
	width: 650px;
	height: 40px;
	margin-bottom: 5px;
}
#frame_main #g_navi li {
	float: left;
}
#frame_main .main_title01 {
	clear: both;
	margin-bottom: 20px;
}
#frame_main .main_title02 {
	padding-bottom: 5px;
	clear: both;
}
#frame_main .main_title03 {
	clear: both;
	margin-bottom: 10px;
}

#frame_main #popic_patch {
	margin-bottom: 10px;
	padding-top: 5px;
}
#frame_main #popic_patch .patch_index {
	float: left;
	font-size: 12px;
	font-weight: normal;
}
#frame_main #popic_patch .page_switch {
	text-align: right;
	float: right;
	font-size: 14px;
}
#frame_main #page_switch2 {
	text-align: center;
	clear: both;
	font-size: 14px;
}


#frame_main #main_box01 {
	padding-left: 35px;
	margin-bottom: 30px;
	line-height: 1.8em;
}

#frame_main #main_box01 a:link {
	color: #E0107C;
}
#frame_main #main_box01 a:visited {
	color: #E0107C;
}
#frame_main #main_box01 a:hover {
	color: #999999;
}

#frame_main #ranking_box {
	padding-top: 5px;
	padding-bottom: 10px;
}


#frame_main #ranking_box .r_banner {
	float: left;
	margin-top: 5px;
}
#frame_main #goos_list {
	clear: both;
}
#frame_main #goos_list .list_l {
	float: left;
	width: 320px;
	padding-right: 10px;
}
#frame_main #goos_list .list_r {
	float: left;
	width: 320px;
}
#frame_main #goos_list dl {
	margin-bottom: 10px;
	background-color: #ffecf4;
	padding-bottom: 10px;
	width: 320px;
}
#frame_main #goos_list dt {
	background-color: #e798b7;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 5px;
}
#frame_main #goos_list dd {
	background-image: url(../img/common/listmark_01.gif);
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 30px;
	line-height: 18px;
	width: 290px;
}


/*-- footer --*/
#footer {
	text-align: center;
	margin-bottom: 15px;
	clear: both;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.8em;
}



#copyright {
	background-image: url(../img/common/footer_bg.gif);
	background-repeat: repeat-x;
	width: 100%;
	height: 14px;
	padding-top: 21px;
	padding-bottom: 21px;
	margin-bottom: 5px;
}


#copyright img {
	margin-right: auto;
	margin-left: auto;
}
#foot_tag {
	text-align: center;
}
#foot_tag p {
	font-size: 12px;
	font-weight: normal;
}
#w3c {
	width: 195px;
	margin-right: auto;
	margin-left: auto;
}
