@charset "utf-8";

/*----------------------------------------------------
sevenone css base
----------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-size: 62.5%;
	font-family: Verdana, Helvetica, sans-serif;
	background:#fff;
}
a{
	color:#333;
}
a:hover{
	color:#333;
}
a img {
	border: none;
}
.right{
	text-align:right;
}
.center{
	text-align:center;
}
img.right{
	display: block;
	float:right;
	margin:0 5px;
}
img.left{
	display: block;
	float:left;
	margin:0 5px;
}
div.center{
	display: block;
	width:594;
	margin:0 auto
}
p.red_notes{
	color:#fc3b3b;
	font-size:12px;
	margin-bottom:1em;
}
.red{
	color:#f00;
}
p.txt_lit{
	font-size:9px;
}
hr{
}
.clear{
	clear:both;
}
#wrapper {
	width: 808px; /*805px*/
	margin:0 auto;
	padding:10px 0 ;
	background-color:#fff;
	margin-top:1em;
}
/*-------------header-----------*/
#header h1 {
	width: 386px;
	height: 58px;
	font-size: 1em;
	font-weight: normal;
	float: left;
	overflow: hidden;
	text-indent:-9999px;
	background:#fff;
}
#header h1 a {
	display: block;
	height: 58px;
	color: #fff;
	text-decoration: none;
	background: url(img/head_tit_00.gif) left bottom no-repeat;
	overflow: hidden;
}
#header p{
	display: block;
	float: left;
	overflow: hidden;
}
#header ul {
	display: block;
	width: 805px;
	height: 45px;
	background: url(img/navi_back_bar_00.gif) left bottom no-repeat;s
	overflow: hidden;
	float: left;
}
#header ul li {
	display: block;
	height: 45px;
	float: left;
	list-style-type: none;
	overflow: hidden;
}
#header ul li span {
	display: block;
	width: 114px;
	height: 0px;
	padding: 45px 0 0 0;
	overflow: hidden;
}
#header ul li a {
	display: block;
	width: 114px;
	height: 0px;
	padding: 45px 0 0 0;
	overflow: hidden;
}
#header ul li span {
	display: block;
	width: 114px;
	height: 0px;
	padding: 45px 0 0 0;
	overflow: hidden;
}
#header li#navi01 a {
	width: 110px;
	margin:0 0 0 7px;
	background: url(img/btn_navi_01.gif) left top no-repeat;
}
#header li#navi01 a:hover {
	width: 110px;
	margin:0 0 0 7px;
	background: url(img/btn_navi_01.gif) right top no-repeat;
}
#header li#navi01 a:active {
	width: 110px;
	margin:0 0 0 7px;
	background: url(img/btn_navi_01.gif) center top no-repeat;
}
#header li#navi02 a {
	width: 114px;
	background: url(img/btn_navi_02.gif) left top no-repeat;
}
#header li#navi02 a:hover {
	width: 114px;
	background: url(img/btn_navi_02.gif) center top no-repeat;
}
#header li#navi02 a:active {
	width: 114px;
	background: url(img/btn_navi_02.gif) right top no-repeat;
}
#header li#navi03 a {
	width: 114px;
	background: url(img/btn_navi_03.gif) left top no-repeat;
}
#header li#navi03 a:hover {
	background: url(img/btn_navi_03.gif) center top no-repeat;
}
#header li#navi03 a:active {
	width: 114px;
	background: url(img/btn_navi_03.gif) right top no-repeat;
}
#header li#navi04 a {
	width: 114px;
	background: url(img/btn_navi_04.gif) left top no-repeat;
}
#header li#navi04 a:hover {
	width: 114px;
	background: url(img/btn_navi_04.gif) center top no-repeat;
}
#header li#navi04 a:active {
	width: 114px;
	background: url(img/btn_navi_04.gif) right top no-repeat;
}
#header li#navi05 a {
	width: 114px;
	background: url(img/btn_navi_04.gif) left top no-repeat;
}
#header li#navi05 a:hover {
	width: 114px;
	background: url(img/btn_navi_04.gif) center top no-repeat;
}
#header li#navi05 a:active {
	width: 114px;
	background: url(img/btn_navi_04.gif) right top no-repeat;
}
#header li#navi06 a {
	width: 114px;
	background: url(img/btn_navi_04.gif) left top no-repeat;
}
#header li#navi06 a:hover {
	width: 114px;
	background: url(img/btn_navi_04.gif) center top no-repeat;
}
#header li#navi06 a:active {
	width: 114px;
	background: url(img/btn_navi_04.gif) right top no-repeat;
}
#header li#navi07 a {
	width: 118px;
	background: url(img/btn_navi_07.gif) left top no-repeat;
}
#header li#navi07 a:hover {
	width: 118px;
	background: url(img/btn_navi_07.gif) center top no-repeat;
}
#header li#navi07 a:active {
	width: 118px;
	background: url(img/btn_navi_07.gif) right top no-repeat;
}
#header p{
	display: block;
	width:406px;
	height:30px;
	color:#ab251b;
	font-size:18px;
	font-weight:bold;
	padding:28px 0 0 10px;
	background: url(./img/head_add_00.gif) right top no-repeat #eee;
}

