@charset "shift_jis";


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 *
 *	file name : common.css
 *
 * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ==================================================================
 *	
 *  Font Size Adjustment
 *	
 *	77%		= 10px	|	123.1%	= 16px	|	167% = 22px	
 *	85%		= 11px	|	131%	= 17px	|	174% = 23px
 *	93%		= 12px	|	138.5%	= 18px	|	182% = 24px
 *	100%	= 13px	|	146.5%	= 19px	|	189% = 25px
 *	108%	= 14px	|	153.9%	= 20px	|	197% = 26px
 *	116% 	= 15px	|	161.6%	= 21px	|
 *
 * ================================================================== */
 
/* ==================================================================
 *  base
 * ================================================================== */
body {
	background-color: #fff;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	color: #333333;
}

/* ==================================================================
 *  #header
 * ================================================================== */
/* IE6の場合のみ2段表示に */

#header {width:100%; height:115px; background-color:#ffffff; border-bottom:1px solid #cccccc; /*ie6*/_height:261px;}
#headerBody { position:relative; width:960px; margin:0 auto; z-index:200; }
#headerBody #logo { position:absolute; top:13px; left:8px; }
#headerBody #logo a { display:block; width:102px; height:0; padding-top:16px; background:url(../images_global/logo.gif) 0 0 no-repeat; overflow:hidden; }
#headerBody #siteTitle { position:absolute; top:42px; left:9px; display:none;}
#headerBody #siteTitle a { display:block; width:164px; height:0; padding-top:50px; background:url(../images_global/site-title.jpg) 0 0 no-repeat; overflow:hidden; }
/* #nav */
#headerBody #nav { position:absolute; top:61px; left:10px; }

/* clearfix */
#headerBody #nav ul:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#headerBody #nav ul			{ display:inline-block; }
* html #headerBody #nav ul	{ height:1%; }
#headerBody #nav ul			{ display:block; }
/* End clearfix */

#headerBody #nav ul li 					{ float:left; height:54px; background:url(../images_global/nav.png) 0 0px no-repeat; }
#headerBody #nav ul li a				{ display:block; height:54px; padding-top:0px; background:url(../images_global/nav.png) 0 0 no-repeat; overflow:hidden; text-indent:-9000px;}
#headerBody #nav ul li.product			{ width:190px; background-position:0 -54px; }
#headerBody #nav ul li.support			{ width:188px; background-position:-190px -54px; }
#headerBody #nav ul li.campaign			{ width:187px; background-position:-378px -54px; }
#headerBody #nav ul li.appli			{ width:187px; background-position:-565px -54px; }
#headerBody #nav ul li.accessories		{ width:188px; background-position:-752px -54px; }

#headerBody #nav ul li.product a		{ width:190px; background-position:0 0; }
#headerBody #nav ul li.support a		{ width:188px; background-position:-190px 0; }
#headerBody #nav ul li.campaign a		{ width:187px; background-position:-378px 0; }
#headerBody #nav ul li.appli a			{ width:187px; background-position:-565px 0; }
#headerBody #nav ul li.accessories a	{ width:188px; background-position:-752px 0; }

#headerBody #nav ul li a:hover			{ opacity:0; filter:alpha(opacity=0); }

body#docomo #nav ul li.product > a,
body#softbank #nav ul li.product > a,
body#au #nav ul li.product > a,
body#willcom #nav ul li.product > a,
body#other #nav ul li.product > a				{ background-position:0 -108px; opacity:1; filter:alpha(opacity=100); }
body#support #nav ul li.support a,
body#support #nav ul li.support a:hover			{ background-position:-190px -108px; opacity:1; filter:alpha(opacity=100); }
body#campaign #nav ul li.campaign a,
body#campaign #nav ul li.campaign a:hover		{ background-position:-378px -108px; opacity:1; filter:alpha(opacity=100); }
body#appli #nav ul li.appli a,
body#appli #nav ul li.appli a:hover				{ background-position:-565px -108px; opacity:1; filter:alpha(opacity=100); }
body#accessories #nav ul li.accessories a,
body#accessories #nav ul li.accessories a:hover	{ background-position:-752px -108px; opacity:1; filter:alpha(opacity=100); }

/* 製品一覧のプルダウンメニュー*/
#headerBody #nav ul.nav_list 				{ display:block; z-index:2000; position: absolute;top:54px; left:0px; width:940px; height:107px;overflow:hidden;}
#headerBody #nav ul.nav_list li 			{ float:left; background:url(../images_global/nav_list.png) 0 0 no-repeat;  height:107px;}
#headerBody #nav ul.nav_list li a			{ display:block;height:107px; background:url(../images_global/nav_list.png) 0 0 no-repeat; }

#headerBody #nav ul.nav_list li.docomo	 	{width:158px; background-position:0px -107px;}
#headerBody #nav ul.nav_list li.softbank 	{width:156px; background-position:-158px -107px;}
#headerBody #nav ul.nav_list li.au			{width:157px; background-position:-314px -107px;}
#headerBody #nav ul.nav_list li.willcom		{width:156px; background-position:-471px -107px;}
#headerBody #nav ul.nav_list li.disney 		{width:156px; background-position:-627px -107px;}
#headerBody #nav ul.nav_list li.other		{width:157px; background-position:-783px -107px;}

