@charset "utf-8";

* {
margin:0;
padding:0;
}

html {width:100%; height:100%;}

body {
background:#FFFFFF;
font-size:12px;
color:#666666;
line-height:1.4;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

ul li {
	list-style: none;
}

#index2 {
background: url(./PIC/backimg.jpg) top left repeat-x #FFFFFF;
font-size:12px;
color:#666666;
line-height:1.3;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.index2 {
background: url(./PIC/backimg.jpg) top left repeat-x #FFFFFF;
}

img{
border: none;
vertical-align: bottom;
}

a:link 		{ color: #0099CC; }		/* リンク */
a:visited 	{ color: #0099CC; }		/* 既に見たリンク */
a:active 	{ color: #FF0000; }		/* クリック時のリンク */
a:hover 	{ color: #003366; }		/* カーソルが上にある時のリンク */
/*\*/ a { overflow:hidden; }/**/

/**文字色**/
.TXT12piB {color:#FF6666; font-size:12px; font-weight:bold;}
.TXT12blB {color:#000000; font-size:12px; font-weight:bold;}
.TXT12blB2 {color:#333333; font-size:12px; font-weight:bold;}
.TXT12gr {color:#009900; font-size:12px; font-weight:bold;}
.TXT12or {color:#FF6600; font-size:12px; }
.TXT12blu {color:#003399; font-size:12px; }
.TXT12blu2 {color:#3F7887; font-size:12px; }
.TXTwh { color:#FFFFFF; }
.TXT10 {font-size:10px;}
.TXTbla {color:#333333;}
.TXT12bla {color:#333333; font-size:12px;}
.TXT10bla {font-size:10px; color:#333333;}
.TXT12gre {color:#477C70; font-size:12px;}
.TXT10greB{color:#216C72; font-size:10px; font-weight:bold;}

table {
	table-layout: fixed;
}

td{
border-spacing:0px!important;
}

#wrapper {
margin:0 auto 0 auto;
text-align:left;
width:860px;
overflow:hidden;
border-top:10px solid #003366;
}
#header {
padding:10px 10px 10px 0;
overflow:hidden;
width:850px;
background:url(./PIC/border.gif) repeat-x bottom left;
}

#header h1{
font-size:10px;
font-weight:normal;
}

.logo {
width:282px;
height:37px;
margin-top:5px;
float:left;
}
.logo a{
display:block;
width:282px;
height:37px;
}


.c_logo {
width:350px;
height:37px;
margin-top:5px;
text-indent:-9999px;
background:url(./PIC/cart_logo.gif) no-repeat;
float:left;
}
.c_logo a{
display:block;
width:350px;
height:37px;
}


.headline_top {
background:url(./PIC/headline_top.gif) no-repeat bottom;
width:858px;
height:5px;
}
.headline_body {
background:url(./PIC/headline_body.gif) repeat-y ;
width:842px;
padding:8px;
}
.headline_bottom {
background:url(./PIC/headline_bottom.gif) no-repeat top;
width:858px;
height:5px;
margin-bottom:8px;
}



.headline_body2 {
border:1px solid #CCCCCC;
width:595px;
padding:8px;
margin-left:5px;
float:left;
}





.head_navi {
float:right;
font-size:10px;
padding-right:15px;
}
.head_navi a{
color:#666666;
text-decoration:none;
}
.head_navi a:hover{
color:#006699;
text-decoration:underline;
}

.head_tab {
float:right;
text-indent:-9999px;
overflow:hidden;
width:470px;
margin-top:5px;
}
.head_tab li { 
float:left; 
list-style:none;
}
.head_tab a{ 
display:block; 
width:113px; 
height:32px;
}

.tab_shift a{ background:url(./PIC/mnu_shift.gif) no-repeat; }
.tab_shift a:hover{ background:url(./PIC/mnu_shift2.gif) no-repeat; }
.tab_vps a{ background:url(./PIC/mnu_vps.gif) no-repeat; }
.tab_vps a:hover{ background:url(./PIC/mnu_vps2.gif) no-repeat; }
.tab_d a{ background:url(./PIC/mnu_d.gif) no-repeat; }
.tab_d a:hover{ background:url(./PIC/mnu_d2.gif) no-repeat; }

.tab_cg a{ background:url(./PIC/mnu_cg.gif) no-repeat; margin-right:8px; }
.tab_cg a:hover{ background:url(./PIC/mnu_cg2.gif) no-repeat; margin-right:8px; }

#content {
overflow:hidden;
clear:both;
}
.PR {
background:url(./PIC/top_img.gif) no-repeat;
text-indent:-9999px;
width:850px;
height:202px;
}
.PR a{
display:block;
width:125px;
height:27px;
margin:120px 50px 15px 470px;
}

/*
.PR2 {
background:url(./PIC/top_img2.gif) no-repeat;
text-indent:-9999px;
width:850px;
height:202px;
}
.PR2 a{
display:block;
width:125px;
height:27px;
margin:120px 50px 15px 470px;
}
*/


/****[LEFT BOX]****/
#left_box {
width:153px;
overflow:hidden;
margin:0 5px 10px 0;
float:left;
}

#contentleft_box {
width:153px;
overflow:hidden;
margin:8px 5px 10px 0;
float:left;
}

.left_boxtop {
background:url(./PIC/left_mnutop.gif) no-repeat bottom;
width:152px;
height:7px;
margin-top:8px;
}
.left_boxbody {
background:url(./PIC/left_mnubody.gif) repeat-y ;
width:142px;
padding:5px;
}
.left_boxbottom {
background:url(./PIC/left_mnubottom.gif) no-repeat top;
width:152px;
height:7px;
margin-bottom:8px;
}




/****[MAIN BOX]****/
#main_content {
width:692px;
overflow:hidden;
/*float:left;*/
text-align:left;
margin-left:8px;
}

.content_pic {
text-indent:-9999px;
width:691px;
height:160px;
overflow:hidden;
margin:8px 0 8px 0;
}
#list_pic {background:url(./PIC/list_pic.gif) no-repeat;}
#Dedicated_pic {background:url(./PIC/kingd_pic.gif) no-repeat;}
#VPS_pic { background:url(./PIC/vps_pic.gif) no-repeat;}
#common_pic { background:url(./PIC/shift_pic.gif) no-repeat;}
#news_pic { background:url(./PIC/news_pic.gif) no-repeat;}
#about_pic { background:url(./PIC/about_pic.gif) no-repeat;}
#notes_pic { background:url(./PIC/notes_pic.gif) no-repeat;}
#foruse_pic { background:url(./PIC/foruse_pic.gif) no-repeat;}
#faq_pic { background:url(./PIC/faq_pic.gif) no-repeat;}
#feature_pic { background:url(./PIC/feature_pic.gif) no-repeat;}
#function_pic { background:url(./PIC/function_pic.gif) no-repeat;}
#plan_pic { background:url(./PIC/plan_pic.gif) no-repeat;}
#price_pic { background:url(./PIC/price_pic.gif) no-repeat;}
#sitemap_pic { background:url(./PIC/sitemap_pic.gif) no-repeat;}
#portfolio_pic {background:url(./PIC/title_portfolio.jpg) no-repeat; margin-bottom: 20px;}


.content_pic2 {
width:691px;
height:160px;
overflow:hidden;
margin:8px 0 8px 0;
}


/*TOPページ・共有サーバー*/
.PR_shift {
float:left;
width:181px;
background-color:#FFFFFF;
}
.shift_top {
text-indent:-9999px;
background:url(./PIC/shift_top.gif) no-repeat bottom;
width:181px;
height:43px;
}
.shift_top a{
display:block;
width:181px;
height:43px;
}

.shift_top2 {
text-indent:-9999px;
background:url(./PIC/shift_top2.gif) no-repeat bottom;
width:181px;
height:43px;
}
.pr_body {
background:url(./PIC/v_body.gif) repeat-y #FFFFFF;
background-color:#FFFFFF;
padding-top:5px;
}
.pr_body li{
text-indent:-9999px;
list-style:none;
}

.shift_bottom {
text-indent:-9999px;
background:url(./PIC/shift.gif) no-repeat top;
width:181px;
height:99px;
}
.shift_bottom a{
display:block;
width:125px;
height:27px;
margin:45px auto 8px auto;
}

.s_price {
background:url(./PIC/toll_common.gif) no-repeat;
width:175px;
height:25px;
}
.s_hdd {
background:url(./PIC/hdd_common.gif) no-repeat;
width:175px;
height:25px;
}
.s_1 {
background:url(./PIC/spec_common1.gif) no-repeat;
width:175px;
height:15px;
}
.s_2 {
background:url(./PIC/spec1.gif) no-repeat;
width:175px;
height:15px;
}
.s_3 {
background:url(./PIC/spec2.gif) no-repeat;
width:175px;
height:15px;
}
.s_4 {
background:url(./PIC/spec_common4.gif) no-repeat;
width:175px;
height:15px;
}
.s_5 {
background:url(./PIC/spec_common5.gif) no-repeat;
width:175px;
height:15px;
}
.s_6 {
background:url(./PIC/spec_common6.gif) no-repeat;
width:175px;
height:15px;
}

.the_top {
text-indent:-9999px;
width:340px;
height:134px;
font-size:0px;
}
.the_top li{
text-indent:-9999px;
list-style:none;
font-size:0px;
}
.the_top h2{
text-indent:-9999px;
font-size:0px;
}

.the_top a{
background:url(./PIC/the_head.gif) no-repeat bottom;
display:block;
width:340px;
height:134px;
}
.the_foot {
text-indent:-9999px;
width:340px;
height:108px;
font-size:0px;
}
.the_foot li{
text-indent:-9999px;
list-style:none;
font-size:0px;
}
.the_foot a{
background:url(./PIC/the_foot.gif) no-repeat top;
display:block;
width:340px;
height:108px;
}


/*TOPページ・VPSサーバー*/
.PR_vps {
float:left;
width:181px;
margin:0 7px 0 7px;
background-color:#FFFFFF;
}
.vps_top {
text-indent:-9999px;
background:url(./PIC/vps_top.gif) no-repeat bottom;
width:181px;
height:43px;
}
.vps_top a{
display:block;
width:181px;
height:43px;
}

.vps_top2 {
text-indent:-9999px;
background:url(./PIC/vps_top2.gif) no-repeat bottom;
width:181px;
height:43px;
}
.pr_body {
background:url(./PIC/v_body.gif) repeat-y;
padding-top:5px;
}
.pr_body li{
text-indent:-9999px;
list-style:none;
}

.vps_bottom {
text-indent:-9999px;
background:url(./PIC/king-v.gif) no-repeat top;
width:181px;
height:99px;
}
.vps_bottom a{
display:block;
width:125px;
height:27px;
margin:45px auto 8px auto;
}

.v_price {
background:url(./PIC/toll_vps.gif) no-repeat;
width:175px;
height:25px;
}
.v_hdd {
background:url(./PIC/hdd_common.gif) no-repeat;
width:175px;
height:25px;
}


.v_1 {
background:url(./PIC/spec.gif) no-repeat;
width:175px;
height:15px;
}
.v_2 {
background:url(./PIC/spec1.gif) no-repeat;
width:175px;
height:15px;
}
.v_3 {
background:url(./PIC/spec2.gif) no-repeat;
width:175px;
height:15px;
}
.v_4 {
background:url(./PIC/spec3.gif) no-repeat;
width:175px;
height:15px;
}
.v_5 {
background:url(./PIC/spec_common4.gif) no-repeat;
width:175px;
height:15px;
}
.v_6 {
background:url(./PIC/spec_common5.gif) no-repeat;
width:175px;
height:15px;
}


.vps_top3 {
text-indent:-9999px;
width:340px;
height:134px;
}
.vps_top3 h2{
text-indent:-9999px;
font-size:0px;
}
.vps_top3 li{
text-indent:-9999px;
list-style:none;
font-size:0px;
}
.vps_top3 a{
background:url(./PIC/vps_head.gif) no-repeat bottom;
display:block;
width:340px;
height:134px;
}
.vps_foot {
text-indent:-9999px;
width:340px;
height:108px;
font-size:0px;
}
.vps_foot li{
text-indent:-9999px;
list-style:none;
font-size:0px;
}
.vps_foot a{
background:url(./PIC/vps_foot.gif) no-repeat top;
display:block;
width:340px;
height:108px;
}


/*TOPページ・king-D専用サーバー*/
.PR_kingd {
float:left;
width:311px;
background-color:#FFFFFF;
}
.kingd_top {
text-indent:-9999px;
background:url(./PIC/d_top.gif) no-repeat bottom;
width:311px;
height:43px;
}
.kingd_top a{
display:block;
width:311px;
height:43px;
}


.kingd_top2 {
text-indent:-9999px;
background:url(./PIC/d_top2.gif) no-repeat bottom;
width:311px;
height:43px;
}
.pr_body2 {
background:url(./PIC/d_body.gif) repeat-y;
padding-top:5px;
}
.kingd_bottom {
text-indent:-9999px;
background:url(./PIC/king-d.gif) no-repeat top;
width:311px;
height:91px;
}
.kingd_bottom a{
display:block;
width:125px;
height:27px;
margin:30px auto 8px auto;
}

.kingd-price {
background:url(./PIC/d_toll.gif) no-repeat;
width:308px;
height:50px;
text-indent:-9999px;
}
.kingd-spec {
background:url(./PIC/d_spec.gif) no-repeat;
width:308px;
height:119px;
text-indent:-9999px;
}


.d_top {
text-indent:-9999px;
width:686px;
height:118px;
}
.d_top li{
text-indent:-9999px;
list-style:none;
font-size:0px;
}
.d_top h2 {font-size:0px; text-indent:-9999px;}
.d_top a{
background:url(./PIC/d_head.gif) no-repeat bottom;
display:block;
width:686px;
height:118px;
}
.d_foot {
text-indent:-9999px;
width:686px;
height:90px;
margin-bottom:10px;
}
.d_foot li{
text-indent:-9999px;
list-style:none;
font-size:0px;
}
.d_foot a{
background:url(./PIC/d_foot.gif) no-repeat top;
display:block;
width:686px;
height:90px;
}



.op_box {
font-size:10px;
clear:both;
width:100%;
margin:10px 0 10px 0;
}

.news {
width:368px;
float:left;
margin-right:6px;
font-size:10px;
}
.news td{
padding:8px 4px 8px 4px;
border-bottom:1px dotted #666666;
}

.topics {
width:315px;
float:left;
}

.news_top {
background:url(./PIC/news_top.gif) no-repeat bottom;
width:688px;
height:5px;
}
.news_body {
background:url(./PIC/news_body.gif) repeat-y ;
width:688px;
}
.news_text {
background:url(./PIC/news_text.gif) repeat-x top left;
padding:10px 15px 10px 15px;
margin:0 1px 0 1px;
}
.news_bottom {
background:url(./PIC/news_bottom.gif) no-repeat top;
width:688px;
height:5px;
}




/**[FOOTER]**/
#footer {
clear:both;
margin-top:20px;
padding:5px;
border-top:3px solid #003399;
font-size:10px;
}
.foot_link {
margin:4px 0 4px 0;
font-size:10px;
color:#99CCCC;
}
.foot_link a{
color:#99CCCC;
/*text-decoration:none;*/
}

.copyright {
background-color:#003366;
height:18px;
color:#FFFFFF;
font-size:10px;
text-align:center;
}

/**[CONTENTS PAGE CSS]**/
.picbox_top {
background:url(./PIC./PICbox_top.gif) no-repeat bottom;
width:851px;
height:7px;
margin-top:4px;
}
.picbox_body {
background:url(./PIC./PICbox_body.gif) repeat-y ;
width:829px;
padding:10px;
overflow:hidden;
border-right:1px solid #CCCCCC;
}
.picbox_bottom {
background:url(./PIC./PICbox_bottom.gif) no-repeat top;
width:851px;
height:7px;
margin-bottom:4px;
}

.otherinfo {
border:1px solid #CCCCCC;
float:right;
font-size:10px;
margin:10px 40px 10px 10px;
}
.otherinfo td{padding:5px;}

.otherinfo2 {
border:1px solid #CCCCCC;
font-size:10px;
margin-right:40px;

}
.otherinfo2 td{padding:5px;}



.mainbox-top {
background:url(./PIC/contentbox_top.gif) no-repeat bottom;
width:692px;
height:7px;
}
.mainbox-body {
background:url(./PIC/contentbox_body.gif) repeat-y #FFFFFF;
width:672px;
padding:5px 10px 5px 10px;
font-size:10px;
}
.mainbox-bottom {
background:url(./PIC/contentbox_bottom.gif) no-repeat top;
width:692px;
height:7px;
}

.mail_form {
margin:10px;
font-size:10px;
}
.melfo {
border:1px solid #99CCCC;
margin:10px 0;
}
.melfo td{
padding:8px;
font-size:12px;
border-bottom:1px solid #99CCCC;
}
.campany_pic {
background:url(./PIC/company_pic.gif) no-repeat;
width:835px;
height:141px;
margin:4px 0 8px 0;
padding:40px 0 0 15px;
clear:both;
}
.company_table td {
font-size:12px;
padding:8px 8px 8px 0;
border-bottom:1px solid #999999;
}

.list_table {
border:1px solid #999999;
margin-bottom:10px;
}

.list_table td{
padding:8px;
font-size:10px;
border-bottom:1px dotted #CCCCCC;
border-right:1px solid #999999;
}

.order_pic {
background:url(./PIC/order_pic.gif) no-repeat;
width:848px;
height:182px;
margin:4px 0 8px 0;
padding:10px 0 0 15px;
clear:both;
}

.order_table {
border:1px solid #CCCCCC;
margin:10px 0;
}
.order_table td{
padding:8px;
font-size:12px;
border-bottom:1px solid #CCCCCC;
border-left:1px dotted #CCCCCC;
}

/**専用サーバーページ**/
.D-1 a{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/d35000_s.jpg) no-repeat;
/**background:url(./PIC/kingd_35000.gif) no-repeat;**/
/*background:url(./PIC/d-35000-140714.gif) no-repeat;*/
/*background:url(./PIC/d-35000-150512-2.gif) no-repeat;*/
margin:5px 0 5px 0;
}

.D-1 a:hover{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/d35000_s_on.jpg) no-repeat;
/**background:url(./PIC/kingd_35000-2.gif) no-repeat;**/
/*background:url(./PIC/d-35000-on150512.gif) no-repeat;*/
}
.D-2 a{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/d-65000_s.jpg) no-repeat;
/**background:url(./PIC/kingd_65000.gif) no-repeat;**/
/*background:url(./PIC/d-65000-150512.gif) no-repeat;*/
margin:5px 0 5px 0;
}

.D-2 a:hover{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/d-65000_s_on.jpg) no-repeat;
/**background:url(./PIC/kingd_65000-2.gif) no-repeat;**/
/*background:url(./PIC/d-65000-on150512.gif) no-repeat;*/
}

.D-3 a{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/d128000_s.jpg) no-repeat;
/**background:url(./PIC/kingd_128000.gif) no-repeat;**/
/*background:url(./PIC/d-128000-150512.gif) no-repeat;*/
margin:5px 0 5px 0;
}

.D-3 a:hover{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/d128000_s_on.jpg) no-repeat;
/**background:url(./PIC/kingd_128000-2.gif) no-repeat;**/
/*background:url(./PIC/d-128000-on150512.gif) no-repeat;*/
}

/**VPSサーバーページ**/
.V-1 a{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/v900_s.jpg) no-repeat;
/*background:url(./PIC/vps_4000_30.jpg) no-repeat;*/
/*background:url(./PIC/vps_4000.jpg) no-repeat;*/
/*background:url(./PIC/vps_4000.gif) no-repeat;*/
margin:5px 0 5px 0;
}

.V-1 a:hover{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/v900_s_on.jpg) no-repeat;
/*background:url(./PIC/vps_4000-2_30.jpg) no-repeat;*/
/*background:url(./PIC/vps_4000-2.jpg) no-repeat;*/
/*background:url(./PIC/vps_4000-2.gif) no-repeat;*/
}
.V-2 a{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/v7800_s.jpg) no-repeat;
/*background:url(./PIC/vps_7800.jpg) no-repeat;*/
margin:5px 0 5px 0;
}

.V-2 a:hover{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/v7800_s_on.jpg) no-repeat;
/*background:url(./PIC/vps_7800-2.jpg) no-repeat;*/
}

