@charset "utf-8";
/* ============================================================
table of contents

============================================================ */

.home #content {
	background: url(/themes/cloudcore/images/bg_content.png) repeat-x;
}
.home #content #main {
	width: 960px;
	margin: -70px auto 0 auto;
	position: relative;
}
#featureArea {
	background: url(/themes/cloudcore/images/bg_title.png) no-repeat;
	width: 1000px;
	height: 441px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#featureArea02 {
	width: 1000px;
	height: 341px;
	background-image: url(/themes/cloudcore/images/bg_title02.png);
	background-repeat: no-repeat;
	margin: 0px auto 0;
	padding-top: 100px;
}
#featureArea p {
	padding: 18px 0 20px 20px;
}
/*#featureArea p.leadTitle {
	padding: 50px 0 0 45px;
	text-align: left;
}*/
#featureArea h1.leadTitle {
	padding: 95px 0 0 45px;
	text-align: left;
	color: #fff;
	font-size: 395%;
	text-shadow: -1px -1px #709509;
	line-height: 1.1;
	font-weight: bold;
	letter-spacing: -1px;
	font-family:   Midashi Go MB31;
}
#featureArea p.leadSubTitle {
	padding: 18px 0 20px 45px;
	text-align: left;
}
#featureArea p.tryBtn {
	padding: 0 0 0 115px;
}
#featureArea p.tryBtn a {
	background: url(/themes/cloudcore/images/btn_try.png) no-repeat;
	overflow: hidden;
	display: block;
	position: relative;
	width: 152px;
	height: 46px;
	text-indent: -9999px;
}
#featureArea p.tryBtn a:hover {
	background: url(/themes/cloudcore/images/btn_try.png) 0 -46px no-repeat;
}
#featureArea p.tryBtn10 {
	padding: 0 0 0 20px;
}
#featureArea p.tryBtn10 a {
	background: url(/themes/cloudcore/images/btn_try_10.png) no-repeat;
	overflow: hidden;
	display: block;
	position: relative;
	width: 202px;
	height: 46px;
	text-indent: -9999px;
}
#featureArea p.tryBtn10 a:hover {
	background: url(/themes/cloudcore/images/btn_try_10.png) 0 -46px no-repeat;
}
/*お申し込み中断*/

/*#featureArea p.tryBtn a {
	background: url(/themes/cloudcore/images/btn_try_sorry.png) no-repeat;
	overflow: hidden;
	display: block;
	position: relative;
	width: 309px;
	height: 46px;
	text-indent: -9999px;
}
#featureArea p.tryBtn a:hover {
	background: url(/themes/cloudcore/images/btn_try_sorry.png) 0 -46px no-repeat;
}
*/

