@charset "utf-8";

/*==============================================================================
* デフォルトスタイルシートのリセット
*----------------------------------------------------------------------------*/

body {
font-style: normal;
margin: 0;
padding: 0;
}


div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,table,th,td,address,iframe, object, embed {
	margin: 0;
	padding: 0;
	border: none;
}

fieldset,img { 
border: 0;
vertical-align: bottom;
padding: 0;
margin: 0;
}
* html img,
* html fieldset {
vertical-align: baseline;
}

address,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
}

ol,ul,dl {
list-style-type: none;
list-style-position: outside;
text-indent: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
* {
word-break: break-all;
}
*:first-child+html table {
border-collapse: collapse;
}
* html table {
border-collapse: collapse;
}

caption,th,td {
text-align: left;
vertical-align: middle;
}

q:before, q:after {
content: "";
}

/*==============================================================================
*  Structure Module
*----------------------------------------------------------------------------*/
body {
/*　修正ここから 2010.04.20　*/
font-family: 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
/*　修正ここまで 2010.04.20　*/
font-size: 62.5%;
line-height: 1.4;
height: 100%;
}
html>body {
  font-size: 10px; /* Except IE */
}
hr {
display: none;
}


/*==============================================================================
*  Text Module
*----------------------------------------------------------------------------*/

h1 {
font-size: 180%;/*14px*/
margin: 0;
padding: 0;
font-weight:bold;
}
h2 {
font-size: 160%;/*14px*/
margin: 0;
padding: 0;
font-weight:bold;
}
h3,h4,h5,h6 {
font-size: 140%;/*14px*/
margin: 0;
padding: 0;
font-weight:bold;
}

p,strong,em,dl,ul,pre,form,fieldset,blockquote {
font-size: 140%;/*12px*/
}

.attention {
font-size: 110%;/*11px*/
}

em {
font-weight: bold;
color: #C00;
}

strong {
font-weight: bold;
}

abbr,
acronym {
font-size: 110%;/*11px*/
border-bottom: 0;
cursor: help;
}

p.textCenter {
text-align:center;
}
p.textCenter a {
margin: 1em 6px;
}

/*==============================================================================
*  Hypertext Module
*----------------------------------------------------------------------------*/

a:link {
color: #222;
text-decoration: none;
}

a:active,
a:visited,
a:focus {
color: #303;
text-decoration: none;
}

a:hover {
color: #555;
text-decoration: underline;
}

/*==============================================================================
*  List Module
*----------------------------------------------------------------------------*/
dt {
font-weight: bold;
}

li,dd {
padding: 0 0 3px 0;
}

li ul,
li p,
li dt,
li dd,
dd li,
dd p,
dd dt,
dd dd {
font-size: 110%;/*11px*/
margin: 0;
padding: 0;
}

/*==============================================================================
*  List Mark
*----------------------------------------------------------------------------*/
p.readmore01 a {
padding-left: 8px;
background: url(/images/share_ico_02.gif) no-repeat left center;
}

p.readmore02 {
margin: 0 8px;
padding: 4px 0;
text-align: right;
clear: both;
border: 1px solid #ddd;
border-width: 1px 0 0;
}

p.readmore02 a {
padding-left: 8px;
background: url(/images/share_ico_02.gif) no-repeat left center;
}

p.readmore03 {
margin: 0 8px 0 16px;
padding: 3px 0;
text-align: right;
clear: both;
}

p.readmore03s {
margin: 0 35px 0 16px;
padding: 3px 0;
text-align: right;
clear: both;
}
p.readmore03s a {
padding-left: 8px;
background: url(/images/share_ico_02.gif) no-repeat left center;
}

p.readmore03 a {
padding-left: 8px;
background: url(/images/share_ico_02.gif) no-repeat left center;
}

.linklist01 a,
.h2Box01 ul li a {
margin: 0 0 0 0.4em;
padding-left:5px;
background: url(/images/share_ico_03.gif) no-repeat left top;
}

/*==============================================================================
*  Forms Module
*----------------------------------------------------------------------------*/

fieldset {
border: 0;
}

input {
line-height: 1.4;
border: 0;
}

input.text {
padding: 0.1em;
margin: 0;
border: 1px solid #999;
font-family: monospace;
color: #666;
}

select.ddbox {
padding: 0.1em;
margin: 0;
border: 1px solid #999;
font-family: monospace;
color: #666;
height:25px;
width:250px;
}

option.optbox {
padding: 0.1em;
margin: 0;
border: 1px solid #999;
font-family: monospace;
color: #666;
height:25px;
}

input.searchsubmit {
vertical-align: middle;
}

textarea {
width: 99%;
border: solid 1px #999;
}



/*==============================================================================
*  Tables Module
*----------------------------------------------------------------------------*/
table {
margin: 0.5em 0;
border: 1px solid #ddd;
}

table caption {
text-align: left;
font-weight: bold;
vertical-align:middle;
}

th, td {
padding: 0.5em;
line-height: 1.3;
font-size: 110%;/*11px*/
border: 1px dotted #ddd;
}

th {
white-space: nowrap;
text-align: center;
}

/*==============================================================================
*  Image Module
*----------------------------------------------------------------------------*/
.topMain img,
.main img,
.rightNavInner .rankingList img {
border: 1px solid #999;
}

/*==============================================================================
*  hidden Module
*----------------------------------------------------------------------------*/

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

.hidden {
display: none;
}

.reader {
position: absolute;
z-index: 100;
top: 0px;
right: 0px;
display: run-in;
width: 1px;
height: 1px;
margin: 0;
padding: 0;
border-style: none;
overflow: hidden;
}

/*==============================================================================
*  wrapper
*----------------------------------------------------------------------------*/
/*　修正ここから 2010.04.21　*/
.bodyWrapper {
width: 960px;
margin: 0 auto;
padding: 0;
background-color: #fff;
}
/*　修正ここまで 2010.04.21　*/


/*==============================================================================
*  Header
*----------------------------------------------------------------------------*/
  
.header {
width: 940px;
margin: 0 auto;
padding: 1em 0;
}


/*　修正ここから 2010.04.21　*/
.header .logoArea {
float: left;
width: 200px;
padding: 2.5em 0 0;
}
/*　修正ここまで 2010.04.21　*/

.header .logoArea p {
text-align: center;
}

.header .logoArea a {
outline: none;
}

.header .headNavTop {
text-align: right;
float: right;
width: 600px;
padding: 0 12px 8px 0;
background: url(/images/share_ico_01.gif) no-repeat right top;
}

.header .headNav {
text-align: right;
float: right;
width: 700px;
padding: 0 0 8px 0;
background:none;
}

.header .headNavTop li,
.header .headNav li {
display: inline;
padding: 0 12px;
background: url(/images/share_ico_01.gif) no-repeat left top;
}

.header .headNav li.searchBox {
padding: 0;
background: none;
}

.header .headNav li form {
display: inline;
}

.header .headNav li form input.text {
width: 260px;
font-size: 80%;
}
.header .headNav li form input.searchsubmit {
margin:0;
padding:0;
}

.header .headBnr {
float: right;
width: 730px;
text-align: right;
padding: 0;
}



/*==============================================================================
*  Global Navigation
*----------------------------------------------------------------------------*/

/*　修正ここから 2010.04.21　*/
.globalNav {
width: 940px;
min-height: 40px;
height: auto !important;
height: 40px;
margin: 0 auto;
background: url(/images/gnav_bg_01.gif) no-repeat right top;
}

.secondNav {
background-color: #c9caca;
}
/*　修正ここまで 2010.04.21　*/

.thirdNav {
border: 1px solid #ddd;
border-width: 0 0 1px;
margin:0;
padding:0;
background-color: #fff;
}

.firstNav,
.secondNavInner,
.thirdNavInner {
width: 940px;
margin: 0 auto;
}

/*　修正ここから 2010.04.21　*/
.firstNav {
background: url(/images/gnav_bg_03.gif) no-repeat right top;
background-color: none;
border: 1px solid #818080;
border-width: 0 0 4px;
}
/*　修正ここまで 2010.04.21　*/

.firstNav ul {
z-index: 3;
zoom: 1;
}

.firstNav ul li {
float: left;
width: 111px;
height: 40px;
padding: 0;
margin: 0;
}

.firstNav ul li a {
text-align: center;
background: url(/images/gnav_btn_01_4.gif) no-repeat left top;
display: block;
text-decoration: none;
height: 40px;
padding: 0;
margin: 0;
}

.firstNav ul li a:hover {
background-position: left bottom;
}

.firstNav ul li span {
position: relative;
z-index: -1;
}

.firstNav ul li.gnavHome a{background-position:0 0;}
.firstNav ul li.gnavNews a{background-position:-111px 0;}
.firstNav ul li.gnavGame a{background-position:-222px 0;}
.firstNav ul li.gnavInte a{background-position:-333px 0;}
.firstNav ul li.gnavcolum a{background-position:-444px 0;}
.firstNav ul li.gnavfla a{background-position:-555px 0;}
.firstNav ul li.gnav06 a{background-position:-666px 0;}
.firstNav ul li.gnavHome a:hover{background-position:0 -80px;}
.firstNav ul li.gnavNews a:hover{background-position:-111px -80px;}
.firstNav ul li.gnavGame a:hover{background-position:-222px -80px;}
.firstNav ul li.gnavInte a:hover{background-position:-333px -80px;}
.firstNav ul li.gnavcolum a:hover{background-position:-444px -80px;}
.firstNav ul li.gnavfla a:hover{background-position:-555px -80px;}
.firstNav ul li.gnav06 a:hover{background-position:-666px -80px;}



/* 　該当ページの際は ul に class を追加　 */
.firstNav ul.home li.gnavHome a{background-position:0 0!important;}
.firstNav ul.news li.gnavNews a{background-position:-111px -40px!important;}
.firstNav ul.game li.gnavGame a{background-position:-222px -40px!important;}
.firstNav ul.Inte li.gnavInte a{background-position:-333px -40px!important;}
.firstNav ul.colum li.gnavcolum a{background-position:-444px -40px!important;}
.firstNav ul.fla li.gnavfla a{background-position:-555px -40px!important;}
.firstNav ul.menu06 li.gnav06 a{background-position:-666px -40px!important;}


.firstNav ul li a {
text-decoration: none;
}

.secondNav ul,
.thirdNav ul {
height: 30px;
}

.secondNav ul li,
.thirdNav ul li {
float: left;
font-weight:bold;
margin: 0;
padding: 0;
}

.secondNav ul {
background: url(/images/gnav_bg_02.gif) no-repeat left top;
height: 30px;
}

/* for IE6以下 */
* html .secondNav ul { padding-left: 1px;}

/* for IE6以外 */
.secondNav ul { padding-left/**/: 1px; }

.secondNav ul li {
background: url(/images/gnav_bg_02.gif) no-repeat right top;
height: 30px;
}

.secondNav ul li:hover {
background-color: #fff;
}

.secondNav ul li a,
.thirdNav ul li a {
display: block;
padding: 6px 16px 0;
text-decoration: none;
outline: none;
}

/* 　該当ページの際は li に class="stay" 追加　 */
.secondNav ul li.stay {
background-color: #fff;
}

.secondNav ul li.stay a {
color: #666;
}

.thirdNav ul li a {
margin-left: 2px;
padding: 6px 22px 6px 8px;
background: url(/images/gnav_ico_01.gif) no-repeat left 6px;
}

.thirdNav ul li a:hover,
.thirdNav ul li.stay a {
color: #f00;
background: url(/images/gnav_ico_02.gif) no-repeat left 6px;
}


/*==============================================================================
*  main contents
*----------------------------------------------------------------------------*/

.contentsWrap {
clear: both;
width: 940px;
margin: 0 auto;
text-align: left;
}

/*　削除ここから 2010.04.21　
.contentsWrap .wrapper
　削除ここまで 2010.04.21　*/


/*----------------------------------------------------------------------------
* top page 
*----------------------------------------------------------------------------*/

.contentsWrap .wrapper .topMain {
float: left;
width: 100%;
display: inline;
}

.contentsWrap .wrapper .topMain .topMainInner {
margin: 0 300px 0 180px;
padding: 10px 8px;
}

/*------ feature ------*/
.topMainInner .feature {
background-color: #f5f3ef;
padding: 8px;
}

.topMainInner .feature p {
float: left;
width: 126px;
margin: 0;
padding: 0;
}

/*　追加ここから 2010.04.20　*/
.topMainInner .feature .box01 {
float: left;
width: 302px;
height: 1%;
}
/*　追加ここまで 2010.04.20　*/

.topMainInner .feature h2 {
border: 1px solid #ddd;
border-width: 0 0 1px;
}

.topMainInner .feature ul li {
padding: 2px 0 0;
}

/*　動画　*/
.topMainInner .topmovie {
width:444px;
height:178px;
background-color: #f5f3ef;
padding: 8px;
}

.topMainInner .topmovie p {
float: left;
width: 222px;
margin: 0;
padding: 0;
}

.topMainInner .topmovie .box02 {
float: left;
width: 200px;
height: 1%;
padding:0 10px;
}

.topMainInner .topmovie .box02 p {
width: 190px;
height: 1%;
padding:0 5px;
}

.topMainInner .topmovie h2 {
border: 1px solid #ddd;
border-width: 0 0 1px;
}



/*------ tab ------*/

.tabBox {
height: 300px;
overflow: hidden;
position: relative;
margin: 11px 0;
border: 1px solid #666;
border-width: 0 0 1px;
}

.tabBox .tabBoxInner {
height: 300px;
background:url(/images/tab_bg_01.gif) repeat-x left bottom;
}


/*------ tab navigation ------*/
.tabNav {
margin: 0;
padding: 0;
position: relative;
z-index: 3;
zoom: 1;
}

.tabNav li {
float: left;
margin: 0;
padding:0;
}


/* 修正ここから 2010.04.29 */
.tabNav ul li a {
text-align: center;
display: block;
text-decoration: none;
height: 29px;
padding: 0;
margin: 0;
}

.tabNav ul li:hover {
background-position: left bottom;
}

.tabNav ul li span {
position: relative;
z-index: -1;
font-size: 80%;
}

/* タブを変更する場合は、タブの画像の幅を変更　*/
.tabNav li.tabbtnTopics a { width:71px; background: url(/images/tab_btn_01.gif) no-repeat left top;}
.tabNav li.tabbtnOnlinegame a { width:107px; background: url(/images/tab_btn_02.gif) no-repeat left top;}
.tabNav li.tabbtnBrowser a { width:93px; background: url(/images/tab_btn_03.gif) no-repeat left top;}
.tabNav li.tabbtnPc a { width:59px; background: url(/images/tab_btn_04.gif) no-repeat left top;}
.tabNav li.tabbtnConsumer a { width:61px; background: url(/images/tab_btn_05.gif) no-repeat left top;}
.tabNav li.tabbtnOther a { width:52px; background: url(/images/tab_btn_06.gif) no-repeat left top;}


.tabNav li.tabbtnTopics a,
.tabNav li.tabbtnOnlinegame a,
.tabNav li.tabbtnBrowser a,
.tabNav li.tabbtnPc a,
.tabNav li.tabbtnConsumer a,
.tabNav li.tabbtnOther a { 
background-position:0 0;
}

.tabNav li.tabbtnTopics a:hover,
.tabNav li.tabbtnOnlinegame a:hover,
.tabNav li.tabbtnBrowser a:hover,
.tabNav li.tabbtnPc a:hover,
.tabNav li.tabbtnConsumer a:hover,
.tabNav li.tabbtnOther a:hover { 
background-position:0 -29px;
}

/* 　該当タブの ul に id 　 */
.tabNav ul#newsTabBoxTopics li.tabbtnTopics a,
.tabNav ul#newsTabBoxOnlinegame li.tabbtnOnlinegame a,
.tabNav ul#newsTabBoxBrowser li.tabbtnBrowser a,
.tabNav ul#newsTabBoxPc li.tabbtnPc a,
.tabNav ul#newsTabBoxConsumer li.tabbtnConsumer a,
.tabNav ul#newsTabBoxOther li.tabbtnOther a { 
background-position:0 -29px !important;
}