.V-3 a{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/v12000_s.jpg) no-repeat;
/*background:url(./PIC/vps_12000.jpg) no-repeat;*/
margin:5px 0 5px 0;
}

.V-3 a:hover{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/v12000_s_on.jpg) no-repeat
/*background:url(./PIC/vps_12000-2.jpg) no-repeat*/;
}

.V-4 a{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/v1800_s.jpg) no-repeat;
/*background:url(./PIC/vps_12000.jpg) no-repeat;*/
margin:5px 0 5px 0;
}

.V-4 a:hover{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/v1800_s_on.jpg) no-repeat
/*background:url(./PIC/vps_12000-2.jpg) no-repeat*/;
}

.V-5 a{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/v3600_s.jpg) no-repeat;
/*background:url(./PIC/vps_12000.jpg) no-repeat;*/
margin:5px 0 5px 0;
}

.V-5 a:hover{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/v3600_s_on.jpg) no-repeat
/*background:url(./PIC/vps_12000-2.jpg) no-repeat*/;
}

.V-6 a{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/v24000_s.jpg) no-repeat;
/*background:url(./PIC/vps_12000.jpg) no-repeat;*/
margin:5px 0 5px 0;
}

.V-6 a:hover{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/v24000_s_on.jpg) no-repeat
/*background:url(./PIC/vps_12000-2.jpg) no-repeat*/;
}



