@charset "iso-8859-1";

/*

information{
	File name : /english/css/index/common.css;
	About this file : This file is imported only at top page.;
	Site name : NTT DOCOMO Web Site;
	URL : www.nttdocomo.co.jp/;
	Copyright : (c) NTT DOCOMO, INC. All Rights Reserved.;
}

 */





 
/* 1. 
---------------------------------------------------------------- */
#mainwrap a{color:#2757a1;}
#mainwrap a:visited{color:#7600b3;}
#mainwrap a:hover{color:#d70542;}



/* 2. 
---------------------------------------------------------------- */

/* 2.1
-----------------------------------------------	*/

.emergencywrap{
	margin:0 auto;
	text-align:center;
}

.emergency{
	margin:15px 18px 1px 18px;
	padding:6px;
	text-align:left;
	background-color:#dee0df;
}

.emergency p{
	margin:0;
	padding:2px 6px 2px 6px;
	border-top:solid 1px #bfbfbf;
	border-left:solid 1px #bfbfbf;
	background-color:#fff;
}

.emergency .accident_newsArea{
	margin:0px;
	padding:2px 6px 2px 6px;
	background-color:#fff;
	border-top:solid 1px #bfbfbf;
	border-left:solid 1px #bfbfbf;
}

.accident{
	margin:15px 18px 15px 18px;
	padding:6px;
	text-align:left;
	background-color:#cc0000;
}

.accident .accident_newsArea{
	margin:0px;
	padding:2px 6px 2px 6px;
	background-color:#fff;
	border-top:solid 1px #990000;
	border-left:solid 1px #990000;
}


.accident_newsArea ul{
	margin:0px !important;
	padding:0px !important;
	list-style:none;
}

.emergencyTxt{
	width:143px;
	display:block;
	float:left;
}


.accident_infoArea{
	width:698px;
	display:block;
	float:right;
}

.emergencyTxt_disaster{
	width:349px;
	display:block;
	float:left;
}


.accident_infoArea_disaster{
	width:492px;
	display:block;
	float:right;
}


#topcol{
	width:875px;
	margin:15px 0 15px 18px;
}

#topcol .wrap{
	overflow:hidden;
	height:324px;
	padding:0;
}

#topcol .leftcol{
	float:left;
	width:684px;
}

#topcol .rightcol{
	float:right;
	width:188px;
}


#topcol *{
	margin:0;
	padding:0;
}

.prcol{width:188px;}


#topcol .prcol .admt{
	margin-top:3px;
}


/*	3.1
-----------------------------------------------	*/
#snav{
	clear:both;
	position:relative;
	width:732px;
	height:64px;
	background:url("/english/images/index/bg_sn.gif") repeat-y;
}

#snav *{
	margin:0;
	padding:0;
}

#snav li{
	list-style:none;
	display:inline;
}

#snav li a{
	display:block;
	position:absolute;
	top:8px;
	width:177px;
	height:52px;
	text-indent:-9999px;
}
#snav li a:hover{text-decoration:none;}
#sn-imode a{left:9px;background:url("/english/images/index/btn_sn.gif") 0 0 no-repeat;}
#sn-app a{left:188px;background:url("/english/images/index/btn_sn.gif") -179px 0 no-repeat;}
#sn-discount a{left:367px;background:url("/english/images/index/btn_sn.gif") -358px 0 no-repeat;}
#sn-network a{left:546px;background:url("/english/images/index/btn_sn.gif") -537px 0 no-repeat;}



/*	3.2
-----------------------------------------------	*/

/*	3.2.1	*/
#midcol{
	clear:both;
	width:875px;
	margin-left:18px;
}
html>body #midcol{float:left;}


.titleSectionmid{
	height:32px;
	background:#fff url("/english/images/index/bg_title_h2_long.gif") 0 0 no-repeat;
}

.titleSectionmid h2{
	margin:0;
	padding:7px 0 6px 11px;
	display:block;
	float:left;
}

html>body .titleSectionmid h2{
	padding-bottom:2px;
}

#midcol .wrap{
	width:875px;
	padding-bottom:3px;
	background:url("/english/images/index/bg_midcol.gif") 0 100% no-repeat;
}

/*	3.3
-----------------------------------------------	*/
/*	3.3.1	*/
#midcol .left{
	float:left;
	width:291px;
}
#midcol .center{
	float:left;
	width:292px;
}
#midcol .right{
	float:left;
	width:291px;
}

#midcol .section *{
	margin:0;
	padding:0;
}

#midcol .section{
	padding-left:1px;
}
/*	3.3.2	*/
#midcol .section .title{
	margin-bottom:5px;
}
#midcol .left ul,
#midcol .center ul,
#midcol .right ul{
	padding-top:5px;
	padding-left:10px;
}

#midcol li{
	margin-bottom:9px !important;
	list-style:none;
	line-height:0.5em;
}

* html #midcol li{
	margin-bottom:5px !important;
}



/* 4. 
---------------------------------------------------------------- */

#bottomcol{
	clear:both;
	margin:0 0 0 18px;
	padding-top:15px;
	width:875px;
}

#bottomcol table.contents{
	width:875px;
}
#bottomcol .contents td.left{
	width:684px;

}
#bottomcol .contents td.right{
	width:188px;
	padding-left:3px;
}

html>body #bottomcol .contents td.right{width:191px;}

#maincol{
	width:681px !important;
}