/* 修正ここまで 2010.04.29 */

.tabNav ul li a {
text-decoration: none;
}
/*------ tab news area ------*/

.topMainInner .tabNewsArea {
position:relative;
height: 300px;
}

.topMainInner .tabNewsArea .newsContainer {
float: left;
width: 210px;
margin: 0 10px 0 0;
padding: 6px 0;
border: 1px solid #ddd;
border-width: 0 0 1px;
height:34px;
}

.topMainInner .tabNewsArea .newsContainer .imgContainer {
float: left;
width: 44px;
margin: 0;
padding: 0;
}

.topMainInner .tabNewsArea .newsContainer .txtContainer {
float: left;
width: 166px;
margin: 0;
padding: 0;
}

.topMainInner .tabNewsArea .newsContainer .txtContainer p {
font-size: 120%;
line-height: 1.2;
}

.topMainInner .tabNewsArea .tabMenuListLink {
clear: both;
padding: 8px;
}
.topMainInner .tabNewsArea .tabMenuListLink .linkLeft {
float: left;
width: 280px;
}
.topMainInner .tabNewsArea .tabMenuListLink .linkRight {
float: right;
width: 100px;
text-align: right;
}

/*------ other news ------*/

.topMainInner .h2Box01 {
padding: 8px 0 0;
}
.topMainInner .h2Box01 h2 {
background: url(/images/index_h2_01.gif) no-repeat left top;
color: #fff;
margin: 0 0 8px;
padding: 2px 10px;
min-height: 26px;
height: auto !important;
height: 26px;
}

