@import url("/css/gnav.css");
@import url("/css/gfooter.css");

/* ALL
---------------------------------------------------------------------------------------------- */


body {
min-width: 990px;
margin:0px;
padding:0px;
color:#444;
font-family:'メイリオ',"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Lucida Grande",sans-serif;
background:#e6e6e6;
}
a:link {
color:#036;
text-decoration:none;
}
a:visited {
color:#036;
text-decoration:none;
}
a:hover {
color:#C00;
text-decoration:underline;
}
hr {
visibility:hidden;
clear:both;
}
a img {
border:0px solid #FFF;
}
.l50,.r50 {width:49%;}
.l50 {float:left;}
.r50 {float:right;}

.outBody {
width:100%;
}
.inBody {
width:970px;
background:#FFF;
text-align:left;
margin:0px auto;
}

/* HEADER
---------------------------------------------------------------------------------------------- */
.header {}
.header .logoarea {
color:#FFF;
font-size:12px;
}

/*GLOBAL NAVIGATION
---------------------------------------------------------------------------------------------- */
.gnav {
width: 100%;
clear: both;
}
#globalNavigation {
font-size: 11px;
overflow: hidden;
line-height: 100%;
background: #333;
clear: both;
}
#globalNavigation .gnavOut {
width: 100%;
display: table;
float: left;
clear: both;
}
#globalNavigation .gnavIn{
display: table-row;
clear: both;
}

#globalNavigation .gnavIn .gnavBtn{
display: table-cell;
vertical-align:top;
width: 6%;
margin: 0px;
padding: 0px;
border-left: 1px solid #555;
border-right: 1px solid #111;
background: #333;
}
#globalNavigation .gnavIn .gnavBtn:hover{
background: #EEE;
color: #000;
text-shadow: inherit;
}

#globalNavigation .gnavIn .gnavBtn0 {
background: #E30;
box-shadow: 0 1px 1px rgba(0,0,0,0.4);
}
#globalNavigation .gnavIn .gnavBtn3,
#globalNavigation .gnavIn .gnavBtn4{
width: 7%;
}
#globalNavigation .gnavIn .gnavBtn a {
width: 100%;
overflow: hidden;
text-align: center;
display: block;
padding: 8px 0;
margin: 0;
color: #AAA;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
font-weight: bold;
}

#globalNavigation .gnavIn .gnavBtn a:hover{
text-decoration: none;
}
#globalNavigation .gnavIn .gnavBtn0 a {
color: #FFF;
}
#globalNavigation .gnavIn .gnavBtn15 a {
background: #EEE;
color: #000;
text-shadow: inherit;
}
/*for IE6 */
* html #globalNavigation .gnavIn .gnavBtn{
	display: inline;
	width: 6%;
	zoom: 1;
	float:left;
}
* html #globalNavigation .gnavIn .gnavBtn0,
* html #globalNavigation .gnavIn .gnavBtn2,
* html #globalNavigation .gnavIn .gnavBtn3,
* html #globalNavigation .gnavIn .gnavBtn4,
* html #globalNavigation .gnavIn .gnavBtn6,
* html #globalNavigation .gnavIn .gnavBtn11{
width: 7%;
}

/*for IE7 */
*:first-child+html #globalNavigation .gnavIn .gnavBtn{
	display: inline;
	width: 6%;
	zoom: 1;
	float:left;
}
*:first-child+html #globalNavigation .gnavIn .gnavBtn0,
*:first-child+html #globalNavigation .gnavIn .gnavBtn2,
*:first-child+html #globalNavigation .gnavIn .gnavBtn3,
*:first-child+html #globalNavigation .gnavIn .gnavBtn4,
*:first-child+html #globalNavigation .gnavIn .gnavBtn6,
*:first-child+html #globalNavigation .gnavIn .gnavBtn11{
width: 7%;
}
/* NAVIGATION
---------------------------------------------------------------------------------------------- */

