@charset "utf-8";

/*--------------------
 HTML5
--------------------*/

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

/*-+-+- DEFAULT -+-+-*/
* {
	margin: 0;
	padding: 0;
}
body {
	color: #333333;
	font-size: 75%;
	font-family: 'ＭＳ Ｐゴシック', sans-serif;
}
h1, h2, h3 {
	line-height: 1;
}
p {
	line-height: 1.5;
}
ol, ul, li {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	list-style-type: none;
}
img {
	border: 0;
	vertical-align: bottom;
}
a {
	color: #568cc5;
	outline: none;
	overflow: hidden;
	text-decoration: none;
}
.clearfix {
	display: block;
}
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	line-height: 0;
}
/*-+-+- /DEFAULT -+-+-*/

/*-+-+- ELEMENTS -+-+-*/
#wrapper {
	min-width: 1000px;
	width: auto !important;
	width: 100%;
}
/* header */
#header #header-top .inner, #header #header-gnavi .inner, #header #header-dnavi .inner, #contents #contents-inner {
	margin: 0 auto;
	width: 1000px;
}
#contents #contents-inner {
	margin-bottom: 100px;
}
#header {
	width: 100%;
	/* reset style */
	float: none;
	height: auto;
}
#header #header-top .inner:after, #header #header-gnavi .inner:after, #header #header-dnavi .inner:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
#header #header-top {
	padding-bottom: 1px;
	background: url(/resource/images/bg_header.gif) left bottom repeat-x;
}
#header #site-logo {
	width: 200px;
	float: left;
}
#header ul:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
#header ul li {
	line-height: 1;
}
#header ul li {
	float: left;
	line-height: 1;
	display: inline;
}
#header #header-top #hnavi {
	margin-top: 16px;
	width: 690px;
	overflow: hidden;
	float: right;
}
#header #header-top #hnavi ul li {
	margin-right: 10px;
}
#header #header-top #hnavi ul li.sitenavi {
	margin-right: 0;
	width: 150px;
	overflow: hidden;
}
#header #header-top #hnavi ul li.sitenavi #hsearch_box {
	position: relative;
	background: url(/resource/images/hbg_search.gif) left top no-repeat;
}
#header #header-top #hnavi ul li.sitenavi #hsearch_box:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
#header #header-top #hnavi ul li.sitenavi #hsearch_box .hsearch_placeholder {
	display: none;
}
#header #header-top #hnavi ul li.sitenavi #hsearch_box #hsearch_caption {
	display: block;
}
#header #header-top #hnavi ul li.sitenavi #hsearch_box #hsearch_caption input {
	padding: 5px 8px;
	width: 120px;
	border: 0;
	background: none;
}
#header #header-top #hnavi ul li.sitenavi #hsearch_box .hsearch_btnbox {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
}
#header #header-gnavi {
	background: url(/resource/images/bg_gnavi.gif) left bottom repeat-x;
}
#header #header-gnavi ul li a {
	display: block;
	height: 40px;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}
#header #header-gnavi ul li a.current {
	background-position: left bottom;
}
#header #header-gnavi ul li a:hover, #header #header-gnavi ul li.active a {
	background-position: left -40px;
}
/* contents */
#contents #contents-header {
	margin-bottom: 10px;
	padding: 10px 0 0 0;
	border-bottom: 1px dotted #cccccc;
}
#contents #contents-header:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
#contents #contents-header .description {
	padding: 0 0 10px 0;
	line-height: 1;
	float: right;
	font-size: 83.3%;
	text-align: right;
	color: #999999;
}
#contents ul.bread {
	padding: 0 0 10px 0;
	font-size: 83.3%;
	line-height: 1;
	float: left;
 *zoom: 1;
}
#contents ul.bread:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
#contents ul.bread li {
	line-height: 1;
	display: inline;
}
#contents ul.bread a {
	margin-right: 5px;
	text-decoration: none;
}
#contents ul.bread a:hover {
	text-decoration: none;
	border-bottom: 1px solid #568cc5;
}
#contents-foot {
	background: #444444 url(/resource/images/bg_fbread-inner.gif) left top repeat-x;
}
#contents-foot #contents-foot-inner {
	background: transparent url(/resource/images/bg_fbread.gif) left bottom repeat-x;
}
#contents-foot #contents-foot-inner .inner {
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
 *zoom:1;
}
#contents-foot #contents-foot-inner .inner:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
#contents-foot #contents-foot-inner .inner .bread {
	padding: 25px 0 0 0;
	width: 800px;
	float: left;
	color: #cccccc;
}
#contents-foot #contents-foot-inner .inner .bread a, #contents-foot #contents-foot-inner .inner .bread a:hover {
	color: #cccccc;
}
#contents-foot #contents-foot-inner .inner .bread a:hover {
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
}
#contents-foot #contents-foot-inner .inner #pagetop {
	width: 120px;
	float: right;
}
/* maincontents */
#maincontents {
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
 *zoom: 1;
}
#maincontents:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
/* main-area */
#main-area {
	width: 1000px;
	overflow: hidden;
}
/* area-404 */