.topMainInner .h2Box01 ul.leftTxt {
margin-right: 100px;
}
.topMainInner .h2Box01 p.rightImg {
float: right;
width: 115px;
}

/*------ recommend ------*/

.topMainInner .h2Box02 {
padding: 8px 0 0;
}

.topMainInner .h2Box02 h2 {
background: url(/images/index_h2_02.gif) no-repeat left top;
font-size: 160%; /* 16px */
padding: 5px 8px;
height: 38px;
margin:0;
}

/* for chrome safari */
body:first-of-type .h2Box02 h2 { padding-top: 7px;  }


.topMainInner .h2Box02 .recommendBox {
min-height: 284px;
height: auto !important;
height: 284px;
width: 146px;
float: left;
border: 1px solid #d0ccc0;
margin: -1px 0 0 -1px;
}

.topMainInner .h2Box02 .recommendBox p img {
display: block;
margin: 4px auto;
}

.topMainInner .h2Box02 .recommendBox h3 {
border: 1px solid #868e47;
border-width: 0 0 0 3px;
margin: 0 4px 6px 8px;
padding: 0 6px;
line-height:1.2;
}

.topMainInner .h2Box02 .recommendBox h3 a {
color: #868e47;
}

.topMainInner .h2Box02 .recommendBox ul,
.topMainInner .h2Box02 .recommendBox p {
padding: 0 8px 4px;
line-height:1.2;
}