.titleSection{
	height:32px;
	width:681px;
	background:#fff url("/english/images/index/bg_title_h2.gif") 0 0 no-repeat;
}
.titleSection h3{
	width:425px;
	margin:0;
	padding:7px 0 6px 11px;
	display:block;
	float:left;
}

html>body .titleSection h3{
	padding-bottom:2px;
}

.titleSection p{
	width:225px;
	margin:0;
	padding:7px 12px 6px 0;
	display:block;
	float:right;
	text-align:right;
}

html>body .titleSection p{
	padding-bottom:2px;
}

.topics.admt{
	padding-top:8px;
}




#bottomcol .left .title{
	/*\*//*/
		clear:none !important;
	/**/
	width:684px;
	padding-bottom:3px;
	border-bottom:2px solid #00bcf0;
}
#bottomcol .left .title *{
	margin:0;
	padding:0;
}
#bottomcol .left .title .left{
	float:left;
	width:70px;
}
#bottomcol .left .title img.icon{
	margin-right:10px;
	vertical-align:baseline;
}


#bottomcol .left .subtitle{
	/*\*//*/
		clear:none !important;
	/**/
	width:684px;
	background:#e6ebee;
}

#bottomcol .left .subtitle *{
	float:left;
	margin:0;
	padding:0;
}
#bottomcol .left .subtitle .left{
	margin-right:10px;
	padding:5px;
	color:#002566;
}
#bottomcol .left .subtitle p{
	margin-top:5px;
}




ul.newsArea,
ul.newsArea li{
	list-style-type:none;
	margin:0;
	padding:0;
	background:none;
}


ul.newsArea{
	width:681px;
	padding:4px 0;
}

ul.newsArea li{
	clear:both;
	float:left;
	width:681px;
	margin:2px 0 !important;
}
html>body ul.newsArea li{float:none;}



ul.newsArea .date{
	display:block;
	float:left;
	width:95px;
	/*\*//*/
	width:100px;
	/**/
}

ul.newsArea .infoArea{
	display:block;
	float:right;
	width:575px;
	/*\*//*/
	width:570px;
	/**/
}

ul.newsArea .info{
	display:block;
	float:right;
	width:559px;
	/*\*//*/
	width:554px;
	/**/
}


ul.newsArea2,
ul.newsArea2 li{
	list-style-type:none;
	margin:0;
	padding:0;
}


ul.newsArea2{
	width:681px;
	padding:4px 0;
}

ul.newsArea2 li{
	clear:both;
	float:left;
	width:681px;
	margin:2px 0 !important;
}
html>body ul.newsArea2 li{float:none;}

.onewsArea ul{
	margin:0;
	padding-bottom:3px;
}

html>body .onewsArea ul.fleft li{background-position:0 5px !important;}

.bgYellow{
	margin:10px 0 0;
	padding:6px 5px 5px 5px;
	background:#ffffdc;
}


.onewsArea .bgYellow ul li{
	width: auto;
	padding-bottom:2px;
}
.onewsArea .bgYellow ul li.b01{
	padding-right:5px;
}
.onewsArea .bgYellow ul li.b01,
.onewsArea .bgYellow ul li.b02{
	float: left;
}
.onewsArea .bgYellow ul li.b03{
	clear: both;
}

/*\*/
* html .onewsArea .bgYellow ul li{height:1.8em;}
* html .onewsArea .bgYellow ul li img{
margin-top:0.2em;
margin-bottom:0.2em;
vertical-align:middle;
}
/**/



/*	4.1
-----------------------------------------------	*/
#bottomcol-right{
	font-size:75%;
	padding-top:7px;
	padding-right:7px;
	padding-left:7px;
	padding-bottom:60px;
	background:url("/english/images/index/bg_bottomcol_right.gif") 0 100% no-repeat #eeeeee;
}

#bottomcol-right ul,
#bottomcol-right li{
	margin:0;
	padding:0;
	list-style:none;
}
#bottomcol-right ul{margin-bottom:4px;}

#bottomcol-right a{
	line-height:1.3em;
}
/*
#bottomcol-right li a{color:#0041b3;}
#bottomcol-right li a:visited{color:#7600b3;}
#bottomcol-right li a:hover{color:#0058f2;}
*/

#bottomcol-right .coArea{
	width:174px;
	margin-bottom:8px;
	border-top:1px solid #d0d0d0;
	background:url("/english/images/index/coarea_bg.gif") 0 100% no-repeat;
}

#bottomcol-right .coArea ul{
	width:158px;
	margin-left:8px;
	margin-top:8px;
	margin-bottom:0;
	padding-bottom:4px;
}

#bottomcol-right .coArea li{
	margin-bottom:8px;
}




#bnrcol p{
	margin-bottom:10px;
}


/* 5. Disaster Message Board 070320
---------------------------------------------------------------- */

#topcol .btyt{
 padding:5px 5px 2px 8px;
 background:url("/english/images/index/bg_topcol_yellow.gif") repeat-y;
}

#topcol .btyb{
 margin:-5px 0 0 0;
 padding:7px 5px 2px 8px;
 background:url("/english/images/index/bg_topcol_yellow.gif") repeat-y;
}
html > body #topcol .btyb{
 padding:5px 5px 2px 8px;
}

#topcol .tcmb{
margin:0px 0px 5px 0px;
}

.bgYellow ul{
	padding-left:0 !important;
}



/* 6. Emergency 110415
---------------------------------------------------------------- */

#topcol .admb{
	margin-bottom:15px !important;
}