/* notice-area */
#notice-area {
	margin: 0 auto;
	padding: 25px 0 0;
	width: 810px;
	text-align: left;
}
#notice-area #hsearch_box {
	position: relative;
	background: url(/resource/images/hbg_search2.gif) no-repeat;
	background-position: center
}
#notice-area #hsearch_box:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
#notice-area #hsearch_box .hsearch_placeholder {
	display: none;
}
#notice-area #hsearch_box #hsearch_caption {
	display: block;
}
#notice-area #hsearch_box #hsearch_caption input {
	padding: 5px 370px;
	width: 180px;
	border: 0;
	background: none;
}
#notice-area #hsearch_box .hsearch_btnbox {
	position: absolute;
	top: 1px;
	left: 556px;
	display: block;
}
/* footer */
#footer {
	min-width: 1000px;
	width: auto !important;
	width: 100%;
	clear: both;
	border-top: 1px solid #4e4e4e;
	border-bottom: 1px solid #4e4e4e;
	background: #444444;
	color: #cccccc;
}
#footer a {
	line-height: 1.3;
	color: #cccccc;
	text-decoration: none;
}
#footer a:hover {
	color: #cccccc;
	text-decoration: underline;
}
#footer #footer-fnavi {
	padding-bottom: 20px;
}
#footer #footer-fnavi .inner, #footer #footer-btm .inner {
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
 *zoom:1;
}
#footer #footer-fnavi .inner:after, #footer #footer-btm .inner:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
#footer #footer-fnavi .inner {
	position: relative;
	padding-top: 13px;
}
#footer #footer-fnavi #footer-fnavi-service {
	float: left;
	width: 700px;
 *zoom:1;
}
#footer #footer-fnavi #footer-fnavi-others {
	float: right;
	width: 220px;
 *zoom:1;
}
#footer #footer-fnavi #footer-fnavi-service:after, #footer #footer-fnavi #footer-fnavi-others:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
#footer #footer-fnavi #footer-fnavi-service p.head {
	margin: 0 0 8px;
	padding: 11px 0 3px;
	width: 700px;
	border-bottom: 1px solid #888888;
}
#footer #footer-fnavi #footer-fnavi-others p.head {
	padding-bottom: 1px;
}
#footer #footer-fnavi #footer-fnavi-service p.head a, #footer #footer-fnavi #footer-fnavi-others p.head a {
	padding: 1px 0 1px 18px;
	color: #ffffff;
	font-weight: bold;
	background: url(/resource/images/icon_footer-sitelink.gif) 0 0 no-repeat;
}
#footer #footer-fnavi ul {
	width: 220px;
	float: left;
	overflow: hidden;
 *zoom:1;
}
#footer #footer-fnavi ul:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
#footer #footer-fnavi ul li.category {
	font-weight: bold;
	padding: 11px 0 3px;
	border-bottom: 1px solid #888888;
}
#footer #footer-fnavi ul li {
	line-height: 1.2;
}
#footer #footer-fnavi ul li.category.rental, #footer #footer-fnavi ul li.category.exclusive, #footer #footer-fnavi ul li.category.vps, #footer #footer-fnavi ul li.category.datacenter {
	padding-bottom: 0;
	border-bottom: 0;
}
#footer #footer-fnavi ul li.category a {
	padding-left: 9px;
	background: url(/resource/images/icon_footer-link.gif) left 3px no-repeat;
}
#footer #footer-fnavi ul li {
	overflow: hidden;
 *zoom: 1;
}
#footer #footer-fnavi ul li:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
#footer #footer-fnavi ul li a, #footer #footer-fnavi ul li a:hover {
	color: #ffffff;
}
#footer #footer-fnavi ul li.category ul {
	margin-top: 3px;
	padding: 13px 0 0 0;
	border-top: 1px solid #888888;
}
#footer #footer-fnavi ul li.category ul li {
	padding-bottom: 6px;
}
#footer #footer-fnavi ul li.category ul li a, #footer #footer-fnavi ul li.category ul li a:hover {
	font-weight: normal;
	font-size: 83.3%;
	border-bottom: 0;
	color: #cccccc;
}
#footer #footer-fnavi ul li.category ul li a:hover {
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
}
#footer #footer-fnavi ul li.category ul li ul {
	margin-top: 6px;
	padding: 6px 0 2px;
	background: url(/resource/images/fline_dot-gray.gif) left top no-repeat;
	border-top: 0;
}
#footer #footer-fnavi ul li.category ul li ul li {
	padding-left: 13px;
}
#footer #footer-fnavi ul li.category ul li ul li.btm {
	padding-bottom: 10px;
}
#footer #footer-fnavi ul li.category ul li ul li a {
	padding: 0 0 0 7px;
	background: url(/resource/images/ficon_dot.gif) left top no-repeat;
}




