/* 共通 */
body{
   margin:0px;
   text-align:center;
}

h1, #footer{
   width:auto;
   background-color:#0066cc;
   color:#ffffff;
   font-size:80%;
   padding:3px 0px;
   margin:0px;
   text-align:center;
   letter-spacing:2px;
}

#footer{
   margin:10px 0px 0px;
}

h2, h3, strong{
   font-weight: normal;
   margin:0px;
}

.clear{
   clear:both;
   margin:0px;
}

#headerBody{
   width:800px;
   margin:5px auto 0px;
}

#headerFont1{
   margin:0px 4px 9px;
   font-size:12px;
   text-align:right;
   color:#666666;
}

.headerFont2{
   border-right: 1px #cccccc solid;
   margin-right:5px;
   padding-right:5px;
}

.headerFont3{
   border-right: 1px #cccccc solid;
   margin:0px 5px;
   padding-right:5px;
}

#headerBody2{
   width:280px;
   float:left;
}

#tabs3{
   margin:0px;
}

#tabs3 ul{
   margin:5px 0px 0px;
   padding:0px 0 0 0;
   list-style:none;
   display:table;
   white-space:nowrap;
   list-style:none;
   height:35px;
   position:relative;
   background:#fff;
   font-size:12px;
}

#tabs3 li{
   display:table-cell;
   margin:0;
   padding:0;
}
#tabs3 li a{
   display:block;
   float:left;
   height:35px;
   line-height:30px;
   color:#333;
   text-decoration:none;
   font-family:arial, verdana, sans-serif;
   font-weight:bold;
   text-align:center;
   padding:0 0 0 10px;
   cursor:pointer;
   background:url(gate/pro_six_0a.gif) no-repeat;
}

#tabs3 li a b{
   float:left;
   display:block;
   padding:0px 2px 5px 0px;
   margin:0px;
   background:url(gate/pro_six_0b.gif) no-repeat right top;
   width:117px;
}

#tabs3 li.current a{
   color:#fff;
   background:url(gate/pro_six_2a.gif) no-repeat;
}

#tabs3 li.current a b{
   background:url(gate/pro_six_2b.gif) no-repeat right top;
}

#tabs3 li a:hover{
   color:#fff;
   background: url(gate/pro_six_1a.gif) no-repeat;
}

#tabs3 li a:hover b{
   background:url(gate/pro_six_1b.gif) no-repeat right top;
}

#tabs3 li.current a:hover{
   color:#fff;
   background: url(gate/pro_six_2a.gif) no-repeat;
   cursor:default;
}

#tabs3 li.current a:hover b{
   background:url(gate/pro_six_2b.gif) no-repeat right top;
}

#tabs3 ul{
   display:inline-block;
}

#tabs3 ul{
   display:inline;
}

#tabs3 ul li{
   float:left;
}

#mein_body{
   width:800px;
   margin:5px auto 0px;
}

#left_body{
   width:611px;
   text-align:left;
   float:left;
}

#left_body2{
   width:611px;
   text-align:center;
   float:left;
}

#right_body{
   width:189px;
   text-align:right;
   float:right;
}

.rankBox{
   width:178px;
   border:1px #0066cc solid;
   text-align:center;
   margin:0px 4px 5px 5px;
}

.rankImag{
   margin:5px;
   text-align:left;
}

.rankImag2{
   margin:5px;
}

.rankFont1{
   width:178px;
   color:#FFFFFF;
   font-size:85%;
   background-color:#0066cc;
   font-weight:bold;
   padding:5px 0px;
}

.rankFont2{
   margin:5px 5px 25px 11px;
   text-align:left;
   font-size:80%;
}

#rankFont3{
   font-size:80%;
   text-align:right;
   margin-right:5px;
}

#rankFont4{
   font-size:80%;
   text-align:right;
   margin:0px 5px 5px;
}

.rankFont5{
   margin:5px;
   text-align:left;
   font-size:80%;
}

