﻿@charset "utf-8";
/* CSS Document */

.mixiCheck { text-align:right; margin-bottom:5px; }
.mixiCheckSide { text-align:center; margin:10px 0; }
#LiveStream { margin-bottom:15px;}
#LiveStream .exp { background-color:#EFEFEF; width:205px; float:left; margin-right:5px; padding:5px; height:286px; }

/*base setting*/
* { margin: 0px; padding: 0px; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}
p { margin: 0px; padding: 0px;}
ol { margin-left: 18px; padding: 0px; line-height: 1.6em;}
body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 1.6em;
	color: #333333;
}
a:link {	color: #1369B7;	text-decoration: none;}
a:visited { color: #1369B7;	text-decoration: none;}
a:active  {	color: #FF9900;	text-decoration: underline;}
a:hover   {	color: #FF9900;	text-decoration: underline;}

img { border: none;}

.center { text-align: center;}
.right { text-align: right;}
.left { text-align: left;}

.floatLeft { float: left;}
.floatRight { float: right;}

.imgRight { float: right; margin: 5px 0px 15px 10px;}
.imgLeft { float: left; margin: 5px 10px 15px 0px;}
.imgCenter { text-align: center;}

.clear { clear:both;}
*html body .clear { clear: both; visibility: hidden; height: 0px; overflow : hidden !important;}
*:first-child+html .clear { clear: both; visibility: hidden; height: 0px; overflow : hidden !important;}

.hidden { display: none;}

table { width: 100%; margin-bottom: 30px; background: #CCCCCC; border: none;}
table th { text-align: center; padding: 5px 5px; background: #EEEEEE;}
table td { text-align: center; padding: 5px 5px; background: #FFFFFF;}

.rGray { color: #CCCCCC;}
.red {	color: #E50012;}
.green { color: #719A3C;}

.txt10 { font-size:10px; }
.txt12 { font-size:12px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }

.txt10B { font-size:10px; font-weight:bold; }
.txt12B { font-size:12px; font-weight:bold; }
.txt14B { font-size:14px; font-weight:bold; }
.txt16B { font-size:16px; font-weight:bold; }

/*clearance*/
.mb0 { margin-bottom: 0px;}
.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb60 { margin-bottom: 60px;}
.mb90 { margin-bottom: 90px;}

/*clearance*/
.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt60 { margin-top: 60px;}

/*clearance*/
.mr03 { margin-right: 3px;}
.mr05 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}
.mr60 { margin-right: 60px;}

/*clearance*/
.ml05 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}
.ml60 { margin-left: 60px;}

/*form*/
.w200 { width:200px;}
.w300 { width:300px;}
.w400 { width:400px;}
.w30 { width:30px;}

/*charactor setting*/
h1 { margin: 0px; padding: 0px; font-size: 20px; line-height: 1.2em;}
h2 { margin: 0px; padding: 0px; font-size: 17px; line-height: 1.2em;}
h3 { margin: 0px; padding: 0px; font-size: 15px; line-height: 1.2em;}
h3.deco { width: 677px; height: 23px; margin-bottom: 10px; padding: 8px 5px 0px 18px; font-size: 14px; color: #CC0000; background: url(../images/h3bg.gif); line-height: 1.2em;}
h4 { margin: 0px; padding: 0px; font-size: 14px; line-height: 1.2em; color: #CC0000;}
h5 { margin: 0px; padding: 0px; font-size: 12px; line-height: 1.2em;}

.caption { font-size: 10px; line-height: 1.3em;}

/*decoration*/
.uLineBox { width: 100%;}
.uLineBox ul { list-style-type: none; margin: 0px; padding: 0px;}
.uLineBox li { padding: 5px 0px; border-bottom: #CCCCCC dotted 1px;}
*html body .uLineBox li { padding-bottom: 0px;}
*:first-child+html .uLineBox li { padding-bottom: 0px;}

.tLineBox { width: 100%; margin-top: 5px;}
.tLineBox ul { list-style-type: none; margin: 0px; padding: 0px;}
.tLineBox li { padding: 5px 0px; border-top: #CCCCCC dotted 1px;}
*html body .tLineBox li { padding-bottom: 12px;}
*:first-child+html .tLineBox li { padding-bottom: 6px;}

/*header*/
#title { width: 982px; height: 91px; margin: 0px auto; background: url(../images/h1btm01.gif) no-repeat; text-indent: -500em;}

#headerMenu {
	width: 982px;
	margin: 0px auto;
	height: 57px;
}

#headerMenu ul { margin: 0px; padding: 0px; list-style-type: none;}
#headerMenu li { height: 55px; float: left;}
#headerMenu li a.hd01 { display: block; width: 165px; height: 57px; background: url(../images/menu01.gif) no-repeat; text-indent: -500em;}
#headerMenu li a.hd02 { display: block; width: 162px; height: 57px; background: url(../images/menu02.gif) no-repeat; text-indent: -500em;}
#headerMenu li a.hd03 { display: block; width: 162px; height: 57px; background: url(../images/menu03.gif) no-repeat; text-indent: -500em;}
/*#headerMenu li .hd03 {
	display: block;
	width: 162px;
	height: 57px;
	text-indent: -500em;
	background-image: url(../images/menu03.gif);
	background-repeat: no-repeat;
	background-position: left -114px;
}*/
#headerMenu li a.hd04 { display: block; width: 162px; height: 57px; background: url(../images/menu04.gif) no-repeat; text-indent: -500em;}
/*#headerMenu li .hd04 {
	display: block;
	width: 162px;
	height: 57px;
	text-indent: -500em;
	background-image: url(../images/menu04.gif);
	background-repeat: no-repeat;
	background-position: left -114px;
}*/
#headerMenu li a.hd05 { display: block; width: 162px; height: 57px; background: url(../images/menu05.gif) no-repeat; text-indent: -500em;}
#headerMenu li a.hd06 { display: block; width: 169px; height: 57px; background: url(../images/menu06.gif) no-repeat; text-indent: -500em;}
#headerMenu li a:hover { background-position: 0px -57px;}

/*dead link*/
#headerMenu li.dead03 { width: 156px; height: 55px; background: url(../images/menu03.jpg) no-repeat 0px -110px;; text-indent: -500em;}
#headerMenu li.dead04 { width: 156px; height: 55px; background: url(../images/menu04.jpg) no-repeat 0px -110px;; text-indent: -500em;}
#headerMenu li.dead05 { width: 158px; height: 55px; background: url(../images/menu05.jpg) no-repeat 0px -110px;; text-indent: -500em;}

/*sidebar*/
#appbtnBox { width: 210px; height: 90px; background: #FFFFFF;}

/*sidemenu*/
#sideMenu { width: 210px; margin-bottom: 40px;}
#sideMenu ul { list-style-type: none; margin: 0px; padding: 0px;}
#sideMenu ul li a { display: block; width: 189px; padding: 5px 0px 4px 20px; background: url(../images/sideMenuArrow.gif) no-repeat 6px 8px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-left-width: 1px; border-left-style: solid; border-left-color: #EFEFEF;}
#sideMenu ul li.top { border-top-width: 1px; border-top-style: solid; border-top-color: #CCCCCC;}

#sideMenu ul.subMenu { list-style-type: none; margin: 0px; padding: 0px;}
#sideMenu .subMenu li a { display: block; width: 181px; background: url(../images/sideMenuArrowS.gif) no-repeat 20px 11px; padding: 5px 0px 4px 28px;}

#sideMenu a:link {	color: #333333;	text-decoration: none;}
#sideMenu a:visited { color: #333333;	text-decoration: none;}
#sideMenu a:active  {	color: #E50012;	text-decoration: none;}
#sideMenu a:hover   {	color: #E50012; background: #FFFFFF url(../images/sideMenuArrow.gif) no-repeat 6px 8px;	text-decoration: none; border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC;}
#sideMenu .subMenu a:hover   {	color: #E50012; background: #FFFFFF url(../images/sideMenuArrowS.gif) no-repeat 20px 11px;	text-decoration: none; border-left-width: 1px; border-left-style: solid; border-left-color: #CCCCCC;}
.sdbnr { text-align:center; margin-bottom:10px; font-size:10px; line-height:120%; }

/*contena*/
#headerTop {
	height: 318px;
	margin: 0;
	padding-bottom:20px;
}
#headerBtm {
	height: 146px;
	margin: 0;
	padding-bottom:20px;
}
#outerBox {
	width: 982px;
	margin: 0px auto;
	background:url(../images/main_bg.gif) repeat-y;
}
#contsBox {
	width: 952px;
	background-image: url(../images/main_hd.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
}
#rightBox { width: 700px; float: right;}
#sidebar { width: 210px; float: left;}

/*top*/
#topTitle { width: 982px; height: 261px; margin: 0px auto; background: url(../../images/h1top01.jpg) no-repeat; text-indent: -500em;}
h2.topCatch { width: 940px; height: 260px; margin-bottom: 18px; background: url(../../../images/h2top01.jpg) no-repeat; text-indent: -500em;}
.topAttention { width: 700px; height: 195px; margin-bottom: 30px; background: url(../../images/h2top02.jpg) no-repeat; text-indent: -500em;}
.topAttention ul { list-style-type: none;}
h3.topWhatsNew { width: 700px; height: 54px; margin-bottom: 10px; background: url(../../images/h3top01.jpg) no-repeat; text-indent: -500em;}
h3.topAbout { width: 700px; height: 54px; margin-bottom: 10px; background: url(../../images/h3top02.jpg) no-repeat; text-indent: -500em;}

.topInfoDate { width: 120px; float: left;}
.topInfoNews { width: 580px; float: left;}

h2.topPickup { width: 200px; height: 35px; margin-bottom: 10px; background: url(../../../images/h3topPickup.gif) no-repeat; text-indent: -500em;}
h2.topLink { width: 200px; height: 35px; margin: 15px 0px 10px; background: url(../../../images/h3topLink.gif) no-repeat; text-indent: -500em;}

.movBox {
	width: 320px;
	height: 181px;
	margin-left: 10px;
	float: right;
	margin-top: 5px;
}


#sponsor_p_box{
	width:676px;
	border: 2px solid #547381;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#sponsor_p_box ul{
	text-align: center;
	width: 676px;
}
#sponsor_p_box li{
	list-style: none;
	float: left;
	margin-top: 5px;
	margin-right: 41px;
	margin-bottom: 5px;
}
#sponsor_p_box h4{
	margin-bottom: 5px;
}

#sponsor_g_box{
	width:676px;
	border: 2px solid #c1965b;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#sponsor_g_box ul{
	width: 700px;
	text-align: center;
}
#sponsor_g_box li{
	list-style: none;
	float: left;
	margin-top: 5px;
	margin-right: 37px;
	margin-bottom: 5px;
}
#sponsor_g_box h4{
	margin-bottom: 5px;
}

#sponsor_sp_box{
	width:676px;
	border: 2px solid #ef2159;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#sponsor_sp_box ul{
	width: 700px;
	text-align: center;
}
#sponsor_sp_box li{
	list-style: none;
	float: left;
	margin-top: 5px;
	margin-right: 45px;
	margin-bottom: 5px;
}
#sponsor_sp_box h4{
	margin-bottom: 5px;
}

