@charset "utf-8";

/* ===================================================================

CSS information

File Name  : style.css

Author     : DexterAero.com

Style Info : 各CSSファイル読み込み用

=================================================================== */
* {margin: 0; padding: 0;}
html{
   background: url(img/bg/bg.jpg) repeat-x;
   background-attachment: scroll;
   }


body {
    font-size:0.85em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background: url(img/bg/bg2.jpg) no-repeat right top ;
    background-attachment: scroll;
    color: #565656;
	}

/*-------Main--------*/
#wrapper {
    width: 985px;
	/*height: 1100px;*/
	overflow: hidden;
	position: static;
	margin: 0 auto;
	margin-bottom:10px
}

/*-------Header-------*/

div#header  {  
    width: 965px;
	padding: 0 10px 10px 10px;
    color: #FFF;  
  	/*position: fixed;*/
    top:0;  
    left:0; 
    }



#header h1 {
	width: 632px;/*デフォルトは236px*/
	height: 61px;
	font-size: 0.03em;
	text-decoration: none; 
	text-indent:-4000px;
	background: transparent url(img/mark/logo.jpg) no-repeat;
	}
		
#header h1 a {display: block; width: 89px; height: 81px; text-decoration: none;}
#header h1 a:hover {display: block; width: 89px; height: 81px; text-decoration: none;}
#header h1 a span {visibility: hidden;}

.freeword {
    width:394px;
    height:36px ;/*デフォルトは28px*/
	float: left;
	margin:0 0 0 30px;
	background: url(img/bg/title2.jpg) no-repeat bottom;
	/*border:solid thin #999999;*/
	padding:16px 0 0 16px;
	text-align: left;
	color: #0099CC;
	}

/*------- Dock menu START-----*/
 .kwicks {
     width:516px;
     list-style: none;  
     position: relative;  
	 float:left;/*メニュー右のdiv.freewordを右に付けるべくfloatを配置。不要な場合は削除*/
     margin: 0;  
     padding: 0; 
	 background-image:url(no_flicker.jpg); /*jQueryを通してメニュー項目を並べるとき、幾つかのブラウザが、遅くなることにがある。そのため、このスタイル定義で防ぎます。*/

 }  
 .kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
    cursor: pointer;  
	float: left;
	width: 125px;
	height: 40px;
	margin-right: 0px;
	background-image:url(kwicks_sprite.jpg);
	background-repeat:no-repeat;
}
.kwicks a{
	display:block;
	height:40px;
	text-indent:-9999px;
	outline:none;
}

#kwick1 {
	background-position:0px 0px;
}
#kwick2 {
	background-position:-200px 0px;
}
#kwick3 {
	background-position:-400px 0px;
}
#kwick4 { 
	background-position:-600px 0px;
}

#kwick1.active, #kwick1:hover { 
	background-position: 0 bottom;
}
#kwick2.active, #kwick2:hover{
	background-position: -200px bottom;
}
#kwick3.active, #kwick3:hover {
	background-position: -400px bottom;
}
#kwick4.active, #kwick4:hover {
	background-position: -600px bottom; 
}

#kwick1 a{
	background-image:url(end.jpg);
	background-repeat:no-repeat;
	background-position: left 0px;
}

#kwick1 a:hover{
	background-position: left -80px;
}

#kwick4 a{
	background-image:url(end.jpg);
	background-repeat:no-repeat;
	background-position: right -40px;
}
#kwick4 a:hover{
	background-position: right -120px;
}
/*----Docks menu END----*/
/*----Left side contents START----*/
div#left_contents {
    width:500px;
    height:300px auto;
	display:block;
	float:left;
	margin:20px 0 0 10px;
	background-color:#FFFFFF;
	}

.service_list {
    width:100%;
	height:260px;
	background-color:#FFFFFF;
	}
	
.plan {
    width:100%;
	height:180px;
	background-color:#FFFFFF;
	margin:0 0 20px 0;
	}
	
p#ichiban {
    width:105px;/*デフォルトは125px*/
    height:166px;/*デフォルトは125px*/
	background:url(img/bg/color1.jpg) no-repeat;
	background-color: #0099CC;
	padding:84px 10px 10px 10px;
	font-size:12px;
	color:#FFFFFF;
	float:left;
	}
	
p#niban {
    width:105px;/*デフォルトは125px*/
    height:166px;/*デフォルトは125px*/
	background:url(img/bg/color2.jpg) no-repeat;
	background-color: #b03060;
	padding:84px 10px 10px 10px;
	font-size:12px;
	color:#FFFFFF;
	float:left;
	}
	
