/*Resetting*/
@charset "UTF-8";

/* IEマウスオーバー用 */
html {
  *filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/* Win_IE表示用 */
* {
	/*\*//*/
	*zoom: 1;
	/**/
}

/* COMMON */
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS PGothic',Osaka,Verdana,sans-serif;
	margin: 0;
	padding: 0;
	font-size: 12px;
	letter-spacing:1px;
	color:#333;
}

* {
	margin: 0;
	padding: 0;
}
a:link { 
	color: #2971a7;
	text-decoration: none;
}
a:active { 
	color: #2971a7;
	text-decoration: underline;
}
a:visited {
	color: #2971a7;
	text-decoration: none;
}
a:hover { 
	color: #2971a7;
	text-decoration: underline;
}


h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

ol{
	list-style-type:decimal;
	list-style-position:inside;
	padding:15px 0;
}
ul{
	list-style-type:none;
}

input{
	background-color:#FFF;
	border:1px #CCC solid;
}

option {
	padding-right: 5px;
	/*\*//*/
	padding-right: 0;
	/**/
}
hr {
	display: none;
}

img {
	display: block;
	border: 0;
}


.clear {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
span.sls {
	display: none;
}


::-moz-selection{
	background: #000000;
	color:#FFFFFF;
}
::selection {
	background: #000000;
	color:#FFFFFF;
}
		
	.left{float:left;}
	.right{float:right;}	
	.clear{clear:both;}
	



h1{
	font-size:10px;
	font-weight:normal;
	color:#666;
	position:absolute;
	top:47px;
	left:53px;
}
h2{
	width:1000px;
	margin:0 auto;
}
h3{
	margin:40px 0 20px 0;
}




/*Head*/

#head-bg{
	background:url(../images/common/head.gif) 0 0 repeat-x;
	height:80px;
}
#head{
	background:url(../images/common/head_bg.jpg) 0 0 no-repeat;
	width:950px;
	height:80px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
#head div{
	position:absolute;
	top:10px;
	left:0;
}
#head ul{
	width:225px;
	position:absolute;
	top:35px;
	left:725px;
	height:15px;
	margin:0;
	padding:0;
	}
	#head ul li{
	float:left;
	padding:0 0 0 10px;
	height:15px;
	}
	#sm a,
	#pv a{
	height:15px;
	display: block;
	text-indent: -9999px;
	}
	#sm a {background:url(../images/common/sm_btn.jpg) 0 0 no-repeat; width:85px;}
	#pv a {background:url(../images/common/pv_btn.jpg) 0 0 no-repeat; width:120px;}
	#sm a:hover,
	#pv a:hover { background-position:0 -15px; }




/*Flash*/
#flash{
	background:url(../images/common/index-bg.jpg) 0 0 repeat-x;
	height:270px;
}




/*global-navi*/
#global-navi{
	background:url(../images/common/navi_bg.gif) 0 0 repeat-x;
	height:50px;
}
#global-navi ul{
	width:950px;
	margin:0 auto;
	}
	#global-navi ul li{
	float:left;
	}
	#gnv01 a,
	#gnv02 a,
	#gnv03 a,
	#gnv04 a,
	#gnv05 a,
	#gnv06 a,
	#gnv07 a{
	background-position:0 0;
	background-repeat:no-repeat;
	height:50px;
	display: block;
	text-indent: -9999px;
	}
	#gnv01 a {background:url(../images/common/g_navi01.jpg) 0 0 no-repeat; width:136px;}
	#gnv02 a {background:url(../images/common/g_navi02.jpg) 0 0 no-repeat; width:136px;}
	#gnv03 a {background:url(../images/common/g_navi03.jpg) 0 0 no-repeat; width:136px;}
	#gnv04 a {background:url(../images/common/g_navi04.jpg) 0 0 no-repeat; width:136px;}
	#gnv05 a {background:url(../images/common/g_navi05.jpg) 0 0 no-repeat; width:136px;}
	#gnv06 a {background:url(../images/common/g_navi06.jpg) 0 0 no-repeat; width:136px;}
	#gnv07 a {background:url(../images/common/g_navi07.jpg) 0 0 no-repeat; width:134px;}
	#global-navi ul li a:hover { background-position:0 -50px; }






/*All contents*/

	
#contents-title{
	width:710px;
	margin:26px 0 0 0;
}
	

#seo-btn1{
		background:url(../images/h3_seo.jpg) 0	0 no-repeat;
		padding:13px 0 12px 300px;
		float:left;
	}
	#seo-btn1 a{
	height:15px;
	width:40px;
	display: block;
	text-indent: -9999px;
	background:url(../images/h4_btn3.jpg) left top no-repeat;
	}
	#seo-btn1 a:hover { background-position:0 -15px; }
	
	
	
	#web-btn1{
		background:url(../images/h3_web.jpg) 0 0 no-repeat;
		padding:13px 0 12px 300px;
		float:right;
	}
	#web-btn1 a{
	height:15px;
	width:40px;
	display: block;
	text-indent: -9999px;
	background:url(../images/h4_btn4.jpg) 0 0 no-repeat;
	}
	#web-btn1 a:hover { background-position:0 -15px; }






#ctn-waku{
	width:950px;
	margin: 0 auto;
	clear:both;
}

#left-waku{
	width:710px;
	padding:0 20px 20px 0;
	float:left;
}