.rankFont6{
   text-align:left;
   margin-left:5px;
}

#rankFont7{
   font-size:80%;
   text-align:right;
   margin-right:5px;
   margin-bottom:5px;
}

div#rankFont5 a{
   margin-right:5px;
}

.bookmark1{
   float:right;
   height:25px;
   text-align:right;
}

.bookmark2{
   float:right;
   margin-top:3px;
   height:25px;
   text-align:right;
}
/* 共通 */



/* トップページ */
div.heading, div.heading2{
   width:611px;
   margin-bottom:5px;
   padding:6px 0px;
   background:#f9f9f9 url(gate/heading_back1.gif) repeat-x;
   border:1px #c0c0c0 solid;
}

div.heading h2, div.heading2 h2{
   margin:0px 7px 0px;
   padding:3px 0 0 5px;
   font-size:83%;
   line-height:100%;
}

div.heading h2{
   border-left:5px #ff8000 solid;
}

div.heading2 h2{
   border-left:5px #0066cc solid;
}

.index01{
   float:left;
   width:266px;
   margin:22px 0px 15px 5px;

}

.index02{
   font-size:80%;
   line-height:120%;
}

.index03{
   margin:5px 0px 5px 0px;
   text-align:right;
}

.index04{
   width:601px;
   margin-left:10px;
   font-size:85%;
}

.index05{
   float:left;
   margin:5px 15px 20px 10px;
}

.index06{
   font-size:75%;
   margin-top:2px;
   text-align:center;
}

.index06 img{
   margin-right:5px;
}

.index07{
   float:left;
   margin-top:5px;
}

.index08{
   float:left;
   margin:0px 5px 3px 0px;
   font-weight:bold;
   font-size:80%;
}

.index09{
   float:left;
   font-size:80%;
   letter-spacing:1px;
}

.index10{
   font-size:80%;
   margin-top:5px;
}

.index11{
   margin:0px 0px 20px 5px;
}

.index12{
   margin:0px 15px 0px 0px;
   font-size:83%;
   letter-spacing:1px;
}

.index13{
   float:left;
   width:191px;
   margin:0px 5px 5px 5px;
   font-size:80%;
   letter-spacing:1px;
}

.index14{
   clear:both;
   margin:0px 0px 20px;
}

.index15{
   font-size:90%; margin:10px;
}

.index16{
   border:3px solid #0066cc;
   width:610px;
   margin-bottom:5px;
}

.index17{
   font-size:80%;
   padding:5px 3px 0px 10px;
   line-height:180%;
   font-weight:bold;
   width:550px;
}

.index18{
   width:30px;
}

.index18 span{
   margin-bottom:10px;
   color:#fff;
   font-weight:bold;
}

.index19{
   padding-bottom:15px;
   width:600px;
}

.index19 hr{
   width:585px;
   height:1px;
   border:none;
   border-top:1px #aaa dashed;
   clear:both;
   margin-bottom:3px;
}

.index20{
   font-size:80%;
   margin-left:5px;
}

.index20 a{
   margin:0px 3px;
}

.index21{
   font-size:80%;
   margin-left:5px;
   margin-top:4px;
}

.index22{
   font-size:80%;
   margin:5px 2px 20px;
   text-align:right;
}

.index23{
   font-size:75%;
   color:#333;
   margin:0px 5px 10px;
}

div.update{
   float:left;
   width:330px;
   font-size:80%;
   margin:5px 5px 10px;
}

div.update h2{
   margin:0 0 5px;
   font-size:100%;
}

div.update dl{
   width:100%;
   margin:0;
   border-top: 1px #c0c0c0 dotted;
}

div.update dt{
   width:8.1em;
   float:left;
   padding:7px 0 6px 3px;
   line-height:120%;
}

div.update dd{
   margin:0;
   padding:7px 3px 6px 6.6em;
   border-bottom:1px #c0c0c0 dotted;
   line-height:120%;
}

