@charset "UTF-8";
/* @override 
	http://www.gamex-jp.com/wp-content/themes/gamex/style.css
*/
/*  
Theme Name: GAMEX
Theme URI: http://www.gamex-jp.com/
Description: GAMEX オリジナルテーマ
Version: 1.0
Author: Go Imai
Author URI: http://www.studiobrain.net/
*/





/***** Reset (ここは編集しないこと) *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
caption {width: 100%;}
address {font: italic 85% Georgia, "Times New Roman", Times, serif;margin: 10px 0;}
pre {font: 85% "Courier New", Courier, mono;margin: 10px 0;}





/***** 共通のタグ CommonTag *****/
body{background-color: #fff;font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;text-align: center;}
h1,h2,h3{margin: 25px 0;}
h4,h5,h6,p{margin: 15px 0;}
a{ outline:none;color: #666;text-decoration: none;}
a:hover{color: #999;text-decoration: underline;}




/***** スペース領域 AreaSpace *****/
#container{width: 950px;margin-right:auto;margin-left:auto;text-align: left;}
#main{width: 100%;float: left;text-align:left;overflow: hidden;padding: 0 0 20px;}
#side{float: left;padding-left: 15px;}
#sidebar1{padding: 20px 0 15px;width: 225px;}
.sidebar{padding-bottom: 15px;overflow: hidden;}
#mainwrap{float: right;width: 695px;padding: 0;}
#top_btm{width: 100%;}
#mainwrap{overflow: hidden;}
#top_btm{float: right;overflow: hidden;}
#toppage {padding: 0 0 15px 15px;}
#topimage h2{height: 250px;clear: both;background: url(img/topimage.jpg) no-repeat;margin: 0 0 15px;text-indent: -9999px;width: 920px;padding: 0;}
#header{overflow: hidden;float: left;width: 100%;height: 85px;background: #192636 url(img/header-bg.gif) no-repeat;}
#footer{clear:both;float: left;width: 100%;background: #0d1929 url(img/footer-bg.gif) no-repeat;}
#wrap{clear:both;float: left;overflow: hidden;width: 935px;}
#pagewrap{clear: both;float: left;overflow: hidden;width: 100%;padding: 0;background: url(img/page-bg.gif) repeat-y left top;}
#pagewrap-btm{height: 13px;display: block;background: url(img/page-btm.gif) no-repeat 0 bottom;font-size: 1px;line-height: 1px;clear: both;}





/***** ヘッダー Header *****/
#header #header-left{float: left;padding: 20px 0 0 10px;width: 650px;}
#header .header_ttl a{color:#FFF;font-size: 170%;float: left;width: 167px;height: 48px;text-indent: -9999px;}
#header .header_ttl{margin: 0;}
#header .header_ttl a:hover{color:#fff}
#header .header_description{color: #fff;font-weight: normal;font-style: normal;margin: 0;padding: 18px 0 0;font-size: 80%;float: left;}
#header-right{text-align: right;float: right;}
#header-right #search{padding: 10px;}


/*ヘッダーナビ header_navi*/
#header_navi{padding: 0;float: left;clear: both;}
#header_navi #page_navi{list-style-type:none;text-align: left;white-space: nowrap;background: none left top;padding: 15px 0 0;float: left;overflow: hidden;margin: 0;width: 950px;}
#header_navi #page_navi li{padding: 0 0 15px 14px;margin: 0;overflow: hidden;float: left;}
#header_navi #page_navi li a{color: #333;padding: 0;font-size: 80%;text-align: center;width: 173px;background: url(img/headnavi-btn.gif) no-repeat left center;float: left;height: 23px;}
#header_navi #page_navi li a span{display: block;padding-top: 5px;}
#header_navi #page_navi li a:hover{text-decoration: none;color: #900;background: url(img/headnavi-btn.gif) no-repeat left top;}
#header_navi #page_navi li.current_page_item a{color: #fff;background: url(img/headnavi-btn.gif) no-repeat left bottom;}



/***** フッター Footer *****/
#footer .copyright {color: #fff;font: bold 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;padding: 30px 20px 10px;}
#footer #wp_loginout {padding: 0 10px 0 0;font-size: 80%;float: right;}
#footer #wp_loginout li{display: inline;padding: 0 1em 0 0;float: left;}
#footer #wp_loginout li a{float: left;background-color: #000a13;color: #59606c;padding: 3px 10px;font-weight: normal;white-space: nowrap;font-size: 85%;}
#footer #wp_loginout li a:hover{text-decoration: none;color: #fff;}





/***** コンテンツ本文 *****/
body.mceContentBody {font: normal 90%/1.5 "Lucida Grande", Lucida, Verdana, sans-serif;padding: 0 15px;background-color: white;text-align: left;}
.content {clear: both;font-size: 83%;padding: 0 20px;line-height: 1.6em;overflow: hidden;margin-bottom: 25px;}

.mceContentBody h3,.content h3{color: #2b538a;line-height: 120%;font-size: 150%;font-weight: normal;font-style: normal;border-bottom: 1px solid #627fa8;padding: 5px 5px 15px;}
.mceContentBody h3 img,.content h3 img{margin: 0;padding: 0;}
.mceContentBody h4,.content h4{font-size: 130%;line-height: 120%;font-weight: normal;font-style: normal;border-bottom: 1px dotted #aaa;color: #666;background: url(img/mark1.gif) no-repeat left top;padding: 6px 0 0 30px;}
.mceContentBody h5,.content h5{font-size: 100%;line-height: 120%;color: #983e2b;background: url(img/mark2.gif) no-repeat left 3px;padding: 0 0 0 16px;margin-left: 30px;display: block;}
.mceContentBody h6,.content h6{font-size: 90%;line-height: 120%;color: #79932b;margin-left: 60px;background: url(img/mark3.gif) no-repeat left 4px;padding-left: 11px;}
.mceContentBody small,.content small{font-size: 80%;}
.mceContentBody big,.content big{font-size: 130%;}
.mceContentBody a,.content a{color: #226db9;} 
.mceContentBody a:hover,.content a:hover{color: #2783de;} 
.mceContentBody ul,.content ul{list-style-position: outside;padding: 0;list-style-type: disc;line-height: 140%;margin: 15px 0 15px 30px;}
.mceContentBody ul li,.content ul li{background: url(img/ul_li.gif) no-repeat left 5px;padding-left: 10px;list-style-type: none;}
.mceContentBody ol,.content ol{list-style-position: outside;margin: 15px 0 15px 25px;padding: 0 0 0 25px;list-style-type: decimal;line-height: 140%;}
.mceContentBody ul ul,.mceContentBody ol ol,.mceContentBody ul ol,.mceContentBody ol ul,
.content ul ul,.content ol ol,.content ul ol,.content ol ul{padding-left: 3%;margin: 15px 0;}
.mceContentBody blockquote,
.content blockquote {margin: 0 0 15px;background-color: #e1f5f9;border: 1px solid #b2d3e0;clear: both;padding: 10px 2% 0;}
.mceContentBody blockquote p,
.content blockquote p{margin: 0;padding: 0px 0px .8em;}
.mceContentBody blockquote ol,.mceContentBody blockquote ul,
.content blockquote ol,.content blockquote ul{margin: 0;padding: 0px 0px .8em 25px;}
.top-txt-1 {background-color: #eaf4f8;padding: 0 15px;font-size: 84%;line-height: 130%;color: #486fa5;width: 414px;float: left;margin: auto auto 15px;}
.top-txt-1 h3 {margin: 15px 0;background: url(img/top-txt-1.gif) no-repeat;text-indent: -9999px;height: 18px;padding: 0;}
.top-txt-2{float: right;margin: auto auto 15px;}
.top-txt-2 h4{margin: 15px 0 0;}


/***** コンテンツ Content *****/
.pagename{font-weight: bold;clear: both;color: #fff;font-size: 90%;margin: 0;background: url(img/page-ttl.gif) no-repeat;padding: 0;height: 26px;line-height: 100%;}
.pagename span{padding: 7px 0 0 11px;display: block;}
.content .title{margin: 15px 0;padding: 0 0 4px;font-size: 130%;line-height: 120%;border-style: none;border-bottom: 1px dotted #8a6f37;font-weight: bold;}
.content .title a{color: #255a87;text-decoration:none;font-size: 105%;line-height: 100%;}
.content .title a:hover{color: #3076b1;} 
.content a.more-link {display: block;margin: 10px 0 0;padding: 5px 7px;background-color: #f6f6f6;border-right: 5px solid #3774bb;text-align: right;font-size: 90%;line-height: 120%;} 
.content .postmetadata {margin: 0;color: #555;clear: both;border-top: 1px dotted #ccc;padding: 8px 0 0;font-size: 80%;line-height: 160%;text-align: right;}
.content .postmetadata .date {color: #fff;background-color: #bbb;padding: 2px 5px 2px 7px;margin-right: 3px;}

#service-list p{margin: 0;}
#service-list a{text-decoration: underline;}
#service-list .gray {color: #666;background-color: #eee;padding: 10px;font-size: 90%;line-height: 150%;}




/*ナビゲーション Navi*/
.navigation{clear: both;text-align: center;font-size: 80%;white-space: nowrap;float: left;width: 100%;padding: 20px 0 10px;}
.navigation div.wp-pagenavi span.pages {padding: 2px;font-weight: normal;font-style: normal;}
.navigation div.wp-pagenavi span.current {font-weight: normal;font-style: normal;background-color: #365974;color: #fff;border-color: #365974;padding: 2px 10px;}
.navigation div.wp-pagenavi a {padding: 2px 10px;color: #365974;border-color: #365974;}
.navigation div.wp-pagenavi a:hover {padding: 2px 10px;background-color: #365974;color: #fff;border-color: #365974;}
#pagewrap div.navigation div.alignright a {float: right;color: #fff;background-color: #355873;padding: 4px 20px;font-size: 85%;line-height: 100%;}
#pagewrap div.navigation div.alignleft a {float: left;color: #fff;background-color: #355873;padding: 4px 20px;font-size: 85%;line-height: 100%;}

#pagewrap div.navigation div.alignright a:hover {text-decoration: none;background-color: #3a6a9b;}
#pagewrap div.navigation div.alignleft a:hover {text-decoration: none;background-color: #3a6a9b;}





/***** サイドバー Sidebar *****/
#sidebar1 {font-size: 0.85em;line-height: 1.4em;}
#sidebar1 .newlist{margin: 0 15px 10px 0;clear: both;list-style-type: none;overflow: hidden;font-size: 90%;line-height: 130%;background: url(img/newlist-bg.gif) repeat-y;}
#sidebar1 .newlist-top {background: url(img/newlist-top.gif) no-repeat left top;padding: 0;font-size: 1px;line-height: 1px;height: 9px;}
#sidebar1 .newlist .newlist-ttl {padding: 0 0 7px 10px;font-weight: bold;color: #666;}
#sidebar1 .newlist ul {padding: 0;}
#sidebar1 .newlist li {background: url(img/sidebar_li.gif) no-repeat 9px 4px;padding: 2px 0 2px 18px;}
#sidebar1 .newlist-btm {background: url(img/newlist-btm.gif) no-repeat left bottom;padding: 0;font-size: 1px;line-height: 1px;height: 10px;}
#sidebar1 p{line-height: 150%;padding: 7px 3%;}
#sidebar1 .widget{margin: 15px 15px 0 0;clear: both;border: 1px solid #ccc;padding: 10px;}
#sidebar1 .linkcat {margin: 0;clear: both;padding: 5px 0 0;}
#sidebar1 .linkcat li{float: left;margin: 0;padding: 0 0 5px;}
#sidebar1 .linkcat li a{float: left;margin: 0;padding: 0;}
#sidebar1 .newlist_ttl {padding: 0;margin: 0;color: #333;font-weight: bold;}
#sidebar1 .module_title {margin: 0 0 5px;clear: both;background-color: #ccc;font-size: 1%;padding: 0;width: 210px;background-image: url(img/top-service-ttl.gif);text-indent: -9999px;line-height: 1px;height: 26px;}
#sidebar1 a {color: #05f;}
#sidebar1 a:hover {color: #08f;text-decoration: underline;}
#sidebar1 .cat-item a{display: block;width: 225px;padding: 4px 0 0;text-indent: 10px;color: #fff;background: url(img/sidebar-cate-btn.gif) no-repeat left top;height: 31px;}
#sidebar1 .cat-item a:hover{color: #fff;text-decoration: none;}
#sidebar1 .page_item {clear: both;background-image: none;padding: 0 0 2px;float: left;}
#sidebar1 .page_item a{width: 200px;float: left;height: 62px;background-color: #666;clear: both;}




/*トップボトム*/
#top_btm {padding: 0;}
#top_btm ul{list-style-type: none;margin: 0;padding: 6px 0 7px;float: left;width: 100%;}
#top_btm_left{float: left;padding: 0 0 0 15px;width: 455px;font-size: 80%;}
#top_btm_left a{color: #0d65a2;text-decoration: underline;}
#top_btm_right{float: right;padding: 0;width: 440px;}
#top_btm p.module_title {margin: 0;height: 26px;text-indent: -9999px;font-size: 1px;line-height: 1px;}
#cate1 p.module_title {background: url(img/top-news-ttl.gif) no-repeat;}
#cate2 p.module_title {background: url(img/top-game-ttl.gif) no-repeat;}
#cate3 p.module_title {background: url(img/top-service-ttl.gif) no-repeat;}
#cate1 {float: left;width: 460px;clear: left;}
#cate1 ul{padding: 10px 0 12px;background-color: #fff;}
#cate1 li{padding: 3px 10px;border-bottom: 1px dotted #aaa;background-image: none;line-height: 150%;}
#cate1 li a{}
#cate1 .date {border-right: 1px solid #ccc;padding-right: 8px;margin-right: 4px;color: #999;}
#cate1 div.backnumber a {background: url(img/backnumber.gif) no-repeat;text-indent: -9999px;font-size: 1px;line-height: 1px;float: right;width: 111px;height: 18px;}
#cate2 {float: left;width: 230px;padding: 0;margin-left: 0;margin: 0;overflow: hidden;}
#cate2 ul{padding: 0 0 10px;width: 220px;background-color: #fff;}
#cate2 li {background-image: none;padding: 10px 10px 0 0;margin: 0;float: left;}
#cate2 li a {float: left;width: 100px;height: 100px;background-color: #eee;}
#cate2 ul li a.game-image img{width: 100px;height: 100px;}
#cate3 {width: 210px;float: left;margin-left: 0;margin-right: 0;}
#cate3 ul{padding: 0;margin-top: 10px;}
#cate3 ul li{padding: 0 0 1px;margin: 0;float: left;}
#cate3 ul li a{padding: 0;margin: 0;float: left;}


/*検索 search*/
#searchform {float: left;padding: 2px;}
#searchform input#s {padding: 0;font-size: 10px;border-style: none;width: 169px;line-height: 12px;float: left;margin: 0;background-color: #fff;font-weight: normal;font-style: normal;height: 14px;}
#searchform input#btn {background-color: transparent;border-style: none;padding: 0;font-size: 12px;line-height: 14px;float: left;width: 26px;margin: 0;cursor: pointer;font-weight: normal;font-style: normal;height: 14px;}


/*フォーム*/
.necessary {color: #c00;padding-left: 3px;margin-left: 0;}
.wpcf7-form table{margin: auto 30px;}
.wpcf7-form .table_left {background-color: #eee;font-size: 90%;border-bottom: 2px solid #fff;width: 130px;padding-left: 8px;}
.table_right {padding: 0 5px;}
.wpcf7-form-control-wrap.your-name,
.wpcf7-form-control-wrap.your-email,
.wpcf7-form-control-wrap.your-company,
.wpcf7-form-control-wrap.your-tel {padding: 4px;border: 1px solid #999;background-color: #fffeef;}
.wpcf7-form .table_right {padding: 3px 3px 3px 5px;}
.wpcf7-form .table_right input{width: 270px;font-size: 90%;border-style: none;background-color: transparent;}
.wpcf7-form-control-wrap.your-message {padding: 3px;border: 1px solid #999;background-color: #fffeef;}
.wpcf7-form .table_right textarea{width: 440px;font-size: 90%;line-height: 160%;border-style: none;background-color: transparent;}
.wpcf7-form .wpcf7-form-control-wrap {vertical-align: top;float: left;clear: both;}
.wpcf7-form .wpcf7-not-valid-tip {left: 5px;z-index: 100;background: #fffeef;font-size: 80%;border-style: none;color: gray;position: absolute;line-height: 130%;font-style: italic;width: auto;height: auto;top: 3px;}
.wpcf7-form .wpcf7-mail-sent-ng {background-color: #fff993;border: 1px solid #ecd766;padding: 10px;margin: 0;text-align: center;color: #ff7340;}
.wpcf7-form .wpcf7-form .table_left .necessary {color: #c00;font-size: 80%;margin-left: 2px;vertical-align: 4px;line-height: 130%;}
.wpcf7-form .submit input {background-color: #547691;color: #fff;font-size: 100%;padding: 5px 40px;border-style: none;cursor:pointer;}
.wpcf7-form .submit input:hover {background-color: #5c94bc;}



.table1{font-size: 90%;margin: 15px 0 15px 40px;width: 615px;}
.table1 th{vertical-align: top;font-weight: normal;font-style: normal;text-align: left;background-color: #eee;padding: 5px;white-space: nowrap;border-bottom: 1px solid #fff;}
.table1 td{vertical-align: top;padding: 5px 5px 5px 10px;border-bottom: 1px dotted #999;}


/***** その他 Others *****/
#main .edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;margin: -33px -11px 0 0;}
#main .edit a{position: absolute;top: 0;right: 0;background-color: #07f;color: #fff;padding: 2px 10px;}




/******画像の配置*****/
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left}
div.wp-caption.alignleft,
dl.wp-caption.alignleft {margin-right: 10px;}
div.wp-caption.alignright,
dl.wp-caption.alignright {margin-left: 10px;margin-right: 0;}
div.wp-caption.alignnone,
dl.wp-caption.alignnone {margin-bottom: 0;margin-top: 0;}
.aligncenter {margin: 10px auto;display: block;clear: both;}
div.mceTemp.mceIEcenter {}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;margin-bottom: 10px;margin-top: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text,.wp-caption dd {padding: 5px 4px;margin: 0;line-height: 17px;font-size: 11px;font-family: "MS PGothic", "Hiragino Kaku Gothic Pro", sans-serif;color: #666;}