/**共有サーバーページ**/
.S-1 a{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/shift40.gif) no-repeat;
margin:5px 0 5px 0;
}

.S-1 a:hover{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/shift40-2.gif) no-repeat;
}
.S-2 a{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/shift50.gif) no-repeat;
/*background:url(./PIC/shift50.jpg) no-repeat;*/
margin:5px 0 5px 0;
}

.S-2 a:hover{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/shift50-2.gif) no-repeat;
/*background:url(./PIC/shift50-2.jpg) no-repeat;*/
}

.S-3 a{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/shift80.gif) no-repeat;
margin:5px 0 5px 0;
}

.S-3 a:hover{
display:block;
width:682px;
height:161px;
text-indent:-9999px;
background:url(./PIC/shift80-2.gif) no-repeat;
}



/**プランメニュー**/
.plan_mnu {
overflow:hidden;
margin-bottom:10px;
width:100%;
}

.plan_mnu li{
float:left;
list-style:none;
}

.plan_mnu li a{
display:block;
width:137px;
height:33px;
text-indent:-9999px;
list-style:none;
}
.common_ntop a{background:url(./PIC/shift_mnu1-2.gif) no-repeat;}
.common1 a{background:url(./PIC/shift_mnu1.gif) no-repeat;}
.common1 a:hover{background:url(./PIC/shift_mnu1-2.gif) no-repeat;}

