/* check:IE6.X IE7.X Firefox3.X Safari3.x*/

/* 01:Default */
/* 02:Structure */
/* 03:Finding */
/* 04:Link */
/* 05:Etc */


/*------- 01:Default -------*/
*{
  margin:0;
  padding:0;
  outline:0;
}


body, div, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, textarea, p, blockquote, th, td, img, hr{
    margin:0;
    padding:0;
	/*zoom: 1;*/
}

html{
    /*overflow-y: scroll;*/
}

body{
	background:url(../img/bg.gif);
}

dl, dt, dd, ul, ol{
    margin:0;
    padding:0;
	color:#333333;
}

p{
  font-size:80%;
  line-height:1.5;
  color:#333333;
}

ul,dl,ol{
    list-style:none;
}

li{
	font-size:80%;
	line-height:1.3;
}

strong{
	color:#FF1717;
}

img{
	border:none;
	vertical-align:bottom;
}

table{
}

th,td{
}

th{
}

td{
}



/*------- 02:Structure -------*/

#Wrapper{
	margin:0 auto;
	margin-bottom:25px;
	width:920px;
	overflow:hidden;
	background-image:url(../img/wrapper_bg.gif);
	background-repeat:repeat-y;
}

#Header{
	height:101px;
	background:url(../img/header_bg.gif) repeat-x;
}

.inner{
	width:970px;
	margin:0 auto;
	position:relative;
}


#Visual{
	margin:0 auto;
	width:920px;
	padding-bottom:10px;
}

#GlobalNavi{
	float:right;
	width:260px;
	margin-bottom:30px;
}

#Box{
	width:970px;
	margin:0 auto;
	padding-top:30px;
}

#Contents{
	float:left;
	width:660px;
	padding:0px 0px 70px 0px;
}

#Topicpath{
	padding:0 0 30px 0;
	font-size:80%;
}

#SideNavi{
	float:right;
	width:200px;
}

#backtop{
	clear:both;
	text-align:right;
	border-bottom:solid 1px #999999;
}

#UnderNavi{
	background-color:#FFFFFF;
	overflow:hidden;
	padding:30px 0 30px 0;
}


#Footer{
	clear:both;
	background-image:url(../img/footer_bg.jpg);
	background-repeat:repeat-x;
}


/*------- 03:Finding -------*/

h1{
	padding:5px 0 0 0;
}

h2{
	clear:both;
	font-size:12px;
}

#Contents h2{
	margin-bottom:30px;
}

h3{
	clear:both;
	font-size:80%;
}

h4{
	clear:both;
	font-size:12px;
	margin-bottom:10px;
}

h5{
	margin-bottom:10px;
	font-size:12px;
}

h6{
	margin-bottom:5px;
	font-size:12px;
}


/*------- 04:Link -------*/

a{
	color:#4A76BF;
	text-decoration:underline;
}

a:hover{
	color:#E80000;
	text-decoration:underline;
}

#GlobalNavi a.service_firstseo:hover{
	background:url(../img/service_firstseo_over.gif);
	color:#4A76BF;
	text-decoration:none;
}

#GlobalNavi a.service_seoactive:hover{
	background:url(../img/service_seoactive_over.gif);
	color:#4A76BF;
	text-decoration:none;
}

#GlobalNavi a.service_firstsem:hover{
	background:url(../img/service_firstsem_over.gif);
	color:#4A76BF;
	text-decoration:none;
}

#GlobalNavi a.service_semshift:hover{
	background:url(../img/service_semshift_over.gif);
	color:#4A76BF;
	text-decoration:none;
}

#GlobalNavi a.service_samurai:hover{
	background:url(../img/service_samurai_over.gif);
	color:#4A76BF;
	text-decoration:none;
}

#GlobalNavi a.service_college:hover{
	background:url(../img/service_college_over.gif);
	color:#4A76BF;
	text-decoration:none;
}

