@charset "shift_jis";

/*

information{

	ファイル名	　: /css/goriyou.css
	概要 		　: マークアップの基本的な要素の設定（全体のレイアウトなどを記載）
	サイト名 	　: NTT西日本 ｜ フレッツ公式 ｜ フレッツをご利用中のお客さま
	URL			　: http://www.ntt-west.co.jp/goriyou/
	コピーライト　: (c) Qript. All Rights Reserved.
	作成日		　: 2009/02/10
	作成者		　: Atsushi Murata
}
______________________________________________________________________*/



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


		ページ全体


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

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



body {
	background-color: #FFFFFF;
	height: 100%;
	width: 100%;
	color:#666666;
}

html>body {
	height: auto;
}



* {
	margin: 0;
	padding: 0;
}


a {
	outline: 0;
}



img{
	border:0;
}




li{
	list-style:none;
}

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


		ページ構成


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


.h3_supp{
	padding:10px 10px 0 10px;
}



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

/*\*/
* html .clearfix{
	height:1em;
	overflow:visible;
}
/**/


/*	ラッパー
-----------------------------------------*/

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

/*	パンくず
-----------------------------------------*/
div#topicPath {
	display:block;
	width:760px;
	height:23px;
	background:url(../misc/topic_path_bg.gif) repeat-x top left;

}
div#topicPath span{
	display:block;
	padding:5px 0 0 10px;
	font-size:0.834em;
	color:#333333;
	font-size: 10px;
	_font-size: 63%;  /* WinIE */

}

/*	メインイメージエリア
-----------------------------------------*/
div#mainImgArea {
	width: 760px;
	margin-top:9px;
}
div#mainImgLeftBox {
	float: left;
	width: 585px;
}
div#mainImgRightBox {
	float: right;
	width: 165px;
}

div#mainImgRightBox table tr td p.arrow {
  background: url(../img/arrow01.gif) no-repeat left center;
  margin: 0 0 5px 10px;
  padding-left: 13px;
  font-size: 72%;
}

div#mainImgContainer{
	position: relative;
	background: url(/user/goriyou/img/goriyou_mainimg_back.jpg) no-repeat left top;
	display:block;
	width: 580px;
	height:180px;
}

div#mainImgContainer p {
	display: none;
}

div#mainImgContainer a.btn {
	position: absolute;
	top: 0px;
	left: 0px;
}

div#mainImgContainer dl{
	padding:74px 0 0 17px;
}

div#mainImgContainer dl dt{
	display:none;
}
div#mainImgContainer dl dd{
	display:block;
	width:190px;
	height:102px;
}


div#mainImgContainer ul{
	padding:0;
	margin:0;
}
div#mainImgContainer li{
	float:left;
	margin:2px 0 0 1px;
	line-height:0.1px;
	font-size: 0.1px;
	
}

/*	ページ内リンク
-----------------------------------------*/

div#pageIndex{
	margin-top:11px;
	width:760px;
	height:29px;
	border:solid 1px #E8E8E8;
}

div#pageIndex li{
	float:left;
	margin:6px 6px 0 12px;
	background:url(/user/goriyou/img/goriyou_arrow.gif) no-repeat left center;
	padding-left:15px;
}


/*	メインコンテンツエリア
-----------------------------------------*/
div#mainCntArea {
	width: 760px;
	height: auto;
	margin: 22px 0 0 0;
	padding: 0;
	
}

div#mainCntArea h3{
	padding:15px 0 10px 0;
}


/*	サポート情報 ---------*/

/*purposeBox*/

div#purposeBoxContainer {
	background:url(/user/goriyou/img/goriyou_purpose_back.gif) repeat-y top left;
	padding-bottom:10px;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	margin-bottom:5px;
}
div.purposeBox {
	float: left;
	width: 189px;
	height: 100%;
	padding: 0 0 0 1px;
	
}

div.purposeBox dl dd dl{
	padding:0 11px 0 11px;
}

div.purposeBox dl dd dl dt{
	background:none;
	padding-top:3px;
}

