/* CSS Document */
@charset "Shift_JIS";

/*---------基本設定---------*/

body {
	margin:0px;
	padding:0px;
	background: #ffffff;
	text-align:center;
}

img {
	border-style: none;
}

.clear{
	clear:both;
}

a.btn:hover{
	position:relative;
	top:1px;
	left:1px;
}

ul.listsimple {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

form{
	margin:0px;
	padding:0px;
}

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

#header{
	height:100px;
	background-image:url(../img/header_bg.gif);
	background-repeat:repeat-x;
	margin:0px;
	padding:0px;
}

#headertop{
	width:760px;
	height:50px;
	text-align:left;
	margin:0px auto;
	padding:0px;
}

.submenu{
	float:right;
	width:300px;
	text-align:right;
	margin:0px auto;
	padding:0px 5px 0px 0px;
}

.submenu p{
	margin:0px;
	padding:0px 0px 15px;
	_padding:0px 0px 16px;
	color:#9A9A9A;
}

#menu{
	clear:both;
	width:760px;
	height:50px;
	margin:0px auto;
	padding:0px;
}




/*---------フッター---------*/

#footer{
	clear:both;
	height:10px;
	margin:0px 0px 2px;
	padding:0px;
	background-color:#0D5A76;
}

#copy{
	float:left;
	width:300px;
	border-top:1px solid #A8B2B6;
	margin:0px;
	padding:0px 0px 0px 5px;
}


/*---------共通レイアウト---------*/

#content{
	clear:both;
	background-image:url(../img/bg.gif);
	background-repeat:repeat-y;
	background-position:center;
	margin:0px;
	padding:0px;
}

#contentin{
	width:760px;
	background-color:#FFFFFF;
	text-align:left;
	margin:0px auto;
	padding:0px;
}

#main{
	float:left;
	width:555px;
	margin:0px;
	padding:10px 0px 20px 10px;
}

#sidemenu{
	float:right;
	width:180px;
	margin:0px;
	padding:12px 5px 0px 0px;
}

#sidemenuunit{
	margin:0px;
	padding:0px 0px 10px 0px;
	line-height: 13px;
}

.sidemenu-t{
	background-color:#E7E6E6;
	border-left:10px solid #0D5A76;
	margin:0px 0px 5px;
	padding:0px;
}

.sidemenu-t h2{
	margin:0px;
	padding:3px 0px 3px 10px;
	line-height: 14px;
}


/*---------画像---------*/


#toppic{
	width:760px;
	height:253px;
	background-image:url(../img/top_pic.jpg);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
}

#toppic p{
	margin:0px;
	padding:65px 0px 0px 18px;
}

#toppic div{
	margin:0px;
	padding:70px 0px 0px 575px;
}


#servicepic{
	width:760px;
	height:103px;
	background-image:url(../service/img/pic.jpg);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
}


#suggestpic{
	width:760px;
	height:103px;
	background-image:url(../suggest/img/pic.jpg);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
}


#philosopic{
	width:760px;
	height:103px;
	background-image:url(../philoso/img/pic.jpg);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
}


#aboutpic{
	width:760px;
	height:103px;
	background-image:url(../about/img/pic.jpg);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
}


#recruitpic{
	width:760px;
	height:103px;
	background-image:url(../recruit/img/pic.jpg);
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
}


#secondcontact{
	margin:0px;
	padding:0px 0px 0px 615px;
}


/*---------トップコンテンツ---------*/

#topintro{
	margin:0px;
	padding:0px 0px 0px 10px;
}

#intro{
	float:left;
	width:250px;
	margin:0px;
	padding:0px;
}


#intro li{
	padding:8px 0px;
}

#banner{
	float:right;
	width:270px;
	margin:0px;
	padding:0px;
}


#topmiddle{
	margin:0px;
	padding:10px 0px 0px 10px;
}



.topbtn{
	margin:0px;
	padding:0px;
}


#top-tele{
	float:left;
	width:273px;
	height:84px;
	background-image:url(../img/top_tele.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:0px;
}

#top-netma{
	float:left;
	width:272px;
	height:84px;
	background-image:url(../img/top_netma.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:0px;
}

#top-db{
	float:left;
	width:273px;
	height:84px;
	background-image:url(../img/top_db.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:0px;
}

#top-overture{
	float:left;
	width:272px;
	height:84px;
	background-image:url(../img/top_overture.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:0px;
}

#topmiddle h2{
	margin:0px;
	padding:5px 0px 0px 20px;
}


#topmiddle p{
	margin:0px;
	padding:3px 0px 0px 20px;
}


#topic-t{
	background-image:url(../img/topic_t.gif);
	background-repeat:no-repeat;
	background-position:10px top;
	height:19px;
	margin:0px;
	padding:1px 5px 0px 0px;
	text-align:right;
}


#topicin{
	background-color:#E7E6E6;
	height:250px;
	overflow: auto;
	margin:0px 0px 0px 10px;
	padding:0px;
	scrollbar-base-color: #E7E6E6;
	scrollbar-track-color: #E7E6E6;
	scrollbar-face-color: #E7E6E6;
	scrollbar-shadow-color: #E7E6E6;
	scrollbar-darkshadow-color: #E7E6E6;
	scrollbar-highlight-color: #E7E6E6;
	scrollbar-3dlight-color: #E7E6E6;
	scrollbar-arrow-color: #0D5A76;

}


#topicin div{
	clear:both;
	margin:0px;
	padding:5px 0px 0px 5px;
}

#topicin p.topicdate{
	float:left;
	width:70px;
	margin:0px;
	padding:0px;
}

#blog{
	float:left;
	width:275px;
	margin:0px;
	padding:0px 0px 0px 10px;
}

#toplastr p{
	line-height: 11px;
	margin:0px;
	padding:0px 0px 0px 10px;
}

#top-blog{
	float:left;
	width:273px;
	height:84px;
	background-image:url(../img/top_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0px;
	padding:0px;
}

/*---------セカンドコンテンツ---------*/

#path{
	margin:0px;
	padding:0px;
	border-bottom:1px solid #A8B2B6;
}


#secondtitle{
	margin:10px 0px 0px;
	padding:0px;
	border-left:7px solid #0D5A76;
}



.14g {  font-size: 14pt; color: #666666}
.lh16 {  line-height: 16px}
.12g {  font-size: 12px; color: #666666}
.14b {  font-size: 14px; color: #000000}
.14g1 {  font-size: 14px; color: #666666}
.15b {  font-size: 15px; color: #000000}
.15g1 {  font-size: 16px; color: #666666}