@charset "Shift_JIS";
/** start **/

body{
margin: 0;
padding: 0;
font-size: 12px;
background: #fff;
line-height: 120%;
}

#header *{
margin: 0;
padding: 0;
}

/** Basic style **/

a:link{
color: #4264e4;
font-weight: bold;
}
a:visited{
color: #121c3c;
font-weight: normal;
}
a:hover{
color: #499eff;
font-weight: bold;
background-color: #eee;
}
a:active{
color: #499eff;
font-weight: normal;
background-color: #fff;
}

/* スクロールバーによるずれ対策 */
html{
height:100%;
margin-bottom:1px;
background: #E3E3E3;
}

p{
margin: 5px 0;
padding: 0;
}

img{
border: 0px;
vertical-align:bottom;
}

/** date **/
.date_disp{
color: #555;
text-decoration: none;
font-weight: lighter;
}

/** contain **/
#container{
margin: 0;
height: 100%;
}

#ui-tab em{
	font-weight: bold;
	font-style: normal;
	color: #d92727;
}

/***************************************************************************************************/
/** header **/
/***************************************************************************************************/

#header{
height: 165px;
position: relative;
background: url(/img/header/header_bg_u2.png);
}

#header #Top{
height: 110px;
text-align: center;
position: relative;
}

/** GlobalNavi **/
#globalNavi img{border: 0;}
#globalNavi_container{
margin: 0;
padding: 0;
width: 950px;
margin: 0 auto 0 auto;
}

#globalNavi{
width: 600px;
background: url(/img/header/gnav_bg.gif) no-repeat;
}

#globalNavi ul{
margin: 0;
padding: 0;
height: 40px;
list-style: none;
overflow: hidden;
}

#globalNavi li{
margin: 0;
padding: 0;
float: left;
width: 100px;
}

#globalNavi li a{
display:block;
margin: 0;
padding: 0;
width: 100px;
height: 40px;
text-decoration: none;
text-align: center;
}

/* 没
#globalNavi a:hover{
color: #ffffff;
background: url(/img/header/gnav_home.gif) no-repeat left bottom;
}
*/

/******マウスオン******/
#globalNavi #gn_home a:hover{background: url(/img/header/gnav_home.gif) no-repeat left bottom;}
#globalNavi #gn_about a:hover, #gn_about a.on{background: url(/img/header/gnav_about.gif) no-repeat left bottom;}
#globalNavi #gn_product a:hover, #gn_product a.on{background: url(/img/header/gnav_game.gif) no-repeat left bottom;}
#globalNavi #gn_support a:hover, #gn_support a.on{background: url(/img/header/gnav_support.gif) no-repeat left bottom;}
#globalNavi #gn_blog a:hover, #gn_blog a.on{background: url(/img/header/gnav_blog.gif) no-repeat left bottom;}
#globalNavi #gn_link a:hover, #gn_link a.on{background: url(/img/header/gnav_link.gif) no-repeat left bottom;}

/******ページング******/
body#top #globalNavi li#gn_home a {background: url(/img/header/gnav_home.gif) no-repeat left bottom;}
body#about #globalNavi li#gn_about a {background: url(/img/header/gnav_about.gif) no-repeat left bottom;}
body#game #globalNavi li#gn_product a {background: url(/img/header/gnav_game.gif) no-repeat left bottom;}
body#support #globalNavi li#gn_support a {background: url(/img/header/gnav_support.gif) no-repeat left bottom;}
body#blog #globalNavi li#gn_blog a {background: url(/img/header/gnav_blog.gif) no-repeat left bottom;}
body#link #globalNavi li#gn_link a {background: url(/img/header/gnav_link.gif) no-repeat left bottom;}

/***メイン作品宣伝***/
#main_soft{
margin: 20px auto 5px auto;
padding: 0;
width: 100%;
text-align: center;
background-color: #333333;
}
#sub_soft{
margin: 0px auto 20px auto;
padding: 0;
width: 100%;
text-align: center;
background-color: #999999;
}
#main_soft img{
border: 0;
}
/***************************************************************************************************/
/** コンテンツ内部　**/
/***************************************************************************************************/

#contents_top{
font-size: 9px;
margin: 0 auto 0 auto;
padding: 0;
width: 954px;
height: 7px;
position: relative;
background: url(/img/contents/boxbg_top.png);
}

#contents_center{
margin: 0 auto;
padding: 0;
width: 954px;
position: relative;
background: url(/img/contents/boxbg_center.png);
}

#contents_center:after{
content: "";
display: block;
visibility: hidden;
height: 0;
clear: both;
}

/* コンテンツ左側 */
#contents_left{
float: left;
padding: 5px 10px;
width: 200px;
}

#contents_left em{
color: #DC0000;
font-style: normal;
font-weight: bold;
}

#contents_left p{
margin: 5px 0 5px 0;
padding: 0;
text-align: right;
}

#contents_left img{border: 0;}
#contents_left .box{
float: left;
margin-right: 1em;
padding: 1px;
border: solid 1px #aaa;
vertical-align: middle;
}

#contents_left .floatClear1{
clear: left;
display: block;
}

#contents_left ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}

#contents_left li{
margin: 0;
padding: 0px;
width: 200px;
border-bottom: 1px dotted #ccc;
}

