@charset "UTF-8";

/*
COLOUR REFERENCES
BODY BG: #f6f6f6
BODY COLOUR: #333
LINKS: #333
VISITED: #666
HOVER: #666
-------------------------------------------------------- */

/* ---------------------------------
基本
--------------------------------- */

html {
  filter: expression(document.execCommand("BackgroundImageCache",false, true));
}

body{
	font-family:  'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	background-color: #f6f6f6;
	font-size: 14px;
	line-height: 160%;
	color: #666;
}

a{
	color: #666;
	background-color: transparent;
	overflow: hidden;
}
	a.no_underline{
		text-decoration: none;
	}

a:visited{
	color: #999;
	background-color: transparent;
}

a:hover{
	color: #9C6;
	background-color: transparent;
}

a img{
	border: none;
}

a[target="_blank"] {
	padding-right: 20px;
	background: url(../imgs/open_window.png) no-repeat center right;
 }

a.noborder[target="_blank"] {
	padding-right: 0;
	border-bottom: none;
 }

a.nobg[target="_blank"] {
	padding-right: 0;
	border-bottom: none;
	background: none;
 }
 
 a.arrow {
	padding-left: 20px;
	background: url(../imgs/arrow01.png) no-repeat center left;
 }

ul li, ol li {
	line-height: 160%;
	margin-bottom: 0.8em;
}

ul.nomargin li, ol.nomargin li,
ul li.nomargin, ol li.nomargin {
	margin-bottom: 0;
}

br {
	letter-spacing: 0;
}

.left {
	float: left;
	display: inline;
 }

.right {
 	float: right;
 	display: inline;
 }
 
img.border {
 	padding: 5px;
 	border: 3px solid #e6e3df;
 }

.center {
 	text-align:center;
 	margin-right: auto;
 	margin-left: auto;
 }

.textLeft {
 	text-align:left;
 }

.textRight {
 	text-align:right;
 }
 
 .textCenter {
 	text-align:center;
 }
 
 .clearall {
 	clear:both;
 }
 
/* ---------------------------------
背景色
--------------------------------- */
 .bg_white {background-color: white;}
 
/* ---------------------------------
マージン
--------------------------------- */
.width50 { width:50px;}
.width100 { width:100px;}
.width150 { width:150px;}
.width200 { width:200px;}
.width300 { width:300px;}
 
