@charset "utf-8";

/*//////////////////////////////
 ALL
//////////////////////////////*/

body {
	background-color:#eeeeee;
	width:100%;
	color:#bbbbbb;
}

#content{
	background:url(../../../img/common/sleipnir/main_mid.png) repeat-y;
	width:770px;
	margin:0 auto;
	padding-top:20px;
}

#content .btm{
	background:url(../../../img/common/sleipnir/main_btm.png) no-repeat 0 bottom;
	width:770px;
	margin:0 auto;
	padding-bottom:30px;
}

p.small, span.small {
	font-size:85%;
	color:#bbbbbb;
	margin-bottom:20px;
	line-height:1.4;
}

a{
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
}

#head_contents{
	margin:0 40px 20px;
	line-height: 140%;
}

#head_contents p{
	color: #FFF;
	font-size:93%;
}

#head_contents p.small{
	color: #bbb;
	margin-top: 10px;
}

#head_contents h1{
	color:#ffffff;
	font-size:116%;
	margin:0 0 10px 0;
}

#contents #entry{
	width:480px;
	float:left;
	margin-left:40px;
	display:inline;
}

#contents h2{
	color:#ffffff;
	font-size:108%;
}

#contents h1.border,
#contents h2.border,
#contents h3.border {
	color:#ffffff;
	padding-bottom:4px;
	border-bottom:1px solid #555555;
}

/*///////////////////////////////////////
	title
///////////////////////////////////////*/

#title{
	width:770px;
	height:210px;
	position: relative;
	margin:0 auto;
}

#title img{
	vertical-align:bottom;
}

#top #title{
	position: relative;
	background:url(../../../img/common/sleipnir/title_top.png) no-repeat;
}

#top #sleipnir_dl_bt{
	width:318px;
	height:48px;
	margin:0 0 0 226px;
	padding-top:109px;
	cursor:default;
}

#top .sleipnir_dl_text2{
	margin:8px 0 0 226px;
	cursor:default;
}

#top .sleipnir_dl_text2 p.info_txt01{
	background:url(../../../img/common/sleipnir/information01.png) no-repeat 0 0px;
	text-indent: -9999px;
	width:93px;
	height:21px;
	float: left;
	overflow: hidden;
	}
	
#top .sleipnir_dl_text2 p.info_txt02{
	background:url(../../../img/common/sleipnir/information02.png) no-repeat 0 0px;
	text-indent: -9999px;
	height:21px;
	width: 244px;
	float: left;
	overflow: hidden;
	}

.ss_link{
	position:absolute;
	top:128px;
	left:722px;
	height:63px;
	width:63px;
	display:block;
}

.gp_link{
	position:absolute;
	top:46px;
	left:708px;
	height:93px;
	width:96px;
	background:url(../../../../img/common/sleipnir/gp_link.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='/img/common/sleipnir/gp_link.png');
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	z-index:2;
	cursor:pointer;
}

/*///////////////////////////////////////
	sleipnir_menu
///////////////////////////////////////*/

#sleipnir_menu{
	width:760px;
	margin:0 auto;
	padding:0 5px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../../../img/common/sleipnir/main_mid.png) repeat-y;
}

#sleipnir_menu ul{
	border-top:1px solid #3b3b3b;
	border-bottom:1px solid #3b3b3b;
	margin:0 auto;
	height:26px;
	padding-left:56px;
}

#sleipnir_menu ul li{
	float:left;
}

#sleipnir_menu ul li a{
	height:26px;
	display:block;
	margin-right:68px;
}

#sleipnir_menu ul li#m_top a:hover,
#sleipnir_menu ul li#m_top a.select{
	background:url(../../../img/common/sleipnir/menu_sleipnir.png) no-repeat -50px -1px;
	width:51px;
}


#sleipnir_menu ul li#m_download a:hover,
#sleipnir_menu ul li#m_download a.select{
	background:url(../../../img/common/sleipnir/menu_sleipnir.png) no-repeat -164px -1px;
	width:63px;
}

#sleipnir_menu ul li#m_plugin a:hover,
#sleipnir_menu ul li#m_plugin a.select{
	background:url(../../../img/common/sleipnir/menu_sleipnir.png) no-repeat -289px -1px;
	width:52px;
}

