@charset "utf-8";
@import "base.css";

/*
********************************************************************
個人情報保護方針、isMediaについて、著作権について　で使用
********************************************************************
*/
* {
	list-style:none;
	text-decoration: none;
	/*background: #252422;*/
	font-family: 'Meiryo', 'メイリオ','平成明朝','Lucida Grande', Verdana,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
}
body {background:url(http://jbpress.ismedia.jp/common/images/v1/bg_base.gif); }

a.noborder, 
a.noborder:link, 
a.noborder:hover, 
a.noborder:active, 
a.noborder:visited, 
img{
	border: 0;
	vertical-align:bottom;
}
.totop{
	font-size:12px;
}
#main .totop a,
#main .totop a:active,
#main .totop a:visited{
	color:#666;
}
#main .totop a:hover{
	text-decoration:underline;
}

body{
	background:url(/common/images/v1/top-bg.gif) repeat;
	text-align:center;
	margin:0;
}
#wrapper{
	width:680px;
	margin:0 auto;
	text-align:left;
	background-color:#fff;
}
#header{
	background-color:#000;
	padding:10px;
}
.logo-ismedia{
	float:left;
	width:136px;
}
.logo-ismedia h1 a{
	background:url("/common/images/v1/info/logo-ismedia.gif") no-repeat;
	display: block;
	width:136px;
	height:52px;
	text-indent: -1110em;
}
.logo-media{
	float:right;
	padding:0;
	margin:0;
}
.logo-media ul{
	margin:0;
	padding:0;
}
.logo-media ul li{
	float:left;
	margin:0 0 0 10px;
	padding:3px;
	border:solid 1px #555;
}
.logo-media ul li img{
	border:0;
}
/* ▼navigation▼ */
#navigation{
	width:680px;
	height:28px;
	background: url(/common/images/v1/info/navigation-bg.gif) repeat-x left bottom;
	text-align:right;
	margin:0;
	padding:0;
	border-top:solid 2px #c61722;
	border-bottom:solid 1px #555;
}
#navigation ul{
	list-style: none;
	padding:0px;
	margin:0px;
}
#navigation ul li{
	float:right;
}
#navigation ul li a{
	height:28px;
	display:block;
	text-decoration:none;
}
#navigation ul li a span{
	display:none;
}
/* *Hides from IE-mac \*/
#navigation li a{
	overflow: hidden;
}
#navigation ul li.ismedia a{ background-image: url("/common/images/v1/info/navi-ismedia.gif"); width: 95px; margin-right:10px;}
#navigation ul li.regist a{ background-image: url("/common/images/v1/info/navi-regist.gif"); width: 80px; margin-right:10px;}
#navigation ul li.privacy1 a{ background-image: url("/common/images/v1/info/navi-privacy1.gif"); width: 105px; margin-right:10px;}
#navigation ul li.privacy2 a{ background-image: url("/common/images/v1/info/navi-privacy2.gif"); width: 161px; margin-right:10px;}
#navigation ul li.copyrights a{ background-image: url("/common/images/v1/info/navi-copyrights.gif"); width: 90px; margin-right:10px;}
#navigation ul li.material a{ background-image: url("/common/images/v1/info/navi-material.gif"); width: 56px; margin-right:10px;}

#navigation ul li.ismedia a:hover,
.ismedia #navigation ul li.ismedia a,
#navigation ul li.regist a:hover,
.regist #navigation ul li.regist a,
#navigation ul li.privacy1 a:hover,
.privacy1 #navigation ul li.privacy1 a,
#navigation ul li.privacy2 a:hover,
.privacy2 #navigation ul li.privacy2 a,
#navigation ul li.copyrights a:hover,
.copyrights #navigation ul li.copyrights a,
#navigation ul li.material a:hover,
.material #navigation ul li.material a{
	background-position: 0 -30px;
}