/* ---------------------------------
マージン
--------------------------------- */
 .height5 {height: 5px;}
 .height20 {height: 20px;}
 .height30 {height: 30px;}
 .height40 {height: 40px;}
 .height50 {height: 50px;}
 .height60 {height: 60px;}
 .height70 {height: 70px;}
 .height80 {height: 80px;}
 
 .padding_t1em { padding-top: 1em;}
 .padding_t2em { padding-top: 2em;}
 .padding_t3em { padding-top: 3em;}
 .padding_t4em { padding-top: 4em;}
 .padding_t5em { padding-top: 5em;}
 
 .margin_t1em { margin-top: 1em;}
 .margin_t2em { margin-top: 2em;}
 .margin_t3em { margin-top: 3em;}
 .margin_t4em { margin-top: 4em;}
 .margin_t5em { margin-top: 5em;}
 
 .padding_b1em { padding-bottom: 1em;}
 .padding_b2em { padding-bottom: 2em;}
 .padding_b3em { padding-bottom: 3em;}
 .padding_b4em { padding-bottom: 4em;}
 .padding_b5em { padding-bottom: 5em;}
 
 .padding0 {padding:0;}
 .padding5 {padding:5px;}
 .padding10 {padding:10px;}
 .padding15 {padding:15px;}
 .padding50 {padding:50px;}
 
 .padding_t0 {padding-top:0;}
 .padding_t5 {padding-top:5px;}
 .padding_t10 {padding-top:10px;}
 .padding_t20 {padding-top:20px;}
 .padding_t30 {padding-top:30px;}
 .padding_t40 {padding-top:40px;}
 .padding_t50 {padding-top:50px;}
 
 .padding_b5 {padding-bottom:5px;}
 .padding_b10 {padding-bottom:10px;}
 
 .padding_l20 {padding-left:20px;}
 .padding_l50 {padding-left:50px;}
 
 .padding_r20 {padding-right:20px;}
 .padding_r50 {padding-right:50px;}
 
 .margin0 {margin:0;}
 .margin_auto {margin-right:auto;margin-left:auto;}
 
 .margin_t0 {margin-top:0;}
 .margin_t5 {margin-top:5px;}
 .margin_t10 {margin-top:10px;}
 .margin_t20 {margin-top:20px;}
 .margin_t50 {margin-top:50px;}
 
 .margin_b0 {margin-bottom:0;}
 .margin_b5 {margin-bottom:5px;}
 .margin_b10 {margin-bottom:10px;}
 .margin_b20 {margin-bottom:20px;}
 
 .margin_b1em { margin-bottom: 1em;}
 .margin_b2em { margin-bottom: 2em;}
 .margin_b3em { margin-bottom: 3em;}
 .margin_b4em { margin-bottom: 4em;}
 .margin_b5em { margin-bottom: 5em;}
 
 .margin_l5 { margin-left:5px; }
 .margin_l10 { margin-left:10px; }
 .margin_l15 { margin-left:15px; }
 .margin_l20 { margin-left:20px; }
 .margin_l30 { margin-left:30px; }
 .margin_l40 { margin-left:40px; }
 .margin_l50 { margin-left:50px; }
 .margin_l3em { margin-left:3em; }
 .margin_l5em { margin-left:5em; }
 .margin_l6em { margin-left:6em; }
 
 .margin_r5 {margin-right:5px;}
 .margin_r15 {margin-right:15px;}
 .margin_r50 {margin-right:50px;}

 
