@charset "UTF-8";

/* 共通設定 */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Osaka","ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
	color:#666666;
	font-size: 12px;
	text-align:center;
	background:#fff;
	line-height:140%;
}

p{
	font-size:12px;
	line-height:140%;
}

p span{
	font-size:14px;
	font-weight:bold;
	color:#666666;
}

p .mini_txt {
	font-size:10px;
	font-weight:normal;
	color:#666666;
}


/*文字サイズ*/
body.fontL {
	font-size:14px;
	line-height: 170%;
}
body.fontM {
	font-size:12px;
	line-height: 150%;
}
body.fontS {
	font-size:10px;
	line-height: 140%;
}

body.fontL p {font-size:14px;}
body.fontM p {font-size:12px;}
body.fontS p {font-size:10px;}

body.fontL p span{font-size:16px;}
body.fontM p span{font-size:14px;}
body.fontS p span{font-size:12px;}

body.fontL p span.mini{font-size:12px;}
body.fontM p span.mini{font-size:10px;}
body.fontS p span.mini{font-size:9px;}

body.fontL #main .contents .box .box_bottom h3{font-size:18px;}
body.fontM #main .contents .box .box_bottom h3{font-size:16px;}
body.fontS #main .contents .box .box_bottom h3{font-size:14px;}



img {
	border-style: none;
}

a {
	text-decoration: underline;
}
a:link {
	color:#CC0000;
}
a:active {
	color:#CC0000;
}
a:hover {
	color:#CC0000;
}
a:visited {
	color:#CC0000;
}

.clearfix:after {
	content: ".";   
	display: block;   
	visibility: hidden;   
	height: 0.1px;   
	font-size: 0.1em;   
	line-height: 0;   
	clear: both; 
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul li {
	list-style:none;
}
 
.test { border:#FF0000 1px solid;}

#page {
	width:950px;
	margin:0 auto;
}





/*-----------------------------------------------
// ヘッダー
//---------------------------------------------*/

#head {
	background:url(/img_common/head.jpg) no-repeat top center;
}

#header2 {
	width:950px;
	height:65px;
	text-align:left;
	background:url(/img_common/head.jpg) no-repeat top 180px;
}
#header {
	width:950px;
	height:65px;
	text-align:left;
	background:url(/img_common/head.jpg) no-repeat top;
}
#header h1,
#header2 h1{
	width:690px;
	height:38px;
	text-indent:-9999px;
	font-size:5px;
	line-height:100%;
	padding:27px 0 0 10px;
	float:left;
}

#header h1 a,
#header2 h1 a{
	display:block;
	width:395px;
	height:28px;
	text-indent:-9999px;
}

#header p {
	width:69px;
	height:65px;
	text-indent:-9999px;
	font-size:5px;
	line-height:100%;
	float:right;
	background:url(/img_common/txt_size.jpg) no-repeat;
	padding:0 0 0 181px;
}

#header p a {
	display:block;
	float:left;
}

#header p a.sizeS {
	width:17px;
	height:17px;
	margin:44px 4px 0 0;
}

#header p a.sizeM {
	width:20px;
	height:20px;
	margin:41px 4px 0 0;
}

#header p a.sizeL {
	width:24px;
	height:24px;
	margin:37px 0 0 0;
}

/*-----------------------------------------------
// メニュー
//---------------------------------------------*/

#menu a {
	color:#666666;
}

#menu a:hover {
	color:#FFFFFF;
}

#menu {
	width:950px;
	margin:0 0 5px;
}

#menu .home{
	float:left;
	width:135px;
	height:40px;
}

#menu .home a{
	display:block;
	width:135px;
	height:40px;
	text-indent:-9999px;
	background:url(/img_common/menu_home.jpg) no-repeat;
}

#menu .home a:hover,
.top #menu .home a{background:url(/img_common/menu_home_on.jpg) no-repeat;}

#menu .release{
	float:left;
	width:135px;
	height:40px;
}

#menu .release a{
	display:block;
	width:135px;
	height:40px;
	text-indent:-9999px;
	background:url(/img_common/menu_press.jpg) no-repeat;
}