#sponsor_s_box{
	width:676px;
	border: 2px solid #626c71;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#sponsor_s_box ul{
	width: 700px;
	text-align: center;
}
#sponsor_s_box li{
	list-style: none;
	float: left;
	margin-top: 5px;
	margin-right: 33px;
	margin-bottom: 5px;
}
#sponsor_s_box h4{
	margin-bottom: 5px;
}

#sponsor_lec_box{
	width:676px;
	border: 2px solid #f68400;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
#sponsor_lec_box ul{
	width: 700px;
	text-align: center;
}
#sponsor_lec_box li{
	list-style: none;
	float: left;
	margin-top: 5px;
	margin-right: 45px;
	margin-bottom: 5px;
}
#sponsor_lec_box h4{
	margin-bottom: 5px;
}


/*overview*/
h2.h2overview01 { width: 700px; height: 39px; margin-bottom: 15px; background: url(../../info/images/h2overview01.jpg) no-repeat; text-indent: -500em;}
h2.h2overview02 { width: 700px; height: 39px; margin-bottom: 15px; background: url(../../info/images/h2overview02.jpg) no-repeat; text-indent: -500em;}
h2.h2overview03 { width: 700px; height: 39px; margin-bottom: 15px; background: url(../../info/images/h2overview03.jpg) no-repeat; text-indent: -500em;}
h3.h3overview01 { width: 570px; height: 35px; margin-bottom: 1px; background: url(../../info/images/h3overview01.gif) no-repeat; text-indent: -500em;} 
h3.h3overview02 { width: 570px; height: 35px; margin-bottom: 1px; background: url(../../info/images/h3overview02.gif) no-repeat; text-indent: -500em;} 
h3.h3overview03 { width: 570px; height: 35px; margin-bottom: 1px; background: url(../../info/images/h3overview03.gif) no-repeat; text-indent: -500em;} 
h3.h3overview04 { width: 570px; height: 35px; margin-bottom: 1px; background: url(../../info/images/h3overview04.gif) no-repeat; text-indent: -500em;} 
h3.h3overview05 { width: 570px; height: 35px; margin-bottom: 1px; background: url(../../info/images/h3overview05.gif) no-repeat; text-indent: -500em;} 
h3.h3overview06 { width: 570px; height: 35px; margin-bottom: 1px; background: url(../../info/images/h3overview06.gif) no-repeat; text-indent: -500em;} 
.overviewListL { width: 140px; font-weight: bold; float: left;}
.overviewListR { width: 560px; float: left;}
.scheduleBox { width: 570px; margin: 0px auto;}
.scheduleStep01 { width: 500px; height: 75px; padding: 10px 10px 0px 60px; margin-bottom: 5px; background: url(../../info/images/overImg01.gif) no-repeat;}
.scheduleStep02 { width: 500px; height: 75px; padding: 10px 10px 0px 60px; margin-bottom: 5px; background: url(../../info/images/overImg02.gif) no-repeat;}
.scheduleStep03 { width: 500px; height: 75px; padding: 10px 10px 0px 60px; margin-bottom: 5px; background: url(../../info/images/overImg03.gif) no-repeat;}
.scheduleStep04 { width: 500px; height: 75px; padding: 10px 10px 0px 60px; margin-bottom: 5px; background: url(../../info/images/overImg04.gif) no-repeat;}
.scheduleStep05 { width: 500px; height: 75px; padding: 10px 10px 0px 60px; margin-bottom: 5px; background: url(../../info/images/overImg05.gif) no-repeat;}
.scheduleStep06 { width: 500px; height: 75px; padding: 10px 10px 0px 60px; margin-bottom: 5px; background: url(../../info/images/overImg06.gif) no-repeat;}