/* ---------------------------------
フォント
--------------------------------- */
.font9 {font-size: 9px;}
.font10 {font-size: 10px;}
.font11 {font-size: 11px;}
.font12 {font-size: 12px;}
.font14 {font-size: 14px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font24 {font-size: 24px;}
.font28 {font-size: 28px;}
.font36 {font-size: 36px;}
.font48 {font-size: 48px;}

.lineheight18 {line-height: 1.8; }
.lineheight16 {line-height: 1.6; }
.lineheight14 {line-height: 1.4; }
.lineheight12 {line-height: 1.2; }
.lineheight10 {line-height: 1.0; }

.red {color: red}
.purple {color: #80364f;}
.green {color: #50a777;}
.yellowgreen {color: #7ca750;}
.yellow {color: #ff9900;}
.blue {color: #4c93b3;}
.black {color: #000;}
.gray333 { color: #333;}
.gray666 { color: #666;}
.gray999 { color: #999;}


/* ---------------------------------
見出し
--------------------------------- */
h1, strong {
	color: #333;
	line-height: 160%;
}

h1.title {
	border-bottom:5px solid #CCC;
}

h2, h3, h4, h5, h6, strong {
	line-height: 160%;
}

h2 {
	font-size: 18px;
}

h2.heading01 {
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	line-height: 400%;
}

h3 {
	font-size: 16px;
}

h3.heading01 {
	background: url(/imgs/bg_line.gif) repeat-x bottom left;
	padding-bottom: 15px;
	color: #333;
}

h4, h5, h6 {
	font-size: 14px;
}

h4 {
	border-left:4px solid #CCC;
	padding-left:10px;
}

p {
	text-align: justify;
	text-justify: inter-ideograph;
}

strong.subheading {
	font-size: 16px;
}

.notes {
	font-size: 11px;
	line-height: 1.6;
	padding: 0;
	margin: 0;
	color: #999;
}

.notes_attention {
	display:block;
	float:right;
	font-size:11px;
	line-height: 1.6;
	margin-left:15px;
	font-weight: normal;
	color:#ff9933;
}

.note_box {
	font-size: 11px;
	line-height: 1.6;
	border-left:5px solid #ddd;
	background: #eee;
	padding: 5px 10px;
}


/* ---------------------------------
インデント
--------------------------------- */
.indent1 { text-indent:1em; }
.indent-3 { text-indent:-3em; }


/* ---------------------------------
段組み
--------------------------------- */
.column2 {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	
	column-gap: 30px;
	-moz-column-gap: 30px;
	-webkit-column-gap: 30px;
}


/* ---------------------------------
ボーダー
--------------------------------- */
 .border_grey1 {border: 1px solid #ebeeed;}
 
 
/* ---------------------------------
ボタン
--------------------------------- */
button.css3button {
	font-family:  'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	cursor:pointer;
	padding: 8px 8px;
	background: -moz-linear-gradient(
		top,
		#777777 0%,
		#444444 50%,
		#222222 50%,
		#333333);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#777777),
		color-stop(0.50, #444444),
		color-stop(0.50, #222222),
		to(#333333));
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border: 0px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
}

#sidebar ul.step {
	list-style-type: none;
}

#sidebar ul.step li {
	padding: 5px 10px;
	margin: 0 0 10px 0;
/*	background-color:#fafbf5; */
	border: 1px solid #CCC;
	border-radius: 4px;
/*	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);*/
}

#sidebar ul.step li.active {
	background-color:#666;
	border: 1px solid #666;
	color: #FFF;
	font-weight: bold;
}


/* ---------------------------------
ヘッダー
--------------------------------- */

#header {
	height: 200px; 
	background: #f7f6f4 url(/imgs/header_bg.jpg) repeat-x left top;
}

#header-inner {
	width: 960px;
	margin:0 auto;
	text-align: center;
}

div#header div.logo,
div#header div.logo_index,
div#header div.nctCach,
div#header div.headMenu {
 	float:left;
 	display: inline;
}

div#header div.logo {
 	width:200px;/*画像の幅*/
 	height:200px;/*画像の高さ*/
}

div#header div.logo_index {
 	width:285px;/*画像の幅*/
 	height:200px;/*画像の高さ*/
}

div#header div.nctCach {
 	width:160px;/*画像の幅*/
 	height:200px;/*画像の高さ*/
}

div#header div.headMenu {
 	width:600px;/*画像の幅*/
 	height:200px;/*画像の高さ*/
 	background: url(/imgs/header_bg02.jpg) no-repeat;/*画像を表示*/
}

div#header div.logo a,
div#header div.logo_index a,
div#header div.nctCach a,
div#header div.headMenu ul li a {
 	width:100%;/*外枠の幅と同じに設定*/
 	height:100%;/*外枠の高さと同じに設定*/
 	position:relative;/*外枠を相対位置に指定*/
  /* \*/
 	overflow: hidden;
  /* */
 	display:block;
 }

div#header div.logo a span,
div#header div.logo_index a span,
div#header div.nctCach a span,
div#header div.headMenu ul li a span  {
 	width:100%;/*外枠の幅と同じに設定*/
 	height:100%;/*外枠の高さと同じに設定*/
 	position:absolute;/*外枠からの絶対位置に指定*/
 	top:0;/*外枠の上に合わせる（IE6対策[指定なしだと上に隙間ができる]）*/
 	left:0;/*外枠の左に合わせる（IE6対策）*/
	display:block;
 	text-indent: -9999px;
 	font-size: small;/*文字を最小にする*/
 	line-height: 0;/*行の高さを消す（Firefoxでのリンク領域対策）*/
 	z-index:1;
}
 
div#header div.logo a span {
 	background:url(/imgs/logo_off.jpg) no-repeat;/*画像を表示*/
 	background-position: 100% 0px;
 	cursor: pointer;/*マウスオーバーで指マークにする（IE6対策）*/
}
 
div#header div.logo a:hover span {
 	background:url(/imgs/logo_off.jpg) no-repeat;
 	background-position: 100% -200px;
}
 
div#header div.logo_index a span {
 	background:url(/imgs/logo_bgBlack.png) no-repeat;/*画像を表示*/
 	background-position: 100% 0px;
 	cursor: pointer;/*マウスオーバーで指マークにする（IE6対策）*/
}
 
