@charset "shift_jis";

/*

information{
	ファイル名 : /css/common/localnav.css;
	概要 : このCSSファイルは「ローカルナビゲーション」セクションの設定を記述しています。;
	サイト名 : NTTドコモのホームページ;
	URL : www.nttdocomo.co.jp/;
	コピーライト : (c) NTT DOCOMO, INC. All Rights Reserved.;
}

 */




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

	1. ローカルナビゲーションの設定
		: 全体
		: リンクの色の設定
		: 1階層目
		: 2階層目
	2. 関連リンクの設定
		: 全体
		: リンクの色の設定
		: マージンの追加
		: 下 (add margin bottom)
		: 上 (add margin bottom)

		2.1. ボックス型
		2.2. ボックス型pt02
		2.2.2 ボックス型 背景がグレイのパターン
		2.3. 背景がグレイのパターン
		2.4. 背景がブルーのパターン
		2.5. formのボタンの設定



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







/* 1. ローカルナビゲーションの設定
--------------------------------------------------------------------------	*/
/*	全体 */
#localnav{
	width:215px;	/* ワイド化のため180px→215pxへ（201512） */
	margin-bottom:8px;
	padding:2px;
	border:solid 2px #e8e8e8;
	background:#ededed;
}
* html #localnav{
	width:223px;	/* ワイド化のため188px→223pxへ（201512） */
}

#localnav img{
	vertical-align:bottom;
}

#localnav ul,
#localnav li{
	margin:0;
	padding:0;
	list-style-type:none;
}

/*	リンクの色の設定	*/
#localnav li a{color:#000;text-decoration:none;}
#localnav li a:visited{color:#7600b3;text-decoration:none;}
#localnav li a:hover{color:#d70542;text-decoration:none;}




#localnav li{
	width:100%;
	padding-top:0;
}


#localnav li strong{
	display:block;
	padding-bottom:6px;
	background:url("../../images/localnav/bg_li.gif") 0 100% no-repeat;
}



#localnav ul ul{
	margin:0;
	padding:0 4px;
	border-left:solid 1px #d9d9d9;
	border-right:solid 1px #d9d9d9;
	border-bottom:solid 1px #d9d9d9;
	background:#fff;
}

#localnav li li{
	margin-top:0;
	padding:2px 0 1px 0;
	background:#fff url("../../images/localnav/bg_li_li.gif") 0 0 no-repeat;
}

#localnav li a{
	margin:0;
	display:block;
	padding:8px 6px 8px 6px;
	background:#fff url("../../images/localnav/bg_li_a.gif") 0 100% no-repeat;
}

#localnav li a:hover{
	text-decoration:none;
	background:#faebf0 url("../../images/localnav/bg_li_a_on.gif") 0 100% no-repeat;
}


#localnav li a span{
	display:block;
}

#localnav li strong a{
	display:block;
	margin:0 10px;
	padding:8px 0 8px 15px;
	text-decoration:none;
	background:url("../../images/localnav/arrow_bottom.gif") 1px 0.9em no-repeat;
}
#localnav li strong a:hover{
	background:url("../../images/localnav/arrow_bottom.gif") 1px 0.9em no-repeat !important;
	text-decoration:none;
}

#localnav ul ul li:first-child{
	padding-top:0 !important;
	border-top:#FFF 1px solid !important;
}

#localnav li#secondtop{
	border-width:0 !important;
}
#localnav li#secondtop a{
	padding:0;
}
#localnav li#secondtop li a{
	padding:8px 6px 8px 6px;
}
#localnav li#secondtop ul{
border-top:solid 1px #d9d9d9;
}
#localnav li li{
/*	/width:auto;*/
}

#localnav li li.first{
	padding-top:1px;
	background:none;
}

#localnav li strong.current{
	margin:0 !important;
	padding:0 !important;
	background:none !important;
/*	zoom:1;*/
}
#localnav li strong.current a{
	margin:0 !important;
	display:block !important;
	padding:8px 6px 8px 6px !important;
	text-decoration:none !important;
	color:#d70542 !important;
	background:#faebf0 url("../../images/localnav/bg_li_a_on.gif") 0 100% no-repeat !important;
}
#localnav li strong.current a span{
	background-image:none !important;
}


#localnav li li a.on, #localnav li li a:hover {
    background: url("../../images/localnav/bg_li_a_on.gif") no-repeat scroll 0 100% #faebf0;
    text-decoration: none;
}
#localnav li li a.on {
    color: #d70542;
	font-weight:bold;
}
#localnav li li a.on span{
	background-image:none;
}



/* 新ナビゲーション用 */
#localnav h2{
	border-bottom:solid 1px #d9d9d9;
}
#localnav ul.navRenew{
	margin:0;
	padding:0;
	border:solid 1px #d9d9d9;
	border-width:0 1px 1px 1px;
	background:#fff;
}

