@charset "iso-8859-1";

/*

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

 */







/*	1. 
--------------------------------------------------------------------------	*/
#topcol ul.iconArea li img{
	margin:0 0 1px;
}



/*	2. 
--------------------------------------------------------------------------	*/
.productsnav{
	padding-bottom:16px;
}

.productsnav p{
	margin:0;
	padding:0;
}
.productsnav img{vertical-align:bottom;}
.productsnav .subnav{background:#d9d9d9 url("/product/images/common/bg_productsnav.gif") no-repeat;}
.productsnav .subnav p{float:right;}


/* for product top 060920 */
.productsnav .bottomnav{width:672px; background:#d9d9d9 url("/product/images/common/bg_productsnav02.gif") no-repeat;}
.productsnav .bottomnav p{float:right;}

/* for product top 081215 */
.productsnav .bottomnav02{width:672px; background:#f4dfe3 url("/product/images/common/bg_productsnav02_2.gif") no-repeat;}
.productsnav .bottomnav02 p{float:right;}

/* for product 081215追加 */
.productsnav .subnav02{width:672px; background:#f4dfe3 url("/product/images/common/bg_productsnav_2.gif") no-repeat;}
.productsnav .subnav02 p{float:right;}


/*	3. 
--------------------------------------------------------------------------	*/
#maincol .boxArea table.squareArea .wrap{
	width:auto ;
	padding-bottom:0;
	background:none;
}

#maincol .boxArea table.squareArea .section{
	padding:0;
	border-left:none;
	border-right:none;
}

table.squareArea{
	width:648px !important;
}

table.squareArea td{
	width:24%;
	border:1px solid #d9d9d9 ;
}
table.squareArea td.dell{
	border:none;
}

div.squareArea{padding:2px;}

div.squareArea div.left{
	float:left;
	width:75px;
	margin:0;
	padding:5px 0;	
}

/*\*//*/
div.squareArea .clear{clear:none !important;}
/**/


div.squareArea div.right{
	/*	\*/float:left;/* */
	width:95px;
	margin:0;
	padding: 5px 0;
}

div.squareArea p{
	margin:0 0 2px !important;
	padding-bottom:10px !important;
}


table.squareArea .type{
	padding-bottom:4px !important;
	text-align:right;
}

table.squareArea .seasonicon{
	padding-bottom: 2px !important;
}


table.squareArea .date{
	padding-bottom:0 !important;
}

table.squareArea ul.normal li,
table.squareArea li.normal{
	margin-bottom:0;
}


div.squareArea .titlept02{
	margin: 0;
	padding:5px 5px 5px 13px;
	color: #3f3f3f;
	background:url("../../images/common/bg_boxcell4_h3.gif") 0 100% no-repeat;
}

div.squareArea .label{
	font-weight:normal;
	margin:0;
}



/* product list 070516 */


div.squareArea .titlept03{
	padding: 8px 0 0 5px;
}

div.squareArea .titlept03 .title{
	margin: 0;
	padding: 0 0 0 13px;
}


div.squareArea .titlept03 .bluept01{
	background:url("../../images/mark/blet_titlept03_bluept01.gif") 0 0 no-repeat;
}

div.squareArea .titlept03 .title{
	line-height:1em;
}


div .boxAjust .titlept01{
	margin-bottom:0;
	padding-bottom:0;
}


div .boxAjust .titlept02{
	margin-top:9px;
}


/*  2 Column design 081105------------------------- */

table.squareArea2col{
	width:643px;
	margin:0px 0px 0px 5px !important;
}

table.squareArea2col .default{
	width:314px;
	background:url("../../product/images/common/bg_boxcell_off.gif") 0 0% no-repeat #fcfcfc;
	padding:0px 0px 0px 0px !important;
	margin:0px 0px 0px 0px !important;
}


/*  cip image shitawaku */
table.squareArea2col .default .list-btm{
	background:url("../../product/images/common/bg_list_btm_off.gif") 0 0% no-repeat #ffffff;
	height:4px;
	margin:0px 0px 0px 0px !important;
	padding:0px 0px 8px 0px !important;
}


table.squareArea2col td.dell{
	background::none;

}


/*  product title */
table.squareArea2col .default .titlept02{
	margin: 0 !important;
	width:137px;
	padding:2px 5px 4px 5px;
	background:url("../../product/images/common/bg_boxcell_h3_off.gif") 0 100% no-repeat;
	height:auto;

}

/*  tanmatsu cip image */
table.squareArea2col .list-image{
	padding:8px 0px 4px 8px !important;
	margin:0px !important;
}

/*  cip image migi text */
table.squareArea2col .list-txt{
	margin: 0px !important;
	width:137px;
	padding:8px 0px 4px 8px;
}

/*  color cip image */
table.squareArea2col .color{
	margin: 0 !important;
	padding:8px 0px 6px 5px !important;
}

table.squareArea2col .seasonicon{
	padding-bottom: 3px !important;
}

table.squareArea2col p.txt{
	margin: 0 !important;
	padding:0 !important;
}


/*	 (add line top) ）*/
#maincol .boxArea table.squareArea2col .adlt{
	width:137px;
	padding-top:8px;
	background:url("../../product/images/common/line_col.gif") repeat-x;
}

/*  hatubai tyushi（bg blue）  */
table.squareArea2col .stop-date{
	margin: 0px 0px 4px 8px !important;
	padding:2px 0px 2px 1px !important;
	width:137px;
	background: url("../../product/images/common/bg_data_blue.gif") 0 0% no-repeat #0098cc;
	text-align:center;
	font-weight:bold;
	color: #ffffff;
}

/*  hatubaityu（bg red）  */
table.squareArea2col .date{
	margin: 0px 0px 4px 8px !important;
	padding:2px 0px 2px 1px !important;
	width:137px;
	background: url("../../product/images/common/bg_date_red.gif") 0 0% no-repeat #cc0033;
	text-align:center;
	font-weight:bold;
	color: #ffffff;
}

/*  rerease（bg gray） */
table.squareArea2col .m-date{
	margin: 0px 0px 4px 8px !important;
	padding:2px 0px 2px 1px !important;
	width:137px;
	background: url("../../product/images/common/bg_date_gray.gif") 0 0% no-repeat #797979;
	text-align:center;
	font-weight:bold;
	color: #ffffff;
}

/*  kaihatu rerease hatubai yotei（bg gold） */
table.squareArea2col .md-date{
	margin: 0px 0px 4px 8px !important;
	padding:2px 0px 2px 1px !important;
	width:137px;
	background: url("../../product/images/common/bg_date_gold.gif") 0 0% no-repeat #a6a671;
	text-align:center;
	font-weight:bold;
	color: #ffffff;
}


table.squareArea2col .date-btm{
	vertical-align:bottom;
}


div.squareArea2col{padding:0px;}


/*  mouse over  081105------------------------- */

table.squareArea2col .selected{
	width:314px;
	background:url("../../product/images/common/bg_boxcell_on.gif") 0 0% no-repeat #fffbfc;
	padding:0px;
	margin:0px;
}


/*  cip image shitawaku */
table.squareArea2col .selected .list-btm{
	background:url("../../product/images/common/bg_list_btm_on.gif") 0 0% no-repeat #ffffff;
	height:4px;
	padding: 0px 0px 8px 0px !important;
	margin: 0px !important;
}


/*  product title */
table.squareArea2col  .selected .titlept02{
	margin: 0 !important;
	width:137px;
	padding:2px 5px 4px 5px;
	background:url("../../product/images/common/bg_boxcell_h3_on.gif") 0 100% no-repeat;
	height:auto;

}
/*  /mouse over  081105------------------------- */
/*  /2 Column design 081105------------------------- */