/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	background: #ffffff;
	font-size:74.5%;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#333;
	line-height:1.5;
}

html {
	overflow-y:scroll;
}

p {
	margin:0 0 1em;
}

li {
	list-style:none;
	line-height:1.3;
}

img,
fieldset {
	border:0;
}


/*-----------------------------------------------
 __header
-----------------------------------------------*/
#outer{ 
margin: 0 auto;
width: 750px;
/* TOPからの高さ調整*/
padding: 20px 5px 0 3px;
/* background: #06091C; */
background: #ffffff;
}


#header {
	min-width:750px;
	background:#ffffff;
padding: 10px 0 0 0;
height: 160px;
background-image:url(../images/head.jpg);
background-position:center top;
background-repeat:no-repeat;
}

#navbox{
margin: 0;
border:0px solid #000; 
width: 750px;
/* height:25px; */
height:25px;
position: relative;
}


h1{
margin: 100px 0 0 9px;
width: 45%;
font-size: 1.5em;
letter-spacing: .3em;
color:#9CAAB7;
font-family : "engravers mt bold", verdana, arial,sans-serif;
}

h2{
margin: 0;
width: 100%;
font-size: 1.2em;
letter-spacing: .2em;
color:#006699;
font-family : "engravers mt bold", verdana,arial,sans-serif;
}

h3{
width: 49%;
font-size: 1.1em;
letter-spacing: .2em;
color:#06091C;
font-family : "engravers mt bold", verdana,arial,sans-serif;
margin: 8px;
}

h4{
text-align: left;
margin: 0 0 20px 0px; 
font-size:120%;
letter-spacing: 1em;
color:#FF0000;
}

/* 以下margin:1xxpxはヘッターのどの位置のメニューを出すかの高さ調整*/
.menu {font-family: arial, sans-serif; width:750px; position:relative; margin:0; font-size:12px; margin:168px 0 0px 0; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#FFFFFF;width:104px; height:20px; text-align:center; color:#FFFFFF; border:1px solid #1D7178; background:#328D92; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#328D92; background:#FFFFFF;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#FFFFFF; color:#1D7178;}
.menu ul li:hover ul li:hover a.hide {background:#CBC579; color:#FFFFFF;}
.menu ul li:hover ul li ul {display: none;}
/* ＯＮカーソル時の下位メリューの文字色(color:)*/
.menu ul li:hover ul li a {display:block; background:#FFFFFF; color:#328D92;}
.menu ul li:hover ul li a:hover {background:#CBC579; color:#FFFFFF;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

.clear { clear: both; background: none; }


/*-----------------------------------------------
 __Back TO Top
-----------------------------------------------*/
#top {text-align: right;border-bottom: 1px solid #006699;padding-bottom: 0px;margin-bottom: 10px;}

/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
	clear:both;
	width:100%;
	min-width:430px;
	padding-top:0px;
	padding-bottom:5px;
	background:#FFFFFF;
}

#footer ul {
	margin:15px auto 10px;
	text-align:center;
}

#footer ul li {
	display:inline;
	margin-right:5px;
	padding-left:10px;
	line-height:1.1;
	border-left:1px solid white;
}

#footer ul li.utilityHome {
	border-left:0;
}

#footer p#copyright {
	text-align:center;
}


/*-----------------------------------------------
 __contents
-----------------------------------------------*/

#contents {
	float:left;
	width:100%;
	min-width:430px;
	padding:10px 0 15px 0;
}


/*-----------------------------------------------
 __main
-----------------------------------------------*/

#main {
	float:left;
	width:100%;
}


/* __inner
------------------------------------------*/
.ad {
	width:auto;
	min-width:200px;
	margin:0 200px 0 0;
	padding:10px 0px 5px;
	background:#FFFFFF;
	background-image:URL(../images/core2duo.jpg);
	background-position:0px 120px;
    background-repeat:no-repeat;
}
.campaign {
	width:auto;
	min-width:200px;
	margin:0 200px 0 0;
	padding:10px 0px 5px;
	background:#FFFFFF;
	background-image:URL(../images/campaign.jpg);
	background-position:0px 0px;
    background-repeat:no-repeat;
}
.inner {
	width:auto;
	min-width:200px;
	margin:0 200px 0 0;
	padding:10px 0px 5px;
	background:#FFFFFF;
	background-image:URL(../images/stdservice.jpg);
	background-position:240px 550px;
    background-repeat:no-repeat;
}
.service {
	width:auto;
	min-width:200px;
	margin:0 200px 0 0;
	padding:10px 0px 5px;
	background:#FFFFFF;
	background-image:URL(../images/stdservice.jpg);
	background-position:240px 340px;
    background-repeat:no-repeat;
}
.domain {
	width:auto;
	min-width:200px;
	margin:0 200px 0 0;
	padding:10px 0px 5px;
	background:#FFFFFF;
	background-position:240px 340px;
    background-repeat:no-repeat;
}