#main{
	width:630px;
	padding:20px 25px;
}
* html #main{
	width:680px;
}
.title{
	margin-bottom:5px;
}
#main p{
	font-size:14px;
	line-height:20px;
	margin-bottom:15px;
}
#main p.mark{
	font-size:12px;
	margin:20px 20px 10px 20px;
}
* html #main{
	width:680px;
}
#main table.privacy-table{
	font-size:12px;
	line-height:16px;
}
.privacy-table th{
	background-color:#4b4b4b;
	color:#fff;
	padding:5px;
	font-weight:normal;
}
.privacy-table td{
	border:solid 1px#ddd;
	background-color:#f0f0f0;
	padding:5px;
}
.information-box1{
	border:dotted 1px #666;
	background-color:#f0f0f0;
	padding:10px;
	margin-bottom:20px;
}
#main .information-box1 p{
	font-size:12px;
	line-height:16px;
	margin-bottom:10px;
}
#footer{
	background-color:#fff;
	padding:10px;
	width:660px;
}
* html #footer{
	width:680px;
}
#footer p{
	float:left;
	color:#666;
	font-size:10px;
	padding-top:50px;
	margin-left:10px;
}
#footer img{
	float:right;
}
ul.ismedia{
	margin:0;
	padding:0;
}
ul.ismedia li{
	list-style:none;
	margin:0px;
	font-size:14px;
	background:  transparent url("/common/images/v1/info/icon-ismedia.gif") no-repeat 0px 5px;
	padding:0 0 0 13px;
}
ul.privacy1{
	margin:10px 0;
}
ul.privacy1 li{
	font-size:14px;
	line-height:20px;
	margin-bottom:5px;
}
ul.copyrights{
	list-style-type: decimal;
	margin:25px 0;
	width:550px;
	color:#ad302a;
}
ul.copyrights li{
	font-size:14px;
	line-height:20px;
	margin-bottom:5px;
	border-bottom:dotted 1px #666;
	color:#ad302a;
}
h4{
	border-left:double 8px #0d6196;
	font-size:16px;
	color:#0d6196;
	margin-bottom:5px;
}
h5{
	font-size:14px;
	margin:30px 0 5px 0;
}
#main .information{
	background-color:#ddd;
	padding:5px;
}
#main a,
#main a:active,
#main a:visited
{
	color:#5b9dc3;
}
#main a:hover{
	color:#0d6196;
}
#main .information p{
	font-size:12px;
	line-height:18px;
}
/****************
無料会員登録
****************/
.regist-form{
	width:630px;
	padding:0;
	margin:15px 0;
}
.regist-form ul{
	padding:0;
	margin:0;
}
.regist-form ul li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
.regist-form ul li a{
	height:33px;
	display:block;
	text-decoration:none;
	border:0;
}
.regist-form ul li a span{
	display:none;
}
/* *Hides from IE-mac \*/
.regist-form li a{
	overflow: hidden;
}
.regist-form ul li.form-regist a{ background-image: url("/common/images/v1/info/btn-regist.gif"); width: 193px; margin-right:10px; border-width:0px; text-decoration:none;}
.regist-form ul li.form-change a{ background-image: url("/common/images/v1/info/btn-change.gif"); width: 193px; margin-right:10px; border-width:0px; text-decoration:none;}
.regist-form ul li.form-id a{ background-image: url("/common/images/v1/info/btn-id.gif"); width: 211px; margin-right:10px; border-width:0px; text-decoration:none;}

.regist-form ul li.form-id a:hover,
.form-id .regist-form ul li.form-id a,
.regist-form ul li.form-regist a:hover,
.form-regist .regist-form ul li.form-regist a,
.regist-form ul li.form-change a:hover,
.form-change .regist-form ul li.form-change a{
	background-position: 0 -35px;
	border:0px;
	text-decoration:none;
}
.main-logolist{
	padding:5px 0;
	width:100%;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	text-align:center;
	margin:40px 0;
	clear:both;
}
.main-logolist img{
	margin:0 15px;
}

/*
********************
 媒体資料
********************
*/
.material-menu{
	width:619px;
	padding:3px 3px 3px 5px;
	background-color:#000;
	color:#fff;
	font-size:12px;
	margin-bottom:10px;
}
* html .material-menu{
	width:623px;
}
#main .material-menu a,
#main .material-menu a:active,
#main .material-menu a:visited{
	color:#fff;
}
#main .material-menu a:hover{
	color:#999;
}
.left{
	float:left;
}
.right{
	float:right;
}
.material-subtitle{
	float:left;
}
.material-page{
	float:right;
}
.material-page ul{
	margin:0 0 5px 0;
	padding:0;
	text-align:right;
}
.material-page ul li{
	display:inline;
	font-size:12px;
	border-right:solid 1px #666;
	padding:0 5px;
}
ul.messages{
	margin:0;
	padding:0;
}
ul.messages li{
	float:left;
	margin:0;
	padding:5px;
	width:305px;
	height:200px;
	list-style:none;
}
* html ul.messages li{
	width:315px;
	height:210px;
}
ul.messages li.m-gray{
	background-color:#f0f0f0;
}
.m-photo{
	float:left;
	width:69px;
}
.m-body{
	float:right;
	width:230px;
	font-size:12px;
	line-height:18px;
}
.m-body span{
	font-size:14px;
}
.m-body2{
	float:right;
	font-size:12px;
	line-height:18px;
	width:545px;
}
.m-body2 span{
	font-size:14px;
}

.m-article-title{
	width:85px;
	height:100%;
	text-align:center;
	background-color:#000;
}
.m-article-body{
	width:519px;
	font-size:14px;
	padding:0 8px;
	margin:0;
}
* html .m-article-body{
	width:535px;
}
.m-article-line{
	width:630px;
	height:1px;
	background-color:#000;
	clear:both;
}
hr {
	width:100%;
	border:solid #000 1px;
	clear:both;
	margin-bottom:15px;
}

.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#pmark{
	width:158px;
	border:solid 1px #999;
	padding:10px 10px 0 10px;
	float:right;
	margin:0 15px 10px 10px;
	_margin:0 10px 0 10px;
	text-align:center;
}
* html #pmark{
	width:180px;
}
#pmark img{
	/*float:right;*/
	margin-bottom:5px;
}
#pmark p{
	/*float:left;*/
	font-size:11px;
	line-height:14px;
	text-align:left;
	/*width:150px;*/
}