#sleipnir_menu ul li#m_skin a:hover,
#sleipnir_menu ul li#m_skin a.select{
	background:url(../../../img/common/sleipnir/menu_sleipnir.png) no-repeat -419px -1px;
	width:31px;
}

#sleipnir_menu ul li#m_support a:hover,
#sleipnir_menu ul li#m_support a.select{
	background:url(../../../img/common/sleipnir/menu_sleipnir.png) no-repeat -533px -1px;
	width:51px;
}

#sleipnir_menu ul li#m_community a:hover,
#sleipnir_menu ul li#m_community a.select{
	margin:0;
	background:url(../../../img/common/sleipnir/menu_sleipnir.png) no-repeat -644px -1px;
	width:59px;
}


#sleipnir_menu ul li#m_top a{
	background:url(../../../img/common/sleipnir/menu_sleipnir.png) no-repeat -50px -28px;
	width:51px;
}

#sleipnir_menu ul li#m_download a{
	background:url(../../../img/common/sleipnir/menu_sleipnir.png) no-repeat -164px -28px;
	width:63px;
}

#sleipnir_menu ul li#m_plugin a{
	background:url(../../../img/common/sleipnir/menu_sleipnir.png) no-repeat -289px -28px;
	width:52px;
}

#sleipnir_menu ul li#m_skin a{
	background:url(../../../img/common/sleipnir/menu_sleipnir.png) no-repeat -419px -28px;
	width:31px;
}

#sleipnir_menu ul li#m_support a{
	background:url(../../../img/common/sleipnir/menu_sleipnir.png) no-repeat -533px -28px;
	width:51px;
}

#sleipnir_menu ul li#m_community a{
	margin:0;
	background:url(../../../img/common/sleipnir/menu_sleipnir.png) no-repeat -644px -28px;
	width:59px;
}

/*///////////////////////
 entry
///////////////////////*/

#entry{
	width:480px;
	float:left;
	margin:0;
	padding:0 0 0 40px;
}

.banner{
	width:690px;
	height:114px;
	margin:0 auto;
}

/*///////////////////////
 menu
///////////////////////*/

#menu {
	float:right;
	margin-right:40px;
	display:inline;
	width:190px;
	word-wrap:break-word;
}


#menu p{
	color:#bbbbbb;
	font-size:93%;
	line-height: 150%;
}

#menu h3{
	background:url(../../../img/common/sleipnir/menu_top.png) no-repeat;
	overflow:hidden;
	color:#FFFFFF;
	padding:4px 0 0 13px;
	height:24px;
	overflow:hidden;
	margin:0;
	font-size:100%;
	color:#fff;
	font-weight:bold;
	line-height:1.6;
}

#menu .menu_mid {
	background:url(../../../img/common/sleipnir/menu_mid.png) repeat-y;
	padding:10px;
	overflow:hidden;
}

#menu .menu_mid li {
	background-image:url(../../../img/common/sleipnir/dot.png);
	background-position:0 6px;
	background-repeat:no-repeat;
	display:block;
	line-height:120%;
	padding-left:8px;
	margin-bottom: 5px;
}

#menu .right {
	float:right;
	margin:0 0 10px 10px;
}

#menu .menu_btm {
	background:url(../../../img/common/sleipnir/menu_btm.png) no-repeat;
	height:22px;
}

#menu strong {
	color:#ffffff;
	margin-right:5px;
}

#menu a img {
	margin-bottom:15px;
}

#menu p a img {
	margin-bottom:0px;
}

/*動作環境*/
#menu .menu_mid .action {
	margin-bottom: 8px;
	line-height: 135%;
}

#menu .menu_mid .action_bt {
	margin-bottom: 0px;
	line-height: 135%;
}

#menu .menu_mid .action strong {
	margin-bottom: 1px;
}

#menu .frm_mid {
	background:url(../../../img/common/sleipnir/menu_mid.png) repeat-y;
	width: 170px;
	padding:10px;
	overflow:hidden;
}
#menu .frm_btm {
	background:url(../../../img/common/sleipnir/menu_btm.png) no-repeat 0 bottom;
	width: 190px;	
	padding-bottom: 8px;
	margin-bottom: 15px;
}

#menu .frm_mid p.link {
	margin: 0;
	font-size: 100%;
}