/*charge*/
h2.h2charge01 { width: 700px; height: 39px; margin-bottom: 15px; background: url(../../info/images/h2charge01.jpg) no-repeat; text-indent: -500em;}

/*merit*/
h2.h2merit01 { width: 700px; height: 39px; margin-bottom: 15px; background: url(../../info/images/h2merit01.jpg) no-repeat; text-indent: -500em;}
h3.h3merit01 { width: 618px; height: 50px; margin-bottom: 30px; background: url(../../info/images/h3merit01.gif) no-repeat; text-indent: -500em;}
h4.h4merit01 { width: 700px; height: 84px; background: url(../../info/images/h4merit01.gif) no-repeat; text-indent: -500em;}
h4.h4merit02 { width: 700px; height: 77px; background: url(../../info/images/h4merit02.gif) no-repeat; text-indent: -500em;}
h4.h4merit03 { width: 700px; height: 82px; background: url(../../info/images/h4merit03.gif) no-repeat; text-indent: -500em;}
.meritBox { width: 678px; padding: 5px 10px; border: #CCCCCC 1px solid; border-top: none;}
.meritBox ul { margin: 0px; padding: 0px; list-style-type: none;}
.meritBox li { margin-bottom: 5px;}
.targetBox { width: 680px; padding: 10px; border: #CCCCCC 1px solid;}
.targetBox ul { margin: 0px; padding: 0px; list-style-type: none;}
.targetBox li { width: 340px; margin-bottom: 5px; float: left;}


/*report*/
h2.h2report01 { width: 700px; height: 39px; margin-bottom: 15px; background: url(../../info/images/h2report01.jpg) no-repeat; text-indent: -500em;}
.reportGraphBox { width: 350px; float: left;}

.reportBox ul { margin: 0px; padding: 0px; list-style-type: none;}
.reportBox li { width: 350px; margin-bottom: 20px; float: left;}



#advisory_box{
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #CCCCCC;
}
#advisory_box .name{
	float:left;
	margin-left: 20px;
	color: #333333;
	margin-right: 20px;
}
#advisory_box .logo{
	float:left;
	margin-left: 20px;
	padding: 10px;
	border: 1px solid #dddddd;
}