.topMainInner .h2Box02 .recommendBox ul li {
float: left;
width: 62px;
padding: 0 3px 1px 0;
}

/*------ サービス一覧ナビ ------*/

.topMainInner .h2Box02nav {
width:444px;
padding: 8px 0 0;
}

.topMainInner .h2Box02nav h2 {
background: url(/images/index_h2_02.gif) no-repeat left top;
font-size: 160%; /* 16px */
padding: 5px 8px;
height: 38px;
margin:0;
}

/* for chrome safari */
body:first-of-type .h2Box02nav h2 { padding-top: 7px;  }

.topMainInner .h2Box02nav .h2Box02nav2 {
	width:145px;
	float:left;
	height: 150px;
}

.topMainInner .h2Box02nav .h2Box02nav2 li {
font-weight:bold;  
margin-left:5px; 
list-style:none;
padding-left:20px;    
background:url(/images/mo_a_star.png) left top no-repeat;  
}

.topMainInner .h2Box02nav .h2Box02nav2 li ul li {
font-weight:normal; 
background-image:url(/images/mark.gif);
font-size:13px;
}

.topMainInner .h2Box02nav .h2Box02nav3 {
	width:145px;
	float:left;
	height: 40px;
}

.topMainInner .h2Box02nav .h2Box02nav3 li {
font-weight:bold;  
margin-left:5px; 
list-style:none;
padding-left:20px;    
background:url(/images/mo_a_star.png) left top no-repeat;  
}

.topMainInner .h2Box02nav .h2Box02nav3 li ul li {
font-weight:normal; 
background-image:url(/images/mark.gif);
font-size:13px;
}

/*----------------------------------------------------------------------------
* lower pages
*----------------------------------------------------------------------------*/

.contentsWrap .wrapper .main {
float: left;
width: 99%;
display: inline;
}

/*　修正ここから 2010.07.21　*/
.contentsWrap .wrapper .main .mainInner {
margin: 0 300px 0 0;
padding: 10px 10px 0 0 ;
}
.contentsWrap .wrapper .main .mainInners {
margin: 0 200px 0 0;
padding: 10px 0 0 ;
}
/*　修正ここまで 2010.04.21　*/

/*------ breadcrumbs list ------*/
.breadcrumbs {
font-size: 100%;
padding: 4px 0;
margin-left: -12px;
}

.breadcrumbs a {
padding: 0 12px;
}


/*------ linkBtn 公式サイトへリンク ------*/
.mainInner div.linkBtn {
text-align: center;
border: 1px dotted #999;
border-width: 1px 0 0 0;
margin: 22px 0;
padding: 22px 0;
}

.mainInner div.linkBtn p {
font-size: 180%; /* 18pt */
font-weight: bold;
line-height: 1.4;
color: #66554b;
margin: 0;
padding: 0;
}

.mainInner div.linkBtn p img {
border: none;
margin: 0.6em 0 0;
padding: 0;
}

.mainInner a{
outline: none;
}


/*----------------------------------------------------------------------------
* newslist page & news page
*----------------------------------------------------------------------------*/

/*------ Pic Up news ------*/

.mainInner .h1Box01 h1 {
background: url(/images/share_h1_01.gif) no-repeat left top;
color: #fff;
padding: 1px 12px;
min-height: 29px;
height: auto !important;
height: 29px;
}

/* for chrome safari */
body:first-of-type .mainInner .h1Box01 h1 { padding-top: 2px;  }

.mainInner .h1Box01,
.mainInner .h2Box04 {
padding: 10px 0;
}

.mainInner .h1Box01 ul li,
.mainInner .h2Box04 ul li {
padding: 3px 0;
}