#featureLink {
	background: url(/themes/cloudcore/images/bg_featurelink.png) left bottom no-repeat;
	zoom:1;
	margin:0 0 50px 0;
	padding: 3px 0 53px 17px;
}
#featureLink:after {
	content: " ";
	display: block;
	clear: both;
}
#featureLink li {
	margin:25px 24px 0 0;
	padding: 5px 18px 0 0;
	float: left;
	width:270px;
	height:130px;
}
.bl-hot {
	background: linear-gradient(#fcfcfc, #e9e9e9);
    border-radius: 5px;
	border:1px solid #efefef;
	box-shadow: 2px 2px 2px #bfbfbf;
    font-size: 12px;
    position: relative;
    text-decoration: none;
}
.bl-hover {
	background: linear-gradient(#fefefe, #f4f4f4);
    border-bottom-left-radius: 5px;
}
.bl-hot:before {
    background:url('/themes/cloudcore/images/bnr_pick.png') no-repeat scroll 0 0;
    content: " ";
    display: block;
    height: 100%;
    right: -6px;
    max-height: 52px;
    padding: 15px 0 0 10px;
    position: absolute;
    top: 30px;
    width: 15px;
}
/* IE8対策 */
html>/**/body .bl-hot:hover {
    background /*\**/:none\9;
}
.bl-hover:before {
	background:url('/themes/cloudcore/images/bnr_pick_on.png') no-repeat scroll 0 0;
    content: " ";
}
#featureLink li dl:before {
    border-right: 1px solid #bfbfbf;
    content: " ";
    display: block;
    height: 20px;
    margin: 15px 0 0;
    padding-top: 70px;
    position: absolute;
    width: 77px;
}
#featureLink li dl dt {
	font-size:18px;
	font-weight:bold;
	color:#acbb12;
	padding:15px 0 0 88px;
}
#featureLink li dl dd {
	padding:3px 0 0 88px;
	color:#a3ae14;
	font-size:13px;
	text-decoration:none;
	width:182px;
	height:77px;
	line-height:1.45;
	letter-spacing:1px;
}
#featureLink li a, a:link, a:visited {
    color: #666666;
    text-decoration: none;
}
#bnrDisc {
	background:url(/themes/cloudcore/images/bnr_disc.png) no-repeat 13px 32px;
}
#bnrKVM {
	background:url(/themes/cloudcore/images/bnr_kvm.png) no-repeat 13px 26px;
}
#bnrKDDI {
	background:url(/themes/cloudcore/images/bnr_kddi.png) no-repeat 21px 26px;
}

#featureLink #bnrKVM dd {
	letter-spacing:0;
}
/*------------------------------------------
予定している追加機能
-------------------------------------------*/
#loadmapArea {
	float: left;
	width: 440px;
}
#loadmapArea h2 {
	margin: 0 0 24px;
}
#loadmapArea dl {
	width: 420px;
	float: left;
	background: url(/themes/cloudcore/images/bg_loadmap01.png) 0 0 repeat;
	padding:10px 10px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior:url(/common/css/PIE.htc);
}
/*提供予定*/
#loadmapArea dt#schedule {
	float:left;
	display:block;
	width: 105px;
	height:auto;
	background: url(/themes/cloudcore/images/bg_loadmap_arrow01.png) right center no-repeat;
	margin-bottom:10px;
}
#loadmapArea dt#schedule span {
	display:block;
	width: 94px;
	height:auto;
	background:#ABBA11 url(/themes/cloudcore/images/ttl_loadmap_dt01.png) left center no-repeat;
	text-indent:-9999px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior:url(/common/css/PIE.htc);
}
/*対応済み*/
#loadmapArea dt#finish {
	float:left;
	width: 105px;
	background: url(/themes/cloudcore/images/bg_loadmap_arrow02.png) right center no-repeat;
	position: relative;
}
#loadmapArea dt#finish span {
	width: 94px;
	display: block;
	background:#EEF8B4 url(/themes/cloudcore/images/ttl_loadmap_dt02.png) left center no-repeat;
	text-indent:-9999px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior:url(/common/css/PIE.htc);
}
#loadmapArea dd {
	float:right;
	width: 314px;
	height:auto;
	background-color:#FFF;
	margin-bottom:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	behavior:url(/common/css/PIE.htc);
}
#loadmapArea .finish_h span {
	font-size: 85%;
}
#loadmapArea dd ul {
	margin:10px 10px 10px 32px;
}
#loadmapArea dd li {
	color:#708500;
	list-style-type:disc;
	line-height:168%;
}
#loadmapArea dd li a {
	color:#708500;
	text-decoration: none;
}
#loadmapArea dd li a:hover {
	text-decoration: underline;
}
.att {
	font-size:85%;
	margin-top:8px;
	margin-left:5px;
}
/*------------------------------------------
基本スペック
-------------------------------------------*/
#specArea {
	float: right;
	width: 440px;
	position: relative;
}
#specArea h2 {
	margin: 0 0 24px;
}
.specOrder a {
	background: url(/themes/cloudcore/images/btn_order.png) no-repeat;
	width: 120px;
	height: 32px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	float:right;
	margin: 15px 13px 0 0;
}
.specOrder a:hover {
	background: url(/themes/cloudcore/images/btn_order.png) 0 -32px no-repeat;
}
.specDetail a {
	background: url(/themes/cloudcore/images/btn_spec.png) no-repeat;
	width: 131px;
	height: 32px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	float:right;
	margin-top:15px;
}
.specDetail a:hover {
	background: url(/themes/cloudcore/images/btn_spec.png) 0 -32px no-repeat;
}
.specUse {
	margin: 14px 0 0;
}
.specUse a {
	background: url(/themes/cloudcore/images/btn_use.png) no-repeat;
	width: 440px;
	height: 34px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
}
.specUse a:hover {
	background: url(/themes/cloudcore/images/btn_use.png) 0 -34px no-repeat;
}
.specUse10 {
	margin: 14px 0 0;
}
.specUse10 a {
	background: url(/themes/cloudcore/images/btn_use_10.png) no-repeat;
	width: 440px;
	height: 34px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
}
.specUse10 a:hover {
	background: url(/themes/cloudcore/images/btn_use_10.png) 0 -34px no-repeat;
}
#newsArea {
	margin: 40px 20px 0;
	padding: 50px 0 0;
	border-top: 1px solid #CCCCCC;
	clear: both;
	position: relative;
}
#newsArea h2 {
	margin: 0 0 19px;
}