.clearFix:after{
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
.clearFix{
   min-height:1px;
}

/* --- ボックス --- */
div.section{
   width: 600px; /* ボックスの幅 */
   padding-bottom: 1px; /* ボックスの下パディング */
   margin:0 5px 10px;
   background: #ffffff url(img/maru1_300_bottom.gif) no-repeat bottom; /* ボックスの背景 */
   font-size: 80%;
   color: #000000;
}

/* --- 見出し --- */
div.section h3{
   margin: 0; /* 見出しのマージン */
   padding: 7px 13px; /* 見出しのパディング（上下、左右） */
   background: #f9f9f9 url(img/maru4_300_top.gif) no-repeat top; /* 見出しの背景 */
   border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
   font-size: 100%; /* 見出しの文字サイズ */
   font-weight:bold;
}

/* --- ボックス内の段落 --- */
div.section p{
   margin: 1em 10px; /* 段落のマージン（上下、左右） */
   font-weight:bold;
}

/* --- ボックス内の段落 --- */
div.section div{
   margin: 0.8em 10px 0.8em; /* 段落のマージン（上下、左右） */
   line-height:150%;
   color:#333;
}

/* --- ボックス内の段落 --- */
div.section div span{
   font-weight:bold;
   margin-right:5px;
   color:#111;
}

div.section hr{
   margin-left:10px;
   width:580px;
   height:1px;
   border:none;
   border-top:1px #999999 dotted;
   clear:both;
}
/* トップページ */



/* サイトマップ */
.sitemap01{
   float:left;
   width:152px;
   margin-top:10px;
}

.sitemap01 b{
   font-size:95%;
   margin:10px 5px 5px;
   text-align:left;
}

.sitemap02{
   font-size:90%;
   margin:5px;
   text-align:left;
}

.sitemap03{
   clear:both;
   margin:0px 0px 20px;
}

.sitemap04{
   float:left;
   width:200px;
   margin-top:10px;
}

.sitemap04 b, .sitemap05{
   font-size:95%;
}

.sitemap05{
   float:left;
   width:600px;
   margin-top:10px;
}
/* サイトマップ */



/* リンクについて */
.info01{
   font-size:13px;
   text-align:center;
   margin:5px;
}

.info02{
   font-size:13px;
   margin:5px 10px 5px 10px;
}

.info02 a{
   margin-left:10px;
}

.info03{
   margin-bottom:20px;
}

.info04{
   font-size:80%;
   margin:10px 0px 5px 8px;
}

.info04 span{
   margin-right:10px;
}

.info05{
   font-size:80%;
   margin:15px 10px 5px;
}

.info05 span{
   margin-right:5px;
}

.info06{
   margin:20px 0px 0px 20px;
}

.info07{
   font-size:80%;
   margin:10px 0px 5px 20px;
}

.info07 span{
   color:#E53215;
}

.info08{
   font-size:80%;
   margin:20px 0px 25px 8px;
}

.info09{
   width:611px;
   margin-top:5px;
   border-width:medium thin;
   border-color:#005ab1;
   border-style:solid;
   border-width:1px;
   text-align:left;
}

.info10{
   width:609px;
   margin:0px;
   background-color:#e1f5ff;
}

.info11{
   font-size:90%;
   color:#0066cc;
   text-align:left;
   text-decoration:none;
   margin:5px;
}

.info12{
   font-size:80%;
   color:#666666;
   margin:5px;
}

.info13{
   font-size:80%;
   color:#666666;
   margin:5px;
}

.info14{
   font-size:80%;
   text-align:right;
   margin:5px;
}

.info15{
   font-size:85%;
   margin:7px;
}
/* リンクについて */



/* 攻略ページ */
.kr01{
   margin:5px 0px 10px;
   text-align:center;
}

.kr01 b{
   border-right: 1px #666666 solid;
   margin:0px;
   padding:0px 15px;
   font-size:85%;
}

.kr01 strong{
   border-right: 1px #666666 solid;
   margin:0px;
   padding:0px 15px;
   font-size:85%;
}

.kr01 span{
   font-size:85%;
   padding-left:15px;
}

.kr02{
   color:#ffffff;
   text-align:center;
}

.kr03{
   color:#E53215;
}

.kr04, .kr05, .kr06, .kr11{
   background-color:#6699FF;
   color:#555555;
   font-size:80%;
   margin:20px auto 5px;
}

.kr04{
   width:400px;
}

.kr05{
   width:500px;
}

.kr06{
   width:600px;
}

.kr07{
   width:400px;
   background-color:#ffffff;
}

.kr08{
   background-color:#ffffff;
}

.kr09{
   text-align:center;
   background-color:#ffffff;
}

.kr10{
   color:#ffffff;
}

.kr11{
   width:600px;
   margin-top:15px;
}

.kr12{
   text-align:right;
   margin:10px 10px 0px 0px;
   font-size:80%;
   color:#666666;
}

.kr13{
   text-align:right;
   margin:5px 10px 5px 0px;
}

.kr14{
   margin-bottom:5px;
}

.kr15{
   width:350px;
   padding-top:10px;
}

.kr16{
   float:left;
   margin-right:5px;
}

.kr17{
   text-align:left;
   font-size:85%;
   margin-bottom:3px;
   letter-spacing:1px;
}
/* 攻略ページ */



/* 新規発売ソフト */
.newsoft01{
   margin:5px 5px 0px;
   float:left;
}

.newsoft02{
   font-size:80%;
   margin-top:3px;
   line-height:120%;
   color:#666666;
}

.newsoft03{
   font-size:80%;
   line-height:120%;
   color:#666666;
}

.newsoft04{
   margin-left:5px;
   width:601px;
   height:1px;
   border:none;
   border-top:1px #999999 dotted;
   clear:both;
}

.newsoft05{
   float:left;
   padding:7px 0px 6px 8px;
   line-height:120%;
   width:9.2em;
   font-size:80%;
}

.newsoft06{
   margin:0px 10px;
}

.newsoft07{
   float:left;
   width:35px;
}

.newsoft08{
   float:left;
   width:435px;
   margin-left:5px;
}

.newsoft09{
   letter-spacing:110%;
   line-height:120%;
   font-size:83%;
}

.newsoft10{
   font-size:80%;
   margin:5px 0px 0px;
   font-weight:bold;
}

div.update2{
   float:left;
   width:601px;
   font-size:80%;
   margin:0px 5px 10px;
}

div.update2 strong{
   margin:0 0 5px;
   font-size:100%;
}

div.update2 dl{
   width:100%;
   margin:0;
}

div.update2 dt{
   width:6.7em;
   float:left;
   padding:7px 0 6px 3px;
   line-height:120%;
}

div.update2 dd{
   margin:0;
   padding:7px 3px 6px 6.6em;
   border-bottom:1px #c0c0c0 dotted;
   line-height:120%;
}

.newGema01{
   float:center;
   margin-right:5px;
}

.newGema02{
   margin-left:0px;
}
/* 新規発売ソフト */



/* メーカー 一覧 */
.maker01{
   width:611px;
   margin-top:5px;
   border-width:medium thin;
   border-color:#005ab1;
   border-style:solid;
   border-width:1px;
   text-align:left;
}

.maker02{
   width:609px;
   margin:0px;
   background-color:#e1f5ff;
}

.maker03{
   font-size:90%;
   color:#0066cc;
   text-align:left;
   text-decoration:none;
   margin:5px;
}

.maker04{
   font-size:80%;
   color:#666666;
   margin:5px;
}

.maker04 a{
   float:left;
}

.maker04 span{
   float:right;
   margin-top:26px;
}
/* メーカー 一覧 */


/* 人気投票 */
.vote01{
   font-size:85%;
   margin:10px;
}

.vote02{
   font-size:85%;
   margin:10px 10px 20px;
}

.vote03{
   float:left;
   width:45%;
   text-align:center;
   margin-top:10px;
}

.vote04{
   font-size:80%;
   text-align:right;
   margin:5px;
}

.vote05{
   font-size:13px;
   text-align:right;
}

.vote06{
   background-color:#6699ff;
   color:#555555;
   font-size:80%;
   width:460px;
   margin:10px;
}

.vote07{
   font-size:95%;
   margin:15px 10px 5px;
   font-weight:bold;
   color:#cc4c00;
}

.vote08{
   margin:0px 0px 2px 15px;
   font-size:85%;
}
/* 人気投票 */



/* 雑記 */
.notes01, .notes02, .notes03{
   font-size:80%;
   letter-spacing:1px;
   line-height:120%;
}

.notes01{
   margin:0px 5px 5px;
}

.notes02{
   margin:0px 5px 10px;
}

.notes03{
   margin:0px 5px 20px;
}

.notes04{
   font-size:80%;
   text-align:right;
   margin:5px;
}
/* 雑記 */



/* 画像置き場 */
.imgBox01{
   float:left;
   width:24%;
   margin-top:10px;
   text-align:center;
}

.imgBox02{
   margin:10px;
   text-align:center;
}

.imgBox03{
   font-size:80%;
   text-align:right;
   margin:5px;
}
/* 画像置き場 */



/* 掲示板注意事項 */
.bbs01{
   font-size:95%;
   margin:10px 0px 5px 8px;
}

.bbs02{
   font-size:95%;
   margin:10px 0px 20px 8px;
}

.bbs02 span{
   color:#E53215;
}
/* 掲示板注意事項 */



/* メーカー別商品紹介 */
.makers01{
   float:left;
}

.makers02{
   text-align:right;
   font-size:80%;
   color:#666666;
}

.makers03{
   text-align:right;
   margin:5px 0px;
}

.makers04{
   margin:5px 0px 5px 5px;
   font-size:85%;
   letter-spacing:2px;
   font-weight:normal;
   line-height:150%;
}

.makers04 img{
   margin-right:5px;
}

.makers05{
   float:left;
   width:153px;
   margin-right:5px;
}

.makers06{
   margin-left:0px;
}

.makers07{
   font-size:80%;
   margin:5px 0px 0px 5px;
}

.makers09{
   margin:0px 0px 10px 0px;
   width:611px;
   height:1px;
   border:none;
   border-top:1px #888888 dashed;
}

.makers10{
   margin-left:160px;
}

.makers11{
   text-align:left;
   margin-top:10px;
   font-size:80%;
   font-weight:bold;
}

.makers12{
   text-align:left;
   font-size:80%;
   margin-top:5px;
}

.makers13{
   widht:450px;
   text-align:center;
}

.makers14{
   margin:0px 0px 20px 0px;
}

.makers15{
   color:#FFFFFF;
   font-size:90%;
   margin:3px 10px;
   font-weight:bold;
}

div.paging{
   margin:0px 0px 15px 0px;
   text-align:right;
}

div.paging ul.nl{
   margin:0px;
   padding:4px 0px;
   list-style-type:none;
   font-size:80%;
}

div.paging ul.nl li {
   display:inline;
   margin-right:2px;
}

div.paging ul.nl li a{
   display:inline-block;
   padding:4px 8px;
   background:#f9f9f9 url(images/page_gen.gif) repeat-x top;
   border:1px #c0c0c0 solid;
   text-decoration:none;
}

div.paging ul.nl li b{
   display:inline-block;
   padding:4px 8px;
   background:#004080 url(images/page_act.gif) repeat-x top;
   border:1px #000080 solid;
   color:#ffffff;
}

div.paging ul.nl li span{
   display:inline-block;
   padding:4px 8px;
   background:#f9f9f9 url(images/page_gen.gif) repeat-x top;
   border:1px #c0c0c0 solid;
   color:#808080;
}
/* メーカー別商品紹介 */

