@charset "utf-8";

/* ***************************************************
   tools
   *************************************************** */
/* ------------------------------------- 
 *	clear
 * ------------------------------------- */
.clearF{
	zoom: 100%;
}
.clearF:after { 
	content: ".";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.clear{
	clear: both;
}
/* ------------------------------------- 
 *	negative 
 * ------------------------------------- */
.noRight{
	margin-right: 0px !important;
} 
 
/* ***************************************************
   layout
   *************************************************** */
/* ------------------------------------- 
 *	bg
 * ------------------------------------- */
body {
	background-image:url(img/body_bg.jpg);
	background-repeat:repeat-x;
}

/* ------------------------------------- 
 *	center
 * ------------------------------------- */
body{
	text-align: center;/*Quirks mode*/
}
body #wrapper_01{
	margin-right: auto;/*standard mode*/
	margin-left: auto;/*standard mode*/
	text-align: left;/*Quirks mode*/
}
body #wrapper_02{
	margin-right: auto;/*standard mode*/
	margin-left: auto;/*standard mode*/
	text-align: left;/*Quirks mode*/
}

/* ------------------------------------- 
 *	build
 * ------------------------------------- */
#wrapper_01 {
	width: 954px;
	background-image:url(http://www.joqr.co.jp/blog/hangame/shared/img/wrapper_bg_side.gif);
	background-repeat:repeat-y;
	background-color:#fff;
}

#wrapper_02 {
	width: 954px;
	background-image:url(img/wrapper_bg.jpg);
	background-repeat:no-repeat;
}

/*- #header ------------- */
#header{
	position: relative;
	width: 954px;
	height:121px;
	background-image:url(img/header_bg.jpg);
	background-repeat:no-repeat;
}

#header h1{
	width: 296px;
	margin:18px 0 8px 0px;
	float:left;
}

#header h2{
	width: 235px;
	margin:22px 0 7px 10px;
	float:left;
}

#header h3{
	width: 80px;
	margin:15px 0 3px 0;
	float:right;
}

#header .navi{
	width: 954px;
	height:33px;
	padding-top:2px;
}

#header .navi li{
	float: left;
	margin-bottom: 3px;
}

/*- #contents ----------- */
#contents{
	width: 695px;
	float: left;
}

/*- #sidemenu ----------- */
#sidemenu{
	position: relative;
	width: 244px;
	float:right;
}

#sidemenu li a{
	width: 215px;
	display:block;
}


/*- menu_game -- */

.menu_game{
	background-image:url(img/sidemenu_bg_game.gif);
	background-repeat:no-repeat;
}

.menu_game h5{
	margin-left:15px;
	margin-bottom:13px;
}

.menu_game ul{
	margin-left:15px;
}


.menu_game li{
	margin-bottom:13px;
}

.menu_game p.btn_regist{
	position: absolute;
	width: 103px;
	height: 108px;
	top: 0px;
	right: -15px;
}

/*- menu_link -- */

.menu_link,
.pr_link{
	background-image:url(http://www.joqr.co.jp/blog/hangame/shared/img/sidemenu_bg_link.gif);
	background-repeat:y-repeat;
	margin:15px 0 15px 0;
}

.menu_link h5,
.pr_link h5 {
	margin-left:15px;
	margin-bottom:13px;
}

.menu_link ul,
.pr_link ul{
	margin-left:15px;
}

.menu_link li,
.pr_link li {
	margin-bottom:13px;
}

/*- other_link -- */

.other_link li{
	margin-bottom:13px;
}



/*- #footer ------------- */
#footer{
	width: 954px;
	height:20px;
}

#footer p.copyright{
	width: 231px;
	margin-left:25px;
}