@charset "utf-8";

.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 */

#wrapper{
	border-style:solid;
	border-width:3px 0px 0px 0px;
	border-color:#ff0000;
}
/*
********************************************************************
ヘッダー
********************************************************************
*/
#header{
	margin:0;
	background-color:#000;
	position:relative;
	padding:10px 20px;
	height:70px;
}
#media-name{
	/*float:left;*/
	width:235px;
	background-color:transparent;
	float:left;
}
#media-name h1{
	background-color:transparent;
	/*background-image:url(/common/images/v1/logo300.jpg);*/
	background-image:url(/common/images/v1/logo300.gif);
	background-repeat:no-repeat;
	background-size:235px 45px;
	-moz-background-size:235px 45px;
	-webkit-background-size:235px 45px;
	display: block;
	width:235px;
	height:45px;
	/* text-indent: -1110em; */
	text-indent:-1000em;
}
#media-name a{
	background-color:transparent;
	background-image:url(/common/images/v1/logo300.gif);
	background-repeat:no-repeat;
	background-size:235px 45px;
	-moz-background-size:235px 45px;
	-webkit-background-size:235px 45px;
	display: block;
	width:235px;
	height:45px;
	text-indent:-1000em;
	overflow:hidden;
	white-space:nowrap;
}
#ismedia{
	/*clear:none;
	float:right;
	margin:0px 0px 10px 0px;*/
	position:absolute;
	top:0px;
	right:0px;
}

/* -- SNSボタン(2015.11～）--------------------------------------- */
#header-sns{width:320px;float:right;overflow:hidden;}
#header-sns div{float:left;}
#header-sns div a{display:block;background-color:#313131;color:#fff;height:45px;margin-left:5px;}
#header-sns div a span{font-size:12px;line-height:45px;}
#header-sns div a:hover{background-color:#000;}
#header-sns .facebook a{
background-image:url(/common/images/v1/common/logo-facebook.png);
background-repeat:no-repeat;
background-position:15px center;
background-size:9px 20px;
-moz-background-size:9px 20px;
-webkit-background-size:9px 20px;
width:100px;
text-align:center;
}
#header-sns .facebook a span{padding-left:15px;}
#header-sns .twitter a{
background-image:url(/common/images/v1/common/logo-twitter.png);
background-repeat:no-repeat;
background-position:15px center;
background-size:22px 18px;
-moz-background-size:22px 18px;
-webkit-background-size:22px 18px;
width:100px;
text-align:center;
}
#header-sns .twitter a span{padding-left:25px;}
#header-sns .hatena a{
background-image:url(/common/images/v1/common/logo-hatena.png);
background-repeat:no-repeat;
background-position:center;
background-size:24px 20px;
-moz-background-size:24px 20px;
-webkit-background-size:24px 20px;
text-indent:200%;
overflow:hidden;
white-space:nowrap;
width:50px;
}
#header-sns .rss a{
background-image:url(/common/images/v1/common/logo-rss.png);
background-repeat:no-repeat;
background-position:center;
background-size:20px 20px;
-moz-background-size:20px 20px;
-webkit-background-size:20px 20px;
text-indent:200%;
overflow:hidden;
white-space:nowrap;
width:50px;
}

/*
********************************************************************
検索部分
********************************************************************
*/
#search{float:right;padding:0px;margin-right:20px;}

.inputtext{
	border:0px;
	background: #fff;
	width:180px;
	height:23px;
	font-size:12px;
	color:#999;
	float:left;
	margin:1px 0;
	padding:0 0px 0px 5px;
}

.searchbtn{
	clear:none;
	float:right;
	border: 0;
	background-image: url(/common/images/v1/common/search-ico.png);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#313131;
	background-size:16px 16px;
	-moz-background-size:16px 16px;
	-webkit-background-size:16px 16px;
	width: 50px;
	height: 23px;
	cursor: pointer;
	margin:1px 0;
}
.searchbtn:hover{background-color:#000;}

.common-informarion{
	width:640px;
	font-size: 13px;
	color: rgb(255, 0, 0);
	text-align: left;
	line-height: 20px;
	float:left;
	margin-top:5px;
}


/* ログイン */
#premium-panel{clear:right;}
#premium-panel ul{
	float:right;
	padding:0px;
	height:20px;
	margin:5px 15px 0 0;
}
#premium-panel ul li{float:left; font-size:13px; line-height:24px;}
#premium-panel ul li a{color:#fff;}
#premium-panel ul li a:hover{text-decoration:underline;}
#premium-panel ul li.btn-logout a,
#premium-panel ul li.btn-login a{
	background-image: url(/common/images/v1/common/logo-key.png);
	background-repeat:no-repeat;
	background-position:0 1px;
	background-size:12px 17px;
	-moz-background-size:12px 17px;
	-webkit-background-size:12px 17px;
	color:#fd0000;
	padding:1px 0 1px 20px;
}

#premium-panel ul li.basic::before{
content:"";
display:inline-block;
left: 3px;
width: 7px;
height: 7px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#premium-panel ul li.basic{margin-left:15px;}
#premium-panel ul li.basic a{padding-left:10px;display:inline-block;}
#premium-panel ul li a:hover{text-decoration:none;opacity:0.7;}


/*
************************************
facebook トップページのみ
************************************
*/
.top-facebook{
	position:absolute;
	top:0px;
	right:100px;
}

/*
********************************************************************
フッター
********************************************************************
*/
#footer{
	background-color:#000;
}
#footer .company{
	float:left;
	margin-left:20px;
}
* html #footer .company{
	margin-left:10px;
}
#footer * a,#footer * a:visited{
	color:#ccc;
}
#footer ul{
	clear:none;
	width:750px;
	float:right;
	color:#ccc;
	padding:0px;
}
#footer ul li{
	display:inline;
	float:right;
	margin-right:15px;
	font-size:12px;
}
#footer ul li img{
	float:left;
}
#footer .copyright{
	clear:right;
	float:right;
	width:400px;
	margin:0px 0px 0px 0px;
	padding:10px 15px 0px 10px;
	text-align:right;
	color:#ccc;
	font-size:12px;
}
#footer .copyright a{
	float:right;
}