.mainInner .h2Box04 h2 {
background: url(/images/share_h2_01.gif) no-repeat left top;
color: #fff;
padding: 3px 12px;
min-height: 29px;
height: auto !important;
height: 29px;
}

/* for chrome safari */
body:first-of-type .mainInner .h2Box04 h2 { padding-top: 4px;  }

.mainInner .h2Box04 h2 a {
color: #fff;
}

.mainInner .h2Box03 {
border: 1px dotted #999;
border-width: 0 0 1px 0;
padding: 8px 12px 8px 0;
}

.mainInner .h2Box03 h2 {
font-size: 160%;
padding: 0 0 6px;
}

.mainInner .h2Box03 h2 a {
color: #005171;
}

.mainInner .h2Box03 .leftImg {
float: left;
width: 110px;
}
.mainInner .h2Box03 .rightText ul.icon {
padding: 0 0 6px;
}

.mainInner .h2Box03 .rightText ul.icon li {
display: inline;
}

.mainInner .h2Box03 .rightText ul.icon li img {
border: none;
}

/*------ news.html ------*/

.mainInner .h1Box02 {
background-color:#EEEEEE;
padding:0 10px;
}

.mainInner .h1Box02 h1 {
color: #005171;
font-size: 200%; /* 20pt */
}

.mainInner .h1Box02 ul {
width:150px;
height:22px;
float:right;
}

.mainInner .h1Box02 ul li {
width:24px;
float:left;
}

.mainInner .h1Box02 .date {
text-align: right;
font-size: 110%; /* 11pt */
border: 1px dotted #999;
border-width: 0 0 1px 0;
color: #666;
padding: 4px 6px 12px;
margin-bottom: 4px;
}
.mainInner .h1Box02 .date img {
margin: -1px 1em 0 0;
border: none;
vertical-align: middle;
}

.mainInner .h1Box02 p {
line-height: 1.6;
font-size: 100%; /* 14pt */
padding: 0 6px 12px 0;
}

.mainInner .h1Box02 div {
line-height: 1.6;
font-size: 140%; /* 14pt */
padding: 0 6px 12px 0;
}

.mainInner .h1Box02 .newssban {
width:590px;
height:23px;
}

.sgamenewspost {
margin:10px 0; 
}

.sgamenewspost img {
border:none;
}


/*　太字、赤字、画像などセンタリングする場合の設定
.mainInner .h1Box02 p strong {
display: block;
text-align: center;
}

.mainInner .h1Box02 p em {
display: block;
text-align: center;
}

*画像をセンタリングする場合は画像の親のPタグにclass="image"を追加*
.mainInner .h1Box02 .image {
display: block;
text-align: center;
}
*/

.mainInner .h1Box02 dl {
padding: 0 0 12px 0;
}
.mainInner .h1Box02 dl dt {
padding: 12px 0 0 0;
}

.mainInner .h1Box02 div.floatImages {
width: 510px;
margin: 0 auto;
}

.mainInner .h1Box02 div.floatImages p {
float: left;
width: 254px;
margin: 0 0 2px;
padding: 0;
}

/*------ 300*250バナー設定 ------*/

.textban{
	width:620px;
	height:280px;
padding:0 10px 0 0;
}

.textban1{
	float:left;
	height:260px;
	width:300px;
}

.textban2{
	float:right;
	height:260px;
	width:300px;
}

/*----------------------------------------------------------------------------
* gamelist page & game page
*----------------------------------------------------------------------------*/

/*------ gamelist.html ------*/
.mainInner .h1Box03 {
padding: 10px 0;
}

.mainInner .h1Box03 h1 {
background: url(/images/game_h1_01.gif) no-repeat left top;
padding: 1px 12px;
min-height: 30px;
height: auto !important;
height: 30px;
}

.mainInner .h1Box03 h3 {
background: url(/images/share_h2_01.gif) no-repeat left top;
color: #fff;
padding: 3px 12px;
min-height: 29px;
height: auto !important;
height: 29px;
}

.mainInner .h2Box05 {
float: left;
width: 298px;
border: 1px dotted #999;
border-width: 0 0 1px 0;
margin:0 9px 0 0;
padding: 14px 0;
}

.mainInner .h2Box05 .leftImg {
float: left;
width: 58px;
}

.mainInner .h2Box05 .rightText {
float: left;
width: 237px;
padding: 0;
}

.mainInner .h2Box05 .rightText h2 {
border: 3px solid #868e47;
border-width: 0 0 0 3px;
padding: 0 0 0 4px;
font-size: 140%;
line-height:1.2;
}

.mainInner .h2Box05 .rightText h2 a {
color: #868e47;
}

.mainInner .h2Box06 {
padding: 10px 0;
}

.mainInner .h2Box06 h2 {
background: url(/images/game_h1_01.gif) no-repeat left top;
margin: 0 0 12px;
padding: 3px 12px;
min-height: 30px;
height: auto !important;
height: 30px;
color: #222;
}

.mainInner .h2Box06 dl dt {
border: 3px solid #868e47;
border-width: 0 0 0 3px;
padding: 0 4px;
font-size: 120%;
line-height: 0.8;
}

.mainInner .h2Box06 dl dt a {
color: #868e47;
padding: 4px 0;
}

.mainInner .h2Box06 dl dd {
padding: 4px 0 20px;
}

/*------ sub ------*/

.mainInners .h2Box06 {
padding: 15px 0;
}

.mainInners .gameplay {
padding: 20px 0 0 0;
}

.mainInners .h2Box06 h2 {
background: url(/images/game_h1_01s.gif) no-repeat left top;
margin: 0 0 12px;
padding: 3px 12px;
min-height: 30px;
height: auto !important;
height: 30px;
color: #222;
}

.mainInners .h2Box06 dl dt {
border: 3px solid #868e47;
border-width: 0 0 0 3px;
padding: 0 4px;
font-size: 120%;
line-height: 0.8;
}

