@charset "utf-8";
/*TOP

/* トップ用コンテンツエリア背景 */
#contents.top {
}
/* コンテナ */
#container.top {
	position:relative;
	height:300px;
	background: url(./images/top_titleback.png) no-repeat left top;
}
/* トップ：リード文*/
#container.top .title {
	position:absolute;
	left: 375px;
	top: 80px;
}
/* トップ：リード文*/
#container.top .title p {
	margin-left:30px;
}
/* ----------------------------------------
 * 「球状ボタン・メイン」レイアウト
 * ---------------------------------------- */
 
 
/* 「医療情報」ボタン用エリア */
#medical {
	display:block;
	position:absolute;
	left: 70px;
	top: 15px;
	width:85px;
	height:85px;
	background: url(./images/top_menu_medical_o.png) no-repeat;
}

/*  「医療情報」ボタン：ロールオーバー用  */
#medical a {
	display:block;
	width:85px;
	height:85px;
	background: url(./images/top_menu_medical.png) no-repeat;
}

/* ---------------------------------------- * ---------------------------------------- * ----------------------------------------
 * ここから2008/10/23修正分
 * ---------------------------------------- * ---------------------------------------- * ---------------------------------------- */

/* 「医療情報」ボタン用吹き出しコメント：非表示 */
#medical-com {
	visibility:hidden;
	font-size:93%;
	position:absolute;
	width:205px;
	padding:5px;
	left: 156px;
	top: 27px;
	background-color:#66ccff;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	color:#000000;
	z-index:99;
}

/* ---------------------------------------- * ---------------------------------------- * ----------------------------------------
 * ここまで2008/10/23修正分
 * ---------------------------------------- * ---------------------------------------- * ---------------------------------------- */
 
/*  「医療情報」ボタン：ロールオーバー用  */
#medical a:hover {
	background:none;
}
/* 「制御・宇宙」ボタン用エリア */
#control {
	display:block;
	position:absolute;
	left: 224px;
	top: 63px;
	width:85px;
	height:85px;
	background: url(./images/top_menu_control_o.png) no-repeat;
}
/*  「制御・宇宙」ボタン：ロールオーバー用  */
#control a {
	display:block;
	width:85px;
	height:85px;
	background: url(./images/top_menu_control.png) no-repeat;
}
/*  「制御・宇宙」ボタン：ロールオーバー用  */
#control a:hover {
	background:none;
}

/* ---------------------------------------- * ---------------------------------------- * ----------------------------------------
 * ここから2008/10/23修正分
 * ---------------------------------------- * ---------------------------------------- * ---------------------------------------- */
 
/* 「制御・宇宙」ボタン用吹き出しコメント：非表示 */
#control-com {
	visibility:hidden;
	font-size:93%;
	position:absolute;
	width:220px;
	padding:5px;
	left: 165px;
	top: 149px;
	background-color:#66ccff;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	color:#000000;
}

/* ---------------------------------------- * ---------------------------------------- * ----------------------------------------
 * ここまで2008/10/23修正分
 * ---------------------------------------- * ---------------------------------------- * ---------------------------------------- */
 
/* 「通信・ネットワーク」ボタン用エリア */
#network {
	display:block;
	position:absolute;
	left: 80px;
	top: 167px;
	width:85px;
	height:85px;
	background: url(./images/top_menu_network_o.png) no-repeat;
}
/*  「通信・ネットワーク」ボタン：ロールオーバー用  */
#network a {
	display:block;
	width:85px;
	height:85px;
	background: url(./images/top_menu_network.png) no-repeat;
}
/*  「通信・ネットワーク」ボタン：ロールオーバー用  */
#network a:hover {
	background:none;
}

/* ---------------------------------------- * ---------------------------------------- * ----------------------------------------
 * ここから2008/10/23修正分
 * ---------------------------------------- * ---------------------------------------- * ---------------------------------------- */
 
/* 「通信・ネットワーク」ボタン用吹き出しコメント：非表示 */
#network-com {
	visibility:hidden;
	font-size:93%;
	position:absolute;
	width:215px;
	padding:5px;
	left: 166px;
	top: 190px;
	background-color:#66ccff;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	color:#000000;
}

/* ---------------------------------------- * ---------------------------------------- * ----------------------------------------
 * ここまで2008/10/23修正分
 * ---------------------------------------- * ---------------------------------------- * ---------------------------------------- */
 
 
/* ----------------------------------------
 * 
 * ---------------------------------------- */
 
	
/*  「」ボタン：ロールオーバー用  */
#contents.top strong {
	display: none;
}
/* ----------------------------------------
 * 「球状ボタン：他サイトリンク」レイアウト
 * ---------------------------------------- */
 

