@import "/common/css/format.css";

body {
	background-image:none;
	background-color:#fff;
}

div#contents{
	position:relative;
	}

img{
	border:none;
	}

/* header */

#cmn_head {
	left:0;
	top:0;
	position:absolute;
}



div#bookmark{
	position:absolute;
	top:45px;
	right:15px;
	width:197px;
	height:21px;
	}

div#bookmark img{
	border:none;
	width:197px;
	height:21px;
	}

#header h1{
	padding-top:13px;
	color:#0b3388;
	font-weight:normal;
	padding-left: 245px;
	}

#header p.catch{
	padding-top:0;
	}

/* MainImage */
#mainimg{
	position: relative;
	height:205px;
	background: url(images/main_bg.jpg) no-repeat;
}

#mainimg .index_ttl{
	display:none;
	}


#mainimg p a{
	position: absolute;
	top:19px;
	left: 16px;
	display:block;
	width:162px;
	height:74px;
	}

#mainimg p a:hover{ background:url(images/mainimg_bnr_webalert_ov.gif) no-repeat -16px -19px; }

div#header a#login{
	text-indent:0;
	background:none;
	}

div#header a#login img{
	border:none;
	}

div#header a#login:hover{
	background:none;
	}

/* global */

ul#gb li a, ul#gb li a:hover{
	text-indent:0;
	}

ul#gb li a img, ul#gb li a:hover img{
	border:none;
	}

/* main */
#main {
	clear:both;
	width:860px;
	padding-left: 10px;
	background: url(images/main_bg03.gif) no-repeat right top;;
}


/* leftbox */

div.leftbox{
	float:left;
	width:630px;
	}

/* news */
#news2{
position: relative;
padding-bottom:20px;
}
#news2 .news_ttl{
height: 25px;
padding:4px 0 20px 15px;
background: url(images/lb_news_h3.gif) no-repeat;
}
#news2 dl{
margin-left: 17px;
}
#news2 dt{
float: left;
width: 77px;
height: 17px;
padding-bottom: 8px;
background: url(images/lb_news_ico.gif) no-repeat 0px 0px;
text-align: center;
font-size: 10px;
color: #ffffff;
line-height: 17px;
}
#news2 dt.server{background: url(images/lb_news_ico.gif) no-repeat 0px 0px;}
#news2 dt.all{background: url(images/lb_news_ico.gif) no-repeat -77px 0px;}
#news2 dt.notice{background: url(images/lb_news_ico.gif) no-repeat -154px 0px;}
#news2 dt.cp{background: url(images/lb_news_ico.gif) no-repeat -231px 0px;}

#news2 dd.txt{
float: left;
min-height: 17px;
_height: 17px;
width: 520px;
padding-bottom: 8px;
padding-left: 10px;
}
#news2 dd.txt a{
color: #777a7d;
line-height: 17px;
font-size: 12px;
margin: 0px 20px 0px 0px;
text-decoration: underline;
}
#news2 dd.txt a:hover{
text-decoration: none;
}

#news2 dd.txt span{
color: #777a7d;
font-size: 10px;
}
#news2 p{
position: absolute;
top:7px;
right: 10px;
color: #777a7d;
font-size: 10px;
}

#news2 p a{
color: #777a7d;
text-decoration: underline;
font-size: 10px;

}
#news2 p a:hover{
color: #777a7d;
text-decoration: none;
}


/* reason */
#reason{
margin-bottom: 20px;
padding-bottom: 16px;
position: relative;
background: url(images/lb_reason_bg.gif) no-repeat left bottom;
}
#reason .reason_ttl{
margin-top: 15px;
height: 39px;
background: url(images/lb_reason_h3.gif) no-repeat;
}

#reason .reason_ttl img{
	position:absolute;
	top:18px;
	left:75px;
	}

#reason p.text{
	position:absolute;
	top:52px;
	left:75px;
}
#reason ul#news{
padding:12px 0 0 170px;
height: 26px;
background: url(images/lb_reason_h3.gif) no-repeat 0px -39px;
font-size: 10px;
color: #666565;
}
#reason ul#news li{
color: #666565;
}
#reason ul#news li.nxt{
display: none;
}