#newsArea dl {
}
#newsArea dl dt {
	float: left;
	clear: left;
	border: none;
	width: 8.8em;
	color: #A8B70E;
	font-weight: bold;
}
#newsArea dl dd {
	padding: 0 0 0.5em 9.3em;
}
#newsArea dl dd a {
	background: url(/themes/cloudcore/common/images/ico_linkL.png) 0 0.4em no-repeat;
	padding: 0 0 0 15px;
	display: block;
}
#newsArea dl dd p.icoCat {
	float: left;
	width: 9em;
	color: #FFFFFF;
	background: #A8B70E;
	font-weight: bold;
	text-align: center;
	padding: 2px 0 0;
}
#newsArea dl dd p.txt {
	margin: 0 0 0 9.5em;
	padding: 2px 0 0;
}

#newsArea p#linkList {
	margin: 10px 0 0;
}
#newsArea p#linkList a {
	background: url(/themes/cloudcore/images/btn_news.png) no-repeat;
	width: 76px;
	height: 32px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
}
#newsArea p#linkList a:hover {
	background: url(/themes/cloudcore/images/btn_news.png) 0 -32px no-repeat;
}

ul.linkList {
	margin: 20px 0 0 20px;	
}

ul.linkList li {
	display: inline;
	margin-right: 15px;
}

/*ニュース一覧ボタン*/
.newsList {
	position: absolute;
	top: 38px;
	left: 691px;
}
.newsList a {
	background: url(/themes/cloudcore/images/btn_news.png) no-repeat;
	width: 76px;
	height: 32px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
}
.newsList a:hover {
	background: url(/themes/cloudcore/images/btn_news.png) 0 -32px no-repeat;
}