div#header div.logo_index a:hover span {
 	background:url(/imgs/logo_bgBlack.png) no-repeat;
 	background-position: 100% -200px;
}
 
div#header div.nctCach a span {
 	background:url(/imgs/header_bg01.jpg) no-repeat;
}

div#header div.headMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
 	position:relative;
 	top:100px;
 	left: 0;
 	width:600px;
	height: 100px;
	display:block;
}

div#header div.headMenu ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 75px;
	height: 100px;
	display:block;
}

div#header div.headMenu ul li.menuIphoneTV a span {
 	background:url(/imgs/header_menu_iphonetv_off.gif) no-repeat;
 	background-position: 100% -100px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuIphoneTV a:hover span, 
div#header div.headMenu ul li.menuIphoneTVIn a span {
 	background:url(/imgs/header_menu_iphonetv_off.gif) no-repeat;
 	background-position: 100% 0px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuSmartLive a span {
 	background:url(/imgs/header_menu_smartLive_off.png) no-repeat;
 	background-position: 100% -100px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuSmartLive a:hover span, 
div#header div.headMenu ul li.menuSmartLiveIn a span {
 	background:url(/imgs/header_menu_smartLive_off.png) no-repeat;
 	background-position: 100% 0px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuWeb a span {
 	background:url(/imgs/header_menu_ria_off.png) no-repeat;
 	background-position: 100% -100px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuWeb a:hover span, 
div#header div.headMenu ul li.menuWebIn a span {
 	background:url(/imgs/header_menu_ria_off.png) no-repeat;
 	background-position: 100% 0px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuStreaming a span {
 	background:url(/imgs/header_menu_str_off.png) no-repeat;
 	background-position: 100% -100px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuStreaming a:hover span,
div#header div.headMenu ul li.menuStreamingIn a span {
 	background:url(/imgs/header_menu_str_off.png) no-repeat;
 	background-position: 100% 0px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuFms a span {
	width: 75px;
 	background:url(/imgs/header_menu_fms_off.png) no-repeat;
 	background-position: 100% -100px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuFms a:hover span,
div#header div.headMenu ul li.menuFmsIn a span {
 	background:url(/imgs/header_menu_fms_off.png) no-repeat;
 	background-position: 100% 0px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuFmstest a span {
	width: 75px;
 	background:url(/imgs/header_menu_fms_off.png) no-repeat;
 	background-position: 100% -100px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuFmstest a:hover span,
div#header div.headMenu ul li.menuFmstestIn a span {
 	background:url(/imgs/header_menu_fms_off.png) no-repeat;
 	background-position: 100% 0px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuVPS a span {
	width: 75px;
 	background:url(/imgs/header_menu_vps_off.png) no-repeat;
 	background-position: 100% -100px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuVPS a:hover span,
div#header div.headMenu ul li.menuVPSIn a span {
 	background:url(/imgs/header_menu_vps_off.png) no-repeat;
 	background-position: 100% 0px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuCf a span {
 	background:url(/imgs/header_menu_cf_off.png) no-repeat;
 	background-position: 100% -100px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuCf a:hover span,
div#header div.headMenu ul li.menuCfIn a span  {
 	background:url(/imgs/header_menu_cf_off.png) no-repeat;
 	background-position: 100% 0px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuRentalS a span {
 	background:url(/imgs/header_menu_host_off.png) no-repeat;
 	background-position: 100% -100px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuRentalS a:hover span,
div#header div.headMenu ul li.menuRentalSIn a span {
 	background:url(/imgs/header_menu_host_off.png) no-repeat;
 	background-position: 100% 0px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuPresence a span {
 	background:url(/imgs/header_menu_domain_off.gif) no-repeat;
 	background-position: 100% -100px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuPresence a:hover span,
div#header div.headMenu ul li.menuPresenceIn a span {
 	background:url(/imgs/header_menu_domain_off.gif) no-repeat;
 	background-position: 100% 0px;
 	
 	cursor: pointer;
}

div#header div.headMenu ul li.menuSl a span {
 	background:url(/imgs/header_menu_sl_off.png) no-repeat;
 	background-position: 100% -100px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuSl a:hover span,
div#header div.headMenu ul li.menuSlIn a span {
 	background:url(/imgs/header_menu_sl_off.png) no-repeat;
 	background-position: 100% 0px;
 	cursor: pointer;
}

div#header div.headMenu ul li.menuTruste a span {
 	background:url(/imgs/header_menu_truste_off.gif) no-repeat;
 	background-position: 100% -100px;
}

div#header div.headMenu ul li.menuTruste a:hover span,
div#header div.headMenu ul li.menuTrusteIn a span {
 	background:url(/imgs/header_menu_truste_off.gif) no-repeat;
 	background-position: 100% 0px;
}




/* ---------------------------------
メイン
--------------------------------- */

#main{
	background: #f7f6f4 url(/imgs/wrap-bg.jpg) ;
	padding: 30px 0;
}

/*#main a{
	border-bottom: 1px solid #9C6;
}

#main a.noborder{
	border-bottom: none;
}*/

#main div.article {
	margin-top: 50px;
	margin-bottom: 30px;
}

#main div.article  h2 {
	background-color:  transparent;
	font-size: 15px;
	padding: 0;
	padding-left: 10px;
	border-left: #CCC 3px solid;
}

#main div.article  ul {
	margin: 0; padding: 0;
	list-style:none;
}

#main div.article  ul li {
	margin: 0; padding: 0;
	background: url(/imgs/star-bullet.gif) 0px 5px no-repeat;
	margin-left: 25px;
	margin-bottom: 5px;
	padding-left: 25px;
}