#reason ul.reasonlist{
background: url(images/lb_reason_bg2.gif) no-repeat center;
}
#reason ul.reasonlist li{
float: left;
width: 180px;
height: 80px;
padding: 15px;
}
#reason ul.reasonlist li h3{
height: 16px;
margin-bottom: 11px;
}
/*
#reason ul.reasonlist li.re01 h3{background: url(images/lb_reason_dttl.gif) no-repeat 0px 0px;}
#reason ul.reasonlist li.re02 h3{background: url(images/lb_reason_dttl.gif) no-repeat 0px -26px;}
#reason ul.reasonlist li.re03 h3{background: url(images/lb_reason_dttl.gif) no-repeat 0px -50px;}
#reason ul.reasonlist li.re04 h3{background: url(images/lb_reason_dttl.gif) no-repeat 0px -73px;}
#reason ul.reasonlist li.re05 h3{background: url(images/lb_reason_dttl.gif) no-repeat 0px -98px;}
#reason ul.reasonlist li.re06 h3{background: url(images/lb_reason_dttl.gif) no-repeat 0px -123px;}
*/

#reason ul.reasonlist li p{
color: #777a7d;
line-height: 120%;
}

#reason table{
	margin-top: 10px;
	margin-left: 16px;
	width:598px;
	background: url(images/lb_reason_table_bg.gif) no-repeat 0px 0px;
}
#reason table th,#reason table td{
height: 33px;
vertical-align: middle;
text-align: center;
color: #777a7d;
}
#reason table th,
#reason table td.maru{
text-indent: -9999px;
}
#reason table .row01{width:165px;text-indent: -9999px;}
#reason table .row02{width:178px;text-indent: -9999px;}
#reason table .row03{width:125px;text-indent: -9999px;}
#reason table .row04{width:125px;text-indent: -9999px;}



/* security */

/* service */
#service{
position: relative;
background: url(images/lb_service_bg.gif) #f5f4f4 repeat-x;
}
#service .service_ttl{
height: 62px;
padding-left: 23px;
background: url(images/lb_service_h3.gif) no-repeat;
font-weight: normal;
}
#service .service_ttl span,
#service .service_ttl h2{
display: block;
padding-top: 10px;
line-height: 25px;
color: #393939;
font-size: 16px;
font-weight: bold;
}

#service p.delivery{
	position: absolute;
	top: 20px;
	left: 357px;
	height: 22px;
	width: 90px;
	}

#service a.btn{
position: absolute;
top: 17px;
left: 501px;
height: 28px;
width: 114px;
display: block;
}

#service .celeron,
#service .core2duo,
#service .xeon{
float: left;
padding-left: 9px;
}

#service ul li{
display: none;
}
#service .celeron a,
#service .core2duo a,
#service .xeon a{
display: block;
width: 198px;
height: 144px;
}

#service .option{
margin: 17px 0px 12px;
height: 18px;
}
#service .option-list li{
display:block;
float: left;
padding-left: 9px;
padding-bottom: 9px;
}
#service .option-list li a{
display: block;
width: 80px;
height: 56px;
}
/*
#service .option-list li.op01 a{background: url(images/lb_service_options.gif) no-repeat 0px 0px;}
#service .option-list li.op02 a{background: url(images/lb_service_options.gif) no-repeat -80px 0px;}
#service .option-list li.op03 a{background: url(images/lb_service_options.gif) no-repeat -160px 0px;}
#service .option-list li.op04 a{background: url(images/lb_service_options.gif) no-repeat -240px 0px;}
#service .option-list li.op05 a{background: url(images/lb_service_options.gif) no-repeat -320px 0px;}
#service .option-list li.op06 a{background: url(images/lb_service_options.gif) no-repeat -400px 0px;}
#service .option-list li.op07 a{background: url(images/lb_service_options.gif) no-repeat -480px 0px;}
#service .option-list li.op08 a{background: url(images/lb_service_options.gif) no-repeat -560px 0px;}
#service .option-list li.op09 a{background: url(images/lb_service_options.gif) no-repeat -640px 0px;}
#service .option-list li.op10 a{background: url(images/lb_service_options.gif) no-repeat -720px 0px;}
#service .option-list li.op11 a{background: url(images/lb_service_options.gif) no-repeat -800px 0px;}
#service .option-list li.op12 a{background: url(images/lb_service_options.gif) no-repeat -880px 0px;}
#service .option-list li.op13 a{background: url(images/lb_service_options.gif) no-repeat -960px 0px;}
#service .option-list li.op14 a{background: url(images/lb_service_options.gif) no-repeat -1040px 0px;}

#service .option-list li.op01 a:hover{background: url(images/lb_service_options.gif) no-repeat 0px -56px;}
#service .option-list li.op02 a:hover{background: url(images/lb_service_options.gif) no-repeat -80px -56px;}
#service .option-list li.op03 a:hover{background: url(images/lb_service_options.gif) no-repeat -160px -56px;}
#service .option-list li.op04 a:hover{background: url(images/lb_service_options.gif) no-repeat -240px -56px;}
#service .option-list li.op05 a:hover{background: url(images/lb_service_options.gif) no-repeat -320px -56px;}
#service .option-list li.op06 a:hover{background: url(images/lb_service_options.gif) no-repeat -400px -56px;}
#service .option-list li.op07 a:hover{background: url(images/lb_service_options.gif) no-repeat -480px -56px;}
#service .option-list li.op08 a:hover{background: url(images/lb_service_options.gif) no-repeat -560px -56px;}
#service .option-list li.op09 a:hover{background: url(images/lb_service_options.gif) no-repeat -640px -56px;}
#service .option-list li.op10 a:hover{background: url(images/lb_service_options.gif) no-repeat -720px -56px;}
#service .option-list li.op11 a:hover{background: url(images/lb_service_options.gif) no-repeat -800px -56px;}
#service .option-list li.op12 a:hover{background: url(images/lb_service_options.gif) no-repeat -880px -56px;}
#service .option-list li.op13 a:hover{background: url(images/lb_service_options.gif) no-repeat -960px -56px;}
#service .option-list li.op14 a:hover{background: url(images/lb_service_options.gif) no-repeat -1040px -56px;}
*/
/* advice */


