@charset "shift_jis";

/*

information{

	ファイル名	　: css/next.css
	概要 		　: マークアップの基本的な要素の設定（全体のレイアウトなどを記載）
	サイト名 	　: NTT西日本情報機器ナビゲーション
	URL			　: https://www.ntt-west.co.jp/service/next/
	コピーライト　: (c) Qript. All Rights Reserved.
	作成日		　: 2008/10/28
	作成者		　: Ryohei OKADA
}
______________________________________________________________________*/



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


		ページ全体


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

html {
	overflow-y: scroll;
	background-color:#ffffff;
	height:100%;
	width:100%;
}



body {
	color: #333333;
/*	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", Osaka;*/
/*	font-size: 0.75em;
*/	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	width: 100%;
}

html>body {
	height: auto;
}



* {
}



a {
	outline: 0;
}



div#wrap {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -380px;
}



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


		ページ構成


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


h1#new {
	display: blick;
	width: 460px;
	height: 40px;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 220%;
	background:  no-repeat left top;
	margin: 0px 0px 15px 0px;
	padding: 0px 60px 0px 60px;

}

body#hikari-p h1#new {
	background-image: url("/service/next/img/img_h1-bk.gif")
}
/*-- IE6 ハック --*/
* html h1#new {
	width: 580px;
}
/* end */

/*-- IE7 ハック --*/
*:first-child + html h1#new {
	width: 580px;
}
/* end */



div#quicklinkArea {
	display: block;
	width: 580px;
	height: auto;
	margin: 15px 0px 13px 0px;
	padding: 0px 0px 0px 0px;
	zoom: 100%;
}
/*-- clearfix --*/
div#quicklinkArea:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/* end */

div#quicklinkArea dl {
	float: left;
	display: block;
	width: 363px;
	height: auto;
	background: url("/service/next/img/quicklink/img_quicklink-bk.gif") no-repeat left top;
	margin: 1px 0px 1px 13px;
	padding: 25px 0px 2px 4px;
	-moz-box-sizing: border-box;/*Firefox*/
	-khtml-box-sizing: border-box;/*Safari*/
	box-sizing: border-box;/*Opera*/
	border-bottom: 2px #E6E6E6 solid;
}

div#quicklinkArea dl dt {
	font-size: 10px;
	line-height: 1.8em;
	background: no-repeat left top;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 20px;
	-moz-box-sizing: border-box;/*Firefox*/
	-khtml-box-sizing: border-box;/*Safari*/
	box-sizing: border-box;/*Opera*/
}

/*-- Safari/Opera ハック --*/
body:first-of-type div#quicklinkArea dl dt {
	font-size: 9px;
	line-height: 220%;
}
/* end */

div#quicklinkArea dl dt#pict01 {
	background-image: url("/service/next/img/quicklink/icon_pict01.gif")
}
div#quicklinkArea dl dt#pict02 {
	background-image: url("/service/next/img/quicklink/icon_pict02.gif")
}
div#quicklinkArea dl dt#pict03 {
	background-image: url("/service/next/img/quicklink/icon_pict03.gif")
}
div#quicklinkArea dl dt#pict04 {
	background-image: url("/service/next/img/quicklink/icon_pict04.gif")
}

div#quicklinkArea dl dd {
	font-size: 10px;
	line-height: 190%;
	margin: -1.9em 0px 0px 150px;
	padding: 0px 0px 0px 0px;
}

/*-- Safari/Opera ハック --*/
body:first-of-type div#quicklinkArea dl dd {
	font-size: 9px;
	line-height: 220%;
}
/* end */



div.CntArea {
	display: block;
	width: 580px;
	height: auto;
	margin: 40px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px;
	zoom: 100%;

}
/*-- clearfix --*/
div.CntArea:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/* end */



/*
div.CntBody {
	width: 560px;
	height: auto;
	font-size: 75%;
	color: #333333;
	margin: 10px 0px 0px 0 !important;
	padding: 0px 0px 0px 0px;
	zoom: 100%;
}
*/

div.CntBody {
	width: 560px;
	height: auto;
	font-size: 75%;
	color: #333333;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	zoom: 100%;

}

/*-- clearfix --*/
div.CntBody:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/* end */



/*	サービス情報
-----------------------------------------*/
dl.CntSurviceBox {
	position: relative;
	float: left;
	display: block;
/*	width: 270px;*/
	width: 270px;
	height: 70px;
	border-bottom: 1px #CCCCCC solid;
	margin: 10px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	zoom: 100%;
}
/*-- clearfix --*/
div.CntSurviceBox:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
/* end */

/*-- Safari ハック --*/
html:not(:only-child:only-child) dl.CntSurviceBox {
	font-size: 11px;
}
/* end */


dl.CntSurviceBox dt {
	background: url("/service/next/img/icon_yaji01.gif") no-repeat left center;
	margin-left: 70px;
	padding-left: 7px;
}