#localnav ul.navRenew ul{
	margin:0;
	padding:0;
	border-left:solid 1px #d9d9d9;
	border-right:solid 1px #d9d9d9;
	border-bottom:none;
/*	/border-bottom:solid 1px #d9d9d9;*/
	background:#fff;
}

#localnav ul.navRenew li{
	width:auto;
	margin:0 4px;
	padding:1px 0 0 0;
	border-bottom:#FFF 1px solid;
	border-top:solid 1px #d9d9d9;
}
#localnav ul.navRenew li li{
	background-image:none;
}
#localnav ul.navRenew li.navHead{
	margin:0 -1px;
	padding:0;
	border-bottom:none;
	background-image:none;
	background-color:#ededed;
	border-top:none !important;
}

#localnav ul.navRenew ul li{
	margin:0;
	padding:1px 0 0 0;
}

#localnav ul.navRenew li a{
	margin:0;
	padding:8px 6px 8px 6px;
	background:#fff url("../../images/localnav/bg_li_a.gif") 0 100% no-repeat;
	vertical-align:top;
}

#localnav ul.navRenew li a:hover{
	text-decoration:none;
	background:#faebf0 url("../../images/localnav/bg_li_a_on.gif") 0 100% no-repeat;
}
#localnav ul.navRenew li strong.current{
	margin:0 !important;
	padding:0 !important;
	background:none !important;
/*	zoom:1;*/
}
#localnav ul.navRenew li strong.current a{
	margin:0 !important;
	padding:8px 6px 8px 6px !important;
	text-decoration:none !important;
	color:#d70542 !important;
	background:#faebf0 url("../../images/localnav/bg_li_a_on.gif") 0 100% no-repeat !important;
}
#localnav ul.navRenew li strong.current a span{
	background-image:none !important;
}


#localnav ul.navRenew li a:hover {
    background:#faebf0 url("../../images/localnav/bg_li_a_on.gif") no-repeat 0 100% ;
    text-decoration: none;
}

#localnav ul.navRenew li.navHead strong{
	padding-bottom:6px;
	background:url("../../images/localnav/bg_li.gif") 0 100% no-repeat;
	vertical-align:top;
/*	/display:inline-block;
	/width:100%;*/
}

#localnav ul.navRenew li ul{
}
#localnav ul.navRenew li.navHead li{
	margin:0 4px;
	border-bottom:#FFF 1px solid;
}

#localnav ul.navRenew li.navHead strong a{
	margin:0 10px;
	padding:8px 0 8px 15px;
	text-decoration:none;
	background:url("../../images/localnav/arrow_bottom.gif") 1px 0.9em no-repeat;
}
#localnav ul.navRenew li.navHead strong a:hover{
	background:url("../../images/localnav/arrow_bottom.gif") 1px 0.9em no-repeat;
}

#localnav ul.navRenew li:first-child{
	border-top:none !important;
}
#localnav ul.navRenew li ul li:first-child{
	border-top:#FFF 1px solid !important;
}


#localnav ul.navRenew li a,
#localnav ul.navRenew li span,
#localnav ul.navRenew li strong{
	display:block;
	cursor:pointer;
}
#localnav ul.navRenew li a,
#localnav ul.navRenew li span,
#localnav ul.navRenew li strong{
/*	/zoom:1;*/
	/*/display:inline !important;*/
}
#localnav ul.navRenew li span{
/*	/display:inline;*/
}




/* IE6〜7用 */
#localnav ul li{
/*	/padding-top:expression((this.parentNode.firstChild == this)?'0':'2px');
	/border-top:expression((this.parentNode.firstChild == this)?'#FFF 1px solid':'0');*/
}
#localnav ul.navRenew li{
/*	/padding-top:1px !important;
	/border-top:expression((this.parentNode.firstChild == this)?'none':'#d9d9d9 1px solid');*/
}



/*	2. 関連リンクの設定
--------------------------------------------------------------------------	*/
/*	全体 */
#relatedlinks .title{
	margin:0;
	padding:0;
	color:#000;
}

#relatedlinks .subtitle{
	margin:0;
	padding:0;
	font-weight:normal;
}

#relatedlinks div.section *{
	margin:0;
	padding:0;
}

/*	リンクの色の設定	*/
#relatedlinks a{color:#093475;}
#relatedlinks a:visited{color:#7600b3;}
#relatedlinks a:hover{color:#3374da;}


/* マージンの追加 */
/*	下 (add margin bottom) (050510) */
#relatedlinks .admb{margin-bottom:3px;}
/*	上 (add margin bottom) (050510) */
#relatedlinks .admt{margin-top:3px;}


#relatedlinks ul,
#relatedlinks li{
	margin:0;
	padding:0;
	list-style-type:none;
}

#relatedlinks li{margin-bottom:5px;}

