@charset "utf-8";

/* Main
------------------------------------------------- */
body{
	background:url(../images/common/bodybg.gif);
	font-size:77%;

}
div#container{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/common/contentbg.gif) repeat-y;
}

/*
roheader
------------------------------------------------ */
#gungho {
background: url(../images/roset/header_line.gif) repeat-x scroll 0 0 white;
height: 36px;
vertical-align: bottom;
width: 100%;
}
#gungho p#ragnarok {
background: url(../images/roset/header_bg.gif) no-repeat scroll 100% 0 white;
height: 30px;
text-align: left;
width: 100%;
}

/* header
------------------------------------------------- */
div#header{

}
div#headerContainer{
	width:940px;
	margin-left:auto;
	margin-right:auto;
}
div#header div#headerContainer div#empathySet{
	width:500px;
	margin:0 0 0 440px;
}
div#header div#empathySet ul#empathy,
div#header div#empathySet ul#social{
	clear:right;
	margin:2px 0 4px;
}
div#header div#empathySet ul#empathy li,
div#header div#empathySet ul#social li{
	float:right;
	margin:4px;
}
div#header div#gnavi{
	background:url(../images/common/gnavibg.jpg) repeat-x;
	height:58px;
}
div#header div#gnavi div#gnaviBox{
	width:960px;
	margin-right:auto;
	margin-left:auto;
	position:relative;

}
div#header div#gnavi div#gnaviBox p#site-id{
	position:absolute; top:-50px; left:25px;
	
}

div#header div#gnavi ul{


}
div#header div#gnavi ul li{
	display:inline;
}
/* mainContent
------------------------------------------------- */

div#mainContent{
	padding:30px 20px;
}
div#mainContent div.punkz{
	padding:10px 0 10px 4px;
}

div#mainContent div.punkz ul li{
	float:left;
	margin:0 10px 0 0;
}
div#mainContent div.punkz ul li a{
	background:url(../images/common/pankz-icon01.gif) center right no-repeat;
	padding:0 12px 0 0;
}
div#mainContent div#columnBoxWide{
	
	margin:0 0 10px 0;
}
div#mainContent div#columnBox{
	width:681px;
	float:left;
	padding:0 0 10px 0;
}
div#mainContent div#funcBox{
	width:218px;
	float:right;
}
div#mainContent div#columnBox h1{
	margin:0 0 10px 0;
	clear:both;
}
div#mainContent div#columnBox div#columnArea{
	padding:0 3px 0 4px;
	margin:0 0 30px 0;
}
div#mainContent div#columnBox div#columnArea h2{
	background:url(../images/common/h2bg.gif) no-repeat;
	height:34px;
	font-size:112%;
	font-weight:bold;
	color:#fff;
	padding:7px 0 0 26px;
	margin:1em 0 0 0;
}
div#mainContent div#columnBox div#columnArea h3{
	background:url(../images/common/h3bg.gif) no-repeat;
	height:32px;
	font-size:112%;
	font-weight:bold;
	color:#587a97;
	padding:10px 0 0 6px;
	margin:1em 0 0 0;
}
div#mainContent div#columnBox div#columnArea h4{
	font-weight:bold;
	font-size:112%;
	border-bottom:2px solid #6b8daa;
	padding:0 0 0 2px;
	margin:1em 0 1em 0;
}
div#mainContent div#columnBox div#columnArea h5{
	border-bottom:1px dashed #6b8daa;
	font-weight:bold;
	padding:0 0 0 2px;
	margin:1em 0 1em 0;
}