#GlobalNavi a.service_chat:hover{
	background:url(../img/service_chat_over.gif);
	color:#4A76BF;
	text-decoration:none;
}

#GlobalNavi a.service_coding:hover{
	background:url(../img/service_coding_over.gif);
	color:#4A76BF;
	text-decoration:none;
}

#GlobalNavi a.service_server:hover{
	background:url(../img/service_server_over.gif);
	color:#4A76BF;
	text-decoration:none;
}

#Topicpath li .home a{
	background:url(../img/home.gif) no-repeat;
	padding-left:15px;
	padding-right:5px;
	text-decoration:none;
	color:#4A76BF;
}

#Topicpath li a{
	padding-right:5px;
	text-decoration:none;
	color:#4A76BF;
}

#Topicpath li a:hover{
	text-decoration:underline;
	color:#EC0000;
}

.service_firstseo{
	background:url(../img/service_firstseo.gif);
	display:block;
	width:240px;
	height:35px;
	color:#999999;
	text-decoration:none;
	padding:15px 0 0 20px;
	font-size:10px;
}

.service_seoactive{
	background:url(../img/service_seoactive.gif);
	display:block;
	width:240px;
	height:40px;
	color:#999999;
	text-decoration:none;
	padding:10px 0 0 20px;
	font-size:10px;
}

.service_firstsem{
	background:url(../img/service_firstsem.gif);
	display:block;
	width:240px;
	height:40px;
	color:#999999;
	text-decoration:none;
	padding:10px 0 0 20px;
	font-size:10px;
}

.service_semshift{
	background:url(../img/service_semshift.gif);
	display:block;
	width:240px;
	height:35px;
	color:#999999;
	text-decoration:none;
	padding:15px 0 0 20px;
	font-size:10px;
}

.service_samurai{
	background:url(../img/service_samurai.gif);
	display:block;
	width:240px;
	height:35px;
	color:#999999;
	text-decoration:none;
	padding:15px 0 0 20px;
	font-size:10px;
}

.service_college{
	background:url(../img/service_college.gif);
	display:block;
	width:240px;
	height:40px;
	color:#999999;
	text-decoration:none;
	padding:10px 0 0 20px;
	font-size:10px;
}

.service_chat{
	background:url(../img/service_chat.gif);
	display:block;
	width:240px;
	height:40px;
	color:#999999;
	text-decoration:none;
	padding:10px 0 0 20px;
	font-size:10px;
}

.service_coding{
	background:url(../img/service_coding.gif);
	display:block;
	width:240px;
	height:40px;
	color:#999999;
	text-decoration:none;
	padding:10px 0 0 20px;
	font-size:10px;
}

.service_server{
	background:url(../img/service_server.gif);
	display:block;
	width:240px;
	height:35px;
	color:#999999;
	text-decoration:none;
	padding:15px 0 0 20px;
	font-size:10px;
}

#UnderNavi a{
	color:#666666;
	text-decoration:none;
}

#UnderNavi a:hover{
	color:#EC0000;
}

.global_list a{
	color:#4A76BF;
	text-decoration:none;
}

.global_list a:hover{
	color:#FFFFFF;
	text-decoration:none;
}




/*-------  05:Etc -------*/

/*- common -*/

#Contents p{
	margin-bottom:20px;
	color:#666666;
}

.global_list{
	width:644px;
	border:solid 8px #4A76BF;
	background-color:#4A76BF;
	overflow:hidden;
	margin-top:40px;
}

.global_list li{
	float:left;
	margin-bottom:1px;
}

.caution{
	width:auto;
}

.caution li{
    background: url(../img/icon_caution.gif) no-repeat;
	padding:0px 0px 0px 15px;
	margin:0px 0px 10px 0px;
	font-size:70%;
	color:#666666;
}

.clear{
	clear:both;
}

.image_left{
	float:left;
	padding-right:5px;
}

.image_right{
	float:right;
	padding-left:5px;
}

.lead{
	margin-bottom:40px;
}

