@charset "Shift_JIS";
/* Top  --------------------------------------------------------*/

#main-img {
	float:left;
	}

#main-banner {
	float:right;
	}

#service-menu {
	padding-top:0;
	}

#service-menu li{
	float:left;
	}

#service-menu h2{
	background:none;
	border:none;
	padding:0px;
	margin:0px;
	}

#service-menu #svc-01 {
	width:318px;
	height:168px;
	float:left;
	}

#service-menu #svc-02 {
	width:307px;
	height:168px;
	float:left;
	}

#service-menu #svc-03 {
	width:310px;
	height:168px;
	float:left;
	margin-left:5px;
	}

#service-menu #svc-04 {
	width:239px;
	height:204px;
	float:left;
	}

#service-menu #svc-01 a{
	display:block;
	width:318px;
	height:168px;
	background:url(/img/top_main_btn_06.jpg) no-repeat;
	text-indent:-9999px;
	}

#service-menu #svc-02 a{
	display:block;
	width:307px;
	height:168px;
	background:url(/img/top_main_btn_07.jpg) no-repeat;
	text-indent:-9999px;
	}

#service-menu #svc-03 a{
	display:block;
	width:310px;
	height:168px;
	background:url(/img/top_main_btn_08.jpg) no-repeat;
	text-indent:-9999px;
	}

#service-menu #svc-04 a{
	display:block;
	width:239px;
	height:204px;
	background:url(/img/top_main_btn_05.jpg) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	}

#top_news {
	width:688px;
	float:left;
	}

#top_banner {
	width:237px;
	float:right;
	}

#top_banner img{
	margin-bottom:5px;
	}

.btn-news {
	margin-top:-26px; 
	margin-left:555px;
	}

#top_news th{
	width:95px;
	vertical-align:top;
	border-bottom:1px #ddd solid;
	padding:5px 0px;
	}

#top_news td {
	border-bottom:1px #ddd solid;
	padding:8px 8px 8px 0px;
	}

#top-bottom {
	padding-top:10px;
	padding-bottom:30px;
	}

div#slider {
	width:701px;
	height:240px;
	position:relative;
	overflow:hidden;
	}

ul#slider_contents {
	position:absolute;
	top:0;
	margin-left: 0;
	width:7650px;
	}

ul#slider_contents li.panel {
	width:701px;
	height:240px;
	float:left;
	}

li.panel a {
	cursor:pointer !important;
	}

ul#service-navi li {
	float:left;
	}


.mb3 {
	margin-bottom:3px;
	}
	
#service-category {
    width:688px;
	height:28px;
	margin-top:10px;
	}

/* ここから新規追加分 （2011/03/08）--------------------------------------------------------*/
/* メインイメージスライド部分 */


#mainVisual {
	width:960px;
	height:317px;
	margin:0px auto 20px;
	overflow: hidden;
	position: relative;	
}
#minimg_con02 #mainVisual {
	width:960px;
	height:346px;
	margin:0px auto 20px;
	overflow: hidden;
	position: relative;	
}

#wrap03 #minimg_con02 #mainVisual {
	width:960px;
	height:312px;
	margin:0px auto 20px;
	overflow: hidden;
	position: relative;	
}

#featureList {
	text-align:left;
	
}

#featureList ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#featureTabs {
	background: url(/img/img_back.png);
	left:0;
	z-index: 2;
	position:absolute;
	bottom:0;
	width:960px;
	padding:10px;
	

}

ul#featureTabs li{
	display:inline;
}

ul#featureTabs li img {
	margin-right: 5px;
	border: none;
	float: left;
}

ul#featureTabs li a.current img{
	color: #FFF;
}

ul#featureTabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}
/*追加分*/
ul#featureTabs02 {
	left:0;
	z-index: 2;
	position:absolute;
	bottom:0;
	width:960px;

	

}
ul#featureTabs02 li{
	display:inline;
}

ul#featureTabs02 li img {
	
	border: none;
	float: left;
}