/*-------------sub navi-----------*/
#sub_navi{
	text-align: right;
}

#sub_navi ul {
	display: block;
	padding: 5px 0 0 0;
}

#sub_navi ul li {
	display: inline;
	width: 97px;
	height: 25px;
	font-size: 14px;
	line-height: 1.5em;
	list-style-type: none;
	overflow: hidden;
}

#sub_navi ul li a {
	color: #666;
	text-decoration: none;
	padding: 0 10px;
}
#sub_navi ul li a:hover {
	text-decoration: underline;
}
/*--------------sidebar--------------*/
#side_bar {
	float:right;
	width:200px;
	margin-top:18px;
	margin-right:3px;
	padding:6px 0;
	background:#fff;
}
#side_bar ul {
	display: block;
	padding: 5px 0;
}
#side_bar ul li {
	width: 200px;
	height: 50px;
	list-style-type: none;
	overflow: hidden;
}
#side_bar ul li a {
	width: 200px;
	height: 50px;
	text-decoration: none;
	overflow: hidden;
}
#side_bar ul li a:hover {
	text-decoration: underline;
}
.team_6{
	margin:28px auto;
	margin-top:10px;
	margin-bottom:8px;
	color:#555;
}
.qr_code{
	font-size:11px;
	margin-left:5px;
	margin-top:15px;
	background:#e7e9fc;
}
.side_bar_img {
	margin:28px 0;
	margin-left:5px;
}
#callender{
	margin:28px 0;
	margin-left:5px;
	overflow: hidden;
}
#otsuka_hosting{
	margin:28px 0;
	margin-left:5px;
	overflow: hidden;
}
/*----------------main--------------*/
#bread_c {
	font-size:12px;
	margin-bottom:0;
}

#object_top {
	margin-top:28px;
	margin-bottom:1em;
}

.top_news{
	background-color:#fafafa;	
	border:solid 1px #ddd;
	padding:0.5em;
	margin-bottom:1em;
}
.update{
	margin:0;
}
.update ul{
	list-style:none;
}
.update ul li p,
.update ul li h3{
	display:inline;
	font-size:14px;
	font-weight:normal;
	margin: 0.5em 0.5em;
}
.update li{
	font-size:14px;
	margin:0.5em;
}

.top_h h3{
	margin:0;
}
.banner01 h3{
	margin:0.5em 0;
}
#vi01 ul li{
	list-style-type:none;
}
#vi01 {
	margin:0;
	padding:0;
	float:right;
	width:594px;
	overflow: hidden;
	margin-bottom:0.5em;
}
h4.virus_info{
	margin:0;
	padding:0;
}
.top_box1{
	float:left;
	width:294px;
	padding:0;
	margin:0.5em 2px 0.5em 0;
	overflow: hidden;
}
.top_box2{
	float:right;
	width:294px;
	padding:0;
	margin:0.5em 0 0.5em 2px ;
	overflow: hidden;
}
#virus_info1{
	float:left;
	width:282px;
	border:solid 1px #30922b;
	background:#d8fad7;
	padding:5px;
}
#virus_info2{
	float:right;
	width:282px;
	border:solid 1px #4c4c9a;
	background:#dfdffd;
	padding:5px;
}
#rakuten_box1{
	width:594px;
/*	height:66px;*/
	margin: 0px;
	padding: 0px;
	display: inline;
	overflow: hidden;
}
h2.tit{
	background: url(./img/img_bar00.gif) left top no-repeat;
	width:580px;
	height:40px;
	font-size:16px;
	font-weight:bold;
	padding-left:20px;
	line-height: 40px
}
#contents {
	float:left;
	width:594px;
	padding:0 0 10px 5px;
	font-size:14px;
}
#contents_com{
/*	margin:1em 1em;*/
	margin:1em 0;
}
#contents_com p{
	margin:1em 0;
}
#contents_com ul{
	margin:1.2em 0 2.2em 1.2em;
	font-size:14px;