/*inquiry*/
h2.h2inquiry01 { width: 700px; height: 39px; margin-bottom: 15px; background: url(../../images/h2inquiry01.jpg) no-repeat; text-indent: -500em;}

/*companylist*/
h2.h2companylist01 { width: 700px; height: 39px; margin-bottom: 15px; background: url(../../complist/images/h2companylist01.jpg) no-repeat; text-indent: -500em;}
h2.h2companylist02 { width: 700px; height: 39px; margin-bottom: 15px; background: url(../../complist/images/h2companylist02.jpg) no-repeat; text-indent: -500em;}
.complistBox { background: url(../../complist/images/ylw_box_top.jpg) no-repeat #FFF4B5; padding:10px 0 0 40px; }
.complistBoxB { background: url(../../complist/images/ylw_box_btm.jpg) no-repeat #FFF4B5; height:10px;}
.searchKey { width:160px; float:left;}
.searchKeySrch { width:140px; float:left; padding-top:7px;}
.kanaList { width:500px; margin-left:140px; }
.kanaList li { list-style:none; width:28px; height:28px; float:left; margin-right:10px; text-align:center; }
.kanaList li a:link, .kanaList li a:visited { background:url(../../complist/images/list_sq_bg.jpg) no-repeat; color:#FFF; font-size:16px; font-weight:bold; display:block; width:28px; height:23px; padding-top:5px; }
.kanaList li a:hover { color:#FF0; text-decoration:none; }
.complistSttl {background:url(../../complist/images/s_title_bg.jpg) no-repeat; font-size:14px; color:#C00; font-weight:bold; padding:4px 0 6px 10px; margin-top:20px; }
.compsearchSttl {background:url(../../complist/images/sl_title_bg.jpg) no-repeat; font-size:20px; color:#FFF; font-weight:bold; padding:9px 0 13px 9px; margin-top:15px; }
.pd2px { padding:2px 0; }

#srchResult { margin: 5px 0; }
#srchResult div img { margin:0 3px 0 10px; vertical-align:bottom;  }
*html #srchResult div img { vertical-align:middle;  }
#srchResult table { background-color:#FFF; margin-top:10px; }
#srchResult th, #srchResult td { background-color:#FFF; padding: 3px 0px; border-bottom: #CCCCCC dotted 1px;}
#srchResult td { width:15%; }
#srchResult th { text-align:left; font-weight:normal; }

/* PULDOWN MENU*/

#pulMenu {
	width: 982px;
	margin: 0px auto;
}

#pulMenu ol { list-style-type: none; margin: 0; padding:0; }
#pulMenu ol li { margin: 0px; padding: 0px;}
#pulMenu ol li a {
	display: block;
	padding: 5px 0 5px 12px;
	background:url(../images/list_tri_red.gif) no-repeat 4px center;
	border-left:1px solid #e9000a;
	border-right:1px solid #e9000a;
	border-bottom:1px solid #e9000a;
	text-decoration:none;
	background-color: #FFF;
	color:#333;
	width: 148px;
}


#pulMenu ol li a:hover { background-color: #ffe5e7;}

#fNavi01, #fNavi02, #fNavi03, #fNavi04, #fNavi05 {
	position:absolute;
	width:166px;
	visibility: hidden;
	margin:0;
	top: 141px;
}

* html #fNavi01, * html #fNavi02, * html #fNavi03, * html #fNavi04, * html #fNavi05 {
	margin-top:-2px;
}

#fNavi01 {
	z-index:1;
	padding-left: 166px;
}
	
#fNavi02 {
	z-index:2;
	padding-left: 328px;
}