/* 「ISPオフィシャル」ボタン用エリア */
#official {
	display:block;
	position:absolute;
	left: 559px;
	top: 216px;
	width:66px;
	height:50px;
	background: url(./images/top_btn_official_o.png) no-repeat;
}
/*  「ISPオフィシャル」ボタン：ロールオーバー用  */
#official a {
	display:block;
	width:66px;
	height:50px;
	background: url(./images/top_btn_official.png) no-repeat;
}
/*  「ISPオフィシャル」ボタン：ロールオーバー用  */
#official a:hover {
	background:none;
}

/* 「ISP技術レビュー」ボタン用エリア */
#review {
	position:absolute;
	left: 625px;
	top: 216px;
	width:66px;
	height:50px;
	background: url(./images/top_btn_review_o.png) no-repeat;
}
/*  「ISP技術レビュー」ボタン：ロールオーバー用  */
#review a {
	display:block;
	width:66px;
	height:50px;
	background: url(./images/top_btn_review.png) no-repeat;
}
/*  「ISP技術レビュー」ボタン：ロールオーバー用  */
#review a:hover {
	background:none;
}

/* 「ISPネット」ボタン用エリア */
#net {
	position:absolute;
	left: 691px;
	top: 216px;
	width:60px;
	height:50px;
	background: url(./images/top_btn_net_o.png) no-repeat;
}
/*  「ISPネット」ボタン：ロールオーバー用  */
#net a {
	display:block;
	width:60px;
	height:50px;
	background: url(./images/top_btn_net.png) no-repeat;
}
/*  「ISPネット」ボタン：ロールオーバー用  */
#net a:hover {
	background:none;
}


/* ----------------------------------------
 * 「トピックス」レイアウト
 * ---------------------------------------- */

/* コンテナ */
#container-left-ie {
	float:left;
	width:500px;
	margin:20px 0 30px 0;
}
#container-left {
	padding-left:20px
}
/* トピックスメニューエリア */
.topics-menu {
	height:25px;
 	overflow: hidden;
	display:block;
	border-bottom:1px solid #999999;
	margin-bottom:10px;
}
/* トピックスタイトル */
.topics-img {
	float:left;
	width:100px;
}
/* トピックスタイトル */
.topics-view {
	padding: 10px 10px 0 0;
	height:25px;
	text-align: right;
	line-height:1em;
	font-size: 93%;
}
.topics-view a {
	padding-left: 12px;
	background: url(./images/top_pt_blue.png) no-repeat 0 5px;
}
/* トピックスコメント */
.topics-com {
	clear:both;
	position:relative;
	margin:5px 10px 30px 10px;
}
.topics-com li {
	font-size:93%;
	list-style-type:disc;
	list-style-position:outside;
	margin:0 0 20px 20px;
}
/* ----------------------------------------
 * 「右下ページリンク」レイアウト
 * ---------------------------------------- */
 
 /* コンテナ */
#container-right-ie {
	float:right;
	text-align:right;
	width:219px;
}
/* コンテナ */
#container-right {
	margin:20px 20px 30px 0;
}
/* 「事業内容」ボタン用エリア */
#business {
	width:199px;
	height:25px;
	background: url(./images/top_btn_business_o.png) no-repeat;
}
/*  「事業内容」ボタン：ロールオーバー用  */
#business a {
	display:block;
	width:199px;
	height:25px;
	background: url(./images/top_btn_business.png) no-repeat;
}
/*  「事業内容」ボタン：ロールオーバー用  */
#business a:hover {
	background:none;
}
/*  「事業内容」下線  */
#business h2 {
	border-bottom:1px solid #999999;
}
/* 「会社情報」ボタン用エリア */
#profile {
	width:199px;
	height:25px;
	background: url(./images/top_btn_profile_o.png) no-repeat;
}
/*  「会社情報」ボタン：ロールオーバー用  */
#profile a {
	display:block;
	width:199px;
	height:25px;
	background: url(./images/top_btn_profile.png) no-repeat;
}
/*  「会社情報」ボタン：ロールオーバー用  */
#profile a:hover {
	background:none;
}
/*  「会社情報」下線  */
#profile h2 {
	border-bottom:1px solid #999999;
}
/* 「採用情報」ボタン用エリア */
#recruit {
	width:199px;
	height:25px;
	background: url(./images/top_btn_recruit_o.png) no-repeat;
}
/*  「採用情報」ボタン：ロールオーバー用  */
#recruit a {
	display:block;
	width:199px;
	height:25px;
	background: url(./images/top_btn_recruit.png) no-repeat;
}
/*  「採用情報」ボタン：ロールオーバー用  */
#recruit a:hover {
	background:none;
}
/*  「採用情報」下線  */
#recruit h2 {
	border-bottom:1px solid #999999;
}
/*  「右下メニュー」コメント用  */
#container-right p {
	text-align:left;
	margin:10px 5px 15px 5px;
}

/*  ISMS認定マークエリア 2009.05.07  */
#isms-top {
	text-align:center;
	margin:30px 5px 15px 5px;
}