div.purposeBox dl dd dd{
	background:url(/user/goriyou/img/goriyou_arrow2.gif) no-repeat left top;
	padding:3px 0 2px 15px;
	margin-bottom:6px;
	font-weight: bold;
}

/*
div.purposeBox div.note{
	font-size:0.834em;
	padding:0 11px 0 11px;
	color:#666666;
}
*/

/*serviceBox*/

table#serviceBoxContainer{
	width: 760px;
	margin-bottom:30px;
	padding:0;
	border-collapse:collapse;
	
	border:solid 1px #CCCCCC;
}

table#serviceBoxContainer th{
	width:188px;
	padding:0;
	background:#E9F1F4 url(/user/goriyou/img/goriyou_service_back.gif) no-repeat left bottom;
	vertical-align:top;
}
table#serviceBoxContainer th img{
	margin:10px 0 9px 0;
}
table#serviceBoxContainer tr.tableEnd th{
	background:#E9F1F4;
}
table#serviceBoxContainer td{

	width:569px;
	padding:0px;
	font-size: 0.75em;
	background:#FFFFFF url(/user/goriyou/img/goriyou_service_back.gif) no-repeat right bottom;
	vertical-align:top;
}
table#serviceBoxContainer tr.tableEnd td{
	background:#FFFFFF;
}

table#serviceBoxContainer ul{
	margin:0px 0 9px 10px;
}

table#serviceBoxContainer li{
	float:left;
	margin:9px 0 0 0;
	background:url(/user/goriyou/img/goriyou_arrow.gif) no-repeat left center;
	padding-left:15px;
}

table#serviceBoxContainer li a{
	display:block;
	width:165px;
}


/*	フレッツ活用方法ご紹介 ---------*/


/*mainCntLeftBox*/


div#mainCntLeftBox {
	float: left;
	width: 370px;
	margin-top:-15px;
}

div#mainCntLeftBox h3{
	position:relative;
	margin:20px 0 0 0;
	padding:0;
}

div#mainCntLeftBox p{
	font-size:1em;
	line-height:1.4em;
	margin:15px 0 15px 10px;
}

div#mainCntLeftBox dl{
	margin-top:15px;
}


div#mainCntLeftBox dl dt{
	clear:left;
	float:left;
	width:170px;
}

div#mainCntRightBox dl dt img{
	margin-left:8px;
}

div#mainCntLeftBox dl dd{
	float:left;
	width:190px;
}


div#mainCntLeftBox dl dd dl{
	margin-top:0;
}
div#mainCntLeftBox dl dd dl dt{
	clear:none;
	width:200px;
	margin:0;
	padding:0;
	vertical-align:top;
	line-height:1.2em;
}

div#mainCntLeftBox dl dd dl dd{
	background:url(/user/goriyou/img/goriyou_arrow.gif) no-repeat left center;
	margin:3px 0 0 0;
	padding-left:15px;
	vertical-align:top;
}

div#mainCntLeftBox dl dd dl dd a{
	width:185px;
}


/*mainCntRightBox*/


div#mainCntRightBox {
	float: right;
	width: 370px;
	margin-top:-15px;
}

div#mainCntRightBox h3{
	position:relative;
	margin:20px 0 0 0;
	padding:0;
}

div#mainCntRightBox p{
	font-size:1em;
	line-height:1.4em;
	margin:15px 0 15px 10px;
}

div#mainCntRightBox dl{
	margin-top:15px;
}


div#mainCntRightBox dl dt{
	clear:left;
	float:left;
	width:170px;
}

div#mainCntRightBox dl dt img{
	margin-left:8px;
}

div#mainCntRightBox dl dd{
	float:left;
	width:190px;
}


div#mainCntRightBox dl dd dl{
	margin-top:0;
}
div#mainCntRightBox dl dd dl dt{
	clear:none;
	width:200px;
	margin:0;
	padding:0;
	vertical-align:top;
	line-height:1.2em;
}

div#mainCntRightBox dl dd dl dd{
	background:url(/user/goriyou/img/goriyou_arrow.gif) no-repeat left center;
	margin:3px 0 0 0;
	padding-left:15px;
	vertical-align:top;
}

div#mainCntRightBox dl dd dl dd a{
	width:185px;
}

}