/*追加分　ココマデ*/
ul#output {
	width: 960px;
	height: 319px;
	position: relative;
}
#mainVisual ul#output li {
   
    position: absolute;
   
}

/* その他 */
#service {
    width:940px;
	padding:0;
	margin:0 0 30px 0;
}

#service-menu-left {
    width:688px;
	padding:0;
	float:right;
}

#service-menu-left001 {
    width:710px;
	padding:0;
	float:right;
	margin-left:5px;
}

#service-menu-right {
    width: 236px;
	float:left;  
}

#service-menu01 {
	padding-top:0;
	margin-bottom:20px;
	float:left;
	}
	
#service-menu02 {
	padding-top:0;
	margin-bottom:20px;
	float:left;
	}

#service-menu-left h2 {
    background:none;
	border:none;
	padding:0px;
	margin:0px;
}


/*120618以降*/
#wrap02{
	margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;}
#wrap02 #minimg_con {
	background: url(/img/n/mainimg_bg.jpg) repeat-x;
	height: 318px;
	width: auto;
	margin-top:8px;
	z-index:1
	
}
#wrap02 #minimg_con02 {
	background: url(/img/index/mainimg_bg.jpg) repeat-x;
	height: 346px;
	width: auto;
	margin-top:8px;
	z-index:1;
	margin-bottom:16px
	
}

#minimg_con03 {
	background: url(/img/index/mainimg_bg02.gif) repeat-x;
	height: 255px;
	width: auto;
	margin-top:8px;
	z-index:1;
	margin-bottom:16px
	
}
/*130530以降*/
#wrap03{
	margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;}

#wrap03 #minimg_con02 {
	background: url(/img/n_v2/mainimg_bg.jpg) repeat-x;
	height: 315px;
	width: auto;
	margin-top:8px;
	z-index:1;
	margin-bottom:16px	
}


#wrap03 #minimg_con03 {
	background: url(../img/top_main_bg.jpg) repeat-x;
	height: 344px;
	width: auto;
	margin-top:8px;
	z-index:1;
	margin-bottom:16px	
}

#wrap03 #minimg_con03 #mainVisual{
	
	height: 378px;
	margin:0 auto;
}

#wrap03 #minimg_con03 #mainVisual .consultation{
background: url(../img/consultation.gif) no-repeat;
}


#service02 {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    padding-bottom: 0;
    padding-left: ;
    padding-right: 0;
    padding-top: 0;
    width: 954px;
}

#service03 {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    padding-bottom: 0;
    padding-left: ;
    padding-right: 0;
    padding-top: 0;
    width: 960px;
	height:690px;
}

#service04 {
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    padding-bottom: 0;
    padding-left: ;
    padding-right: 0;
    padding-top: 0;
    width: 960px;
	height:428px;
}



.feature {
	width: 688px;
}

.feature .left {
	float: left;
	width: 334px;
}


.feature .right {
	float: right;
	width: 334px;
}
.feature .icon {
	float: left;
	width: 97px;
}
.feature .con_text{
	float: right;
	width: 237px;
	

	}
	.feature .con_text h4{
	
	border-style: none;
	background: url(none);
	padding-left: 0px;
	margin-bottom:12px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
		margin-bottom: 12px;
	}
		.feature .con_text p{
			padding-left:0px;
			
	}

#serverservice {
	background: url(/img/index/server_service_bg.png);
	height: 88px;
	width: 960px;
	margin:0 auto;
	padding-top:12px
}

#serverservice ul li {
	float: left;
	padding-right: 8px;
	list-style: none;
	
}
.serverservice_head
{
  width: 960px;
	margin:0 auto

}

#askpart{
	background: url(../img/index/bg_ask02.gif);
	height: 51px;
	width: 959px;
	margin-bottom:16px;
	margin-right: auto;
	margin-left: auto;	
	}
	
#askpart01{
	background: url(../img/index/bg_ask_03.jpg);
	height: 57px;
	width: 876px;
	margin-bottom:16px;
	margin-right: auto;
	margin-left: auto;	
	}	
	
#askpart001{
	margin-bottom:16px;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	}	
	
