@charset "UTF-8";

/* ________________________________________________________  base */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input{
margin:0;
padding:0;
}

body{
background-color:#fff;
color:#333;
line-height:2em;
font-size:11px;
font-family:Lucida Grande,Hiragino Kaku Gothic Pro,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Lucida Sans Unicode,Arial,Verdana,sans-serif;
}

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


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

table{
border-collapse:collapse;
border-spacing:0;
}

.clear{
clear:both;
}

a{
color:#08C;
outline:none;
}

a:link, a:visited, a:active{
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

.font10{
font-size:10px;
}
.font11{
font-size:11px;
}
.font12{
font-size:12px;
}
.font14{
font-size:14px;
}
.font16{
font-size:16px;
}
.font18{
font-size:18px;
}

.color_blue{
color:#2694b0;
}
.left30{
margin:5px 0 0 30px;
}

.tit_text{
float:left;
width:650px;
margin:20px 0 0 0;
padding-left:30px;
}

.tit_h{
background-image:url(../images/ico_tit.jpg);
background-repeat:no-repeat;
text-indent:50px;
line-height:67px;
font-size:34px;
color:#7a7a7a;
margin:20px 0 0 30px;
font-weight:normal;
word-spacing:-1px;
}

.tit_h_b{
background-image:url(../images/ico_tit.jpg);
background-repeat:no-repeat;
text-indent:50px;
line-height:67px;
font-size:34px;
color:#7a7a7a;
margin:20px 0 0 0;
font-weight:normal;
word-spacing:-1px;
}

.filter a:hover img{
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/*base end*/

/*pagelayout*/

body{
background-image:url(../images/bg_top.jpg);
background-position:center top;
background-color:#e5e5e5;
background-repeat:no-repeat;
margin:0 auto;
}

#container{
margin:0 auto;
position:relative;
width:940px;
height:100%;
}

#main_imgbox{
background-image:url(../../images/bg_maintop.jpg);
width:940px;
height:528px;
display:block;
overflow:hidden;
}
#main_image{
position:relative;
width:920px;
height:508px;
top:10px;
left:10px;
overflow:hidden;
}

#main_imgbox02{
background-image:url(../images/bg_submain.jpg);
width:940px;
height:425px;
display:block;
overflow:hidden;
}
#main_image02{
position:relative;
width:920px;
height:405px;
top:10px;
left:10px;
overflow:hidden;
}

#top_box01{
float:left;
padding-top:5px;
width:220px;
overflow:hidden;
line-height:1.8em;
}

#top_box02{
float:left;
padding:5px 0 0 20px;
width:220px;
overflow:hidden;
line-height:1.8em;
}


#top_box03{
float:right;
padding-top:5px;
width:220px;
overflow:hidden;
line-height:1.8em;
}

#top_box03 a:hover{
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

.toptumb{
clear:both;
margin-top:10px;
background-color:#fff;
width:220px;
overflow:hidden;
}

.toptumb_btn{
width:50px;
height:23px;
position:relative;
overflow:hidden;
top:-46px;
left:160px;
}

.toptumb_img{
position:relative;
top:-23px;
width:220px;
overflow:hidden;
}

.toptumb_img a:hover{
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

.toptumb_text{
	margin-top:-40px;
	padding:0 10px;
}
.toptumb_text2{
	margin-top:-20px;
	padding:0 10px;
}


#contents{
color:#333;
background-color:#fff;
width:940px;
margin-top:15px;
position:relative;
display:block;
overflow:hidden;
font-size:14px;
line-height:2em;
}
#contents02{
color:#333;
background-color:#fff;
width:940px;
margin-top:15px;
position:relative;
display:block;
overflow:hidden;
font-size:14px;
line-height:2em;
min-height:500px;/*ページが短いとき用　ここから下3行*/
height:auto !important;
height:400px;
}

#contents a{
color:#2C9CEF;
}

#contents a:hover{
color:#9FD6FF;
}

#contactbox{
color:#333;
background-color:#fff;
width:940px;
margin-top:15px;
position:relative;
display:block;
overflow:hidden;
font-size:14px;
line-height:2em;
}

/*pagelayout end*/


/*header*/

#headernavi{
width:940px;
height:23px;
display:block;
overflow:hidden;
}

#headernavi ul{
display:block;
width:940px;
height:23px;
text-indent:-9876px;
}

#headernavi ul li{
list-style:none;
display:inline
}

#headernavi ul li a{
position: absolute;
top:0;
height:23px;
text-decoration: none;

}

#headernavi ul li#headernavi01 a{
width:54px;
height:23px;
left:550px;
background: url(../images/btn_home.jpg) no-repeat top left;
}
#headernavi ul li#headernavi02 a{
width:94px;
height:23px;
left:604px;
background:url(../images/btn_company.jpg) left top no-repeat;
}
#headernavi ul li#headernavi03 a{
width:120px;
height:23px;
left:698px;
background:url(../images/btn_access.jpg) left top no-repeat;
}
#headernavi ul li#headernavi04 a{
width:112px;
height:23px;
left:818px;
background:url(../images/btn_contact.jpg) 0 0 no-repeat;
}


