/* reborn201310
===================================================== */
div:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
body {
width:100%;
background:#FFF!important;
}
body #wrap {
width:840px!important;
border:none;
}
div.outBox {
width:100%;
}
/* HEADER */
#header {
font-family: Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
background: #FFF;
padding: 15px 0;
width: 840px;
margin: 0 auto;
height:auto;
position:relative;
}
#headerOuter {
zoom:1;
overflow:hidden;
}
#header_l {
position: absolute;
top: 26px;
left: 5px;
z-index: 1!important;
zoom:1;
width: 95px;
height: 46px;
}
#header_l a {
display: block;
}
#header_l img{
border:none;
}
#header_r {
float:right;
width:720px;
height: auto;
padding-bottom: 5px;
background: none;
display:block;
}

#headerBgArea {
margin:0 -500%;
padding:0 500%;
background:#FFF;
padding-bottom:25px;
box-shadow:0 0 7px 0 #CECECE;
border-bottom:1px solid #DDD;
margin-top: -30px;
height: 102%;
position:absolute;
z-index: -1;
display:none;
}



/* ローカルナビゲーション */

#localNav {
width:auto;
margin:0 auto;
font-family: Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
}
#localNavMain {
width:auto;
background:transparent;
border-bottom:none;
display:block;
clear:both;
margin:0 0 5px;
}
#localNavMain .localNavBtn {
border-left:none;
display:block;
text-align:center;
float:left;
padding:5px 10px 4px 0;
margin:0 0 4px 0;
}
#localNavMain .localNavBtn a {
font-size:12px;
line-height:14px;
padding:0 0 0 10px;
font-weight:bold;
color:#666;
text-decoration:none;
display:block;
word-break:break-all;
border-left:1px solid #666;
}
#localNavMain .localNavBtn:hover {
background:#EEE;
}
#localNavMain .localNavBtn:first-child {
border-left:none;
}

/*localNavMain localNavBtnGroup  */

#localNavSub {
width:auto;
padding:0;
background:transparent;
display:table;
margin:0 0 5px 0;
z-index:3;
}
#localNavSub .localNavBtn {
display:table-cell;
float:left;
position:relative;
background:#e8e8e8;
border-radius:3px;
color:#555;
padding:4px 10px 3px;
margin:0 4px 5px 0;
}
#localNavSub .localNavBtn a,
#localNavSub .localNavBtn a:visited {
font-size:12px;
line-height:15px;
padding:0;
color:#555;
text-decoration:none;
display:block;
word-break:break-all;
}
#localNavSub .localNavBtn:hover {
background:#cbcbcb;
text-decoration:none;
}
#localNavSub .localNavBtn a .raquo {
display:none;
}
#localNavSub .localNavBtnNew a:after {
font-size: 10px;
font-weight: bold;
color: #FFEE00;
content:' NEW!';
}
#localNavSub .localNavBtnHover a {
padding-right:10px;
}
.localNavBtnHover a:after {
content:' ▼';
font-size:8px;
color: #bbb;
padding-right:4px;
}
#localNavSub .localNavBtnTopic {
border-right:1px solid #676767;
}
#localNavSub .localNavBtnTopic a {
background:none;
padding-right:0;
margin-right:0;
}

#localNavSub .localNavBtnGroup {
width:150px;
z-index:3;
background: #666;
top:25px!important;
left:0!important;
position:absolute;
box-shadow:0 1px 2px 0 #DDD;
border-right:1px solid #DDD;
border-left:1px solid #DDD;
border-bottom:1px solid #DDD;
opacity:0.97;
border:0;
}
#localNavSub .localNavBtnGroup .localNavBtnGroupOut {
}
#localNavSub .localNavBtnGroup .localNavBtn {
width:100%;
border:0;
padding:0;
border-bottom:1px solid #888;
position:relative;
}
#localNavSub .localNavBtnGroup .localNavBtn a {
margin-right:0;
padding:0;
display:block;
float: none;
text-decoration:none;
background:none;
}
#localNavSub .localNavBtnGroup .localNavBtn a:after {
content:'';
}
#localNavSub .localNavBtnGroup .localNavBtn a:hover {
color:#FFF;
background:#787878;
}
#localNavSub .localNavBtnNew .localNavBtnGroupOut a {
background:none;
padding:0 5px;
margin-right:0;
}
#localNavSub .localNavBtnTopic .localNavBtnGroupOut a {
background:none;
padding:5px 5px 3px;
margin-right:0;
}
#localNavSub .localNavBtn.localNavBtnspecialcolor {
background:#676767;
}
#localNavSub .localNavBtn.localNavBtnspecialcolor a {
color:#FFF;
}
#localNavSub .localNavBtn.localNavBtnspecialcolor:hover {
background:#454545;
}


/*header adspace */
#header_ad {
clear:both;
margin:25px auto;
padding-bottom: 0;
font-size: 10px;
width: 728px;
float:none;
background:none;
}
/* Gsearch */
#header #search {
margin:0;
float: right; 
clear: right; 
font-size: small;
padding:0;
}
#header #search form { width: 160px; margin: 0px; padding: 0px; text-align: right; }
#header #search form input.q-box {margin-top: 0px; margin-left:0px; float:left;width:136px;}
#header #search form input.submit {margin-top: 0px;}