/*RSSフィールドボタン*/
.rssField {
	position: absolute;
	top: 38px;
	left: 780px;
}
.rssField a {
	background: url(/themes/cloudcore/images/btn_rssField.png) no-repeat;
	width: 140px;
	height: 32px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
}
.rssField a:hover {
	background: url(/themes/cloudcore/images/btn_rssField.png) 0 -32px no-repeat;
}
#addthis {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: right;
}
#addthis ul {
	width: 450px;
	text-align: right;
	position: absolute;
	z-index: 1;
	right: 130px;
	bottom: 33px;
	margin: 0;
	padding: 0;
}
#addthis li {
	margin: 0;
	padding: 0;
	float: left;
}
#addthis li a {
	display: block;
}
.addthis_button_facebook_like {
	width: 115px;
	display: block;
	padding-right: 15px;
}
.addthis_button_tweet {
	width: 110px;
}
.addthis_button_google_plusone {
	width: 80px;
}
.addthis_counter addthis_pill_style {
	width: 100px;
}
ul.linkList {
	margin: 20px 0 0 0;
}
ul.linkList li {
	display: inline;
	margin-right: 15px;
}
.home #content #main .section #loadmapArea dl .finish_h ul li ul {
	margin-top: -3px;
}
/*スペック表*/
#spec {
	width: 896px;
	background-color:#d4de8b;
	padding:10px;
}
table {
	border-collapse: separate;
 *border-collapse:collapse; /* for IE6,7 */
	border-spacing:0;
	empty-cells:show;
	border-top:1px solid #d4de8b;
	border-right:none;
	border-bottom:none;
	border-left:1px solid #d4de8b;
}
.tableFull {
	width:100%;
	text-align:center;
}
.tableFull th {
	background-image:url(/themes/cloudcore/spec/images/bg_green.png);
	background-position:initial initial;
	background-repeat:initial initial;
	height:70px;
}
th, td {
	border-bottom-color:#d4de8b;
	border-bottom-width:1px;
	border-right-color:#d4de8b;
	border-right-width:1px;
	border-style:none solid solid none;
	background-color:#FFF
}
th.bgcolor {
	background-color:#AEB700;
	background-image:none;
	color:#FFFFFF;
}
th.bgcolor_new {
	background-color: #AEB700;
	color: #FFFFFF;
	text-align: center
}
th.bg_initialcost {
	background-color: #AEB700;
	background-image: url(/themes/cloudcore/images/icon_initialcost.png);
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 30px center;
	text-align: left;
	padding-left: 80px;
}
th.bg_yen {
	background-color: #AEB700;
	background-image: url(/themes/cloudcore/images/icon_yen.png);
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 30px center;
	text-align: left;
	padding-left: 80px;
}
th.bg_cpu {
	background-color: #AEB700;
	background-image: url(/themes/cloudcore/images/icon_cpu.png);
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 30px center;
	text-align: left;
	padding-left: 80px;
}
th.bg_memory {
	background-color: #AEB700;
	background-image: url(/themes/cloudcore/images/icon_memory.png);
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 30px center;
	text-align: left;
	padding-left: 80px;
}
th.bg_disc {
	background-color: #AEB700;
	background-image: url(/themes/cloudcore/images/icon_disc.png);
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 30px center;
	text-align: left;
	padding-left: 80px;
}
.Recommend {
	background-image:url(/themes/cloudcore/spec/images/bg_green.png);
	background-position:initial initial;
	background-repeat:initial initial;
}
.Recommend em {
	font-style:normal;
	font-weight:bold;
}
.boldborder {
	border-right-width: 6px;
	border-right-style: solid;
	border-right-color: #d4de8b;
}
.attention {
	margin-top:15px;
	float:left;
}
#copyright_inner #twitter {
	display:block;
	position:absolute;
	left: 130px;
}
#comment{
	background-color:#FFF;
	text-align: center;
	height: 120px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	line-height:30px;
}
#comment .fsize{
	font-size:20px;
}
.bnrArea {
	margin: 40px 20px 0;
	padding: 40px 0 0;
	border-top: 1px solid #CCCCCC;
	clear: both;
	position: relative;
}
.bnrArea li {
	padding: 0 0 10px;
}
.bnrArea li a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

.select {
	width:295px;
	height:133px;
	display:inline;
}
.demo5 {
    background-color: #ccc;
    height: 66px;
    position: relative;
    width: 25px;
}
.demo5:before {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
 
    border-width: 10px;
    border-top-color: #ccc;
    border-left-width: 50px;
    border-right-width: 0;
    top: 100%;
    left: 0;
}
.demo5:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
 
    border-width: 2px;
    border-top-color: #777;
    border-left-width: 50px;
    border-right-width: 0;
    top: 100%;
    left: 0;
}