.richNav {
height:35px;
background:url(http://image.itmedia.co.jp/images/richNavBg.gif) repeat-x 0px 0px;
position:relative;
font-size:12px;
z-index:500;
margin-bottom:10px;
}
.richNav .sel {
margin:0px;
padding:0px;
list-style:none;
white-space:nowrap;
}
.richNav li {
float:left;
background:url(http://image.itmedia.co.jp/images/richNav1.gif) no-repeat 0px 0px;
}
.richNav .sel a {
display:block;
height:35px;
float:left;
background: url(http://image.itmedia.co.jp/images/richNavBg.gif) no-repeat 0px 0px;
padding:0px 0px 0px 15px;
text-decoration:none;
line-height:33px;
white-space:nowrap;
color:#FFF;
}
.richNav .sel a strong {
display:block;
padding:0px 30px 0px 15px;
background:url(http://image.itmedia.co.jp/images/richNavBg.gif) no-repeat right top;
}
.richNav .sel a:hover, 
.richNav .sel li:hover a {
background: url(http://image.itmedia.co.jp/images/richNav1.gif) no-repeat 0px 0px;
padding:0px 0px 0px 15px;
cursor:pointer;
color:#FD0;
}

.richNav .sel a:hover strong, 
.richNav .sel li:hover a strong {
display:block;
padding:0px 30px 0px 15px;
background:url(http://image.itmedia.co.jp/images/richNav1.gif) no-repeat right top;
cursor:pointer;
}
/* IE6 only */
.richNav table {
border-collapse:collapse;
margin:-1px;
font-size:12px;
width:0;
height:0;
}

/* ACTIVE
---------------------------------------------------------------------------------------------- */
.top .richNav .sel .top a {
background: url(http://image.itmedia.co.jp/images/richNav1.gif) no-repeat 0px 0px;
padding:0px 0px 0px 15px;
cursor:pointer;
color:#FD0;
}
.top .richNav .sel .top a strong {
display:block;
padding:0px 30px 0px 15px;
background:url(http://image.itmedia.co.jp/images/richNav1.gif) no-repeat right top;
cursor:pointer;
}

.edit .richNav .sel .edit a {
background: url(http://image.itmedia.co.jp/images/richNav1.gif) no-repeat 0px 0px;
padding:0px 0px 0px 15px;
cursor:pointer;
color:#FD0;
}
.edit .richNav .sel .edit a strong {
display:block;
padding:0px 30px 0px 15px;
background:url(http://image.itmedia.co.jp/images/richNav1.gif) no-repeat right top;
cursor:pointer;
}

.check .richNav .sel .check a {
background: url(http://image.itmedia.co.jp/images/richNav1.gif) no-repeat 0px 0px;
padding:0px 0px 0px 15px;
cursor:pointer;
color:#FD0;
}
.check .richNav .sel .check a strong {
display:block;
padding:0px 30px 0px 15px;
background:url(http://image.itmedia.co.jp/images/richNav1.gif) no-repeat right top;
cursor:pointer;
}

.faq .richNav .sel .faq a {
background: url(http://image.itmedia.co.jp/images/richNav1.gif) no-repeat 0px 0px;
padding:0px 0px 0px 15px;
cursor:pointer;
color:#FD0;
}
.faq .richNav .sel .faq a strong {
display:block;
padding:0px 30px 0px 15px;
background:url(http://image.itmedia.co.jp/images/richNav1.gif) no-repeat right top;
cursor:pointer;
}

.backnumber .richNav .sel .backnumber a {
background: url(http://image.itmedia.co.jp/images/richNav1.gif) no-repeat 0px 0px;
padding:0px 0px 0px 15px;
cursor:pointer;
color:#FD0;
}
.backnumber .richNav .sel .backnumber a strong {
display:block;
padding:0px 30px 0px 15px;
background:url(http://image.itmedia.co.jp/images/richNav1.gif) no-repeat right top;
cursor:pointer;
}

/* MAIN CONTENTS
---------------------------------------------------------------------------------------------- */
.maincol {
clear:both;
padding:10px 10px;
}
.l700 {
clear:both;
float:left;
width:660px;
position:relative;
}
.subcol {
width:300px;
float:right;
}

.l700 h1{
border-bottom: 2px solid #fd190a;
line-height: 1.4;
font-size: 24px;
}
.l700 h2 {
border-bottom: 2px solid #cccccc;
padding: 5px 0 4px 0;
line-height: 1.4;
margin:0px;
color: #222;
font-size: 18px;
}
.index h3 {
font-size:84%;
border:1px solid #CCC;
background:#EEE;
color:#332;
margin-bottom:10px;
padding:2px 5px;
}
.index h4 {
margin-bottom:10px;
color:#333;
font-size:84%;
}

.index p {
margin-bottom:10px;
color:#333;
font-size: 13px;
line-height: 19px;
}
.index ul {
clear:both;
margin:0px 0px 10px;
}
.index strong {
font-size: 14px;
}
.index ul li {
margin:0px 0px 5px;
padding:3px 0px 3px 20px;
color:#333;
border-bottom:1px dotted #EEE;
font-size:84%;
}
.index ol li {
color:#333;
font-size:84%;
}
.index .tbl {
margin:0px auto 10px;
padding:3px;
border:1px solid #CCC;
background:#EEE;
}
.index table {
border-collapse:collapse;
background:#FFF;
}
.index table caption {
font-size:10px;
text-align:right;
caption-side:bottom;
padding-top:4px;
}
.index table caption span {
color:#C00;
}
.index table th,
.index table td {
padding:4px 5px;
border:1px solid #CCC;
font-size:84%;
font-weight:normal;
}
.index table th {
background:#EEE;
}
.index table thead th {
background:#666;
font-weight:bold;
color:#FFF;
}
.index table tfoot td {
padding:10px 5px;
}
.archive {
list-style:none;
margin:0px;
padding:0px;
}
.archive li {
clear:both;
line-height:130%;
border-bottom:1px dotted #EEE;
margin-bottom:5px;
padding:0px 0px 3px 21px;

height:1%;
}
.qaQ {
color: #C00;
font-weight: bold;
}
.qaA {
color: #06A;
font-weight: bold;
}

/* HEADLINE
---------------------------------------------------------------------------------------------- */
.headline {
position:relative;
margin-bottom:10px;
}
.headline h1 {
padding: 0 0 5px 0;
margin:0px;
line-height:120%;
color:#012;
}

/* APPLY
---------------------------------------------------------------------------------------------- */
.apply {margin:20px 0px;}
.apply h3 {margin:0px 0px 10px;text-align:center;}
.apply p {margin:0px 0px 10px;font-size:12px;}
.apply .btnNewEntry {
display:block;
width:180px;
height:42px;
margin:0px auto;
background:url(http://image.itmedia.co.jp/images/btn_newentry.gif) repeat-x 0px top;
text-indent:-9999px;
}
.apply a:hover.btnNewEntry {
background:url(http://image.itmedia.co.jp/images/btn_newentry.gif) repeat-x 0px bottom;
}
.apply .btnApply {
display:block;
width:180px;
height:42px;
margin:0px auto;
background:url(http://image.itmedia.co.jp/images/btn_apply.gif) repeat-x 0px top;
text-indent:-9999px;
}
.apply a:hover.btnApply {
background:url(http://image.itmedia.co.jp/images/btn_apply.gif) repeat-x 0px bottom;
}

/* ABOUT ITM ID
---------------------------------------------------------------------------------------------- */
#aboutITMID {
margin:0px 0px 30px 0px;
border:1px solid #CCC;
}
#aboutITMID .inner {
display:block;
height:1%;
padding:0px 10px;
border:3px solid #EEE;
}
#aboutITMID h4 {
margin:5px 0px;
}
#aboutITMID p {
margin:5px 0px;
}

/* FOOTER
---------------------------------------------------------------------------------------------- */
.globalFooterLink{
background-color: #333;
}
.globalFooterLink {
color: white;
font-size: 12px;
line-height: 14px;
text-align: right;
margin: 0;
padding: 10px 15px 10px;
height: 1%;
}
.mediafooter{
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
max-width: 75.38462em;
}
.mediafooter:before, .mediafooter:after {
content: " ";
display: table;
}
.mediafooter p {
position: relative;
width: 100%;
margin: 0px;
}
.mediafooter a{
color: white;
font-size: 12px;
font-style: normal;
text-align: right;
line-height: inherit;
}
.gfooter{
background: #fff;
}
#globalFooter{
background: #fff;
}
#globalFooterMediaList {
overflow: hidden;
padding: 0px;
border-top: none;
}
#globalFooterMediaList{
clear: both;
}
#globalFooterMediaListIn {
display: table;
width: 100%;
clear: both;
}
#globalFooterMediaListIn .mediaListGroup {
display: table-row;
}
#globalFooterMediaListIn .mediaListGroup .mediaList {
display: table-cell;
vertical-align: top;
width: 20%;
margin: 0px;
padding:0px;
}
#globalFooter .mediaList h2 {
margin: 0;
padding: 5px 10px;
color: #FFF;
background: #666;
font-size: 12px;
line-height: 16px;
border: 1px #ccc solid;
}
#globalFooterMediaListIn .mediaListGroup .mediaList ul {
display: block;
margin: 0;
padding: 5px 10px 0;
list-style: none;
font-size: 1em;
line-height: 1.6;
border:none;
}
#globalFooterMediaListIn .mediaListGroup .mediaList li {
margin: 0 0 5px;
padding: 0;
font-size: 12px;
line-height: 16px;
list-style: none;
}
#globalFooterMediaListIn .mediaListGroup .mediaList li a {
color: #666;
font-size: 12px;
}

#globalFooterMediaList {

}
#globalFooterMediaList .mediaList{
float: none;
}



/*for IE6 */
* html #globalFooterMediaListIn .mediaListGroup .mediaList {
	display: inline;
	width:19.9799999999%;
	zoom: 1;
}

/*for IE7 */
*:first-child+html #globalFooterMediaListIn .mediaListGroup .mediaList {
	display: inline;
	width:19.9799999999%;
	zoom: 1;
}


/* ITmedia REVIEW Overwrite
---------------------------------------------------------------------------------------------- */

.header {
background: #FFF;
margin-bottom: 10px;
}
.logoarea{
margin: 0px auto;
text-align: left;
width:970px;
height: 87px;
padding: 10px;
}
.header .logoarea strong {
float:left;
display:block;
width:170px;
height:62px;
margin-top: 12px;
padding:0px;
font-size:12px;
}
.header .logoarea strong a {
display:block;
width:170px;
height:62px;
font-size: 0px;
}
.header .logoarea strong img{
width: 170px;
height: 62px;
}

.inBody{
width: 970px;
}

.maincol{
margin-bottom:10px;
}
.l700 {
background:#FFF;
width: 620px;
}

#globalFooterCorp {
padding: 7px 10px 40px 10px;
border-top: 1px #ccc solid;
}

#globalFooterCorpLogo {
margin: 0 0 5px;
padding: 12px 0 0 180px;
font-size: 11px;
line-height: 15px;
}
#globalFooterCorp p, #globalFooterCorp a {
color: #666;
}

#globalFooterCorpLogo a {
display: block;
height: 35px;
background: url(http://image.itmedia.co.jp/images0509/logo_itmi2.gif) no-repeat 0px 3px;
}
#globalFooterCorpLink {
margin: 0;
font-size: 11px;
line-height: 15px;
clear: both;
}