dl.CntSurviceBox dd.bnr a {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	width: 60px;
	height: 60px;
	font-size: 1px;
	text-indent: -9999em;
	background: no-repeat left top;
}
dl.CntSurviceBox dd.bnr a#pict01 {
	background-image: url("/service/next/img/pict/img_survice01.gif");
}
dl.CntSurviceBox dd.bnr a#pict02 {
	background-image: url("/service/next/img/pict/img_survice02.gif");
}
dl.CntSurviceBox dd.bnr a#pict03 {
	background-image: url("/service/next/img/pict/img_survice03.gif");
}
dl.CntSurviceBox dd.bnr a#pict04 {
	background-image: url("/service/next/img/pict/img_survice04.gif");
}
dl.CntSurviceBox dd.bnr a#pict05 {
	background-image: url("/service/next/img/pict/img_survice05.gif");
}
dl.CntSurviceBox dd.bnr a#pict06 {
	background-image: url("/service/next/img/pict/img_survice06.gif");
}
dl.CntSurviceBox dd.bnr a#pict07 {
	background-image: url("/service/next/img/pict/img_survice07.gif");
}
dl.CntSurviceBox dd.bnr a#pict08 {
	background-image: url("/service/next/img/pict/img_survice08.gif");
}
dl.CntSurviceBox dd.bnr a#pict09 {
	background-image: url("/service/next/img/pict/img_survice09.gif");
}
dl.CntSurviceBox dd.bnr a#pict10 {
	background-image: url("/service/next/img/pict/img_survice10.gif");
}

dl.CntSurviceBox dd.bnr a:hover {
	background-position: left bottom;
}

dl.CntSurviceBox dd.txt {
	margin-left: 70px;
	margin-top: 5px;
	padding-left: 5px;
}




/*	キャンペーン情報
-----------------------------------------*/
div.campaignlink {
	display: block;
	margin: 10px 10px 0px 237px;
	padding-left: 10px;
}

dl#campaignList {
	margin: 0px 10px 10px 0px;
}

dl#campaignList dt {
	font-weight: bold;
	line-height: 130%;
	margin-top: 10px;
}

dl#campaignList dd {
	margin: 0;
	padding: 0;
	line-height: 150%;
	background: url("/service/next/img/icon_yaji01.gif") no-repeat left 5px;
	padding-left: 7px;
}




/*	サポート情報
-----------------------------------------*/
dl.support {
	float: left;
	display: block;
	width: 280px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
dl.support dt {
	background: url("/service/next/img/icon_yaji01.gif") no-repeat left center;
	padding-left: 7px;
}

dl.support dd {
	margin: 5px 10px 0px 7px;
}




/*	お知らせ
-----------------------------------------*/
dl.info{
	margin-top: 10px;
	margin-bottom: 20px;
}


dl.info dt {
	float: left;
	line-height: 150%;
	font-weight: bold;
	width: 5em;
	margin-left: 4px;
}

dl.Info dd {
	line-height: 150%;
	background: url("/service/next/img/icon_yaji01.gif") no-repeat left 3px;
	margin-left: 9.2em;
	padding-left: 7px;
}
/*-- IE6 ハック --*/
* html dl.Info dd {
	background-position: left 6px;
}
/* end */


/*-- IE7 ハック --*/
*:first-child + html dl.Info dd {
	background-position: left 8px;
}
/* end */

/*-- Safari ハック --*/
html:not(:only-child:only-child) dl.Info dd {
	background-position: left 5px;
}
/* end */






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


		ボタン・リンク


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

/*	クイックリンクボタン
-----------------------------------------*/
div#quicklinkArea div#linkbtn a {
	float: left;
	display: block;
	width: 204px;
	height: 175px;
	font-size: 1px;
	text-indent: -9999em;
	background: url("/service/next/img/quicklink/btn_about.jpg") no-repeat left top;
}
div#quicklinkArea div#linkbtn a:hover {
	background-position: left bottom;
}



/*	Bフレッツとフレッツ光の違いボタン
-----------------------------------------*/
div#differencebtn a {
	display: block;
	width: 580px;
	height: 50px;
	font-size: 1px;
	text-indent: -9999em;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
div#differencebtn a:hover {
	background-position: left bottom;
}



/*	Web割引キャンペーンボタン
-----------------------------------------*/
div#webwaribtn a {
	float: left;
	display: block;
	width: 217px;
	height: 90px;
	font-size: 1px;
	text-indent: -9999em;
	background: url("/service/next/img/btn_webwari.gif") no-repeat left top;
	margin: 10px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div#webwaribtn a:hover {
	background-position: left bottom;
}



/*	通常リンクボタン
-----------------------------------------*/
p.link a {
	background: url("/service/next/img/icon_yaji01.gif") no-repeat left 3px;
	padding-left: 7px;
}

/*-- IE6 ハック --*/
* html p.link a {
	font-size: 130%;
}
/* end */


/*-- IE7 ハック --*/
*:first-child + html p.link a {
	font-size: 130%;
}
/* end */






/*	トップへボタン
-----------------------------------------*/
p.top a {
	background: url("../misc/icn_pagetop.gif") no-repeat left center;
	padding-left: 10px;
}






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


		テキスト


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

p.notice {
	font-size: 60%;
	color: #666666;
}

p.description {
	margin-top: 5px;
	margin-left: 5px;
}

.txt01 {
	float: right;
	font-size: 80%;
	line-height: 100%;
	color: #666666;
}

/*-- IE6 ハック --*/
* html .txt01 {
	margin-top: -10px;
}
/* end */


/*-- IE7 ハック --*/
*:first-child + html .txt01 {
	margin-top: -10px;
}
/* end */



p.btmline {
	font-size: 5px;
	width: 100%;
	border-bottom: 1px #CCCCCC dotted;
}


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


		画像


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


img.thum {
	float: left;
	margin: 0px 10px 10px 0px;
}

img.thum02 {
	float: left;
	margin: 0px 20px 10px 0px;
}





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


		マージン・パディング


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

.mt10 {
	margin-top: 10px;}