@charset "utf-8";
@import url("../../common_css/master.css");



/*
	Copyright: 2006 Multimedia Information Cooperative. All Right Reserved.
	E-Mail:mic-info@multimedia.or.jp
	
	Made:MIC WebTeam Masataka Asakura, asakura@multimedia.or.jp
	
	Last-Updated: Dec 15 2006
*/



/*
-------------File Contents--------------

	1. MV
	
	2. Information
	
	3. ServicesWrapper

	4. Cooperative

	
*/



/*
----------------1. MV----------
*/

#MV{
	padding:0 0 1px 0;
	margin:1px 0 0 0;
	border-bottom:1px solid #ccc;
	width:762px;
}

/*
----------------2. Informaiton----------
*/

#LNav h3{
	padding:0;
	margin:0;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:102%;
	color:#09c;
}

#LNav h4{
	padding-top:20px;
	line-height:1.4;
}
#LNav h5{
	padding-top:15px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:82%;
	letter-spacing:normal;
	color:#666;
}

#LNav p{
	padding-top:10px;
	line-height:130%;
}
#Information p{
	line-height:1.4;
	letter-spacing:normal;
}
#Information p a{
	border-bottom: 1px solid;
}

#RecentNews{
	padding-top:30px;
}

/*上にInformationが無いとき

#RecentNews{
	padding-top:0px;
}

*/


#RecentNews dl{
	padding:18px 0 0 0;
	margin:0;
}

#RecentNews dt{
	background:url("../../common_img/li_icon01.gif") no-repeat 0 3px;
	padding:0 0 0 13px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:84%;
	font-weight:bold;
}
#RecentNews dd{
	padding-top:8px;
}
#RecentNews dd a:link {
	color: #03f;
	text-decoration:none;
	border-bottom:1px solid;
}
#RecentNews dd a:visited {
	color: #639;
	text-decoration:none;
	border-bottom:1px solid #639;
}
#RecentNews dd a:hover, #RecentNews dd a:active{ 
	color: #f30;
	text-decoration:none;
	border-bottom:1px solid #f30;
}

#RecentNews ul{
	margin-top:0em!important;
	padding:1em 0 0 0!important;
	font-size: 100%;
}

ol#ol-num li{
	padding:0;
	margin-bottom:0.5em;
	background-image:none;
	list-style:decimal!important;
	font-weight: normal;
	font-size: 93%;
	color:#000;
	letter-spcaing:0.5pt;
	line-height:1.3;
}


/*
----------------3. ServicesWrapper----------
*/

#ServicesWrapper{
	width:510px;
	display:inline-block;
	min-height:1em;
}
/*\*/
#ServicesWrapper{
	display:block;
}
/**/
#ServicesWrapper:after{
	content:"";
	height:0;
	display:block;
	clear:both;
	overflow:hidden;
}

#WebBusiness{
	float:left;
	margin-right:15px;
	border:1px solid #ccc;
	width:158px!important;
	width:160px;
}
#HostingService{
	float:left;
	margin-right:15px;
	border:1px solid #ccc;
	width:158px!important;
	width:160px;
}
#ForeignBusiness{
	float:right;
	border:1px solid #ccc;
	width:158px!important;
	width:160px;
}


#ServicesWrapper h3{
	padding-top:13px;
	padding-left:10px;
	width:148px;
}

#ServicesWrapper h3 a{
	display:block;
	height:16px;
	
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999em;
	letter-spacing:999em;
}
/*\*/
#ServicesWrapper h3 a{
	letter-spacing:normal;
	overflow:hidden;
}
/**/


/* WebSiteBusiness */

#ServicesWrapper #WebBusiness h3 a:link, #ServicesWrapper #WebBusiness h3 a:visited{
	background-image:url("../images/sn_web01.gif");
}
#ServicesWrapper #WebBusiness h3 a:hover, #ServicesWrapper #WebBusiness h3 a:active{
	background-image:url("../images/sn_web02.gif");
}

/* HostingService */

#ServicesWrapper #HostingService h3 a:link, #ServicesWrapper #HostingService h3 a:visited{
	background-image:url("../images/sn_server01.gif");
}
#ServicesWrapper #HostingService h3 a:hover, #ServicesWrapper #HostingService h3 a:active{
	background-image:url("../images/sn_server02.gif");
}

/* ForeignBusiness */

#ServicesWrapper #ForeignBusiness h3 a:link, #ServicesWrapper #ForeignBusiness h3 a:visited{
	background-image:url("../images/sn_foreign01.gif");
}
#ServicesWrapper #ForeignBusiness h3 a:hover, #ServicesWrapper #ForeignBusiness h3 a:active{
	background-image:url("../images/sn_foreign02.gif");
}


.ServiceImage{
	padding-top:10px;
	min-height:94px;
	height:94px!important;
	height:104px;
	text-align:center;
	margin:0 auto;
	background-color:#fff;
	background-repeat:repeat-x;
	background-position:left bottom;
}

#WebBusiness .ServiceImage{
	background-image:url("../images/bg_web01.gif");
}
#HostingService .ServiceImage{
	background-image:url("../images/bg_server01.gif");
}
#ForeignBusiness .ServiceImage{
	padding-top:18px;
	min-height:86px;
	height:86px!important;
	height:104px;
	background-image:url("../images/bg_foreign01.gif");
}


.ServiceBody{
	min-height:108px;
	padding:0 10px 10px 10px;
	background-repeat:repeat-x;
	background-position:left top;
}
.ServiceBody p{
	letter-spacing:normal!important;
	text-align:justify;
	text-justify:distribute;
	line-height:130%;
}

#WebBusiness .ServiceBody{
	background-color:#e4fef9;
	background-image:url("../images/bg_web02.gif");
}

#HostingService .ServiceBody{
	background-color:#ffefd7;
	background-image:url("../images/bg_server02.gif");
}

#ForeignBusiness .ServiceBody{
	background-color:#def0ff;
	background-image:url("../images/bg_foreign02.gif");
}



/*
----------------4. Cooperative----------
*/

.Coop01{
	padding:15px 10px 15px 20px;
	width:475px!important;
}

.Coop01 h4{
	width:455px;
	padding:0px 0 0 18px!important;
	border-bottom:0px solid!important;
	font-size:100%;
	height:auto!important;
	background:url("../../common_img/li_icon02.gif") no-repeat 0 0.2em!important;
}
#Wrapper01 h5{
	margin:5px 0 0 0;
	border-left-width:0px;
	padding:0px 0 0px 18px;
	font-size:100%;
}
#Wrapper01 .Coop01 p{
	padding:8px 0 0 18px;
}


/*
----------------5. SokaiInfo----------
*/

#sokaiInfo{
	border:1px solid #ccc;
	margin-bottom:2em;
	padding:1.2em;
}
#sokaiInfo h3{
	font-size:1.175em;
	padding-top:0.5em;
}



/*---------------------------------------------------
							セミナー情報
--------------------------------------------------------*/

#seminar-info{
	padding-bottom: 2em;
}
#seminar-info h3{
	padding-bottom:12px;
	font-size: 124%;
}