@charset "euc-jp";
/* --------------------------------------------------------------------
	Copyright 2012 XSERVER corporation
	sixcore layout.css
/* -------------------------------------------------------------------- */


/* --------------------------------------------------------------------
	CSS Hacks
/* -------------------------------------------------------------------- */

/* only IE WIN4-6 MAC4-5 */
* html h2{
}

/* only IE7 */
*+html .feature p{
}

/* only All IE */
*+html body, * html body{
}

/* only Opera */
html:first-child div {
}

/* --------------------------------------------------------------------
	Content
/* -------------------------------------------------------------------- */

html{
	overflow-y: scroll;
}

body{
	margin: 0;
	line-height: 1.5;
	font-size: 75%;
	background-repeat: repeat;
}

#base{
	width: 780px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-color: white;
}

#container{
	width: 100%;
	margin: 0 auto;
}

#content{
	width: 100%;
	margin: 0 auto;
}

#contents {
	width: 100%;
}


/* --------------------------------------------------------------------
	Header
/* -------------------------------------------------------------------- */
#header{
	width: 100%;
	background-image: url(../../images/top/header_back.png);
	background-position: center 0;
	background-repeat: no-repeat;
	height : 75px ;
	position: relative;
}

#header h1{
	display: block;
	font-size: 11px;
	padding: 0;
	font-weight: normal;
	color: #666;
}

h1#header_h1_1{
	position : absolute ;
	left : 215px ;
	top : 30px ;
}

#header_logo a{
	position: absolute;
	top: 20px;

	height: 35px;
	width: 197px;
	overflow: hidden;
}

/* --------------------------------------------------------------------
	top_img
/* -------------------------------------------------------------------- */

#main_img {
	margin-bottom : 15px;
	padding: 150px 20px 22px;
	width : 740px;
	background : url(../../images/top/top_main_back.png) left top no-repeat;
	border-top : 5px solid #999;
	border-bottom : 5px solid #999;
}

#top_shared_contents {
	width : 360px ;
	text-align : left ;
	float: left;
}

#top_dedicated_contents {
	width : 360px ;
	text-align : left ;
	float: right;
}


#top_shared_contents h3 {
    font-weight : bold;
    line-height : 18px;
    color : #2ca6e0;
    margin : 0 0 5px 5px;
    font-size : 15px;
}

#top_dedicated_contents h3 {
    font-weight : bold;
    line-height : 18px;
    color : #2b3387;
    margin : 0 0 5px 5px;
    font-size : 15px;
}

/* 以下はキャンペーンがある場合 */

#main_img .campaign_section {
	margin: 10px auto 0;
	width: 730px;
}
#main_img .campaign_section h4 {
	margin : 0 ;
	padding : 0 ;
}
#main_img .campaign_section .wrapper {
    width:730px;
    background: #f39f15 url(../../images/top/bg_campaign_top.png) no-repeat left top;
}
#main_img .campaign_section .inner {
    border: 2px solid #f39f15;
    background: url(../../images/top/bg_campaign_main.png) no-repeat left center;
}
#main_img .campaign_section dl {
    margin-left: 164px;
    padding:6px 10px;
    background-color: #fff;
}
#main_img .campaign_section dt {
	font-weight : bold;
	font-size : 14px;
	margin-bottom : 5px;
    line-height:1.4;
	color : #ff6911;
    border-bottom:1px dotted #ff6911;
}
#main_img .campaign_section .campaign_time {
    font-size: 90%;
}
#main_img .campaign_section .campaign_share {
    padding: 2px 0 2px 77px;
    background: url(../../images/top/icon_share.png) no-repeat left center;
}
#main_img .campaign_section .campaign_dedicated {
    padding: 2px 0 2px 77px;
    background: url(../../images/top/icon_dedicated.png) no-repeat left center;
}
#main_img .campaign_section dd {
	color : #666 ;
	line-height : 1.6 ;
    font-size : 12px;
    /*padding-bottom: 10px;*/
}
#main_img .campaign_section dd.last,
main_img .campaign_section dd.last-child {
	padding-bottom: 0;
}
#main_img .campaign_section dd ul {
    margin: 0;
    padding: 0;
    list-style: none;
}



