/* ================================================================ *
	NexasDesign 2008/08
	navi CSS
	
	松本ガスサイトマップ設定
 * ================================================================ */



/* -------------------------------------------------------------------
>> サイトマップ
------------------------------------------------------------------- */
#main-cont div {
	width : 210px;
	float : left;
	margin : 0 0 30px 0;
}

#main-cont dl {
	margin : 0px 0 0px 0;
	padding : 0 0 0 0;
}
#main-cont dt {
	margin : 0 0 0 0;
}
#main-cont dd {
	margin : 0 0 0 0;
	padding : 0 1px;
	clear : none;
}
.map h3 {
	margin : 0 0 20px;
}
.map h4 {
	margin : 0 0 20px;
}
.map h3 a,.map h4 a {
	color : #336699;
}
.map h3 a:hover,.map h4 a:hover {
	color : #ff3300;
}

.map dd a {
	display : block;
	padding : 10px 5px 5px 28px;
}
.map img {
	display : block;
}


/* 背景画像リピート */
#sv-navi dl {
	background: url(../img/parts/sv_navi_bg.gif) repeat-y;
}
#ad-navi dl {
	background: url(../img/parts/ad_navi_bg.gif) repeat-y;
}
#cs-navi dl {
	background: url(../img/parts/cs_navi_bg.gif) repeat-y;
}
#bz-navi dl {
	background: url(../img/parts/bz_navi_bg.gif) repeat-y;
}
#sr-navi dl {
	background: url(../img/parts/sr_navi_bg.gif) repeat-y;
}
#sf-navi dl {
	background: url(../img/parts/sf_navi_bg.gif) repeat-y;
}
#kn-navi dl {
	background: url(../img/parts/kn_navi_bg.gif) repeat-y;
}
#com-navi dl {
	background: url(../img/parts/com_navi_bg.gif) repeat-y;
}
#rq-navi dl {
	background: url(../img/parts/rq_navi_bg.gif) repeat-y;
}




/*-------  サブメニュー　カラー設定  --------------------------------------------*/

/* 取扱商品とサービス */
#sv-navi dd {
	border-top : 1px dotted #dfdfdf;
}
#sv-navi a {
	color : #3d3d3d;
	background : url(../img/anc/sv_anc01.gif) no-repeat 10px center;
}
#sv-navi a:hover {
	color : #1567ff;
	background-color : #f5f8f8;
}
#sv-navi li.bg-color {
	background : #f5f8f8;
}


/* こんな時は */
#ad-navi dd {
	border-top : 1px dotted #ccf18d;
/*	display : inline;*/
}
#ad-navi a {
	color : #77811f;
	background : url(../img/anc/ad_anc01.gif) no-repeat 10px center;
}
#ad-navi a:hover {
	color : #9fba05;
	background-color : #f7fdd0;
}
#ad-navi dd.bg-color {
	background : #f8fdef;
}


/* ご家庭のお客様 */
div#cs-navi {
	margin-right : 30px;
}
#cs-navi dd {
	border-top : 1px dotted #fdeb79;
/*	display : inline;*/
}
#cs-navi dd.indent2 a {
	font-size : 14px;
	padding-left : 40px;
	background : url(../img/anc/anc01_2.gif) no-repeat 25px center;
}
#cs-navi a {
	color : #e10000;
	background : url(../img/anc/anc01_1.gif) no-repeat 10px center;
}
#cs-navi a:hover {
	color : #ff9900;
	background-color : #fff9dd;
}
#cs-navi dd.indent2 a:hover {
	background-color : #fff9dd;
}

/* 業務用のお客様 */

#bz-navi dd {
	border-top : 1px dotted #aae2ea;
/*	display : inline;*/
}
#bz-navi a {
	color : #0c718d;
	background : url(../img/anc/bz_anc01.gif) no-repeat 10px center;
}
#bz-navi a:hover {
	color : #1567ff;
	background-color : #eef9ff;
}


/* ショールーム */
#sr-navi dd {
	border-top : 1px dotted #b2d9f5;
/*	display : inline;*/
}
#sr-navi a {
	color : #025191;
	background : url(../img/anc/sr_anc01.gif) no-repeat 10px center;
}
#sr-navi a:hover {
	color : #1567ff;
	background-color : #eef3ff;
}
#sr-navi dd.bg-color {
}


/* ガスの安全な使い方 */
#sf-navi dd {
	border-top : 1px dotted #a8ecc4;
/*	display : inline;*/
}
#sf-navi a {
	color : #4c6e14;
	background : url(../img/anc/sf_anc01.gif) no-repeat 10px center;
}
#sf-navi a:hover {
	color : #82c90c;
	background-color : #f1fddb;
}
#sf-navi dd.bg-color {
}


/* ガスの知識 */
#kn-navi dd {
	border-top : 1px dotted #fdeb79;
/*	display : inline;*/
}
#kn-navi a {
	color : #777229;
	background : url(../img/anc/kn_anc01.gif) no-repeat 10px center;
}
#kn-navi a:hover {
	color : #ff7900;
	background-color : #fffed7;
}


/* 会社情報 */
#com-navi dd {
	border-top : 1px dotted #b0ed67;
/*	display : inline;*/
}
#com-navi a {
	color : #35710d;
	background : url(../img/anc/com_anc01.gif) no-repeat 10px center;
}
#com-navi a:hover {
	color : #54c012;
	background-color : #f1ffee;
}



/* 採用情報 */
#rq-navi dd {
	border-top : 1px dotted #53c2ff;
/*	display : inline;*/
}
#rq-navi a {
	color : #006297;
	background : url(../img/anc/rq_anc01.gif) no-repeat 10px center;
}
#rq-navi a:hover {
	color : #002b6a;
	background-color : #eef9ff;
}