.common_ntoku a{background:url(./PIC/shift_mnu2-2.gif) no-repeat;}
.common2 a{background:url(./PIC/plun_mnu2.gif) no-repeat;}
.common2 a:hover{background:url(./PIC/shift_mnu2-2.gif) no-repeat;}

.common_nkinou a{background:url(./PIC/shift_mnu3-2.gif) no-repeat;}
.common3 a{background:url(./PIC/plun_mnu3.gif) no-repeat;}
.common3 a:hover{background:url(./PIC/shift_mnu3-2.gif) no-repeat;}

.common_nplun a{background:url(./PIC/shift_mnu4-2.gif) no-repeat;}
.common4 a{background:url(./PIC/plun_mnu4.gif) no-repeat;}
.common4 a:hover{background:url(./PIC/shift_mnu4-2.gif) no-repeat;}

.common_npay a{background:url(./PIC/shift_mnu5-2.gif) no-repeat;}
.common5 a{background:url(./PIC/plun_mnu5.gif) no-repeat;}
.common5 a:hover{background:url(./PIC/shift_mnu5-2.gif) no-repeat;}

.vps_ntop a{background:url(./PIC/vps_mnu1-2.gif) no-repeat;}
.vps1 a{background:url(./PIC/vps_mnu1.gif) no-repeat;}
.vps1 a:hover{background:url(./PIC/vps_mnu1-2.gif) no-repeat;}