.mainInners .h2Box06 dl dt a {
color: #868e47;
padding: 4px 0;
}

.mainInners .h2Box06 dl dd {
padding: 4px 0 20px;
}

/*------ game.html ------*/

.mainInner .h1Box04 h1 {
background: url(/images/game_h1_02.gif) no-repeat left top;
color: #868e47;
font-size: 220%; /* 20pt */
font-weight: bold;
padding: 0 6px 12px 6px ;
}

.mainInner .h1Box04 p {
line-height: 1.6;
font-size: 160%; /* 16pt */
padding: 0 6px 0.8em 0;
}

.mainInner .h1Box04 p.leftImg {
float: left;
width: 120px;
}
.mainInner .h1Box04 dl.gameHeadline {
margin: 0 0 0.8em 0;
}

.mainInner .h1Box04 dl.gameHeadline dt {
background: url(/images/share_ico_04.gif) no-repeat right 0.1em;
border: none;
margin-right: 1em;
padding: 0 0 1px 0;
font-size: 100%;
font-weight: normal;
line-height: 1.4;
float: left;
width: 8em;
}

.mainInner .h1Box04 dl.gameHeadline dd {
margin-bottom: 6px;
padding: 0 0 1px 0;
font-size: 100%;
height: 1%;
}
.mainInner .h1Box04 dl.gameHeadline dd img {
border: none;
padding: 2px 2px 2px 0;
}

.mainInner .h1Box04 p.newsInfoBtn img {
border: none;
}

.mainInner .h1Box04 .gameSpec h2 {
clear: both;
background: url(/images/game_h1_01.gif) no-repeat left top;
margin: 0 0 12px;
padding: 3px 12px;
min-height: 30px;
height: auto !important;
height: 30px;
}

.mainInner .h1Box04 .gameSpec dl dt {
border: none;
padding: 0 4px 20px 0;
font-size: 120%;
font-weight: normal;
line-height: 1.6;
display: inline;
}

.mainInner .h1Box04 .gameSpec dl dd {
background: url(/images/share_ico_04.gif) no-repeat left 0.4em;
padding: 4px 0 20px 12px;
font-size: 120%;
display: inline;
}

/*----------------------------------------------------------------------------
* flashgame page 
*----------------------------------------------------------------------------*/

/*------ flashgame.html ------*/

.prflash {
	border:none;
	padding:20px;
	width:900px;
	height:300px;
}

.mainInner .h2Boxfla01 {
	padding: 10px 0;
}

.mainInner .h2Boxfla01 h2 {
	background: url(/images/flamidasi.gif) no-repeat left top;
	padding: 1px 12px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	font-size: 180%;/*14px*/
}

.mainInner .h3Boxfla01 {
	float: left;
	width: 600px;
	border-width: 0 0 1px 0;
	margin:0 9px 0 0;
	padding: 14px 0;
}

.mainInner .h3Boxfla02 {
	float: left;
	width: 290px;
	border: 1px dotted #999;
	border-width: 0 0 1px 0;
	margin:0 9px 0 0;
	padding: 14px 0;
}

.mainInner .h3Boxfla02 .leftImg {
	float: left;
	width: 100px;
}

.mainInner .h3Boxfla02 .rightText {
	float: left;
	width: 170px;
	padding: 5px;
}

.mainInner .h3Boxfla02 .rightText h3 {
	border: 3px solid #ff6600;
	border-width: 0 0 0 3px;
	padding: 0 0 0 4px;
	font-size: 140%;
	line-height:1.2;
}

.mainInner .h3Boxfla02 .rightText h3 a {
	color: #ff6600;
}

.mainInner .h3Boxfla02 .rightText h4 {
	color:#333;
	padding: 0 0 0 4px;
	font-size: 120%;
}

/*------ Flashゲーム一覧ページ ------*/

.mainInner .h3Boxflali02 {
	float: left;
	width: 620px;
	border: 1px dotted #999;
	border-width: 0 0 1px 0;
	margin:0 9px 0 0;
	padding: 14px 0;
}

.mainInner .h3Boxflali02 .leftImg {
	float: left;
	width: 100px;
}

.mainInner .h3Boxflali02 .rightText {
	float: left;
	width: 500px;
	padding: 5px;
}

.mainInner .h3Boxflali02 .rightText h3 {
	border: 3px solid #ff6600;
	border-width: 0 0 0 3px;
	padding: 0 0 0 4px;
	font-size: 160%;
	line-height:1.2;
}

.mainInner .h3Boxflali02 .rightText h3 a {
	color: #ff6600;
}

.mainInner .h3Boxflali02 .rightText h4 {
	color:#333;
	padding: 0 0 0 4px;
	font-size: 140%;
}

/*------ ページTOPへicon ------*/

p.flagotop {
margin: 0 8px 0 16px;
padding: 3px 0;
text-align: right;
clear: both;
}

p.flagotop a {
padding-left: 8px;
background: url(/images/gotop_ico.gif) no-repeat left center;
}

/*------ Flashgameスペース ------*/
.mainInner .flashgame{
	float:left;
}

/*------ Flashゲームページ　同じジャンルのゲーム ------*/
.h2Boxflapage {
	padding: 10px 0;
}

.h2Boxflapage h2 {
	background: url(/images/flamidasi.gif) no-repeat left top;
	padding: 1px 12px;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	font-size: 180%;/*14px*/
}

.h3Boxflapage {
	float: left;
	width: 600px;
	border-width: 0 0 1px 0;
	margin:0 9px 0 0;
	padding: 14px 0;
}

.h3Boxflapage2 {
	float: left;
	width: 280px;
	border: 1px dotted #999;
	border-width: 0 0 1px 0;
	margin:0 9px 0 0;
	padding: 14px 0;
}