.outside{
	background:url(../img/outside.gif) no-repeat left center;
	padding-left:15px;
}


/*- header -*/

h1 img{
	vertical-align:top;
}

.header_navi{
	position:absolute;
	top:5px;
	right:0;
}

.header_navi img{
	vertical-align:top;
}

.header_navi li{
	float:left;
	padding-left:10px;
}

.s-btn{
	position:absolute;
	top:1px;
	right:0;
	width:450px;
	text-align:right;
}

.logo_top{
	clear:both;
	position:absolute;
	top:30px;
	left:0;
}

.logo{
	clear:both;
	position:absolute;
	top:50px;
	left:0;
}

.header_tel_top{
	position:absolute;
	top:35px;
	right:0;
}

.header_tel{
	position:absolute;
	top:55px;
	right:0;
}


/*- Topicpath -*/

#Topicpath ul{
}

#Topicpath li{
    display:inline;
}

#Topicpath li.active{
	background:url(../img/arrow1.gif) no-repeat left;
	padding-left:15px;
	color:#666666;
}

/*- GlobalNavi -*/

#GlobalNavi ul{
	margin-bottom:20px;
}

#GlobalNavi li{
}

#GlobalNavi ul.global{
	border:solid 10px #4A76BF;
	margin-top:10px;
	background-color:#4A76BF;
}

#GlobalNavi ul.global li{
	margin-bottom:1px;
}

#GlobalNavi p{
	margin-bottom:15px;
}

.overture{
	font-size:10px;
	color:#628CF0;
	line-height:1.4;
}


/*- UnderNavi -*/

#UnderNavi li{
	float:left;
	font-size:10px;
}

.UnderNavi_inner1{
	padding:0 0 10px 0;
	margin:0;
}

.UnderNavi_inner2{
	width:527px;
	float:left;
}

.UnderNavi_inner3{
	width:350px;
	float:right;
}

.estimate{
	padding-left:25px;
}

.undernavi_left{
	clear:both;
	float:left;
	width:90px;
	margin:0 0 10px 0;
	padding:2px 0 0 15px;
	font-size:10px;
	background:url(../img/arrow2.gif) no-repeat left;
	color:#666666;
}

.undernavi_right{
	float:left;
	width:370px;
	margin:0 0 10px 0;	
}

.undernavi_right li{
	padding:0 15px 0 8px;
	line-height:1.8;
	font-size:10px;
	background:url(../img/arrow1.gif) no-repeat left;
}

.home{
	background:url(../img/home.gif) no-repeat left;
	padding-left:15px;
}

.under_tel{
	margin-bottom:30px;
}

.undernavi_company li{
	float:left;
	background:url(../img/arrow4.gif) no-repeat left;
	padding:0 10px 0 15px;
}

.undernavi_contact li{
	float:left;
	background:url(../img/arrow3.gif) no-repeat left;
	padding:0 10px 0 15px;
}

/*- Footer -*/

#Footer p{
	color:#FFFFFF;
	text-align:center;
	padding-top:30px;
	height:50px;
}

/*- 新プライバシーポリシー -*/

#Contents dl,dt,dd{
	color:#666;
	margin-bottom:20px;
	line-height:1.5;
}

#Contents dl{
	width:660px;
}

#Contents dt{
	font-size: 80%;
	float:left;
	clear:left;
	width:24px;
	padding-left:6px;
}

#Contents dd{
	font-size:80%;
	float:left;
	width:626px;
	padding-left:4px;
}

#Contents dd>dl{
	font-size:102%;
	width:630px;
}

#Contents dd>dl>dt{
	font-size:100%;
	float:left;
	clear:left;
	width:24px;
	padding-left:6px;
}

#Contents dd>dl>dd{
	font-size:100%;
	float:left;
	width:596px;
}

#Contents .kaitei{
	margin-left:500px;
	margin-top:80px;
}

#Contents .kaitei2{
	margin-left:500px;
	line-height:1.8;
}