#relatedlinks .boxArea .section .title,
#relatedlinks .boxAreagray .section .title{
	padding:0 5px 10px 5px;
	background:url("../../images/localnav/bg_boxArea_title_line.gif") 0 100% no-repeat;
	margin-bottom:9px;
}

#relatedlinks div.section p{padding-bottom:12px;}
#relatedlinks div.addline p{padding-bottom:2px;}
#relatedlinks p.fleft{
	float:left;
	padding:0 8px 8px 0;
}


/*	上線の追加 (add line top) */
#relatedlinks div.adlt{
		width:100%;
		padding-top:8px;
		background:url("../../images/localnav/line_relatedlinks.gif") no-repeat;
}

#relatedlinks div.section img.icon{
	margin:1px 5px 0 0;
	vertical-align:text-top;
}

#relatedlinks div.section .notice img.icon{
	margin-top:0;
	vertical-align:middle;
}

html>body #relatedlinks div.section .notice img.icon{
	margin-bottom:3px;
}



/*	2.1. ボックス型
--------------------------------------------------	*/
#relatedlinks .boxArea{
	width:223px;	/* ワイド化のため188px→223pxへ（201512） */
	margin:0 0 4px 0;
	padding-top:0;
	background:url("../../images/localnav/bg_boxArea_line.gif") 0 0 no-repeat;
}

#relatedlinks .boxArea .wrap{
	width:223px;	/* ワイド化のため188px→223pxへ（201512） */
	padding-bottom:12px;
	background:url("../../images/localnav/bg_boxArea_bottom.gif") 0 100% no-repeat;
}
#relatedlinks .boxArea .section{
	padding:16px 9px 0 9px;
	background:url("../../images/localnav/bg_boxArea_top.gif") no-repeat;
}




/*	2.2. ボックス型pt02
--------------------------------------------------	*/

#relatedlinks .boxAreapt02{
	width:223px;	/* ワイド化のため188px→223pxへ（201512） */
	margin-bottom:8px;
	padding-top:15px;
	background:url("../../images/common/bg_boxareapt02_top.gif") no-repeat;
}

#relatedlinks .boxAreapt02 .wrap{
	width:223px;	/* ワイド化のため188px→223pxへ（201512） */
	padding-bottom:6px;
	background:url("../../images/common/bg_boxareapt02_bottom.gif") 0 100% no-repeat;
}

#relatedlinks .boxAreapt02 .section{
	padding:0 0 15px 15px;
}

/*	ボーダーの削除	*/
#relatedlinks .boxAreapt02 div.section .title{
	padding-bottom:0px;
	border-bottom:none;
	margin-bottom:0px;
}



/*	2.2.2 ボックス型 背景がグレイのパターン
--------------------------------------------------	*/
#relatedlinks .boxAreagray{
	width:223px;	/* ワイド化のため188px→223pxへ（201512） */
	margin:0 0 4px 0;
	background:url("../../images/localnav/bg_boxAreagray_line.gif") 0 0 no-repeat;
}

#relatedlinks .boxAreagray .wrap{
	width:223px;	/* ワイド化のため188px→223pxへ（201512） */
	padding-bottom:12px;
	background:url("../../images/localnav/bg_boxAreagray_bottom.gif") 0 100% no-repeat;
}
#relatedlinks .boxAreagray .section{
	padding:16px 9px 3px 9px;
	background:url("../../images/localnav/bg_boxAreagray_top.gif") no-repeat;
}


#relatedlinks .boxAreagray dl{margin:0;}
#relatedlinks .boxAreagray dt{display:block;}
#relatedlinks .boxAreagray dd{
	display:block;
	margin:0 0 5px;
}
html>body #relatedlinks .boxAreagray p{margin-bottom:0;}





/*	2.3. 背景がグレイのパターン
--------------------------------------------------	*/
#relatedlinks .grayArea{
	margin-bottom:8px;
	padding:5px 4px;
	border-top:2px solid #000;
	background:#f2f2f2;
}
#relatedlinks .grayArea .title{margin-bottom:5px;}
#relatedlinks .grayArea .subtitle{margin-bottom:2px;}

 /*	（050608追加）	*/
#relatedlinks .grayArea p{margin:0 0 4px;}


/*	2.4. 枠無し背景無しのパターン(050606追加)
--------------------------------------------------	*/
#relatedlinks .normalArea{
	margin:0 5px 8px;
}

#relatedlinks .normalArea p,
#relatedlinks .normalArea ul{
	margin:0 0 8px;
	padding:0;
}

/*	左マージンの削除（バナー用　050607追加）	*/
#relatedlinks .normalArea .bnr {
 margin-left: -5px;
}



/*	2.5. formのボタンの設定
--------------------------------------------------	*/
#relatedlinks .btn{
	background:#d5dedd;
	border-top:1px solid #d5dedd;
	border-right:1px solid #92999a;
	border-bottom:1px solid #616566;
	border-left:1px solid #d5dedd;
}