.h3Boxflapage2 .leftImg {
	float: left;
	width: 100px;
}

.h3Boxflapage2 .rightText {
	float: left;
	width: 170px;
	padding: 5px;
}

.h3Boxflapage2 .rightText h3 {
	border: 3px solid #ff6600;
	border-width: 0 0 0 3px;
	padding: 0 0 0 4px;
	font-size: 140%;
	line-height:1.2;
}

.h3Boxflapage2 .rightText h3 a {
	color: #ff6600;
}

.h3Boxflapage2 .rightText h4 {
	color:#333;
	padding: 0 0 0 4px;
	font-size: 120%;
}

/*==============================================================================
*  Local Navigation
*----------------------------------------------------------------------------*/

/*------ navigation common parts ------*/

ul.bnrArea li {
margin: 0;
padding: 0 0 6px;
}

/*------ left navigation ------*/
.leftNav {
float: left;
width: 180px;
text-align: center;
margin-left: -100%;
}

.leftNavInner {
position: relative;
top: 0px;
left: 0px;
width: 180px;
text-align: left;
margin-right: auto;
margin-left: auto;
padding:10px 0 0;
}

.leftNav .leftNavInner h2 {
font-size: 120%;/*12px*/
font-weight: bold;
margin: 0;
padding: 0;
}

.leftNav .leftNavInner p.searchBox {
padding: 0 0 1em;
margin:0;
}
.leftNav .leftNavInner p.searchBox input.text {
width: 130px;
font-size: 70%;
}



.leftNav .leftNavInner .localNav dl {
background:url(/images/lnav_bg_02.gif) no-repeat left bottom;
margin: 0;
padding: 0 8px;
}

.leftNav .leftNavInner .localNav dl dt {
border: 1px solid #ddd;
border-width: 1px 0;
margin: 0.5em 0;
padding: 6px 0;
}

.leftNav .leftNavInner .localNav dl dt a {
display:block;
width:164px;
height:20px;
}

.leftNav .leftNavInner .localNav dl dt.first {
border-width: 0 0 1px;
padding: 0 0 6px;
}

.leftNav .leftNavInner .localNav dl dd a {
padding: 0 0 0 1em;
display: block;
width: 152px;
height: 20px;
}
.leftNav .leftNavInner .localNav dl dd a:visited,
.leftNav .leftNavInner .localNav dl dt a:visited,
.leftNav .leftNavInner .localNav dl dt.first a:visited {
color: #222;
}

.leftNav .leftNavInner .localNav dl dd a:hover,
.leftNav .leftNavInner .localNav dl dd a:active,
.leftNav .leftNavInner .localNav dl dd a:focus,
.leftNav .leftNavInner .localNav dl dt a:hover,
.leftNav .leftNavInner .localNav dl dt a:active,
.leftNav .leftNavInner .localNav dl dt a:focus,
.leftNav .leftNavInner .localNav dl dt.first a:hover,
.leftNav .leftNavInner .localNav dl dt.first a:active,
.leftNav .leftNavInner .localNav dl dt.first a:focus {
background-color: #e5e5e5;
text-decoration: none;
}

.leftNav .leftNavInner ul.bnrArea {
margin: 8px 0 0 0;
}

.leftNav .leftNavInner ul.bnrArea li {
margin: 0;
padding: 0 0 8px;
}

/*------ 左上PRバナー ------*/
.lefttopban img {
margin-bottom:3px;
}


/*------ おすすめflashナビ------*/

.leftNavInner .flashgameList {
background: url(/images/rnav_bg_0180.gif) no-repeat left bottom;
margin: 0 0 8px;
padding: 0 0 4px;
}

.leftNavInner .flashgameList h2 {
font-size: 140%;/*14px*/
font-weight: bold;
background: url(/images/rnav_h2_0180.gif) no-repeat left top;
height:30px;
margin: 0;
padding: 4px 8px 0;
}

.leftNav .leftNavInner .localNav .flashnav {
border: 1px solid #ddd;

}

.leftNav .leftNavInner .localNav .flashnavBox {
min-height: 180px;
height: auto !important;
height: 150px;
width: 180px;
float: left;
border-bottom: 1px dotted #ddd;
margin: -1px 0 0 -1px;
}

.leftNav .leftNavInner .localNav .flashnavBox p {
	font-size:12px;
}

.leftNav .leftNavInner .localNav .flashnavBox p img {
display: block;
margin: 4px auto;
}

.leftNav .leftNavInner .localNav .flashnavBox h3 {
border: 1px solid #868e47;
border-width: 0 0 0 3px;
margin: 0 4px 6px 8px;
padding: 0 6px;
line-height:1.2;
font-size:14px;
}

.leftNav .leftNavInner .localNav .flashnavBox h3 a {
color: #868e47;
}

.leftNav .leftNavInner .localNav .flashnavBox ul,
.leftNav .leftNavInner .localNav .flashnavBox p {
padding: 0 8px 4px;
line-height:1.2;
}

.leftNav .leftNavInner .localNav .flashnavBox ul li {
float: left;
width: 62px;
padding: 0 3px 1px 0;
}

/*------ おすすめゲームランキング ------*/
.leftNavInner .rankingList {
background: url(/images/rnav_bg_0180.gif) no-repeat left bottom;
margin: 0 0 8px;
padding: 0 0 4px;
}

.leftNavInner .rankingList h2 {
font-size: 140%;/*14px*/
font-weight: bold;
background: url(/images/rnav_h2_0180.gif) no-repeat left top;
height:30px;
margin: 0;
padding: 4px 8px 0;
}

/* for chrome safari */
body:first-of-type ..leftNavInner .rankingList h2 { padding-top: 6px;  }

.leftNavInner .rankingList span {
display: block;
}