/* --------------------------------------------------------------------
	common_contents
/* -------------------------------------------------------------------- */

#common_contents {
	width : 780px ;
	float : left ;
}

#top_intro {
	float : left ;
	width : 750px ;
	margin-left : 10px ;
}


/* --------------------------------------------------------------------
	not_found
/* -------------------------------------------------------------------- */

#not_found {
    padding: 115px 30px 0 ;
    min-height: 270px ;
	margin-bottom : 15px ;
	width : 720px ;
	background : url(../../images/notfound/bg_main.png) left top no-repeat ;
	border-top : 5px solid #999 ;
	border-bottom : 5px solid #999 ;
}

#not_found ul {
    padding: 0 ;
}
#not_found li {
    margin: 0 ;
    padding-left: 12px ;
    line-height: 22px;
    list-style: none ;
	background : url(../../images/notfound/arrow.png) left center no-repeat ;
}



/* --------------------------------------------------------------------
	Footer
/* -------------------------------------------------------------------- */


#footer{
	clear: both;
	width: 100%;
	height: 100px;
	position: relative;
	padding-top: 20px;
}

#footer_line{
	overflow:hidden;
	width: 100%;
	height: 2px;
	background-color: #888;
	margin-bottom: 10px;
}

#footer_content{
	width: 100%;
	height: 86px;
	background-image: url(../../images/top/xserver_logo.png);
	background-position: 0 center;
	background-repeat: no-repeat;
	position : relative ;
}

#footer_content #privacy_mark {
	position : absolute ;
	right : 145px ;
	top : 8px ;
}

#footer_content #recruiting_banner {
	position : absolute ;
	right : 235px ;
	top : 8px ;
}

#footer_content #security_seal {
	position : absolute ;
	width : 135px ;
	right : 0 ;
	margin : 0 !important;
}

#footer_content #banner_box {
	position : absolute ;
	width : 200px ;
	top : 10px ;
	right : 0 ;
}

#seo_service_menu{
	margin-top: 10px;
	padding: 15px 0 10px 0;
	color: white;
	color: #444;

	text-align: left;
	background-image: url(../../images/top/seo_service_menu_back.png);
	background-position: 0 top;
	background-repeat: no-repeat;
	text-align : center ;
}

#seo_service_menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#seo_service_menu li{
	display : inline ;
	padding-right : 5px ;
}

#seo_service_menu a{
	font-size: 11px;
	padding: 3px 0 2px 19px;
	background-position: left center;
	background-repeat: no-repeat;
	color: #333;
}

#seo_service_menu li.xserver a{
	background-image: url(../../images/top/favicon_xserver.png);
}

#seo_service_menu li.sixcore a{
	background-image: url(../../images/top/favicon_sixcore.png);
}

#seo_service_menu li.xtwo a{
	background-image: url(../../images/top/favicon_xtwo.png);
}

#seo_service_menu li.wpx a{
	background-image: url(../../images/top/favicon_wpx.png);
}

#seo_service_menu li.xdomain a{
	background-image: url(../../images/top/favicon_xdomain.png);
}

#seo_service_menu li.drivee a{
	background-image: url(../../images/top/favicon_drivee.png);
}

#seo_service_menu li.drivee2 a{
	background-image: url(../../images/top/favicon_drivee2.png);
}

#seo_service_menu li.digidigi a{
	background-image: url(../../images/top/favicon_digidigi.png);
}

#seo_service_menu a:hover{
	color: blue;
}

#footer_content .global_menu{
	padding: 18px 0 0 55px;
}

#copyright{
	padding-left: 55px;
	font-family: Helvetica , sans-serif;
}