dt {
	font-size: 18px;
	font-weight: bold;
	padding: 3px;
	padding-left: 10px;
	border-left: #CCC 3px solid;
}

dd {
	margin: 15px 0 25px 25px;
}

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

	dd ul li {
		margin: 0; padding: 0;
		background: url(/imgs/star-bullet.gif) 0px 5px no-repeat;
		margin-left: 0;
		margin-bottom: 5px;
		padding-left: 25px;
	}


/* ---------------------------------
コンテンツ１
--------------------------------- */

#contents1{
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#contents1 h1,
#contents1 p {
	margin: 0;
	padding: 0;
}

#contents1 img { 
	/*display: block; */
}

/* ---------------------------------
コンテンツ２
--------------------------------- */

#contents2{
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

/* ---------------------------------
コンテンツ３
--------------------------------- */

#contents3{
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

/* ---------------------------------
コンテンツ４
--------------------------------- */

#contents4{
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

/* ---------------------------------
タブエリア
--------------------------------- */

#container-1 a{
	color: #333;
	background-color: transparent;
	overflow: hidden;
}

#container-1 a:visited{
	color: #666;
	background-color:  transparent;
}

#container-1 a:hover{
	color: #666;
	background-color:  transparent;
}

#container-1 table th,
#container-1 table td {
	padding: 10px;
	border: 1px solid #FFF; 
	vertical-align: middle;
	text-align: center;
}

#container-1 table th {
	font-weight: bold;
	white-space: nowrap;
}

#container-1 table th.EEE,
#container-1 table td.EEE {
	background: #EEE;
	color: #666;
}

#container-1 table th.CCC,
#container-1 table td.CCC {
	background: #CCC;
	color: #666;
}

#container-1 table th.smartlive,
#container-1 table td.smartlive {
	background: #EDE6ED;
	color: #666;
}

#container-1 h2 img,
#container-1 h3 img { 
	display: block; 
}

/* --------右カラム --------*/

/* ニュース＆イベント
--------------------------------- */

div#news {
	margin:0;
	padding:0;
}

div#news h2 {
	font-family: Georgia, serif;
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
}

div#news h2 a {
	text-decoration: none;
	color: #7d8e85;
}

div#news ul {
	_zoom: 1; 
	overflow: hidden;
	margin: 15px 0;
}

