@charset "UTF-8";

/*


COLOUR REFERENCES
BODY BG: #f6f6f6
BODY COLOUR: #666
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: 12px;
	color: #666;
}

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

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

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

a img{
	border: none;
}

ul li {
	line-height: 1.8em;
}

br {
	letter-spacing: 0;
}

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

.right {
 	float: right;
 	display: inline;
 }
 
 .textCenter {
 	text-align:center;
 }
 
 .clearall {
 	clear:both;
 }
 

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

#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) ;
	color: #666;
}

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

#main div.article  h2 {
	background-color:  transparent;
	color: #666;
	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;
}


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

#contents1{
	margin: 0 0 30px 0;
	padding-top: 30px;
}

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

#contents1 img { 
	display: block; 
}

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

#contents2{
	margin: 50px 0 0 0;
	padding: 0 0 50px 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 h2 img,
#container-1 h3 img { 
	display: block; 
}


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

#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;
	}


/*-------------------------------
外部リンク
--------------------------------*/

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


#sub a[target="_blank"] {
  padding-right: 0;
  background: none;
}

/*-------------------------------
拡大リンク
--------------------------------*/

a.loupe {
  padding-right: 17px;
  background: url(../imgs/loupe.gif) no-repeat center right;
}


/*-------------------------------
 SNSボタン 
--------------------------------*/

.sns_button li {
width: auto;
margin: 10px 5px 10px 0;
float: left;
display: inline;
}