/* タグ一般 */
body {
   text-align: center;
   margin: 0;
   padding: 0;
   background: url("/img/bg.gif") #FFFFFF;
   font-size:12px;
   -webkit-text-size-adjust: 100%;
}


a img {
   border: none;
}

a {
   color:#003399;
}

a:hover { 
   color: #FA07B8;
}

p {
   margin:0;
}

ul {
	margin:0;
	padding:0;
	list-style: none;
}

h1{
margin:0;
}


#logo {
float:left;
width:300px;
margin:0;
}

h2, h3 {
margin:0;
}

form {
margin:0;
}

span.strong {
color:red;
}

.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}


#container {
   width: 950px;
   margin:10px auto 0 auto;
   text-align: left;
   min-height:650px;
   /*background-color: #FFFFFF;*/
}

/* ヘッダー */

#box-header {
   width: 100%;
   /*background-color: #CCCCCC;*/
   text-align: left;
   margin: 0 0 10px 0;
   padding: 0;
}

#logo img {
	width: 260px;
	height: 70px;
}

#box-header-navi {
	width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
	/*background-color: #FC6704;*/
	height:50px;
	background:url(/img/navi_bg.gif) no-repeat 0 0;
	}

#box-header-navi ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0;
	/*background-color: #FFFFFF;*/
}

#box-header-navi li {
    line-height: 1.6em;
    margin: 0;
    padding: 0;
    list-style: none;
    float:left;
    text-align:center;
    /*border-right:1px solid #FFF;*/
    font-weight:bold;
}

#box-header-navi li a:link {
color:#FFF;
text-decoration:none;
}

#box-header-navi li a:visited {
color:#FFF;
text-decoration:none;
}

ul.box-left-list{
float:left;
width:400px;
}


.search {
float:left;
width:500px;
margin:20px 10px 0 0;
font-size:12px;
}

input.submit-search {
height:30px;
font-size:14px;
vertical-align:middle;
}

#box-header:after{
    content: ""; 
    display: block; 
    clear: both;}

/*ナビ画像設定-------------------------------------------*/

#box-header-navi li span {
position:absolute;
left:-9000px;
}

/*新着ゲーム*/
#box-header-navi li.navi01 {
background:url(/img/n_01.gif) no-repeat 0 0;
width:115px;
height:50px;
}

#box-header-navi li.navi01 a {
display:block;
width:115px;
height:50px;
}

#box-header-navi li.navi01 a:hover {
background:url(/img/n_01.gif) no-repeat 0 -50px;
}

/*更新ゲーム*/
#box-header-navi li.navi02 {
background:url(/img/n_02.gif) no-repeat 0 0;
width:108px;
height:50px;
}

#box-header-navi li.navi02 a {
display:block;
width:108px;
height:50px;
}

#box-header-navi li.navi02 a:hover {
background:url(/img/n_02.gif) no-repeat 0 -50px;
}

/*おすすめゲーム*/
#box-header-navi li.navi03 {
background:url(/img/n_03.gif) no-repeat 0 0;
width:125px;
height:50px;
}

#box-header-navi li.navi03 a {
display:block;
width:125px;
height:50px;
}

#box-header-navi li.navi03 a:hover {
background:url(/img/n_03.gif) no-repeat 0 -50px;
}

/*アクション*/
#box-header-navi li.navi04 {
padding:15px 0 10px 10px; /*画像にする際は削除*/
}

/*RPG*/
#box-header-navi li.navi05 {
padding:15px 0 10px 10px; /*画像にする際は削除*/
}


/*ノベル*/
#box-header-navi li.navi08 {
padding:15px 0 10px 10px; /*画像にする際は削除*/
}

/*その他*/
#box-header-navi li.navi09 {
padding:15px 0 10px 10px; /*画像にする際は削除*/
}

/*ふりーむ！ＩＤをツクる/ログイン--------------------*/
ul.box-left-list2 {
float:right;
/*width:450px;*/
}

ul.box-left-list2 li {
float:right;
}

/*ふりーむ！ＩＤをツクる*/
#box-header-navi li.navi06,
#box-header-navi li.navi07 {
padding:15px 10px 10px 6px;
color:#FFF;
text-align:right;
}