div#mainContent div#columnBox div#columnArea div.praBox{
	padding:0 2px 1em 2px;
	width:670px;
}
div#mainContent div#columnBox div#columnArea div.praBox table.tempTable{
	border:1px solid #b7b7b7;
	margin:0.5em 0;
	width:100%;
}
div#mainContent div#columnBox div#columnArea div.praBox table.tempTable th{
	border:1px solid #b7b7b7;
	background:#6b8daa;
	color:#fff;
	font-weight:bold;
	padding:4px;
	white-space:nowrap;
}
div#mainContent div#columnBox div#columnArea div.praBox table.tempTable td{
	border:1px solid #b7b7b7;
	padding:4px;
}
div#mainContent div#columnBox div#columnArea div.praBox div.imgLeft{
	float:left;
	width:370px;
}
div#mainContent div#columnBox div#columnArea div.praBox div.txtLeft{
	float:left;
	width:360px;
}
div#mainContent div#columnBox div#columnArea div.praBox div.imgRight{
	float:right;
	width:294px;
	margin:0 0 0 12px;
}
div#mainContent div#columnBox div#columnArea div.praBox div.praLeft{
	float:left;
	width:330px;
}
div#mainContent div#columnBox div#columnArea div.praBox div.praRight{
	float:right;
	width:330px;
}
div#mainContent div#columnBox div#columnArea div.praBox dl dt{
	background:url(../images/common/list-icon01.gif) 0px 4px no-repeat;
	padding:0 0 0 12px;
	font-weight:bold;
}
div#mainContent div#columnBox div#columnArea div.praBox p{
	margin:0 0 1em 0;
}
div#mainContent div#columnBox div#columnArea div.praBox dl dd{
	margin:0 0 0.5em 1em;
}
div#mainContent div#columnBox div#columnArea div.praBox ul li{
	background:url(../images/common/list-icon01.gif) 0px 4px no-repeat;
	padding:0 0 0.5em 12px;
}
div#mainContent div#columnBox div#columnArea div.praBox ul.list02 li{
	background:url(../images/common/list-icon02.gif) 0px 4px no-repeat;
	padding:0 0 0.5em 12px;
}
div#mainContent div#columnBox div#columnArea div.praBox ul.list03 li{
	background:url(../images/common/list-icon03.gif) 0px 4px no-repeat;
	padding:0 0 0.5em 12px;
}
div#mainContent div#columnBox div#columnArea div.praBox ul.attention{
	margin:6px 0 0 0;
}
div#mainContent div#columnBox div#columnArea div.praBox ul.attention li{
	background:url(../images/common/icon-att.gif) 0px 4px no-repeat;
}
div#mainContent div#columnBox div#columnArea div.praBox p.attention{
	background:url(../images/common/icon-att.gif) 0px 4px no-repeat;
	padding:0 0 0 12px;
}
/* funcBox
------------------------------------------------- */
div#mainContent div#funcBox{
}
div#mainContent div#funcBox div#subNavi{
	border-top:1px dotted #6b8daa;
	margin:20px 0 40px;
}
div#mainContent div#funcBox div#subNavi ul li.lv1{
	background:url(../images/common/menu-icon01.gif) 0 10px no-repeat;
	padding:6px 0 6px 12px;
	font-size:112%;
	border-bottom:1px dotted #6b8daa;
}

div#mainContent div#funcBox div#subNavi ul li.lv2 ul li{
	background:url(../images/common/menu-icon02.gif) 0px 10px no-repeat;
	padding:6px 0 6px 12px;
	margin:0 0 0 12px;
	font-size:112%;
	border-bottom:1px dotted #6b8daa;
}
div#mainContent div#funcBox div#playerNavi ul li{
	background:url(../images/common/menu-icon01.gif) 0 3px no-repeat;
	padding:0 0 0 12px;
	margin:6px 0;

}
div#mainContent div#funcBox div#lpBanner{
	margin:20px 0;
}
/* footer
------------------------------------------------- */


div#mainContent div#footer{
	border-top:1px solid #d5d5d5;
	padding:20px 0;
	clear:both;
}

div#mainContent div#footer p#gh-logo{
	float:left;
	margin:0 4px 0 0;
}
div#mainContent div#footer ul#copyright{
	margin:3px 0 0 0;
	font-size:82%;
}