div#news ul  li {
	clear: both;
	margin-top: -1px;
	margin-left: 0;
	padding: 10px 0 0 0; 
	border-top: 1px dotted #7d8e85;
	list-style-type: none;
}

div#news ul  li  h3 {
	font-size: 12px;
	font-weight: normal;
	background-image: none;
}

div#news ul  li h3 a {
	display: block;
	padding-right: 20px;
}

div#news ul  li h3 a:hover {
	background: url(/imgs/bg_news.png) no-repeat right top;
}

div#news ul  li h3 .date {
	font-family: Georgia, serif;
	color: #7d8e85;
}

div#news ul  li h3.strong {
	border-left: 3px solid #7d8e85;
	padding-left: 10px;
}

div#news ul  li p {
	margin: 0 0 1em 15px;
}

div#news ul  li p.right {
	margin-left: 50px;
}


/* ---------------------------------
メニュー
--------------------------------- */

#menu{
	height: 120px;
	background: #161616 url(/imgs/overlay.gif) repeat-x;
	font-size: 11px;
	color: #818181;
	padding: 20px 0 30px 0;
	margin: 0;
}

#menu a {
	color: #FFF;
	background-color:  transparent;
	text-decoration:none;
}

#menu a:visited {
	color: #666;
	background-color:  transparent;
}

#menu a:hover {
	color: #666;
	background-color:  transparent;
}

#menu ul {
	 margin: 0; padding: 0;
}

#menu li {
	 margin: 0;
	 padding: 20px 10px 4px 60px;
	 list-style-type: none;
	 line-height: 15px;
	 height: 60px;
}

#menu li.IphoneTV {
	background: url(/imgs/footer_menu_iphonetv.gif) no-repeat left;
}

#menu li.menuWeb {
	background: url(/imgs/footer_menu_ria.gif) no-repeat left;
}

#menu li.menuStreaming {
	background: url(/imgs/footer_menu_streaming.gif) no-repeat left;
}

#menu li.menuFms {
	background: url(/imgs/footer_menu_fms.gif) no-repeat left;
}

#menu li.menuCf {
	background: url(/imgs/footer_menu_cf.gif) no-repeat left;
}

#menu li.menuRentalS {
	background: url(/imgs/footer_menu_hosting.gif) no-repeat left;
}

#menu li.menuPresence {
	background: url(/imgs/footer_menu_domain.gif) no-repeat left;
}

#menu li.menuSl {
	background: url(/imgs/footer_menu_sl.gif) no-repeat left;
}

#menu li.menuTruste {
	background: url(/imgs/footer_menu_truste.gif) no-repeat left;
}

#menu li.menuVPS {
	background: url(/imgs/footer_menu_vps.png) no-repeat left;
}


/* ---------------------------------
フッター
--------------------------------- */

#footer{
	background: #000  url(/imgs/footer_bg.jpg) repeat-x top center;
	font-size: 10px;
	color: #FFF;
	padding: 30px 0 15px 0;
	font-family:  'メイリオ', Meiryo, 'Lucida Grande', Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
}

#footer a {
	color: #FFF;
	background-color:  transparent;
	text-decoration:none;
	border-bottom: none;
}

#footer a:visited {
	color: #FFF;
	background-color:  transparent;
}

#footer a:hover {
	color: #FFF;
	background-color:  transparent;
}

#footer h2 {
	font-size: 11px;
	margin-bottom: 10px;
	padding-top: 25px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	background-color:  transparent;
	padding-bottom: 5px;
	letter-spacing: 1px;
}

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

#footer li {
	margin: 0;
	padding: 0;
}


#footer ul.shortcuts li {
	margin-left: 15px;
	padding-left: 0;
	border-bottom:1px dotted #666;
	display:block;
	line-height:1.8em;
	margin:0 0 3px;
	padding:5px 0 3px;
}

#footer ul.shortcuts li strong {
	font-weight: bold;
	color: #FFF;
}