.rightcolSearch {margin:10px 0px;}
.rightcolSearch #search {
width:auto;
float:none;
}

/* search */
#search form {
margin:0;
padding:0;
}
#search form .q-box {
width:225px;
height:23px;
font-size:16px;
font-family:Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
}
#search form .submit {
vertical-align:top;
}
#search {
float:right;
width:160px;
height:22px;
overflow:hidden;
margin:1px 2px;
}
#search table.gsc-search-box {
margin-bottom:0;
}
#search .gsc-input-box {
height:auto;
}

#search .gsc-input-box #gs_id50 {
background: #FFF;
}

#search .gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right:0;
}
#search input.gsc-input,
#search .gsc-input-box,
#search .gsc-input-box-hover,
#search .gsc-input-box-focus {
border-color:#999;
}
#search input.gsc-search-button,
#search input.gsc-search-button:focus {
border-color:#999;
background-color:#999;
background-image:none;
filter:none;
margin:0;
padding:3px;
border-radius:0;
border-left:0 none;
}
#search .gsib_a {
	padding:0 3px 0;
}
#search input.gsc-search-button:hover {
background-color:#BBB;
}
#search td.gsc-search-button {
width:18px;
}

/* navibar */
#navibar {
width: 840px;
height: 24px;
background-color:#CCCCFF;
margin: 0 auto;
}

.navibar_styl {
margin:0;
padding:3px 0 0 10px;
height:50px;
font-size: small;
font-weight: bold;
width:825px;
height:20px;
overflow: hidden; 
line-height:150%;
}



#main {
position: relative;
width: 838px;
margin: 0 auto;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
}

#center {
margin: 0 auto!important;
background: #FFF;
width: 838px!important;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
}
#centercol {
padding: 80px 10px 10px 20px;
}

#rightlogo{
position: absolute;
top: 0;
right:320px;
width:185px;
}

h1 {
margin:0!important;
padding: 15px 0px 1px 1px!important;
}

#gnaviSub li {
padding-right: 9px;
}

#content {
background: #FFF;
border-right: 1px solid #DDD;
}

#sp-menu {
height: 40px;
width: 838px!important;
margin: 0 auto;
background: #FFF;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
}

.aboutUsNavibar, .aboutUsContent, .aboutUsFooter {
margin:0 auto;
}

.aboutUsContent {
background:#FFF;
}

/* ad */
#ISALR .colBoxTitle {
margin-bottom:5px;
}
#centercol .colBoxISALC .colBoxUlist li,
#centercol .colBoxISALC .colBoxUlist .colBoxNewtxt {
word-break:normal;
word-wrap:normal;
}
/* colBoxEditorsEye */
.colBoxEditorsEye {
margin-bottom:15px;
}
.colBoxEditorsEye .colBoxHead {
margin:0 0 15px 0;
padding:0;
border:0;
background:#DDD;
overflow:hidden;
clear:both;
}
.colBoxEditorsEye .colBoxHead h2 {
display:inline-block;
float:left;
background-color:#FFF;
padding:0 10px 0 5px;
margin:0;
border-left:5px solid #408cb3;
line-height:15px;
font-size:14px;
color:#000;
}
.colBoxEditorsEye .colBoxHeadSubtxt {
padding:0 5px;
float:right;
color:#555;
background:#DDD;
line-height:15px;
font-size:10px;
}
.colBoxEditorsEye .colBoxUlist ul li {
line-height:1.4;
background:url(/parts/images/adframe/reborn_ulli_ad.gif) no-repeat 0px 4px;
border-bottom:none;
font-size:13px;
margin:0 0 3px;
padding:0 5px 3px 10px;
word-break: break-all;
}
.colBoxEditorsEye .colBoxUlist ul li a {
text-decoration:none;
}
.colBoxEditorsEye .colBoxClear {
font-size:0;
line-height:0;
height:0;
clear:both;
}
/* colBoxArticleRanking */
.colBoxArticleRanking {
margin-top:20px;
margin-bottom:5px;
width:300px;
}
.colBoxArticleRanking .colBoxHead{
margin: 0 0 15px;
background: #DDD;
clear: both;
}
.colBoxArticleRanking .colBoxHead h2{
display: inline-block;
padding:0 5px;
margin:0;
border-left: 5px solid #408cb3;
background-color: #FFF;
font-size: 14px;
line-height: 15px;
color: #000;
}
.colBoxArticleRanking .colBoxRankTab {
margin:0 0 2px 0;
padding-bottom: 3px;
}
.colBoxArticleRanking .colBoxRankTab strong {
width: 50%;
height: 26px;
text-align: center;
font-weight: normal;
color: #999;
cursor: pointer;
-ms-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
line-height: 1.9;
}
.colBoxArticleRanking .colBoxRankTab strong:hover {
background: #DDD;
color: #FFF;
-ms-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
}
.colBoxArticleRanking .colBoxRankTab strong.tab1 {
float: left;
}
.colBoxArticleRanking .colBoxRankTab strong.tab2 {
float: right;
}
.colBoxArticleRanking .colBoxRankTab strong.active {
font-weight: bold;
color: #000;
}