#askpart p{
	padding-top: 7px;
	padding-left: 548px;
}
#askpart p.ask{
	padding-top: 7px;
	padding-left: 500px;
	text-align:right;
	padding-right: 10px;
}

#askpart01 p{
	padding-top: 7px;
	padding-left: 548px;
}
#askpart01 p.ask{
	padding-top: 10px;
	padding-left: 400px;
	text-align:right;
	padding-right: 10px;
}


.basic{
	margin-right:5px;
	float:left;
	width:491px;
	}
.basic_01{
	width:491px;
	height:473px;
	}	
.basic_02{
	background: url(../img/basic_bottom.jpg) no-repeat;
	background-position:center;
	width:491px;
	height:111px;
	}		

.basic ul{
	padding-top:6px;
}
	
.basic li{
    background: url("none") repeat scroll 0 0 transparent;
    display: inline;
    list-style: none outside none;
    margin-left: 0;
    margin-right: 10px;
    padding: 0;
}



img{  
    border: none;  
}  

.basic_top{
	margin-right:5px;
	float:left;
	width:560px;
	height:620px;
	}
	
.basic_top_01 {
	position:relative;
	width:560px;
	height:620px;
	background:url(../img/basic_top_on01.jpg);
	}	
			
.basic_top_01 a{
	width:560px;
	height:620px;
	display:block;
	background:url(../img/basic_top_off01.jpg);
	}

.basic_top_01 a:hover{
	background:none;
	
	}	
	
.basic_top_01 .text{
	position:absolute;
	top:115px;
	left:140px;
	font-size:12px;
	}
.basic_top_01_5min {
	position:relative;
	width:560px;
	height:620px;
	background:url(../img/basic_top_on02.jpg);
	}	
			
.basic_top_01_5min a{
	width:560px;
	height:620px;
	display:block;
	background:url(../img/basic_top_off02.jpg);
	}

.basic_top_01_5min a:hover{
	background:none;
	
	}	
	
.basic_top_01_5min .text{
	position:absolute;
	top:115px;
	left:140px;
	font-size:12px;
	}	
	
	
	
.basic_top_01_init {
	position:relative;
	width:560px;
	height:620px;
	background:url(../img/basic_top_init_off.jpg);
	}	
			
.basic_top_01_init a{
	width:560px;
	height:620px;
	display:block;
	background:url(../img/basic_top_init_on.jpg);
	}

.basic_top_01_init a:hover{
	background:none;
	
	}	
	
.basic_top_01_init .text{
	position:absolute;
	top:115px;
	left:140px;
	font-size:12px;
	}





.basic_top_01_init02 {
	position:relative;
	width:560px;
	height:620px;
	background:url(../img/basic_top_init02_off.jpg);
	}	
			
.basic_top_01_init02 a{
	width:560px;
	height:620px;
	display:block;
	background:url(../img/basic_top_init02_on.jpg);
	}

.basic_top_01_init02 a:hover{
	background:none;
	
	}	
	
.basic_top_01_init02 .text{
	position:absolute;
	top:115px;
	left:140px;
	font-size:12px;
	}		
	
	
	
	
	
			
.basic_top_02{
	background: url(../img/basic_top_bottom.jpg) no-repeat;
	background-position:center;
	width:560px;
	height:119px;
	}
		

.basic_top ul{
	padding-top:11px;
}
	
.basic_top li{
    background: url("none") repeat scroll 0 0 transparent;
    display: inline;
    list-style: none outside none;
    margin-left: 0;
    margin-right: 10px;
    padding: 0;
}
	
.vm_top{
	float:left;
	width:385px;
	height:620px;
	margin-bottom:25px;
	position:relative;
	}	

.vm_top_01 {
	background: url(../img/vm_top_on01.jpg) no-repeat;
	width:385px;
	height:620px;
	}
	
.vm_top_01 a{
	background: url(../img/vm_top_off01.jpg) no-repeat;
	width:385px;
	height:620px;
	display:block;
	}
	