#headernavi ul li#headernavi01 a:hover{
background-position:bottom left;
}
#headernavi ul li#headernavi02 a:hover{
background-position:bottom left;
}
#headernavi ul li#headernavi03 a:hover{
background-position:bottom left;
}
#headernavi ul li#headernavi04 a:hover{
background-position:bottom left;
}


#header{
clear:both;
width:940px;
height:135px;
margin-top:6px;
display:block;
overflow:hidden;
}

#navigation{
width:940px;
height:46px;
overflow:hidden;
}

#navigation ul{
display:block;
width:940px;
height:46px;
text-indent:-9876px;
}

#navigation ul li{
list-style:none;
display:inline
}

#navigation ul li a{
position:absolute;
top:108px;
height:46px;
text-decoration: none;

}

#navigation ul li#navigation01 a{
width:205px;
left:10px;
background: url(../images/navi_aboutus.jpg) no-repeat top left;
}
#navigation ul li#navigation02 a{
width:199px;
left:215px;
background:url(../images/navi_discover.jpg) left top no-repeat;
}
#navigation ul li#navigation03 a{
width:117px;
left:414px;
background:url(../images/navi_fun.jpg) left top no-repeat;
}
#navigation ul li#navigation04 a{
width:122px;
left:531px;
background:url(../images/navi_sno.jpg) 0 0 no-repeat;
}
#navigation ul li#navigation05 a{
width:109px;
left:653px;
background:url(../images/navi_licence.jpg) 0 0 no-repeat;
}
#navigation ul li#navigation06 a{
width:85px;
left:762px;
background:url(../images/navi_price.jpg) 0 0 no-repeat;
}
#navigation ul li#navigation07 a{
width:83px;
left:847px;
background:url(../images/navi_link.jpg) 0 0 no-repeat;
}


#navigation ul li#navigation01 a:hover{
background-position:bottom left;
}
#navigation ul li#navigation02 a:hover{
background-position:bottom left;
}
#navigation ul li#navigation03 a:hover{
background-position:bottom left;
}
#navigation ul li#navigation04 a:hover{
background-position:bottom left;
}
#navigation ul li#navigation05 a:hover{
background-position:bottom left;
}
#navigation ul li#navigation06 a:hover{
background-position:bottom left;
}
#navigation ul li#navigation07 a:hover{
background-position:bottom left;
}

/*header end*/

/*footer*/

#footer_txt{
clear:both;
width:940px;
height:50px;
margin:0 auto;
text-indent:-9876px;
line-height:50px;
}

#footer_bg{
clear:both;
color:#fff;
font-size:10px;
line-height:1.8em;
padding:15px 0;
width:100%;
overflow:hidden;
background-color:#353535;
}
#footer_box{
margin:0 auto;
width:940px;
}
#footer_info{
float:right;
text-align:right;
}
#footer_info a:hover img{
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/*footernavi*/
#footernavi_bg{
clear:both;
background-color:#266f7f;
width:100%;
height:29px;
}

#footernavi_box{
width:940px;
margin:0 auto;
height:29px;
}

#footernavi{
float:left;
height:29px;
display:block;
overflow:hidden;
color:#fff;
}

#footernavi ul{
display:block;
height:29px;
line-height:29px;
}

#footernavi ul li{
list-style:none;
display:inline;
line-height:29px;
}

#footernavi a{
text-decoration: none;
color:#fff;
}

#footernavi a:hover{
color:#fff;
border-bottom:1px solid #b4d8df;
}

address{
float:right;
line-height:29px;
font-size:10px;
font-style:normal;
color:#063b47;
}
/*footer end*/

/*info*/
.info dl{
width:190px;
margin:0 auto;
overflow:hidden;
line-height:1.4em;
}
.info dt{
font-size:10px;
font-weight:bold;
padding-top:7px;
}
.info dd{
font-size:11px;
border-bottom:1px solid #ccc;
padding-bottom:5px;
}


/*price*/

.price_leftbox{
	float:left;
	width:390px;
	margin:20px 0 0 30px;
}

.price_rightbox{
	float:right;
	width:390px;
	margin:20px 50px 0 0;
}



/*localnavi*/

#localnavi02{
float:left;
width:940px;
line-height:normal;
background-image:url(../images/bg_localnavi.jpg);
background-repeat:no-repeat;
margin-top:15px;
height:45px;
}
#localnavi02 ul{
margin:0;
padding:0 0 0 8px;
list-style:none;
font-size:12px;
}
#localnavi02 li{
display:inline;
margin:0;
padding:0;
}
#localnavi02 a{
float:left;
background:url("../images/btn_localnavi_bg01.jpg") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;	  
}
#localnavi02 a span{
float:left;
display:block;
background:url("../images/btn_localnavi_bg02.jpg") no-repeat right top;
padding:15px 18px 15px 13px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#localnavi02 a span {float:none;}
/* End IE5-Mac hack */
#localnavi02 a:hover span {
color:#FFF;
}
#localnavi02 a:hover {
background-position:0% -45px;
}
#localnavi02 a:hover span {
background-position:100% -45px;
}  







/*other (effect)*/

.to_top{
float:right;
clear:both;
width:73px;
height:24px;
margin:15px 30px 0 0; 
}

.to_top a:hover img{
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

/*   icon  */


/*  table  */