/* ここから ########################################################################### */
/* mark */
/*
#footer #footer-fnavi .inner .p-mark {
	position: absolute;
	bottom: 0;
	right: 89px;
}
#footer #footer-fnavi .inner .iso-mark {
	position: absolute;
	bottom: 0;
	right: 0;
}
*/
/* ここまで ########################################################################### */






/* category */
#footer #footer-fnavi ul.fnvi1 {
	margin-right: 20px;
}
#footer #footer-fnavi ul.fnvi2 {
	margin-right: 20px;
}
#footer #footer-fnavi ul.fnvi3 {
}
#footer #footer-fnavi ul li.category.vps, #footer #footer-fnavi ul li.category.datacenter {
	margin-bottom: 8px;
}
#footer #footer-fnavi ul li.category.support {
	margin-bottom: 12px;
	border-bottom: 0;
}
#footer #footer-fnavi ul li.category.corporate {
	border-bottom: 0;
}
#footer #footer-btm {
	background: url(/resource/images/bg_footer.gif) left top repeat-x;
	overflow: hidden;
 *zoom:1;
}
#footer #footer-btm:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
#footer #footer-btm ul {
	padding: 18px 0;
	width: 500px;
	float: left;
	font-size: 83.3%;
}
#footer #footer-btm ul li {
	display: inline;
}
#footer #footer-btm ul li a {
	margin-right: 12px;
	padding: 0 0 0 7px;
	text-decoration: none;
	background: url(/resource/images/icon_footer-link.gif) left 3px no-repeat;
}
#footer #footer-btm ul li a:hover {
	text-decoration: none;
	border-bottom: 1px solid #cccccc;
}
#footer #footer-btm #copyright {
	padding: 18px 0;
	width: 300px;
	float: right;
	text-align: right;
	font-size: 83.3%;
}
/*-+-+- /ELEMENTS -+-+-*/

/*-+-+- COMMON STYLES -+-+-*/
/* navigation --------------------------------- */

/* tab-navi */
.tab-navi ul {
	border-bottom: 2px solid #6391c1;
}
.tab-navi ul {
 *zoom: 1;
}
.tab-navi ul:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
.tab-navi ul li {
	float: left;
	display: inline; /* for IE */
	margin-right: 5px;
	background-color: #f5f5f5;
}
.tab-navi ul li a {
	position: relative; /* for IE */
	display: block;
	padding: 12px 10px 10px 25px;
	border: 1px solid #dddddd;
	border-bottom: none;
	line-height: 1;
	color: #568cc5;
	background: #f5f5f5 url(/resource/images/icon_link-right.gif) no-repeat 10px 14px;
}
.tab-navi ul li a:hover, .tab-navi ul li.selected a {
	color: #ffffff;
	border-color: #6391c1;
	background-color: #6391c1;
	background-image: url(/resource/images/icon_link-right-on.gif);
}
.tab-navi ul li.selected a, .tab-navi ul li.selected a:hover {
	font-weight: bold;
	background-image: url(/resource/images/icon_link-below-on.gif);
}
.tab-contents .inner {
	display: none;
	padding: 20px 0 0;
}
.tab-contents .selected {
	display: block;
}
.list-navi {
	margin-bottom: 20px;
	padding: 8px 10px;
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
}
.list-navi ul {
 *zoom: 1;
}
.list-navi ul:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	font-size:0;
	line-height:0;
}
.list-navi ul li {
	float: left;
	display: inline; /* for IE */
	margin-right: 20px;
	white-space: nowrap;
}
.list-navi ul li a {
	text-decoration:none;
	padding-left: 15px;
	color: #568cc5;
	background: transparent url(/resource/images/icon_link-below.gif) no-repeat 0 2px;
}
.list-navi ul li a:hover {
	text-decoration: underline;
}
.pagetop {
	margin-bottom: 30px;
	padding-bottom: 5px;
	border-bottom: 1px solid #dddddd;
	text-align: right;
}
.pagetop a {
	padding-right: 15px;
	background: url(/resource/images/icon_link-up.gif) right center no-repeat;
}
.pagetop a:hover {
	text-decoration: underline;
}
pre {
	font-size: 100%;
	line-height: 1.6;
	font-family: monospace, sans-serif;
}

/* print */
@media print {
#header,  #gnavi-sub,  #contents-header,  #contents-foot,  #side-navi,  #footer {
	display: none;
}
#wrapper,  #contents #contents-inner,  #contents #maincontents {
	width:auto;
	min-width:740px;
	margin:0;
	padding:0;
}
#contents #main-area {
	float:none;
	margin:0 auto;
}