#box-header-navi li.navi06 a:hover,
#box-header-navi li.navi07 a:hover {
text-decoration:underline;
}


/* メイン */
#box-main {
	clear:both;
	width: 100%;
	/*background-color: #CCCCCC;*/
	text-align: center;
	margin: 0;
	padding: 0;
}

#box-main-left {
	width: 640px;
	/*background-color: #CCCCCC;*/
	text-align: left;
	margin: 0;
	padding: 0;
    float:left;
}

#box-main-right {
	width: 300px;
	/*background-color: #FFF;*/
	text-align: center;
	margin: 0;
	padding: 0;
    float:right;
}

#box-main-right-bannar img {
	width:300px;
}

#box-main-right-info {
	text-align:left;
}


/*フッター--------------------------------------*/

#footer{
width:100%;
background-color:#FFF;
padding:10px 0 20px 0;
text-align:center;
margin-top:30px;
background:url(/img/footer_bg.jpg) repeat-x 0 0;
}

#footerContents{
width:950px;
margin:0 auto;
text-align:left;
font-size:12px;
}


#footerContents .footerLeft {
width:300px;
float:left;
margin-right:10px;
}

#footerContents .footerMiddle {
width:300px;
float:left;
margin-right:10px;
}

#footerContents .footerRight {
width:300px;
float:right;
}


#footerContents .footerLeft h3 {
margin:8px 0;
font-size:12px;
}

#footerContents .footerLeft ul {
margin:0 0 0 15px;
}

#footerContents .footerLeft li {
float:left;
margin:0 8px 8px 0;
}

#footerContents .footerMiddle h3 {
margin:8px 0;
font-size:12px;
color:#666;
}

#footerContents .footerMiddle li {
margin:0 0 5px 0;
}

#footerContents .footerRight h3 {
margin:8px 0;
font-size:12px;
}

#footerContents .footerRight ul {
margin:0 0 0 15px;
}

#footerContents .footerRight li {
float:left;
margin:0 8px 8px 0;
}

#copyright {
font-size:10px;
margin:20px 0 0 0;
text-align:center;
color:#666;
line-height:135%;
}

/*2階層目カラム設定------------------------*/
#leftBox2 {
width:180px;
float:left;
margin-right:10px;
text-align:left;
}

#centerBox2 {
width:570px;
float:left;
text-align:left;
}

#rightBox2 {
width:180px;
float:right;
text-align:left;
}

/*2階層目タイトル設定------------------------*/
h1.categoryTit, div.categoryTit {
background-color:#EA923D;
margin:10px 0 10px 0;
font-size:22px;
padding:10px 0;
color:#FFF;
text-align:center;
border:1px solid #D56D07;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

div.categoryTit h1 {
font-size:20px;
margin:0;
}

.ad01 {
font-size:10px;
text-align:center;
margin:7px 0;
border:1px solid #DDD;
padding:5px 0;
background-color:#FFF;
}

.news {
font-size:60px;
text-align:center;
margin:7px 0;
border:1px solid #DDD;
padding:20px 0;
background-color:#FFF;
}

.ad02 {
font-size:10px;
text-align:center;
margin:0 0 7px 0;
border:1px solid #DDD;
padding:7px 0;
background-color:#FFF;
}

.listSort {
text-align:right;
margin:10px 0;
}

.pager1 {
text-align:center;
margin:10px 0;
border:1px solid #CCC;
background-color:#DDD;
padding:7px 0;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

.pager2 {
text-align:center;
margin:20px 0 20px 0;
border:1px solid #CCC;
padding:7px 0;
background-color:#DDD;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}



/*2階層目左カテゴリー*/
#leftCategory, .sideColumn {
margin:0 0 10px 0;
border:1px solid #CCC;
background-color:#FFF;
border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px; /* Firefox用 */ 
}

#leftCategory h3, .sideColumn h2 {
font-size:14px;
background-color:#EEE;
padding:5px 0;
text-indent:0.5em;
color:#666;
text-align:left;
}

#leftCategory li, .sideColumn li {
text-align:left;
border-bottom:1px solid #EEE;
background:url(/img/marker.gif) no-repeat 5px 50%;
padding:5px 0 5px 20px;
font-weight:bold;
}