.vps_ntoku a{background:url(./PIC/vps_mnu2-2.gif) no-repeat;}
.vps2 a{background:url(./PIC/plun_mnu2.gif) no-repeat;}
.vps2 a:hover{background:url(./PIC/vps_mnu2-2.gif) no-repeat;}

.vps_nkinou a{background:url(./PIC/vps_mnu3-2.gif) no-repeat;}
.vps3 a{background:url(./PIC/plun_mnu3.gif) no-repeat;}
.vps3 a:hover{background:url(./PIC/vps_mnu3-2.gif) no-repeat;}

.vps_nplun a{background:url(./PIC/vps_mnu4-2.gif) no-repeat;}
.vps4 a{background:url(./PIC/plun_mnu4.gif) no-repeat;}
.vps4 a:hover{background:url(./PIC/vps_mnu4-2.gif) no-repeat;}

.vps_npay a{background:url(./PIC/vps_mnu5-2.gif) no-repeat;}
.vps5 a{background:url(./PIC/plun_mnu5.gif) no-repeat;}
.vps5 a:hover{background:url(./PIC/vps_mnu5-2.gif) no-repeat;}

.dedi_ntop a{background:url(./PIC/kingd_mnu1-2.gif) no-repeat;}
.dedi1 a{background:url(./PIC/kingd_mnu1.gif) no-repeat;}
.dedi1 a:hover{background:url(./PIC/kingd_mnu1-2.gif) no-repeat;}