/* campaign */


/* about */


/* rightbox */

div#main div.rightbox{
	float:right;
	width:213px;
	margin-bottom: 20px;
	line-height: 130%;
}

div#main div.rightbox div.inner{
	width:213px;
	padding-bottom: 5px;
	background:url(images/rb_bg.gif) no-repeat left bottom;
	}

div#main div.rightbox #contact{
	position: relative;
	margin-top: 5px;
	height: 285px;
	background:url(images/rb_bnr_contents.gif) no-repeat left top;
}
div#main div.rightbox #contact p{
	text-indent: -9999px;
}

div#main div.rightbox #contact a.mail{
	position: absolute;
	left: 11px;
	top: 133px;
	display: block;
	width: 191px;
	height: 28px;
}
div#main div.rightbox #contact a.consulting{
	position: absolute;
	left: 11px;
	top: 169px;
	display: block;
	width: 191px;
	height: 28px;
}

div#main div.rightbox #contact ul{
position: absolute;
top: 223px;
left: 12px;
}
div#main div.rightbox #contact li{
	padding-left:15px;
	padding-bottom:6px;
	background:url(images/bullet01.gif) no-repeat left 3px;
}
div#main div.rightbox #campaign{
	border-left: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;
}

div#main div.rightbox #campaign p.ttl{
	height: 28px;
}
div#main div.rightbox #campaign ul{
	margin-left: 11px;
	margin-top: 12px;
	padding-bottom: 5px;
	}

div#main div.rightbox #campaign li{
color: #777a7d;
	padding-left:15px;
	padding-bottom:6px;
	background:url(images/bullet02.gif) no-repeat left 3px;
}

div#main div.rightbox #campaign p.banner{
	width:189px;
	height:80px;
	margin:10px auto 0;
	background:url(/common/images/rb_bnr_listing.gif) no-repeat left top;
	}

div#main div.rightbox #campaign p.banner a{
	display:block;
	width:189px;
	height:80px;
	text-indent:-9999px;
	}

div#main div.rightbox #campaign p.banner a:hover{ background:url(/common/images/rb_bnr_listing_ov.gif) no-repeat left top; }


div#main div.rightbox #bnr01 a.cp_091207{
	display: block;
	width: 213px;
	height: 75px;
	margin-bottom: 17px;
	background:url(images/rb_bnr_cp091207.gif) no-repeat left top;
	text-indent: -9999px;
}
div#main div.rightbox #bnr01 a.cp_091207:hover{
	background:url(images/rb_bnr_cp091207.gif) no-repeat -213px top;
}


div#main div.rightbox #bnr01 a.download{
	display: block;
	width: 213px;
	height: 77px;
}