.leftNavInner .rankingList strong,
.leftNavInner .rankingList em {
font-size: 110%;
line-height: 1.4;
}

.leftNavInner .rankingList em {
padding: 0 0.3em 0 0.6em;
}

.leftNavInner .rankingList .rankingContainer a {
margin: 0 1px;
padding: 0;
display: block;
width: 180px;
height: 25px;
font-size: 120%;
line-height: 1.4;
cursor: pointer;
}

.leftNavInner .rankingList .rankingContainer a:visited {color: #222;}
.leftNavInner .rankingList .rankingContainer a:hover,
.leftNavInner .rankingList .rankingContainer a:active,
.leftNavInner .rankingList .rankingContainer a:focus {background-color: #e5e5e5;text-decoration: none;
}




/*------ Right navigation------*/

/*　修正ここから 2010.04.21　*/
.rightNavTop,
.rightNav {
float: left;
width: 300px;
text-align: center;
margin-left: -300px;
/* for IE6 */
_margin-left: -304px;
padding: 10px 0 0;
}

.rightNav {
padding-left: 8px;
}

.rightNavInner {
width: 300px;
text-align: left;
}
/*------ Right navigation sub------*/

.rightNavs {
float: left;
width: 200px;
text-align: center;
margin-left: -200px;
/* for IE6 */
_margin-left: -204px;
padding: 10px 0 0;
}

.rightNavs {
padding-left: 8px;
}

.rightNavInners {
width: 200px;
text-align: left;
}
/*　修正ここまで 2010.04.21　*/

.rightNavInner div.loginBox {
background: url(/images/login_bg_01.gif) no-repeat left top;
border: 1px solid #dfdfdf;
margin: 0 0 8px;
padding: 12px 15px;
}

.rightNavInner div.loginBox h2 {
font-size: 140%;/*14px*/
font-weight: bold;
color: #666;
margin: 0;
padding: 0;
}

.rightNavInner div.loginBox form {
margin: 0;
padding: 0;
}

.rightNavInner div.loginBox .logininput {
padding: 0.2em;
margin: 0 0 6px;
border: 1px solid #dfdfdf;
font-size: 100%;
font-family: monospace;
width: 260px;
color: #666;
}

.rightNavInner div.loginBox p {
font-size: 90%;
margin: 0;
padding: 0;
}

.rightNavInner div.loginBox p a {
color: #C30;
}

.rightNavInner div.loginBox p.login {
text-align:center;
margin: 12px 0;
padding: 0 0 12px;
border: 1px solid #f4f4f4;
border-width: 0 0 1px;
}

.rightNavInner div.loginBox p.signUp {
text-align:center;
}

.rightNavInner .rankingList {
background: url(/images/rnav_bg_01.gif) no-repeat left bottom;
margin: 0 0 8px;
padding: 0 0 4px;
}

.rightNavInner .rankingList h2 {
font-size: 140%;/*14px*/
font-weight: bold;
background: url(/images/rnav_h2_01.gif) no-repeat left top;
height:30px;
margin: 0;
padding: 4px 8px 0;
}

/* for chrome safari */
body:first-of-type .rightNavInner .rankingList h2 { padding-top: 6px;  }

.rightNavInner .rankingList span {
display: block;
}
.rightNavInner .rankingList dl { margin:0 10px 0 26px;
}
.rightNavInner .rankingList dd { width:70; float:left; margin:10px 10px 0 0;
}
.rightNavInner .rankingList dd p { width:70;
}


.rightNavInner .rankingList strong,
.rightNavInner .rankingList em {
font-size: 110%;
line-height: 1.4;
}

.rightNavInner .rankingList em {
padding: 0 0.3em 0 0.6em;
}

.rightNavInner .rankingList .rankingContainer a {
margin: 0 1px;
padding: 0;
display: block;
width: 298px;
height: 64px;
font-size: 120%;
line-height: 1.4;
cursor: pointer;
}

.rightNavInner .rankingList .rankingContainer a:visited {color: #222;}
.rightNavInner .rankingList .rankingContainer a:hover,
.rightNavInner .rankingList .rankingContainer a:active,
.rightNavInner .rankingList .rankingContainer a:focus {background-color: #e5e5e5;text-decoration: none;
}

.rightNavInner .rankingList .rankingContainer .imgContainer {
float: left;
width: 37px;
padding: 0 0 0 0.8em;
}

.rightNavInner .rankingList .rankingContainer .txtContainer {
float: left;
width: 240px;
margin: 0 4px;
padding: 0;
}


.rightNavInner .rankingList .newsranking a {
width: 298px;
height: 46px;
}

.rightNavInner .rankingList .newsranking span {
padding: 0.4em 8px 0.4em 2em;
text-indent: -1.8em;
}

.rightNavInner .rankingList p.readmore02 {
margin-top: 1px;
padding: 6px 0;
font-size: 110%;
}

/*==============================================================================
*  Footer
*----------------------------------------------------------------------------*/

.footerWrap {
text-align: center;
padding: 1.2em 0 0;
min-width: 940px;
}

.footerWrap .footer .footerBnr {
padding: 0 0 0.8em;
}

.footerWrap .footer .footerNav {
background-color: #E8E8E8;
margin: 0.5em 0 0;
padding: 0.6em 0;
}

.footerWrap .footer .footerNav li {
display: inline;
}

.footerWrap .footer .footerNav li a {
color: #222;
padding-right: 4px;
}
.footerWrap .copyright {
font-size: 110%;/*11px*/
background-color: #000;
margin: 0;
padding: 6px;
color: #fff;
}


div.pagerRelative {
	padding: 4px;
	text-align: right;
}

div.pagerRelative p,
div.pagerRelativeMulti div.pager p {
	display: inline;
	margin-left: 10px;
}