.vm_top_01 a:hover{
	background:none;
	display:block;
	}
		
.vm_top_02{
	background: url(../img/vm_top_bottom.jpg) no-repeat;
	background-position:center;
	width:385px;
	height:119px;
	}		

.vm_top_02 ul{
	padding-top:11px;
}
	
.vm_top_02 li{
    background: url("none") repeat scroll 0 0 transparent;
    display: inline;
    list-style: none outside none;
    margin-left: 0;
    margin-right: 10px;
    padding: 0;
}	
	
.vm_top li{
    background: url("none") repeat scroll 0 0 transparent;
    display: inline;
    list-style: none outside none;
    margin-left: 0;
    margin-right: 10px;
    padding: 0;
}

#service03 .box01{
	position:absolute;
	top:160px;
	left:27px;
	}
	
#service03 .text01{
	position:absolute;
	top:115px;
	left:84px;
	font-size:12px;
	width:300px;
	}

#service03 .text_cost{
	position:absolute;
	top:218px;
	left:47px;
	font-size:12px;
	width:300px;
	}
	
#service03 .text_os{
	position:absolute;
	top:357px;
	left:47px;
	font-size:12px;
	width:300px;
	}
	
#service03 .text_server{
	position:absolute;
	top:494px;
	left:47px;
	font-size:12px;
	width:300px;
	}	

#service03 .text_vm{
	position:absolute;
	top:579px;
	left:110px;
	font-size:10px;
	line-height:11px;
	width:230px;
	padding-top:2px;
	}		
	

#service04 .basic{
	background: url(../img/basic_bg.gif) no-repeat;
	float:left;
	width:383px;
	height:428px;
	position:relative;
	
	}
		
#service04 .basic .basic_title{
	position:absolute;
	color:#5b058d;
	font-size:36px;
	background-image:none;
	top:0px;
	left:17px;
	font-weight:bold;
	text-shadow: 1px 0px 1px #000;
	line-height:200%; 
	
	}
	
#service04 .basic .basic_text{
	position:absolute;
	color:#666;
	top:75px;
	left:17px;
	margin:0px;
	padding:0px;
	letter-spacing:0.1em;
	
	}
	
#service04 .basic .basic_btn_left{
	position:absolute;
	top:358px;
	left:15px;
	float:left;
	
	}
	
#service04 .basic .basic_btn_right{
	position:absolute;
	top:358px;
	left:197px;
	float:right;
	
	}		
				

#service04 .vm{
	background: url(../img/vm_bg.gif) no-repeat;
	float:left;
	width:556px;
	height:428px;
	position:relative;
	margin-left:15px;
	
	}
	
#service04 .vm .vm_title{
	position:absolute;
	color:#5b058d;
	font-size:36px;
	top:0px;
	left:17px;
	font-weight:bold;
	line-height:200%;
	}

#service04 .vm .s_title{
	position:absolute;
	color:#5b058d;
	font-size:19px;
	top:30px;
	left:80px;
	font-weight:bold;
	}

#service04 .vm .ss_title{
	position:absolute;
	color:#5b058d;
	font-size:15px;
	top:32px;
	left:179px;
	font-weight:bold;
	}
	
#service04 .vm .sss_title{
	position:absolute;
	color:#5b058d;
	font-size:19px;
	top:30px;
	left:210px;
	font-weight:bold;
	}			
	
	
	
#service04 .vm .title_s{
	font-size:15px;
	
	}		
	
#service04 .vm .vm_text{
	position:absolute;
	color:#666;
	top:75px;
	left:17px;
	margin:0px;
	padding:0px;
	
	}	

#service04 .vm .vm_left{
	background: url(../img/advantage.gif) no-repeat;
	width:172px;
	height:196px;
	position:absolute;
	top:135px;
	left:13px;
	
	}
	
#service04 .vm .vm_left h5{
	position:absolute;
	top:15px;
	left:25px;	
	color:#5b058d;
	text-align:center;
	font-size:14px;
	}	
	