#service{
	width:710px;
	margin:10px 0;
	vertical-align:top;
	clear:both;
	line-height:18px;
}
	#service01 a,
	#service02 a,
	#service03 a,
	#service04 a,
	#service05 a,
	#service06 a,
	#service07 a,
	#service08 a{
	background-position:0 0;
	background-repeat:no-repeat;
	height:22px;
	width:155px;
	display: block;
	text-indent: -9999px;
	}
	#service01 a {background:url(../images/seo_btn01.jpg) 0 0 no-repeat;}
	#service02 a {background:url(../images/seo_btn02.jpg) 0 0 no-repeat;}
	#service03 a {background:url(../images/seo_btn03.jpg) 0 0 no-repeat;}
	#service04 a {background:url(../images/seo_btn04.jpg) 0 0 no-repeat;}
	#service05 a {background:url(../images/web_btn01.jpg) 0 0 no-repeat;}
	#service06 a {background:url(../images/web_btn02.jpg) 0 0 no-repeat;}
	#service07 a {background:url(../images/web_btn03.jpg) 0 0 no-repeat;}
	#service08 a {background:url(../images/web_btn04.jpg) 0 0 no-repeat;}
	#service td a:hover { background-position:0 -22px; }





/*お客様の事例*/
#example{
	width:710px;
	margin:0 0 20px 0;
}


#example td{
	line-height:18px;
	font-size:10px;
	vertical-align:top;
	letter-spacing:normal;
}
#example td dl dt{
	font-weight:bold;
	color:#F30;
	letter-spacing:normal;
}
#example td dl dd{
	font-size:10px;
	line-height:14px;
	color:#666;
	letter-spacing:normal;
}
#example td a{
	background:url(../images/common/link_icon.gif) 0 3px no-repeat;
	padding:0 0 0 10px;
	font-size:12px;
	
}
#example td span{
	font-weight:bold;
	color:#ca3200;
}


#example td li{
	float:left;
	padding:0 15px 6px 0;
}


/*新着情報*/

#news{
	width:680px;
	height:230px;
	line-height:20px;
	padding:0 0 0 30px;
	overflow:auto;
}
#news ul{
	width:650px;
	text-align:left;
}
#news ul li{
	background:url(../images/common/news_icon.jpg) 0 0 no-repeat;
	padding:0 0 15px 20px;
}
#news ul li span{
	padding:0 30px 0 0;
	color:#F63;
}
	





/*right-bar*/

#right-waku{
	width:200px;
	padding:32px 10px;
	float:right;
	background:url(../images/common/right_bg.jpg) 0 0 no-repeat;
}

#right-waku p{
	padding:10px 0;
	color:#999;
}

#right-waku li{
	padding:5px 0;
}


#wm-ap{
	width:200px;
}
#wm-ap td{
	font-size:12px;
	color:#666;
	vertical-align:top;
	padding:5px 0;
}

#wm-ap td a{
	background:url(../images/common/link_icon.gif) 0 3px no-repeat;
	padding:0 0 0 10px;
	display:inline;
	width:90px;
}

#baneer-sv{

	margin:20px 0;
}
#baneer-sv a{
	color:#666;
}
#baneer-sv p{
	padding:5px 0;
	font-size:10px;
}

	
	

	#subbaneer1 a,
	#subbaneer2 a,
	#subbaneer3 a{
	height:70px;
	width:200px;
	display:block;
	text-indent: -9999px;
	}
	

	#subbaneer1 a {background:url(../images/common/banner01.jpg) 0 0 no-repeat;}
	#subbaneer2 a {background:url(../images/common/banner02.jpg) 0 0 no-repeat;}
	#subbaneer3 a {background:url(../images/common/banner03.jpg) 0 0 no-repeat;}

	

	#subbaneer1 a:hover,
	#subbaneer2 a:hover,
	#subbaneer3 a:hover { background-position:0 -70px; }
	
	
	
	
	
	
	
	#baneer1 a,
	#baneer2 a,
	#baneer3 a,
	#baneer4 a{
	height:85px;
	width:200px;
	display:block;
	text-indent: -9999px;
	}
	

	#baneer1 a {background:url(../images/common/banner_btn1.jpg) 0 0 no-repeat;}
	#baneer2 a {background:url(../images/common/banner_btn2.jpg) 0 0 no-repeat;}
	#baneer3 a {background:url(../images/common/banner_btn3.jpg) 0 0 no-repeat;}
	#baneer4 a {background:url(../images/common/banner_btn4.jpg) 0 0 no-repeat;}

	

	#baneer1 a:hover,
	#baneer2 a:hover,
	#baneer3 a:hover,
	#baneer4 a:hover { background-position:0 -85px; }



















/*foot*/
#foot-waku{
	clear:both;
	background:url(../images/common/foot_bg.jpg) 0 0 repeat-x;
	height:200px;
	position:relative;
	z-index:2
	}
#foot-waku address{
	background:url(../images/common/foot_logo.jpg) 0 0 no-repeat;
	padding:30px 0 0 70px;
	height:40px;
	width:400px;
	position:absolute;
	top:88px;
	left:10px;
	clear:both;
	font-style:normal;
	}
	

#back-btn{
	position:absolute;
	top:0;
	left:870px;
	display: block;
	text-indent: -9999px;
}

	
#foot-menu{
	width:570px;
	position:absolute;
	top:40px;
	left:0;
}
#foot-menu li{
	display:inline;
	color:#666;
	background:url(../images/common/link_icon.gif) 0 3px no-repeat;
	padding:0 10px;
}
#foot-menu li a{
	color:#666;
}


#foot-banner{
	position:absolute;
	top:35px;
	left:726px;
	width:224px;
}
#foot-banner li{
	display:inline;
	padding:0 0 0 10px;
	float:left;
}

#foot-tel{
	position:absolute;
	top:90px;
	left:650px;
}

#copyright{
	font-size:10px;
	color:#000;
	position:absolute;
	top:180px;
	left:620px;
}