@charset "iso-8859-1";

/*

information{
	File name : /english/css/common/localnav.css;
	About this file : This file defines Local Navigation.;
	Site name : NTT DOCOMO Web Site;
	URL : www.nttdocomo.co.jp/;
	Copyright : (c) NTT DOCOMO, INC. All Rights Reserved.;
}

 */







/* 1.
--------------------------------------------------------------------------	*/
#localnav{
	width:188px;
	margin-bottom:8px;
	padding:2px;
	border:solid 2px #e8e8e8;
	background:#ededed;
}

html>body #localnav{
	width:180px;
	/*\*//*/
	width:188px;
	/* */
}

#localnav #secondtop 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 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.close{background:url("../../images/localnav/arrow_right.gif") 0 0.4em no-repeat;}
#localnav li strong a:hover{text-decoration:none;}


#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 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 li a.on,
#localnav li li a:hover{
	text-decoration:none;
	background:#faebf0 url("../../images/localnav/bg_li_a_on.gif") 0 100% no-repeat;
}

#localnav li li a.on{color:#d70542;}

#localnav li li a span{
	display:block;
	padding:0 0 0 15px;
	background:url("../../images/localnav/arrow_li_li_a.gif") 0 0.3em no-repeat;
}

#localnav li#secondtop ul{
border-top:solid 1px #d9d9d9;
}

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




/*	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:#2757a1;}
#relatedlinks a:visited{color:#7600b3;}
#relatedlinks a:hover{color:#d70542;}


#relatedlinks .admb{margin-bottom:3px;}

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

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


/*	2.1.
--------------------------------------------------	*/
#relatedlinks .boxArea{
	width:188px;
	margin:0 0 4px 0;
	padding-top:0;
	background:url("../../images/localnav/bg_boxArea_line.gif") 0 0 no-repeat;
}

#relatedlinks .boxArea .wrap{
	width:188px;
	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.
--------------------------------------------------	*/

#relatedlinks .boxAreapt02{
	width:188px;
	margin-bottom:8px;
	padding-top:15px;
	background:url("../../images/common/bg_boxareapt02_top.gif") no-repeat;
}

#relatedlinks .boxAreapt02 .wrap{
	width:188px;
	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:188px;
	margin:0 0 4px 0;
	background:url("../../images/localnav/bg_boxAreagray_line.gif") 0 0 no-repeat;
}

#relatedlinks .boxAreagray .wrap{
	width:188px;
	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;}

#relatedlinks .grayArea p{margin:0 0 4px;}


/*	2.4.
--------------------------------------------------	*/
#relatedlinks .blueArea{
	margin-bottom:8px;
	padding:5px 4px;
	border-top:2px solid #002566;
	background:#f3fcff;
}
#relatedlinks .blueArea .title{margin-bottom:5px;}

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



/*	2.5.
--------------------------------------------------	*/
#relatedlinks .normalArea{
	margin:0 5px 8px;
}

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

#relatedlinks .normalArea .bnr {
 margin-left: -5px;
}