@charset "UTF-8";

/* ------------------------------
■目次
0.トップページ
1.投資家向けツール作成
2.媒体コミュニケーション
3.ダイレクトコミュ二ケーション
4.企業情報
5.その他
------------------------------*/


/* ------------------------------
0.トップページ
 ------------------------------*/
#top{
	background:#ffffff url(../../img/bg_top.gif) repeat-y;
	}

/* ハック */
#top:after{
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
	background:#ffffff url(../../img/bg_top.gif) repeat-y;
}	
	
	
	
/* 左カラム */	
#top #left{
	width:50px;
	float:left;
	padding-top:12px;
	text-align:left;
	background:#EDEBE7;
	}
#top #left h2{
	margin:0;
	}
	
	
/* 中央カラム */		
#top #center{
	width:483px;
	float:left;
	text-align:left;
	}

/* 右カラム */	
#top #right{
	width:189px;
	float:left;
	text-align:right;
	}
#top #right ul{
	margin:30px 0 0 30px;
	}	
#top #right li{
	padding-bottom:10px;
	}	
	
#news{
	margin:10px;
	}

	
#news dt{
	width:100px;
	float:left;
	text-align:left;
	}
#news dd{
	width:350px;
	float:left;
	text-align:left;
	}
	
#news dl{
	clear:both;
	}		
		
/* ------------------------------
1.投資家向けツール作成
--------------------------------*/
#right #comic,#right #ir,#right #ar,#right #csr,#right #tcompany,#right #price{
	padding:0 15px;
	}

/* マンガIR */
#right #comic dt{
	width:280px;
	float:left;
	}
#right #comic dt ul{
	margin:0;
	}	
	
#right #comic dd{
	width:285px;
	float:left;
	}

#right #comic dd span{
	font-size:11px;
	}
	
	
/* csr */	
#right #csr dt{
	width:420px;
	float:left;
	}
#right #csr dd{
	width:144px;
	float:right;
	}
#right #csr dd span{
	font-size:11px;
	padding-left:15px;
	display:block;
	}		


/* company */	
#right #tcompany dt{
	width:230px;
	float:left;
	font-size:11px;
	}
#right #tcompany ul{
	margin-top:20px;
	}	
#right #tcompany dd{
	width:334px;
	float:right;
	}

/* ------------------------------	
2.媒体コミュニケーション	
 ------------------------------*/
#right #tool,#right #motekabu,#right #kabunippon,#right #mass,#right #price{
	padding:0 15px;
	} 
#right #tool h3{
	color:#5B5C87;
	margin-bottom:10px;
	font-weight:bold;
	}
	


#right #motekabu h3,#right #kabunippon h3,#right #mass h3{
	background:#EDEBE7;
	color:#5B5C87;
	margin-bottom:10px;
	font-weight:bold;
	clear:both;
	}
	
/*== モテカブ ==*/	
	
/* 1段目 */	
#right #motekabu .float1{
	width:190px;
	float:left;
	}
#right #motekabu .float2{
	width:370px;
	float:right;
	}
#right #motekabu .float2 ul{
	margin-top:20px;
	}	
#right #motekabu .float2 li{
	width:100px;
	float:left;
	}
	
/* 2段目 */
#right #motekabu .float3{
	width:360px;
	float:left;
	}
#right #motekabu .float4{
	width:205px;
	float:right;
	}
#right #motekabu .float4 span{
	padding-left:15px;
	display:block;
	font-size:11px;
	}		


/* 3段目 */	
#right #motekabu .float5{
	width:405px;
	float:left;
	}
#right #motekabu .float6{
	width:160px;
	float:left;
	font-size:11px;
	}	
	
	
/*== 株式にっぽん ==*/
#right #kabunippon .float1{
	width:353px;
	float:left;
	}
#right #kabunippon .float2{
	width:207px;
	float:right;
	}	
#right #kabunippon .float2 ul{
	margin:20px 0 20px 15px;
	}
	
		
#right #kabunippon .float2 li{
	display:inline;
	}			


/*== マス媒体支援 ==*/			
#right #mass .float1{
	width:393px;
	float:left;
	}
#right #mass .float2{
	width:167px;
	float:right;
	}
	
#right #mass .float3{
	width:205px;
	float:left;
	}
#right #mass .float4{
	width:360px;
	float:right;
	}	
#right #mass h4{
	color:#5B5C87;
	clear:both;
	border-bottom:2px solid #cecece;
	margin-bottom:10px;
	}	
	


/*== 価格表 ==*/
#right #price h3{
	font-weight:bold;
	color:#333333;
	padding-bottom:2px;
	border:none;
	border-bottom:1px solid #cecece;
	font-size:13px;
	}
#right #price .hyo{
	border-top:1px solid #cecece;
	border-left:1px solid #cecece;
	width:100%;
	margin-bottom:5px;
	}
#right #price .hyo th{
	background:#7F7CA9;
	color:#ffffff;
	text-align:center;
	margin:0 auto;
	padding:5px;
	}
#right #price .hyo td{
	border-bottom:1px solid #cecece;
	border-right:1px solid #cecece;
	padding:5px;
	}
	
	
#right #price .hyo span{
	font-size:13px;
	font-weight:bold;
	}	