#contents_left .a{
display: block;
margin: 0;
padding: 5px 5px;
height: 35px;
text-decoration: none;
text-align: left;
}

/*　コンテンツ左側、各種メニュー　*/
#side_recruit{
margin-bottom: 15px;
}

#side_broadcast{
margin-bottom: 15px;
}

#side_diary{
margin-bottom: 15px;
}

#side_clap{
margin-bottom: 15px;
}


/* コンテンツ真ん中 */
#contents_center #contents_middle{
margin: 0 220px;
padding: 5px 10px;
width: 550px;
border-left: solid 1px #ccc;
}

#contents_center #contents_middle img{
border:  0;
padding-bottom: 5px;
}

#contents_infobar{
margin-top: 5px;
width: 550px;
height: 35px;
background: url(/img/contents/infobar.gif) no-repeat;
overflow: hidden;
}

#contents_infobar_off{
margin-top: 10px;
width: 550px;
height: 35px;
background: url(/img/contents/infobar_off.gif) no-repeat;
overflow: hidden;
}

#contents_infobar p{
padding-top: 3px;
padding-left: 520px;
position: absolute;
display: block;
width: 18px;
height: 18px;
text-align: right;
}

#contents_center .floatClear{
clear: left;
display: block;
}

#contents_info{
width: 550px;
margin: 0 auto;
padding: 10px 10px;
background: url(/img/contents/topnews_bg.jpg) no-repeat;
}

#contents_info .floatClear2{
clear: left;
display: block;
}

#contents_info img{
padding-right: 5px;
border: 0;
vertical-align: middle;
}
#contents_news img{
padding-right: 5px;
border: 0;
vertical-align: middle;
}

#contents_news ul{
line-height: 130%;
margin: 10px 0 0 0;
padding: 0;
list-style: none;
overflow: hidden;
}

#contents_news li{
margin: 0;
padding: 0;
width: 550px;
border-top: 1px dotted #666;
}

#contents_news li a{
display:list-item;
margin: 0;
padding: 8px;
width: 550px;
text-decoration: none;
text-align: left;
}

#contents_news p{
padding-left: 5px;
font-style: normal;
}

#contents_news li strong{
text-decoration: underline;
font-weight: bold;
margin-top: 3px;
}

/* ニュースのコメント表示 */
#contents_news .mes{
	width: 500px;
	border: 1px solid #ccc;
	background-color: #fcfcfc;
	margin: 10px;
	margin-left: 20px;
	margin-top: 0px;
	padding: 5px;
	font-size: 10px;
	color: #555555;
}

/* コンテンツ右側 */
#contents_center #contents_right{
float: right;
margin: 0;
width: 150px;
padding: 5px 10px;
}

#contents_right #game{
text-align: center;
background-color: #dddddd;
height: 100%;
}

#contents_right #game img{
padding-bottom: 5px;
border: 0;
}

/** インフォ一覧 **/
#contents_log{
text-align: right;
}

/*
#contents_info a:hover{
background: #ccc;
}
*/

#contents_bottom{
font-size: 9px;
margin: 0 auto;
padding: 0 0 50px 0;
width: 954px;
height: 90px;
position: relative;
background: url(/img/contents/boxbg_bottom.png) no-repeat;
clear: both;
}

/***************************************************************************************************/
/** ブログ記事書き出し用　**/
/***************************************************************************************************/

#textjs ul{
	line-height: 130%;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#textjs li {
	margin: 0px 0px 0px 0px;
	width: 220px;
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
}

#textjs li a{
display: block;
margin: 0;
padding: 5px;
width: 220px;
text-decoration: none;
text-align: left;
}

#textjs li strong{
text-decoration: underline;
font-weight: bold;
margin-top: 3px;
}

#textjs .block {
	margin-right: 0px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	text-align: center;
}


/***************************************************************************************************/
/** footer　**/
/***************************************************************************************************/

#footer{
margin: 0;
padding: 0;
height: 105px;
position: relative;
background: url(/img/footer/footer_bg.png);
}

#footer img{border: 0;}
#SubNavi_container{
margin: 0;
padding: 0;
width: 750px;
height: 20px;
margin: 0 auto 0 auto;
}

#SubNavi{
width: 400px;
margin-top: 8px;
background: url(/img/footer/subNavi_bg.png) no-repeat;
float: left;
}

#SubNavi ul{
margin: 0;
padding: 0;
height: 20px;
list-style: none;
overflow: hidden;
}

#SubNavi li{
margin: 0;
padding: 0;
float: left;
}

#SubNavi li a{
height: 20px;
display:inline;
text-align: center;
float: left;
overflow: hidden;
border-right: 1px solid #525252;
}

/******マウスオン******/
#sn_home a:hover{background: url(/img/footer/sb_home.png) no-repeat left bottom;}
#sn_about a:hover{background: url(/img/footer/sb_about.png) no-repeat left bottom;}
#sn_invited a:hover{background: url(/img/footer/sb_invited.png) no-repeat left bottom;}
#sn_support a:hover{background: url(/img/footer/sb_support.png) no-repeat left bottom;}


/** フッター最後**/
#footer #footer_logo{
clear: left;
position: relative;
text-align: center;
}

/* 余白埋め */
#footer_last{
margin: 0;
padding: 0;
width: 100%;
height: 100%;
background: #DFDFDF;
}


/**  not found **/
#notfound{
padding: 10px;
}