.dedi_ntoku a{background:url(./PIC/kingd_mnu2-2.gif) no-repeat;}
.dedi2 a{background:url(./PIC/plun_mnu2.gif) no-repeat;}
.dedi2 a:hover{background:url(./PIC/kingd_mnu2-2.gif) no-repeat;}

.dedi_nkinou a{background:url(./PIC/kingd_mnu3-2.gif) no-repeat;}
.dedi3 a{background:url(./PIC/plun_mnu3.gif) no-repeat;}
.dedi3 a:hover{background:url(./PIC/kingd_mnu3-2.gif) no-repeat;}

.dedi_nplun a{background:url(./PIC/kingd_mnu4-2.gif) no-repeat;}
.dedi4 a{background:url(./PIC/plun_mnu4.gif) no-repeat;}
.dedi4 a:hover{background:url(./PIC/kingd_mnu4-2.gif) no-repeat;}

.dedi_npay a{background:url(./PIC/kingd_mnu5-2.gif) no-repeat;}
.dedi5 a{background:url(./PIC/plun_mnu5.gif) no-repeat;}
.dedi5 a:hover{background:url(./PIC/kingd_mnu5-2.gif) no-repeat;}


.plan_pic {
width:691px;
height:126px;
text-indent:-9999px;
margin-top:8px;
}
#d35000_pic {background:url(./PIC/d-35000_pic.gif) no-repeat;}
#d65000_pic {background:url(./PIC/d-65000_pic.gif) no-repeat;}
#d128000_pic {background:url(./PIC/d-128000_pic.gif) no-repeat;}

#shift1_pic {background:url(./PIC/shift1_pic.gif) no-repeat;}
#shift2_pic {background:url(./PIC/shift2_pic.gif) no-repeat;}
#shift3_pic {background:url(./PIC/the8000_pic.gif) no-repeat;}

#king-v900_pic {background:url(./PIC/king-v900_pic.gif) no-repeat;}
#king-v1800_pic {background:url(./PIC/king-v1800_pic.jpg) no-repeat;}
#king-v3600_pic {background:url(./PIC/king-v3600_pic.jpg) no-repeat;}
#king-v7800_pic {background:url(./PIC/king-v7800_pic.gif) no-repeat;}
#king-v12000_pic {background:url(./PIC/king-v12000_pic.gif) no-repeat;}
#king-v24000_pic {background:url(./PIC/king-v24000_pic.jpg) no-repeat;}

#dmc_pic {background:url(./PIC/dmc_pic.gif) no-repeat;}


.plan_left {
float:left;
width:350px;
padding:10px 5px 10px 5px;
}
.plan_right {
float:left;
width:300px;
padding:10px;
}
.plan_table {
border:1px solid #B8C7D4;
margin:8px 0 5px 0; 
}
.plan_table td {
text-align:center;
padding:8px;
border-bottom:1px dotted #B8C7D4;
font-size: 14px;
color: #666;
}


.about_top {
background:url(./PIC/about_top.gif) no-repeat bottom;
width:691px;
height:5px;
}
.about_body {
background:url(./PIC/about_body.gif) repeat-y ;
width:691px;
	float: left;
}
.about_text {
background:url(./PIC/about_text.gif) repeat-x top left;
padding:10px;
margin:0 1px 0 1px;
font-size:10px;
	float: left;
}
.about_bottom {
background:url(./PIC/about_bottom.gif) no-repeat top;
width:691px;
height:5px;
	float: left;
}


.fbox_top {
background:url(./PIC/feature_box_top.gif) no-repeat bottom;
width:658px;
height:7px;
margin-top:10px;
}
.fbox_body {
background:url(./PIC/feature_box_body.gif) repeat-y ;
width:638px;
padding:5px 10px 5px 10px;
}
.fbox_bottom {
background:url(./PIC/feature_box_bottom.gif) no-repeat top;
width:658px;
height:7px;
margin-bottom:10px;
}

.f_table {
float:left;
font-size:10px;
margin:3px;
}

.f_table td{
padding:4px;
}

.function_table {
border:1px solid #CCCCCC;
margin:10px auto 10px auto;
color:#333333;
}

.function_table td{
padding:8px;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}