#leftCategory li a, .sideColumn li a {
padding:0;
width:160px;
display:block;
font-weight:normal;
}

#leftCategory li.noBorder, .sideColumn li.noBorder {
border-bottom:none;
}

.sideColumn p {
text-align:left;
margin:5px;
}

.sideColumn h2.campaign {
background-color:#CC0000;
color:#FFF;
}

#pankuzu {
text-align:left;
font-size:10px;
margin:5px 0;
}


/*エラーメッセージ設定----*/
.error-message {
font-weight:bold;
color:#FF0000;
}

/*テーブル設定------------------*/
/*タイプ1----------*/
.type01 table {
border-collapse:collapse;
margin:7px 0;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
}

.type01 table th, 
.type01 table td {
padding:10px;
border-bottom:1px solid #CCC;
border-right:1px solid #CCC;
}

.type01 table td {
background-color:#FFF;
text-align:left;
}

.type01 table th {
background-color:#EEE;
color:#666;
}


/*タイプ2----------*/
.type02 {
border:2px solid #EAA748;
margin:7px 0;
}

.type02 table {
width:100%;
border-collapse:collapse;
border-top:1px solid #EAA748;
border-left:1px solid #EAA748;
}

.type02 table th, 
.type02 table td {
padding:10px;
border-bottom:1px solid #EAA748;
border-right:1px solid #EAA748;
}

.type02 table td {
background-color:#FFF;
text-align:left;
}

.type02 table th {
background-color:#E5720D;
color:#FFF;
}

/*タイプ3----------*/
.type03 {
border:1px solid #0CA605;
padding:1px;
background-color:#FFF;
}

.type03 table {
width:100%;
border-collapse:collapse;
border-top:1px solid #0CA605;
border-left:1px solid #0CA605;
}

.type03 table th, 
.type03 table td {
padding:10px;
border-bottom:1px solid #0CA605;
border-right:1px solid #0CA605;
}

.type03 table td {
background-color:#FFF;
text-align:left;
}

.type03 table th {
background-color:#4FC64F;
color:#FFF;
}

/*タイプregister----------*/
.typeRegister table {
border-collapse:collapse;
margin:7px 0;
border-top:1px solid #EACECC;
border-left:1px solid #EACECC;
}

.typeRegister table th, 
.typeRegister table td {
padding:10px;
border-bottom:1px solid #EACECC;
border-right:1px solid #EACECC;
}

.typeRegister table td {
background-color:#FFF;
text-align:left;
}

.typeRegister table th {
background-color:#FDECEC;
color:#3C3C3C;
font-size:14px;
}

/*中央寄せ処理--------*/
#dispCenter {
	text-align:center;
}

#dispCenter table {
	margin-left:auto;
	margin-right:auto;
	width: 600px;
}

#dispCenter td {
	border:1px solid #D56D07;
	padding: 5px;
}

.paragraph p {
	padding: 10px;
	margin: 10pz;
}

/*フォーム設定追加----------------------*/

/*通常のテキストフォーム*/

input[type="text"]{
width:250px;
height:25px;
}

input[type="password"]{
width:250px;
height:25px;
}

input.normal {
width:250px;
}

input.long {
width:400px;
}

input.short {
width:125px;
}

/*複数行のテキストエリア*/
input[type="textarea"]{
width:250px;
}

textarea.normal {
width:250px;
}

textarea.long {
width:500px;
}

textarea.short {
width:125px;
}

/*セレクトボックス*/
select.normal {
width:250px;
}

select.long {
width:500px;
}

select.short {
width:125px;
}

/*Jword広告設定------------------*/
#jword {
background-color:#FFF;
}

#jword a {
font-size:14px;
line-height:145%;
}

#jword a img {
vertical-align:middle;
margin-right:3px;
padding:10px 0 10px 10px;
}

/*site jack-------------------*/
.site_jack_link a {
position:absolute;
left:50%;

/*top:0px;
height:800px;
width:1600px;
margin-left:-800px;*/

top:681px;
height:99px;
width:177px;
margin-left:-682px;
border:dotted 2px #0000FF;
}

.site_jack_link a:hover {
border:1px solid #0000FF;
}