#footer ul.shortcuts li  a:link {
	 color: #FFF; 
	 background: url(/imgs/icon-fillarrow-gray.gif) no-repeat 0 50%; 
	background-color:  transparent;
	 padding: 0 0 0 15px; 
	text-decoration: none; 
}

#footer ul.shortcuts li  a:visited {
	background: url(/imgs/icon-visited.gif) no-repeat 0 50%;
	background-color:  transparent;
	color:#FFF;
	padding:0 0 0 15px;
	text-decoration:none;
}

#footer ul.shortcuts li  a:hover  {
	background: url(/imgs/icon-fillarrow-gray.gif) no-repeat 0 50%; 
	background-color:  transparent;
	color: #993366; 
	padding: 0 0 0 15px;
	text-decoration: none; 
}

#footer ul.shortcuts li  a:active   {
	background: url(/imgs/icon-fillarrow-gray.gif) no-repeat 0 50%; 
	background-color:  transparent;
	color: #993366; 
	padding: 0 0 0 15px;
	text-decoration: none; 
}

#footer ul.shortcuts li  a.none:link,
#footer ul.shortcuts li  a.none:visited,
#footer ul.shortcuts li  a.none:hover,
#footer ul.shortcuts li  a.none:active {
	 background: none; 
	background-color:  transparent;
	 padding: 0; 
	text-decoration: none; 
}

#footer ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #FFF;
	background-color:  transparent;
}

#footer ul.shortcuts ul {
	margin: 5px 0;
}

#footer ul.shortcuts ul li {
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 10px;
	color: #FFF;
	background-color:  transparent;
	border-bottom:none;
}

#footer ul.shortcuts li span.text {
	display: block;
	color: #999;
	line-height: 1.4;
	padding: 5px 0;
}

#footer div#nct p#contact {
	float:right;
	display: inline;
	clear:both;
}

#footer div#nct ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

	#footer div#nct ul li {
		float: left;
		width: 100px;
		height: 50px;
		margin: 2px;
		padding: 2px;
		background-color:#FFF;
		line-height:0;
		vertical-align:middle;
		text-align: center;
	}
	

/* ---------------------------------

WEBフォント

--------------------------------- */



.webfont-anton {

	font-family: 'Anton', sans-serif;

}



.webfont-amaranth {

	font-family: 'Amaranth', sans-serif;

}



/* ---------------------------------

角丸

--------------------------------- */



 .radian15 {

	border-top: 1px solid #e5e5e5;

	/*firefox*/

	-moz-border-radius: 15px;

	/*safari, chrome*/

	-webkit-border-radius: 15px;

	/*css3*/

	border-radius: 15px;	

}





/* ---------------------------------

ドロップシャドウ

--------------------------------- */

.class_box_shadow{

    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);

    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);

}





/* ---------------------------------

テーブル

--------------------------------- */

table.bordered {

    *border-collapse: collapse; /* IE7 and lower */

    border-spacing: 0;

    width: 100%;

    font-size: 12px;

}  



.bordered td, .bordered th {

    border-bottom: 1px solid #ccc;

    text-align: center;

    vertical-align: middle;

    padding: 5px;

}



.bordered th {

    border-bottom: 1px solid #7b8c84;

    color: #7b8c84;

    font-weight: normal;

    font-size: 11px;

}



.bordered tr:hover {

    background: #dde2da;

    -o-transition: all 0.1s ease-in-out;

    -webkit-transition: all 0.1s ease-in-out;

    -moz-transition: all 0.1s ease-in-out;

    -ms-transition: all 0.1s ease-in-out;

    transition: all 0.1s ease-in-out;     

}   



	.bordered tr.no_hover:hover {

	    background: none;

	}    



.bordered td.textRight, .bordered th.textRight {

    text-align: right;

}



.bordered td.textLeft, .bordered th.textLeft {

    text-align: left;

}



.bordered td.textTop {

    vertical-align: top;

}



.bordered th {       

    border-top: none;

}



.bordered th.index {       

    background: #eeede2;

}



.bordered td:first-child, .bordered th:first-child {

    border-left: none;

}