/*************************************************************************************************
 *Initialize
************************************************************************************************/
*{
margin:0;
padding:0;
outline:0;
}

html{font-size:100%;}

body{
text-align:cneter;
font-size:100%;
font-family:"Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
word-break:break-all;
color:gray;
}

a:link, a:visited {
color:#888888;
text-decoration:none;
}

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

li{
list-style-type:none;
}

/*************************************************************************************************
 *common
************************************************************************************************/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.mar_20{margin:20px;}

.return2Top {
width:750px;
margin:15px auto 10px;
text-align:right;
}

#body {
text-align:center;
font-size:80%;
}

/*************************************************************************************************
 *header
************************************************************************************************/

/*
#header{
width:1070px;
height:80px;
margin:0 auto;
}*/

#navi{
text-align:right;
border:solid 1px white;
width: 1000px;
height: 35px;
margin:43px auto 10px;
}

#logo{
float:left;
width: 213px;
height: 36px;
}

div#navi ul {
margin:20px auto 0;
}

#navi li{
float:left;
margin-left:35px;
}

#navi li a:hover img{
	visibility: hidden;
}

#navi li a {
	display: block;
}

#navi li#navi01 a{
 height:15px;
background: url(./images/btn_message_on.png) no-repeat left bottom;
}

#navi li#navi02 a{
 height:15px;
background: url(./images/btn_sp_on.png) no-repeat left bottom;
}

#navi li#navi03 a{
 height:15px;
background: url(./images/btn_eq_on.png) no-repeat left bottom;
}

#navi li#navi04 a{
 height:15px;
background: url(./images/btn_reseller_on.png) no-repeat left bottom;
}

#navi li#navi05 a{
 height:15px;
background: url(./images/btn_contact_on.png) no-repeat left bottom;
}

/*************************************************************************************************
 *footer
************************************************************************************************/

#footer{
clear:both;
width:1080px;
overflow:hidden;
margin:10px auto 0;
text-align:center;
font-size:100%;
color:gray;
}

#footer li {
float:left;
margin-right:30px;
}

#footer li a:hover {color:#00aabb;}

#footer p {
margin:20px auto;
font-size:80%;
}

#f_main {
clear:both;
width:960px;
height:40px;
margin:0 auto;
overflow:hidden;
text-align:center;
border-top:solid 1px gray;
border-bottom:solid 1px gray;
}

#f_main ul {
width:670px;
margin:0 auto;
padding:10px 0;
overflow:hidden;
}

#f_sub {
clear:both;
width:620px;
overflow:hidden;
margin:25px auto;
font-size:80%;
}