#service04 .vm .vm_left .vm_left_text{
	position:absolute;
	top:64px;
	left:18px;
	width:135px;
	padding:0px;
	font-size:93%;
	line-height:140%;
	
		}
		
#service04 .vm .vm_left .vm_detailes_left{
	position:absolute;
	top:148px;
	left:18px;
		}
		
#service04 .vm .vm_left .vm_btm_left{
	position:absolute;
	top:224px;
	left:1px;	
		}		
		
			

#service04 .vm .vm_center{
	background: url(../img/advantage.gif) no-repeat;
	width:172px;
	height:196px;
	position:absolute;
	top:135px;
	left:193px;
	
	}	
	
#service04 .vm .vm_center h5{
	position:absolute;
	top:15px;
	left:38px;	
	color:#5b058d;
	text-align:center;
	font-size:14px;
	}	
	
#service04 .vm .vm_center .vm_center_text{
	position:absolute;
	top:64px;
	left:18px;
	width:135px;
	padding:0px;
	font-size:93%;
	line-height:140%;
	
		}
		
#service04 .vm .vm_center .vm_detailes_center{
	position:absolute;
	top:148px;
	left:18px;	
		}
		
#service04 .vm .vm_center .vm_btm_center{
	position:absolute;
top:224px;
	left:1px;
		}	
	
	
#service04 .vm .vm_right{
	background: url(../img/advantage.gif) no-repeat;
	width:172px;
	height:196px;
	position:absolute;
	top:135px;
	left:374px;
	
	}					


#service04 .vm .vm_right h5{
position:absolute;
	top:15px;
	left:38px;	
	color:#5b058d;
	text-align:center;
	font-size:14px;
	}	
	
#service04 .vm .vm_right .vm_right_text{
	position:absolute;
	top:64px;
	left:18px;
	width:135px;
	padding:0px;
	font-size:93%;	
	line-height:140%;
	
		}
		
#service04 .vm .vm_right .vm_detailes_right{
	position:absolute;
	top:148px;
	left:18px;
		}
		
#service04 .vm .vm_right .vm_btm_right{
	position:absolute;
	top:224px;
	left:1px;
		}
		
		
		
/*topスライド*/


#image-navigation {
	position:relative;
	width:960px;
	height:354px;
	margin:0 auto;
}
	

#image-navigation .navi-image {
    position: relative;
}
#image-navigation .navi-image a {
    display: block;
}
#image-navigation .navi-image a {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 8;
}

#image-navigation .navi-image a.active {
    z-index: 10;
}
#image-navigation .navi-image a.last-active {
    z-index: 9;
}


#image-navigation .navi p{
	padding:0;
	font-size:12px;
	letter-spacing:-1px;
	line-height:150%;
}
#image-navigation .navi p a{
	text-decoration:none}
#image-navigation .navi p span{
	font-weight:bold;
}

#image-navigation .navi p.menu1{
	position:absolute;
	top:261px;
	left:65px;
}

#image-navigation .navi p.menu2{
	position:absolute;
	top:261px;
	left:250px;
}

#image-navigation .navi p.menu3{
	position:absolute;
	top:261px;
	left:435px;
}

#image-navigation .navi p.menu4{
	position:absolute;
	top:261px;
	left:618px;
}

#image-navigation .navi ul {
	position:absolute;
	top:254px;
	
}


#image-navigation .navi ul li {
    display: inline;
    height: 77px;
    width: 181px;
}




#image-navigation .navi-image {
    float: left;
	width:744px;
	height:250px;
}

#image-navigation .ask_box{
	float:right;
	background: url(../img/consultation.gif) no-repeat;
	height:331px;
	width:208px;
	margin-top:12px;
	position:relative;
	}

#image-navigation .ask_box ul{
	position:absolute;
	top:70px;
	left:17px;
	}
	
#image-navigation .ask_box ul li{
	margin-bottom:2px;

	}

#image-navigation .ask_box .ask_box_text{
	font-size:16px;
	color:#515151;
	position:absolute;
	top:8px;
	left:75px;
	padding:0px;
	line-height: 130%;

	}