.colBoxArticleRanking .colBoxRankTab strong span {
display: block;
height: 25px;
font-size: 14px;
overflow: hidden;
color: #000;
border-bottom: 1px solid #DDD;
}
.colBoxArticleRanking .colBoxRankTab strong.active span {
border: 1px solid #DDD;
border-bottom: none;
}
.colBoxArticleRanking .colBoxIndex {
display: none;
margin-bottom: 9px;
}
.colBoxArticleRanking .colBoxIndex.active {
display: block;
}
.colBoxArticleRanking .colBoxIndex .colBoxUlist ul {
padding:10px 0 0 0;
clear: both;
}
.colBoxArticleRanking .colBoxUlist ul li {
font-size: 13px;
line-height: 1.4;
margin: 0 0 3px;
padding: 0 0 3px 14px;
border-bottom:1px dotted #DDD;
}
.colBoxArticleRanking .colBoxUlist ul li.rank1,
.colBoxArticleRanking .colBoxUlist ul li.rank2,
.colBoxArticleRanking .colBoxUlist ul li.rank3,
.colBoxArticleRanking .colBoxUlist ul li.rank4,
.colBoxArticleRanking .colBoxUlist ul li.rank5,
.colBoxArticleRanking .colBoxUlist ul li.rank6,
.colBoxArticleRanking .colBoxUlist ul li.rank7,
.colBoxArticleRanking .colBoxUlist ul li.rank8,
.colBoxArticleRanking .colBoxUlist ul li.rank9,
.colBoxArticleRanking .colBoxUlist ul li.rank10 {
background: url(/images/ait1509_ranking.gif) no-repeat;
padding-left: 18px;
}
.colBoxArticleRanking .colBoxUlist ul li.rank1  {background-position:0 0;}
.colBoxArticleRanking .colBoxUlist ul li.rank2  {background-position:0 -70px;}
.colBoxArticleRanking .colBoxUlist ul li.rank3  {background-position:0 -140px;}
.colBoxArticleRanking .colBoxUlist ul li.rank4  {background-position:0 -210px;}
.colBoxArticleRanking .colBoxUlist ul li.rank5  {background-position:0 -280px;}
.colBoxArticleRanking .colBoxUlist ul li.rank6  {background-position:0 -350px;}
.colBoxArticleRanking .colBoxUlist ul li.rank7  {background-position:0 -420px;}
.colBoxArticleRanking .colBoxUlist ul li.rank8  {background-position:0 -490px;}
.colBoxArticleRanking .colBoxUlist ul li.rank9  {background-position:0 -560px;}
.colBoxArticleRanking .colBoxUlist ul li.rank10 {background-position:0 -630px;}
/* colBoxThemeBannar */
.colBoxThemeBannar {
margin-bottom: 15px;
width:300px;
}
.colBoxThemeBannar .colBoxHead{
margin: 0 0 15px;
background: #DDD;
clear: both;
}
.colBoxThemeBannar .colBoxHead h2{
display: inline-block;
padding:0 5px;
margin:0;
border-left: 5px solid #408cb3;
background-color: #FFF;
font-size: 14px;
line-height: 15px;
color: #000;
}
.colBoxThemeBannar .colBoxHeadSubtxt {
display: inline-block;
position: static;
font-size: 10px;
color: #555;
background: #DDD;
line-height: 15px;
top: auto;
right: auto;
margin: 0;
padding: 0 5px;
float: right;
}
.colBoxThemeBannar .colBoxIndex {
margin-bottom: 9px;
}
.colBoxThemeBannar .colBoxIndex .colBoxIcon a {
margin: 0 5px 0 0;
float: none;
overflow: hidden;
display: block;
border: 0 none;
}
.colBoxThemeBannar .colBoxIndex .colBoxIcon a img {
width: auto;
height: auto;
max-width: 100%;
border:none;
}

#colBoxTensyoku.colBox {
margin-top:15px;
}
#colBoxTensyoku.colBox .colBoxHead {
margin-left:0;
margin-bottom:15px;
width:100%;
border:0;
background:#DDD;
min-height:15px;
padding:0;
clear:both;
}
#colBoxTensyoku.colBox .colBoxHead h2 {
display:inline-block;
padding:0 5px;
margin:0;
border-left:5px solid #408cb3;
background-color:#FFF;
font-size:14px;
line-height:15px;
color:#000;
}
#colBoxTensyoku.colBox .colBoxIcon a {
float:left;
margin:0 10px 0 0;
border:none;
}
#colBoxTensyoku.colBox .colBoxIndex {
margin-bottom:9px;
}
#colBoxTensyoku.colBox .colBoxTitle h3 {
font-size:14px;
line-height:1.4;
border-bottom:none;
padding:0;
margin:0;
}

#rightcol .newziaBox h3 {
border-left:none;
}