#fNavi03 {
	z-index:3;
	padding-left: 490px;
}

#fNavi04 {
	z-index:4;
	padding-left: 652px;
}

#fNavi05 {
	z-index:5;
	padding-left: 652px;
}



#fNavi01top, #fNavi02top, #fNavi03top, #fNavi04top, #fNavi05top {
	position:absolute;
	width:166px;
	visibility: hidden;
	margin:0;
	top: 311px;
}

* html #fNavi01top, * html #fNavi02top, * html #fNavi03top, * html #fNavi04top, * html #fNavi05top {
	margin-top:-2px;
}

#fNavi01top {
	z-index:1;
	padding-left: 166px;
}
	
#fNavi02top {
	z-index:2;
	padding-left: 328px;
}

#fNavi03top {
	z-index:3;
	padding-left: 490px;
}

#fNavi04top {
	z-index:4;
	padding-left: 652px;
}

#fNavi05top {
	z-index:5;
	padding-left: 652px;
}

/*footer*/
#foot {
	width: 940px;
	margin:0 auto;
	height: 38px;
	padding-top: 17px;
	color: #FFFFFF;
	text-align: center;
	background-color: #EB000F;
}

#footNavi {
	width: 910px;
	margin:30px auto 0;
	padding:15px;
	background-image: url(../images/footavi_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #efefef;
}

#footNavi li {
	float:left;
	width:181px;
	list-style:none;
}

#footNavi li a { text-decoration:none; }

#footNavi li div.sfmenu {
	line-height:135%;
	margin-top:5px;
	color:#999;
}

#footNavi li div.RedB a { color:#B20019; }