#headerBody #nav ul.nav_list li.docomo a	{width:158px; background-position:0px 0px;}
#headerBody #nav ul.nav_list li.softbank a 	{width:156px; background-position:-158px 0px;}
#headerBody #nav ul.nav_list li.au a		{width:157px; background-position:-314px 0px;}
#headerBody #nav ul.nav_list li.willcom a 	{width:156px; background-position:-471px 0px;}
#headerBody #nav ul.nav_list li.disney a	{width:156px; background-position:-627px 0px;}
#headerBody #nav ul.nav_list li.other a		{width:157px; background-position:-783px 0px;}

#headerBody ul.links { position:absolute; top:15px; left:643px; }
#headerBody ul.links li.products a { display:block; width:89px; height:0; padding-top:12px; background:url(../images_global/link_products.gif) 0 0 no-repeat; overflow:hidden; font-size:0; line-height:0; text-indent:-9000px; }
#headerBody ul.links li.products a:hover { background-position:0 100%; }
#headerBody div#search { position:absolute; top:11px; left:750px; }
#headerBody div#search dl { position:relative; width:200px; }

#headerBody div#search #MF_form_phrase {
	width:144px; height:20px; padding:0 3px; border:1px solid #444444; background-color:#cccccc; border:none; outline:none; color:#000;
	box-shadow:inset 0 0 1px 0 #000; -webkit-box-shadow:inset 0 0 1px 0 #000; -moz-box-shadow:inset 0 0 1px 0 #000; }
#headerBody div#search dd { position:absolute; top:0; right:0; }

/* ==================================================================
 *  #content
 * ================================================================== */
#content { position:relative; width:100%; font-size:108%; }
#contentHeader { position:relative; width:100%; font-size:108%;}   /*#*/

/* ---------------------------------- *
   #breadcrumbs
*/
#breadcrumbs { position:relative; width:940px; margin:0 auto; z-index:100; }
#breadcrumbs ol { position:absolute; top:13px; left:0; font-size:93%; color:#666; }
/* clearfix */
#breadcrumbs ol:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#breadcrumbs ol			{ display:inline-block; }
* html #breadcrumbs ol	{ height:1%; }
#breadcrumbs ol			{ display:block; }
/* End clearfix */
#breadcrumbs ol li		{ float:left; margin-right:10px; }
#breadcrumbs ol li a	{ padding-right:13px; background:url(../images_global/ico_arrow_breadcrumbs.gif) 100% 50% no-repeat; }
#breadcrumbs .super 	{vertical-align: baseline;position: relative;top: -1ex;}

/* ------------------------------------------------------------------ *
   #contentBody
*/
#contentBody { position:relative; width:940px; margin:0 auto; }



/* ==================================================================
 *  #footer
 * ================================================================== */
#footer {width:100%;margin-top:40px;background-color:#d9d9d9 }
#footerBody { position:relative; width:960px; height:75px; margin:0 auto;background-color:#d9d9d9;}
#footerBody #siteInfo { position:absolute; top:11px; left:0; font-size:0; line-height:0; }
#footerBody #siteInfo li.site_policy a { display:block; width:75px; height:0; padding-top:10px; background:url(../images_global/link_site-policy.gif) 0 0 no-repeat; overflow:hidden; text-indent:-9000px; }
#footerBody #siteInfo li.site_policy a:hover { background-position:0 100%; }
#footerBody #copyright { position:absolute; top:14px; right:0; }
#footerBody #copyright a { display:block; width:158px; height:0; padding-top:9px; background:url(../images_global/copyright.gif) 0 0 no-repeat; overflow:hidden; }

/* ------------------------------------------------------------------ *
   #footerShare
*/
#footerShare { position:relative; left:0; bottom:0; width:100%; height:59px; border-top:solid #FFF 1px; background-color:#e9e9e9; background-image:url(../images_global/line_solid_w_x.gif);background-repeat: repeat-x; background-position:bottom; }
#footerShare ul { width:960px; margin:0 auto; padding-top:17px; }
/* clearfix */
#footerShare ul:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#footerShare ul			{ display:inline-block; }
* html #footerShare ul	{ height:1%; }
#footerShare ul			{ display:block; }
/* End clearfix */
#footerShare ul li { float:left; }
#footerShare ul li.twitter { }
#footerShare ul li.facebook { }

/* ------------------------------------------------------------------ *
   #footerSitemap
*/
#footerSitemap {position:relative; left:0; bottom:0; width:100%; border-bottom:1px solid #cccccc; background-color:#e9e9e9; overflow:hidden;	 background-image:url(../images_global/line_solid_w_x.gif);background-repeat: repeat-x; border-bottom:solid #d2d2d2 1px}
#footerSitemap .sitemap{width:960px; margin:0 auto; padding-top:10px; padding-bottom:30px;}
#footerSitemap .column {float:left;margin-top:20px; margin-bottom:30px; padding:0px 15px 20px 15px; background-image:url(../images_global/line_solid_w_y.gif);background-repeat: repeat-y;}
#footerSitemap .product {margin-left:30px; background-image:none;width:240px;}
#footerSitemap .support {width:215px;}
#footerSitemap .special {width:165px;}
#footerSitemap .other {width:160px;}
#footerSitemap ul{ }
#footerSitemap h3{ font-weight:bold; padding-top:15px; padding-bottom:10px; color:#444}
#footerSitemap li{background:url(../images_global/ico_arrow_sitemap.gif) 0 0 no-repeat; padding-left:17px; margin-bottom:3px}
#footerSitemap li a:link		{ color:#3e60ce; text-decoration:underline; }
#footerSitemap li a:active		{ color:#3e60ce; text-decoration:underline; }
#footerSitemap li a:visited		{ color:#3e60ce; text-decoration:underline; }
#footerSitemap li a:hover		{ color:#7c9bff; text-decoration:none; }