div#main div.rightbox #recommend{
	border-left: solid 1px #c0c0c0;
	border-right: solid 1px #c0c0c0;
	}

div#main div.rightbox #recommend p.ttl{
	height: 28px;
}

div#main div.rightbox #recommend dl{
margin-left: 11px;
margin-top: 12px;
margin-bottom: 5px;
}
div#main div.rightbox #recommend dt{
font-size: 10px;
color: #777a7d;
padding-bottom: 2px;
}
div#main div.rightbox #recommend dd{
padding-bottom: 15px;
}
div#main div.rightbox #recommend dd a{
display: block;
height: 50px;
width: 189px;
}

/*  */

div#main div.rightbox div.bannerarea{
	width:177px;
	margin:23px auto 0;
	}

div#main div.rightbox div.bannerarea dl{
	width:177px;
	}

div#main div.rightbox div.bannerarea dl dt{
	width:177px;
	height:73px;
	}

div#main div.rightbox div.bannerarea dl dd{
	font-size:10px;
	margin-top:10px;
	}

p.mes{
	width:190px;
	margin:20px auto 0;
	color:#777a7d;
	font-size:10px;
	line-height:140%;
	}

/* contact */


/* linklist */
div#linklist{
	width:180px;
	height:430px;
	margin-top:20px;
	background:url(images/rightbox_bg02.gif) no-repeat left top;
	}

div#linklist ul{
	width:153px;
	padding:24px 0 0 14px;
	}

div#linklist ul li{
	width:153px;
	height:61px;
	margin-bottom:18px;
	}

div#linklist ul li.linklist01{ background:url(images/linklist_btn01.gif) no-repeat left top; }
div#linklist ul li.linklist02{ background:url(images/linklist_btn02.gif) no-repeat left top; }
div#linklist ul li.linklist03{ background:url(images/linklist_btn03.gif) no-repeat left top; }
div#linklist ul li.linklist04{ background:url(images/linklist_btn04.gif) no-repeat left top; }
div#linklist ul li.linklist05{ background:url(images/linklist_btn05.gif) no-repeat left top; }

div#linklist ul li a{
	display:block;
	width:153px;
	height:61px;
	text-indent:-9999px;
	}

div#linklist ul li.linklist01 a:hover{ background:url(images/linklist_btn01_on.gif) no-repeat left top; }
div#linklist ul li.linklist02 a:hover{ background:url(images/linklist_btn02_on.gif) no-repeat left top; }
div#linklist ul li.linklist03 a:hover{ background:url(images/linklist_btn03_on.gif) no-repeat left top; }
div#linklist ul li.linklist04 a:hover{ background:url(images/linklist_btn04_on.gif) no-repeat left top; }
div#linklist ul li.linklist05 a:hover{ background:url(images/linklist_btn05_on.gif) no-repeat left top; }

/* pagetop */
a.pagetop{
display: block;
margin: 0px 0px 20px auto;
width: 106px;
height: 21px;
}

/* footer */
div#function {
position: relative;
	clear: both;
border-top: solid 1px #cfcfcf;
padding-top: 15px;
height:20px;
	}

div#function ul{
	position: absolute;
	top: 15px;
	right:0px;
	text-align:right;
	padding: 0px;
}

div#function ul li{
	margin-left:10px;
	padding-left:10px;
	font-size:10px;
	display:inline;
border-left: solid 1px #9d9d9d;
}
div#function ul li.first{
	border-left: none;
}
div#function ul li a span {
	display: none;
}

div#function a,
div#function a:link,
div#function a:visited,
div#function a:active{
	font-size:10px;
	color: #9d9d9d;
	text-decoration: none;
}
div#function a:hover{
color: #9d9d9d;
text-decoration: underline;
}

#gmo_copy{
	position: absolute;
	top: 10px;
	font-family:Verdana;
	font-size:10px;
	color: #9d9d9d;
}
div#function #gmo_copy a,div#function #gmo_copy a:hover{
text-decoration: none;
}

ul.linknet{
	padding:16px 10px 0;
}

ul.linknet li,
ul.linknet li a{
	font-size:10px;
	padding-bottom:8px;
}

/*
------------------------------------------------------------*/
div#main:after,
div#campaign:after,
div#comingsoon dl:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

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

.clearfix{
display: inline-block;
}

/*\*/
.clearfix{
height: 1%;
}
.clearfix{
display: block;
}
/**/