#right #price .hyo .gray{
	background:#EDEBE7;
	}
	
#right #price hr{
	background:#8E8D8D;
	border:none;
	height:3px;
	margin-bottom:10px;
	}	

#right #price strong{
	font-size:13px;
	}

/* ------------------------------
3.ダイレクトコミュ二ケーション
 ------------------------------*/
#right #direct,#right #angel,#right #event,#right #kengaku,#right #stream,#right #d-price{
	padding:0 15px;
	}
#right #direct h3{
	color:#3C7F99;
	}


#right #direct dt{
	width:323px;
	float:left;
	}
#right #direct dd{
	width:242px;
	float:right;
	padding-bottom:20px;
	}
	
	
/* 個人投資家説明会 */	
#right #angel h3{
	border-color:#ffffff;
	color:#3C7F99;
	}
	
#right #angel dt{
	width:260px;
	float:left;
	}
#right #angel dd{
	background:#ffffff url(../../direct/img/angel_img2.jpg) no-repeat;
	width:300px;
	float:left;
	height:130px;
 }
#right #angel dd span{
	display:block;
	margin-left:185px;
	}
	
	
	
/* 会社工場見学 */
#right #kengaku .float1{
	width:405px;
	float:left;
	}
#right #kengaku .float2{
	width:150px;
	float:left;
	}	
	
	
#right #kengaku .float3{
	width:320px;
	float:left;
	}
#right #kengaku .float4{
	width:240px;
	float:left;
	}	


/* 動画配信サービス */
#right #stream ul.hiyo{
	background:#ffffff url(../../direct/img/stream_point.gif) no-repeat;
	padding-bottom:20px;
	}	
	
#right #stream ul.hiyo:after{
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
	background:#ffffff url(../../direct/img/stream_point.gif) no-repeat;
}		
	
#right #stream ul.hiyo li{
	margin-left:70px;
	}	
#right #stream .border li{
	margin:0;
	}	
#right #stream .border ul{
	background:none;
	padding:0 10px 10px 10px;
	}
#right #stream h3{	
	color:#3C7F99;
	}
#right #stream h4{
	color:#3C7F99;
	border-bottom:2px solid #cecece;
	margin-bottom:10px;
	}		
	
	
/* 価格表 */
#right #d-price h3{
	font-weight:bold;
	color:#333333;
	padding-bottom:2px;
	border:none;
	border-bottom:1px solid #cecece;
	font-size:13px;
	}
	
#right #d-price ol{
	margin:0 0 20px 20px;
	}	
#right #d-price hr{
	background:#8E8D8D;
	border:none;
	height:3px;
	margin-bottom:10px;
	}
#right #d-price ol span{
	margin-left:10px;
	display:block
	}
	
	
			
	
/*------------------------------
4.企業情報
------------------------------*/
#right #company{
	padding:0 15px;
	}


#right #company dt{
	width:600px;
	float:left;
	}
#right #company dd{
	width:148px;
	float:left;
	}
	
#right #company .hyo{
	border-top:1px solid #cecece;
	border-left:1px solid #cecece;
	width:100%;
	margin-bottom:5px;
	}
#right #company .hyo th{
	background:#EDEBE7;
	padding:5px;
	border-bottom:1px solid #cecece;
	border-right:1px solid #cecece;
	}
#right #company .hyo td{
	border-bottom:1px solid #cecece;
	border-right:1px solid #cecece;
	padding:5px;
	}
	

/*------------------------------
5.採用情報
------------------------------*/	
#right #recruit{
	padding:0 15px;
	
	}
	
#right #recruit h3{
	border:none;
	background:#EDEBE7;
	}	
	
#right #recruit .hyo{
	border-top:1px solid #cecece;
	border-left:1px solid #cecece;
	width:100%;
	margin-bottom:5px;
	}
#right #recruit .hyo th{
	background:#EDEBE7;
	padding:5px;
	border-bottom:1px solid #cecece;
	border-right:1px solid #cecece;
	}
#right #recruit .hyo td{
	border-bottom:1px solid #cecece;
	border-right:1px solid #cecece;
	padding:5px;
	}
		


/*------------------------------
6.その他
------------------------------*/
#right #other{
	padding:0 15px;
	}
	
#right #other h3{
	border:none;
	}
	
#right #other ol{
	margin-bottom:20px;
	}	
	
/* お問い合わせフォーム */
#right #other .hyo{
	width:100%;
	margin-bottom:10px;
	}
#right #other .hyo td{
	border-bottom:1px dashed #cecece;
	padding:5px 0;
	}
#right #other .hyo input{
	width:300px;
	border:none;
	border:1px solid #cecece;
	height:20px;
	}
#right #other .hyo textarea{
	width:300px;
	border:none;
	border:1px solid #cecece;
	height:100px;
	}
		
	
#right #other .hyo td span{
	color:#ff0000;
	}	
		

/* バックデート */
#right #backdate{
	padding:0 15px;
	}
#right #backdate dl{
	clear:both;
	}	
#right #backdate dt{
	width:100px;
	float:left;
	padding-bottom:5px;
	}
#right #backdate dd{
	widows:460px;
	float:left;
	padding-bottom:5px;
	}