#menu .release a:hover,
.release_box #menu .release a{background:url(/img_common/menu_press_on.jpg) no-repeat;}

#menu .jobs{
	float:left;
	width:136px;
	height:40px;
}

#menu .jobs a{
	display:block;
	width:136px;
	height:40px;
	text-indent:-9999px;
	background:url(/img_common/menu_jobs.jpg) no-repeat;
}

#menu .jobs a:hover,
.jobs_box #menu .jobs a{background:url(/img_common/menu_jobs_on.jpg) no-repeat;}

#menu .privacypolicy{
	float:left;
	width:136px;
	height:40px;
}

#menu .privacypolicy a{
	display:block;
	width:136px;
	height:40px;
	text-indent:-9999px;
	background:url(/img_common/menu_private.jpg) no-repeat;
}

#menu .privacypolicy a:hover,
.privacypolicy_box #menu .privacypolicy a{background:url(/img_common/menu_private_on.jpg) no-repeat;}

#menu .customer{
	float:left;
	width:136px;
	height:40px;
}

#menu .customer a{
	display:block;
	width:136px;
	height:40px;
	text-indent:-9999px;
	background:url(/img_common/menu_customer.jpg) no-repeat;
}

#menu .customer a:hover,
.contact_box #menu .customer a{background:url(/img_common/menu_customer_on.jpg) no-repeat;}

/*--js dropdownスタイル---------------------------------------------------------------*/
.dropdown {
	float:left; 
	position:relative;
	z-index:200;
}
.dropdown dt:hover {background:url(images/header_over.gif)}

.dropdown dd {
	position:absolute; 
	overflow:hidden; 
	width:136px; 
	display:none; 
	background:#fff; opacity:0
}
.dropdown ul {
	width:160px;
	_width:210 ;
	border-top:1px solid #ccc; 
	list-style:none;
}
.dropdown li {
	text-align:left;
	 font-size:12px; 
	border:1px solid #ccc; 
	border-width:0 1px 1px;
}
.dropdown li a {
	display:block; 
	color:#666666; 
	text-decoration:none; 
	width:150px;
	padding:7px 5px 7px 5px;
	text-align:left;
}
.dropdown li a:hover {
	background: #333333;
	color:#fff;
}
/*-----------------------------------------------------------------------*/
dt#one-ddheader {
	width:136px;
	height:40px;
	text-decoration:none;
	background: url(/img_common/menu_company.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
	float:left;
	text-indent:-9999px;
}
dt#one-ddheader a {
	width:136px;
	height:40px;
	display:block;
	text-indent:-9999px;
}
dt#one-ddheader a:hover,
.company_box dt#one-ddheader a{background: url(/img_common/menu_company_on.jpg) no-repeat;}

dd#one-ddcontent {
	position:absolute; 
	top:40px; 
	left:0px;
	overflow:hidden; 
	width:160px; 
	display:none; 
	background:#fff; 
	z-index:200; 
	opacity:0;
}



dt#two-ddheader {
	width:136px;
	height:40px;
	text-decoration:none;
	background: url(/img_common/menu_ad.jpg);
	background-repeat:no-repeat;
	float:left;
	text-indent:-9999px;
}
dt#two-ddheader a {
	width:136px;
	height:40px;
	display:block;
	text-indent:-9999px;
}
dt#two-ddheader a:hover,
.ads_box dt#two-ddheader a {background: url(/img_common/menu_ad_on.jpg) no-repeat;}

dd#two-ddcontent {
	position:absolute; 
	top:40px;
	left:136px; 
	overflow:hidden; 
	width:160px; 
	display:none; 
	background:#fff; 
	z-index:200; 
	opacity:0;
}




dt#three-ddheader {
	width:136px;
	height:40px;
	text-decoration:none;
	background: url(/img_common/menu_jobs.jpg);
	background-repeat:no-repeat;
	float:left;
	text-indent:-9999px;
}
dt#three-ddheader a {
	width:136px;
	height:40px;
	display:block;
	text-indent:-9999px;
}
dt#three-ddheader a:hover,
.jobs_box dt#three-ddheader a {background: url(/img_common/menu_jobs_on.jpg) no-repeat;}