.base {
border:1px solid #CCCCCC;
color:#333333;
margin:10px auto 10px auto;
}

.base td{
padding:10px;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
overflow:hidden;
}

.sitemap {
line-height:1.6;
font-size:12px;
text-indent:10px;
}






.box{
	width: 850px;
	margin: /*20px auto;*/
}

#slideArea{
	width: 850px;
	height: 202px;
}

.btns {
    margin: 10px auto;
    width: 400px;
}


.btns li{float: left; margin: 0 5px;}
.btns li a{display: block; height: 31px; width: 90px;}

.btns li a#btn1{background: url(img/btn_1.png) left top;}
.btns li a#btn2{background: url(img/btn_2.png) left top;}
.btns li a#btn3{background: url(img/btn_3.png) left top;}
.btns li a#btn4{background: url(img/btn_4.png) left top;}
.btns li a#btn1:hover{background: url(img/btn_1.png) left bottom;}
.btns li a#btn2:hover{background: url(img/btn_2.png) left bottom;}
.btns li a#btn3:hover{background: url(img/btn_3.png) left bottom;}
.btns li a#btn4:hover{background: url(img/btn_4.png) left bottom;}


/*.pr_tex{
    height: 202px;
    text-indent: -9999px;
    width: 850px;
}*/

.pr_tex{
    height: 0;
    text-indent: -9999px;
    width: 850px;
}

.content_main {
	overflow: hidden;
	margin-bottom: 40px;
}

.content_lead {
	margin-bottom: 20px;
}

.content_tit_h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.content_title_h4 {
	background: url(./img/h3_portfolio.png) left center no-repeat;
	padding-left: 30px;
	font-size:  18px;
	border-bottom:  1px dotted #ccc;
	margin-bottom: 20px;
}

.thumbFrm {
  float: left;
  width: 210px;
  margin:  0 10px 20px;
  text-align: center;
}

.thumbFrm .ex_img_thumb {
	margin-bottom: 7px;
	width: 210px;
	height: 160px;
	overflow: hidden;
}

.thumbFrm .ex_img_thumb img {
	width: 100%;
	height: auto;
}

.thumbFrm dl dt,
.thumbFrm .ex_title {
	font-weight:bold;
	margin-bottom: 7px;
}

.plan_tit {
  background: rgba(0, 0, 0, 0) url(".../PIC/bg_title.gif") repeat-x scroll 0 0;
  border-left: 1px solid #ccc;
  color: #fff;
  font-weight: bold;
  height: 27px;
  line-height: 30px;
  margin: 0 0 20px;
  padding-left: 30px;
}

.server_bnr_tbl {
	margin-bottom: 20px;
}

.txtcenter {
	text-align: center;
}

.server_btm {
	margin-bottom: 20px;
	overflow: hidden;
}
.about_server {
  float: left;
  width: 445px;
}

.about_server a {
	font-size: 10px;
}
 

.server_lineup {
  float: right;
  width: 240px;
}


	.pc {
		display: block;
	}


@media screen and (min-width: 769px){
	.tab, .sp {
		display: none;
	}
}