/*	list-style-type:none;*/
}
#contents_com li{
	margin:0.5em 0;
}
#contents_com h3 {
	margin:1em 0;
	padding-left: 8px;
	border-left: 6px solid #ff9933;
	font-size:15px;
	font-weight:bold;
	background:#fff;
}
h4.01{
	margin:1em 1em;
	padding-left: 8px;
	border-left: 2px solid #84afff;
	font-size:15px;
	font-weight:bold;
	background:#fff;
}
#contents_com h6{
	font-size:12px;
	margin:2px 0;
}
#news_all{
	margin:0;
	background-color:#fff;
}
#news_all ul li{
/*	margin:1.2em;*/
	list-style-type:none;
}
#news_all ul li ,
#news_all ul li h3{
	display:inline;
}
#news_all h3{
	font-size:15px;
	font-weight:bold;
}
#news_all h3 a:{
	font-size:15px;
	text-decoration: underline;
}
p.news_all{
/*	margin-left:1.2em;*/}
p.date {
	float:right;
	font-size:12px;
}
div.news_content{
	clear:both;
	margin:1.5em 0;
	margin-bottom:3em;
}
.m_table table tr td{
	font-size:12px
	margin:5px 0;
}
/*----------box-------------------*/
.box01{
	float:left;
	width:280px;
	margin:0 auto;
}
.box02{
	float:right;
	width:280px;
	margin:0 auto;
	text-align:center;
}
.box03{
	float:left;
	width:200px;
	margin:0 1.5em;
	padding:1em 15px;
	background: #eee;
	font-size:12px;
}
.box04{
	float:right;
	width:200px;
	margin:0 1.5em;
	padding:1em 15px;
	background: #eee;
	font-size:12px;
}
/*----------list----------------*/
dl{
	margin:1em 0;
	border-top:0;
	border-bottom:1px solid;
	border-left:1px solid;
	border-right:1px solid;
	background:#eee;
}
dt{
	float:left;
	clear:both;
	width:9em;
	padding:0.5em;
	_width:10em;    /* WinIE */
	border-top:1px solid;
	white-space:nowrap;
}
dd{
	margin-left:10em;    /* = dt.width + dt.padding */
	padding:1ex;
	border-top:1px solid;
	border-left:1px solid;
	background:#fff;
}
ol{
	margin:0 2em;
}

ul li.decimal{
	list-style-type:decimal;
}
/*----------table----------------*/
.table01{
	border:1px solid #aaa;
	padding:1px 1px;
	font-size:12px;
	background:#fff;
	border-collapse:collapse;
}
.table01 th{
	border:1px solid #aaa;
	background: #fdd398 url(./img/img_border_fff.gif) left top repeat-x;
}
.tb_nob{
	font-size:12px;
	padding:5px;
}
#table02 table{
	font-size:12px;
}
/*----------footer---------------*/
#toTop{
	background:#fff;
	clear:both;
	width:808px;
	height:20px;
	margin:0 auto;
	margin-buttom:2em;
}
#toTop p{
	float:right;
	width:100px;
	margin-right:3px;
	margin-bottom:1em;
}
#footer{
	clear:both;
	width:808px;
	margin:0 auto;
	font-size:14px;
	text-align:center;
	background:#fff;
}
#footer p{
	margin:1.5em;
}
#footer ul {
	display: block;
	padding: 5px 0 0;
}

#footer ul li {
	display: inline;
	font-size: 12px;
	line-height: 1.5em;
	list-style-type: none;
	overflow: hidden;
}

#footer ul li a {
	color: #666;
	text-decoration: none;
	padding: 0 6px;
}

#footer ul li a:hover {
	text-decoration: underline;
}

/*----------mail form-----------*/
.formstyle{
	width:570px;
	margin:0 auto;
}
.formstyle ul li{
	list-style-type: none;
}
.formstyle img{
	border:none;
}

/*----------GoogleMapMarker-----------*/
div.g-maparea {
margin-botttom:1em;
margin-left:36px;
color:#333;
}
div.g-maparea #map2 {
width: 400px;
height: 400px;
float:left;
border:3px double #CC0;
}
div.g-maparea #map2 h4 {
color:#333;
}
div.g-maparea #maplinks2 {
margin-left:420px;
}
/*----------DPASS-----------*/

.price_belt{
	padding:0.5em;
	background:#fcc;
	text-align:center;
	font-weight:bold;
}

/*----------server cooler-----------*/
.bg-package{ background:url(img/itc_c05.gif) left no-repeat #ffffff; padding-left:70px;}
.bg-ar1300s{ background:url(img/itc_c07.gif) left no-repeat #ffffff; padding-left:70px;}
.bg-gray{ 
	background-color:#ececec;
	padding:10px 13px 10px 13px;
	margin-bottom:10px;
	font-size:12px;
}
.bg-gray h4 {
	margin:1em 0;
	padding-left: 8px;
	border-left: 4px solid #224272;
	font-size:15px;
	font-weight:bold;
	background:#ececec;
}
.concept table td#underline{
text-decoration:underline;
}
.border-red {
	font-size:14px;
	padding:5px;
	border:1px solid #ff0000;
	background-color:#ffeded;
}

/*----------ditto news footer paging-----------*/
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #eee;
    color: #333;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #333;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #333;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}