.bakbone {
	width:auto;
	min-width:200px;
	margin:0 200px 0 0;
	padding:10px 0px 5px;
	background:#FFFFFF;
	background-image:URL(../images/bakbone.jpg);
	background-position:320px 50px;
    background-repeat:no-repeat;
}

.antivirus {
	width:auto;
	min-width:200px;
	margin:0 200px 0 0;
	padding:10px 0px 5px;
	background:#FFFFFF;
	background-image:URL(../images/antivirus.jpg);
	background-position:300px 140px;
    background-repeat:no-repeat;
}

.operation {
	width:auto;
	min-width:200px;
	margin:0 200px 0 0;
	padding:10px 0px 5px;
	background:#FFFFFF;
	background-image:URL(../images/operation.jpg);
	background-position:300px 140px;
    background-repeat:no-repeat;
}

.firewall {
	width:auto;
	min-width:200px;
	margin:0 200px 0 0;
	padding:10px 0px 5px;
	background:#FFFFFF;
	background-image:URL(../images/firewall.jpg);
	background-position:300px 100px;
    background-repeat:no-repeat;
}
.spamtrash {
	width:auto;
	min-width:200px;
	margin:0 200px 0 0;
	padding:10px 0px 5px;
	background:#FFFFFF;
	background-image:URL(../images/spamtrash.jpg);
	background-position:300px 140px;
    background-repeat:no-repeat;
}
.verisign {
	width:auto;
	min-width:200px;
	margin:0 200px 0 0;
	padding:10px 0px 5px;
	background:#FFFFFF;
	background-image:URL(../images/verisign.jpg);
	background-position:300px 80px;
    background-repeat:no-repeat;
}
.globalsign {
	width:auto;
	min-width:200px;
	margin:0 200px 0 0;
	padding:10px 0px 5px;
	background:#FFFFFF;
	background-image:URL(../images/globalsign.jpg);
	background-position:300px 80px;
    background-repeat:no-repeat;
}
.as {
	width:auto;
	min-width:200px;
	margin:0 200px 0 0;
	padding:10px 0px 5px;
	background:#FFFFFF;
	background-image:URL(../images/as.jpg);
	background-position:180px 125px;
    background-repeat:no-repeat;
}
.osinstfree {
	width:auto;
	min-width:200px;
	margin:0 200px 0 0;
	padding:10px 0px 5px;
	background:#FFFFFF;
	background-image:URL(../images/osinstfree.jpg);
	background-position:10px 100px;
    background-repeat:no-repeat;
}
.news {
	width:auto;
	min-width:200px;
	margin:0 200px 0 0;
	padding:10px 0px 5px;
	background:#FFFFFF;
}
.noimages {
	width:auto;
	min-width:200px;
	margin:0 200px 0 0;
	padding:10px 0px 5px;
	background:#FFFFFF;
}

#main .inner h2 {
	margin-bottom:10px;
	font-size:180%;
}
#main .service h2 {
	margin-bottom:10px;
	font-size:180%;
}
#main .bakbone h2 {
	margin-bottom:10px;
	font-size:180%;
}
#main .antivirus h2 {
	margin-bottom:10px;
	font-size:180%;
}
#main .operation h2 {
	margin-bottom:10px;
	font-size:180%;
}
}
#main .firewall h2 {
	margin-bottom:10px;
	font-size:180%;
}
#main .spamtrash h2 {
	margin-bottom:10px;
	font-size:180%;
}
#main .verisign h2 {
	margin-bottom:10px;
	font-size:180%;
}
#main .globalsign h2 {
	margin-bottom:10px;
	font-size:180%;
}
#main .noimages h2 {
	margin-bottom:10px;
	font-size:180%;
}
#main .as h2 {
	margin-bottom:10px;
	font-size:180%;
}
#main .osinstfree h2 {
	margin-bottom:10px;
	font-size:180%;
}
#main .news h2 {
	margin-bottom:10px;
	font-size:180%;
}
/*-----------------------------------------------
 __sub
-----------------------------------------------*/

#helpdesk {
	width:200px;
    height:200px;
	margin-top:10px;
	float:right;
	margin-left:-200px;
	padding:10px 0 15px 0;
	background:#ffffff;
background-image:url(../images/helpdesk.jpg);
background-position:center top;
background-repeat:no-repeat;
}

#servicead {
	width:200px;
    height:350px;
	margin-top:10px;
	float:right;
	margin-left:-200px;
	padding:10px 0 15px 0;
	background:#ffffff;
background-image:url(../images/servicead.jpg);
background-position:center top;
background-repeat:no-repeat;
}