@media screen and (max-width: 768px){
	* {
		box-sizing: border-box;
	}
	
	html {
		font-size: 62.5%;
	}
	
	.pc {
		display: none !important;
	}
	
	#wrapper {
		width: 100%;
	}
	
	.content_section {
		padding: 0 7px;
	}

	.tab, .sp {
		display: block;
	}
	
	.content_body {
	  border: 1px solid #cccccc;
	  margin: 0;
	  padding: 8px;
	  width: 100%;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	
	.title_bar_b {
	  background: rgba(0, 0, 0, 0) url("./PIC/bg_titlebar_m.gif") repeat-x scroll 0 0;
	  height: 27px;
	  line-height: 27px;
	  margin: 0 8px;
	  position: relative;
	  color: #fff;
	}
	
	.title_bar_b::before {
	  /*background: rgba(0, 0, 0, 0) url("./PIC/bg_titlebar_r.gif") no-repeat scroll right 0;*/
	  content: url("./PIC/bg_titlebar_r.gif");
	  height: 27px;
	  position: absolute;
	  right: -8px;
	  top: 0;
	}
	
	.title_bar_b::after {
	  /*background: rgba(0, 0, 0, 0) url("./PIC/bg_titlebar_l.gif") no-repeat scroll right 0;*/
	  content: url("./PIC/bg_titlebar_l.gif");
	  height: 27px;
	  position: absolute;
	  left: -8px;
	  top: 0;
	}
	
	.logo {
	  margin-top: 5px;
	  width: 170px;
	  height: auto;
	}
	
	.logo img {
		height: auto;
		width: 170px;
	}
	
	#header {
		margin-bottom: 10px;
		padding: 10px 0 0 0;
		width: 100%;
	}
	
	#main_content {
	  float: none;
	  margin-left: 0;
	  width: 100%;
	}
		
	#header h1 {
		padding-left: 5px !important;	
	  font-size: 0.8rem;
	  line-height: 1.2;
	  padding-bottom: 3px;
	}
	
	.logo a {
	  display: inline;
	  height: auto;
	  width: auto;
	}
	
	.head_tab {
	  float: none;
	  margin-top: 5px;
	  overflow: hidden;
	  text-indent: 0;
	  width: 100%;
	}
	
	.head_tab ul {
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		overflow: hidden;
	}
	
	.head_tab li {
		margin-bottom: 3px;
		text-align: center;
	  width: 25%;
	}
	
	.head_tab li a {
		font-size: 1rem;
		margin: 0;
		padding: 15px 0;
		height: auto;
		background: none;
		width: auto;
		border-right: 1px solid #ccc;
	}
	
	.head_tab li a:hover {
		background: none;
		margin:0;
	}
	
	.headline_body2 {
		margin: 0 0 20px;
	  border: 1px solid #cccccc;
	  float: none;
	  padding: 8px;
	  width: 100%;
	}
	
	.news_headline li {
		margin-bottom: 5px;
	}
	
	.news_headline span {
		display:block;
	}
	
	.box {
	  width: 100%;
	}
	
	#slideArea {
	  height: auto;
	  width: 100%;
	}
	
	#slideArea .PR {
		background: none;
		display: none;
	}
	
	.d_top, .d_foot {
	  height: auto;
	  width: 100%;
	}
	
	.d_top a, .d_foot a {
	  background-size: 100% auto;
	  height: 0;
	  padding-top: 13.125%;
	  width: 100%;
	}
	
	.d_top a {
		padding-top: 17.2011%;
	}
	
	.d_foot a {
		padding-top: 13.1195%;
	}
	
	.vps_top3, .vps_foot {
	  height: auto;
	  width: 100%;
	}
	
	.vps_top3 a, .vps_foot a {
	  background-size: 100% auto;
	  height: 0;
	  width: 100%;
	}
	
	.vps_top3 a {
		padding-top: 40%;
	}
	
	.vps_foot a {
		padding-top: 31.764%;
	}
	
	.the_top, .the_foot {
	  height: auto;
	  width: 100%;
	}
	
	.the_top a, .the_foot a {
	  background-size: 100% auto;
	  height: 0;
	  width: 100%;
	}
	
	.the_top a {
		padding-top: 40%;
	}
	
	.the_foot a {
		padding-top: 31.764%;
	}
	
	.about_server {
		float: none;
		width: 100%;
	}
	
	.server_lineup {
		float: none;
		width: 240px;
		margin: 0 auto;
	}
	
	.news {
	  float: none;
	  font-size: 10px;
	  margin-right: 0;
	  width: 100%;
	}
	
	.topics {
	  float: none;
	  width: 100%;
	  text-align: center;
	}
	
	#top_inquiry_area {
		border-color: #c5e2e2;
		text-align: center;
	}
	
	#top_inquiry_area h3 {
		margin-bottom: 10px;
	}
	
	#top_inquiry_area ul li {
		margin-bottom: 10px;
	}



#main_content {
    width: 98%;
    overflow: hidden;
    text-align: left;
	margin:0 auto;
}


.content_pic {
    text-indent: -9999px;
    width: 100%;
    height:auto;
    overflow: hidden;
    margin: 8px 0px;
min-height:90px;
}


#common_pic {
 background-image: url(./PIC/shift_pic.gif);
background-repeat: no-repeat;
background-size: 100%;

}



#VPS_pic {
    background: transparent url("./PIC/vps_pic.gif");
background-repeat: no-repeat;
background-size: 100%;
}



.plan_mnu {
    overflow: hidden;
    margin-bottom: 10px;
    width: 280px;
    margin: 0 auto 15px auto;
}



.selectTitle{
max-width:685px;
}



.serverPlan_listbox{
width:100%;
max-width:640px;
margin-bottom:30px;
}




.fbox_body {
    background: transparent url("./PIC/feature_box_body.gif") repeat-y scroll 0% 0%;

	width:100%;
    padding: 5px 10px;
}





#left_box {
    margin: 0px 5px 10px 0px;
float: none;
width: 100%;
}


.left_boxbody {
    background: transparent none repeat scroll 0% 0%;
    padding: 5px;
    width: 100%;
}


.left_boxtop {
    background: transparent none repeat scroll 0% 0%;
}



.left_boxbottom {
    background: transparent none repeat scroll 0% 0%;
}



.plan_left{
width:100%;
}





/**プランメニューSP**/
.plan_mnu_sp {
margin:5px auto 10px auto;
width:100%;
height:30px;
}

.plan_mnu_sp li{
float:left;
list-style:none;
height:30px; 
width:20%;
line-height:30px;
text-align:center;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */

border-bottom:1px solid #999999;
border-top:1px solid #999999;
}

.plan_mnu_sp li a{
display:block;
text-align:center;
height:30px;
list-style:none;
font-weight:bold;
text-decoration: none;
}

.hov_ntop a{color:#06c77f !important; font-weight:bold;}
.plan_mnu_sp li a{color: #1f1f1f; text-decoration: none; font-weight:bold;}
.plan_mnu_sp li a:hover{color:#84b4a2; font-weight:bold;}



.box{
margin-bottom:2px;
}











}
/*-----------------------------SP size-------------------------------*/