dd#three-ddcontent {
	position:absolute; 
	top:40px;
	left:272px; 
	overflow:hidden; 
	width:160px; 
	display:none; 
	background:#fff; 
	z-index:200; 
	opacity:0;
}


/*-----------------------------------------------
// パンくず
//---------------------------------------------*/

#pankuzu {
	width:945px;
	margin:5px 0 10px 5px;
	text-align:left;
}
 
/*-----------------------------------------------
// メインレイアウト
//---------------------------------------------*/
#main_top {
	width:950px;
	text-align:left;
}

#main {
	width:950px;
	background:url(/img_common/main_bg.gif) repeat-y;
	text-align:left;
}
/*
#main {
	width:950px;
	text-align:left;
}
*/

/*-----------------------------------------------
// バナー
//---------------------------------------------*/
#banner {
	width:900px;
	padding:0 0 0 25px;
	margin:10px 0 20px 0;
}

#banner li{
	float:left;
	width:118px;
	height:30px;
	padding:0 10px 0 0;
}

#banner li a{
	width:118px;
	height:30px;
	display:block;
	text-indent:-9999px;
}

#banner li.hdgs a{ background:url(/img_common/bnr_hdgs.jpg) no-repeat;}
#banner li.webkado a{ background:url(/img_common/bnr_webkado.jpg) no-repeat;}
#banner li.movietime a{ background:url(/img_common/bnr_movietime.jpg) no-repeat;}
#banner li.movietime { background:url(/img_common/bnr_movietime.jpg) no-repeat; text-indent:-9999px;}
#banner li.mediahouse a{ background:url(/img_common/bnr_mediahouse.jpg) no-repeat;}
#banner li.digix a{ background:url(/img_common/bnr_digix.jpg) no-repeat;}
#banner li.ssc a{ background:url(/img_common/bnr_ssc.jpg) no-repeat;}
#banner li.kadomoba a{ background:url(/img_common/bnr_kadomoba.jpg) no-repeat;}

/*-----------------------------------------------
// フッター
//---------------------------------------------*/
#footer{
	background:#CCCCCC;
	text-align:center;
	padding:15px 0 10px 0;
	color:#000;
	font-size:10px;
}
#footer .links{
	width:950px;
	margin:0 auto 15px;
}

#footer .links li{
	float:left;
	border-left:1px solid #000000;
	padding:0 10px;
	font-size:10px;
	list-style:none;
} 

#footer .links li.press{
	float:left;
	border-left: none;
	padding:0 5px;
	font-size:10px;
	list-style:none;
}

#footer .links li a{
	color:#000000;
	text-decoration:none;
}

#footer .links li a:hover{
	color: #CC0000;
	text-decoration: underline;
}

/*-----------------------------------------------
// 内部共通
//---------------------------------------------*/

#main .left_menu{
	float:left;
	width:180px;
}

#main .contents{
	float:right;
}

#main .left_menu h2{
	width:180px;
	height:36px;
	text-indent:-9999px;
}

#main .contents .header{
	width:750px;
	height:26px;
	background:url(/img_apology/header.jpg) no-repeat bottom;
	font-size:16px;
	font-weight:bold;
	padding:10px 0 0 10px;
	color:#FFF;
}

#main .contents .box{
	width:720px;
	padding:0px 20px 20px 20px;
	background:url(/img_common/right_box_bg.gif) repeat-y;
}

#main .contents .box .box_main{
	width:720px;
}

#main .contents .footer{
	width:760px;
	height:10px;
	background:url(/img_common/right_box_bottom.gif) no-repeat top;
	margin:0 0 15px 0;
}


/*-----------------------------------------------
// メンテナンス
//---------------------------------------------*/
#page #maintenance {
	margin:0 0 20px;
	background:url(/img_common/maintanance_box.jpg) no-repeat;
	height:210px;
	width:950px;
}

#page #maintenance h2 {
	margin:20px;
	line-height:140%;
	font-size:20px;
	text-indent:0px;
	width:950px;
}

#page #maintenance p {
	text-align:center;
	margin:20px;
	padding:20px;
}