p#sanban {
    width:105px;/*デフォルトは125px*/
    height:166px;/*デフォルトは125px*/
	background:url(img/bg/color3.jpg) no-repeat;
	background-color: #292929;
	padding:84px 10px 10px 10px;
	font-size:12px;
	color:#FFFFFF;
	float:left;
	}
	
p#yonban {
    width:105px;/*デフォルトは125px*/
    height:166px;/*デフォルトは125px*/
	background:url(img/bg/color4.jpg) no-repeat;
	background-color: #009966;
	padding:84px 10px 10px 10px;
	font-size:12px;
	color:#FFFFFF;
	float:left;
	}
	
	
	
h2 {
   width:100% -30px;
   height:28px;
   padding:10px 0 0 30px;
   margin:0 0 10px 0;
   font:16px normal;
   background:url(img/bg/title.jpg) repeat-x;
   }
   
h3 {
   width:100% -30px;
   height:28px;
   padding:10px 0 0 30px;
   margin:20px 0 10px 0;
   font:16px normal;
   background:url(img/bg/title.jpg) repeat-x;
   }
   
/*Tab START*/
p.backto {
	margin:0 0 30px 10px;
	text-align:left;
	}

a {
	color:#099;
	text-decoration:none;
	}

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

ul {
	list-style:none;
	}

body#tab_sample h1 {
	margin-bottom:2em;
	font-size:200%;
	font-weight:normal;
	line-height:100%;
	text-align:center;
	}

body#tab_sample div#javascript_tab_sample {
	margin:20px auto 0 auto;
	width:450px;
	text-align:left;
	}

div#javascript_tab_sample ul#tab {
	margin:0;
	padding:0;
	border-bottom:1px solid  #999999;
	background-color:#fff;
	float:left;
	width:100%;
	}

div#javascript_tab_sample ul#tab li {
	margin:0 0 0 1em;
	padding:0.2em 0;
	text-align:center;
	border:1px solid #999999;
	border-bottom:none;
	float:left;
	width:5em;
	}

div#javascript_tab_sample ul#tab li.selected {
	background: url(img/bg/no_flicker.jpg) repeat-x;
	}

div#javascript_tab_sample ul#tab li.selected a {
	color:#fff;
	}

div#javascript_tab_sample dl {
	margin:0;
	padding:1em;
	color:#333333;
	border:1px solid #999999;
	border-top:none;
	background: url(img/bg/tab.jpg) no-repeat left;
	clear:both;
	}

div#javascript_tab_sample dl dt {
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px dotted #999999;
	}

div#javascript_tab_sample dl dd {

	}

div#javascript_tab_sample dl dd p {
	margin-bottom:1em;
	}
/*Tab END*/
/*----Left side contents END----*/


/*----Right side contents START----*/
div#right_contents {
    width:410px;
	height:auto;
	display:block;
	float:left;
	margin:20px 0 0 30px;
	background-color:#FFFFFF;
	}
	
div#right_contents_two {
    width:390px;/*410*/
	height:405px;/*425px*/
	display:block;
	float:left;
	padding:10px;
	background-color:#FFFFFF;
	background:url(img/bg/white.jpg) no-repeat;
	}
	
div#right_contents_two h4 {
	width:100% -50px;
    height:28px;
    padding:10px 0 0 50px;
	margin:0 0 6px 0;
	background:url(img/bg/title3.jpg) no-repeat left;
	}
	
/*------Slider START-----*/
#slider {
    width: 410px; /* important to be same as image width */
    height: 230px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin-bottom:20px;
}
#sliderContent {
    width: 410px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}
/*------Slider END-----*/

/*------Dl Dt Dd START----*/
div#right_contents_two dl { 
	height: auto;
	margin: 10px 0 10px 30px; 
	overflow: hidden;
	font-size:16px;
	color:#FFFFFF;
}
div#right_contents_two dt {float:left; width: 100px; height:20px; margin:2px; padding: 10px 0; text-align:center; background-color:#b03060;}
div#right_contents_two dd {float:left; width: 230px; height:20px; margin:2px; padding: 10px 0; text-align:center; background-color:#292929;}
/*------Dl Dt START----*/

/*----Right side contents END----*/

/*-------Footer START--------*/
#footer {
    width:100%;
	height:138px;
	margin-top:20px;
	background:url(img/bg/footer.jpg) repeat-x;
	}

#sub_menu {
    width:900px;
	height:120px;
	position: static;
	margin: 0 auto;
	padding:10px 0 0 0;
	font:normal 12px;
	text-align: right;
    color: #FFF;
	background:url(img/mark/footer_logo.jpg) no-repeat right bottom
	}
	
#footer address a	{
    color: #FFF;
	}