@charset "utf-8";
/* CSS Document */
/* ================================================================================
layout
================================================================================ */

body { background-color: #E3DCD2; _padding-left: 1px;}

#wrapper {
	width: 980px;
	/* widthmargin: 0 auto; */
	margin:0px auto;
}
/* ==========header========== */
/* Top two menus */
#header_menu { height: 30px; margin: 0; padding: 0; width: 1000px;}
#header_menu ul { float: right; margin: 0; padding: 0;}
#header_menu li { display:inline; list-style-type:none;}
#header_menu li a {	height: 30px; display:block; float:left; text-indent:-9999em; text-decoration:none; overflow:hidden;}
/*------off*/
#header_menu li.header_menu01 a { background:url(/images/m_mainsite.jpg) no-repeat 0 0; width:173px; margin-right: 5px; height: 30px;}
#header_menu li.header_menu03 a { background:url(/images/m_mainsite_UK.jpg) no-repeat 0 0; width:173px; margin-right: 5px; height: 30px;}
#header_menu li.header_menu02 a { background:url(/images/m_contact.jpg) no-repeat 0 0; width: 76px; margin-right: 25px;	height: 30px;}
/*------hover*/
#header_menu li.header_menu01 a:hover { background:url(/images/m_mainsite_over.jpg) no-repeat 0 0;}
#header_menu li.header_menu03 a:hover { background:url(/images/m_mainsite_UK_over.jpg) no-repeat 0 0;}
#header_menu li.header_menu02 a:hover {	background:url(/images/m_contact_over.jpg) no-repeat 0 0;}


/* header */
#header { background: #FFF; padding: 0 10px 0 10px; margin-top: 0; width: 980px;}
	
/* Logo */
#logoBox { width: 700px;}
#logo { float: left; width: auto; padding: 10px 0 0 0;}
#logo img { margin: 0 3px 0 14px; vertical-align: bottom;}
#logo strong { color: #F90 !important; padding: 23px 0 0 10px; margin-bottom: 0; line-height: 1; float: left;}
#logo strong.sub_UK { color: #505ec6 !important; padding: 23px 0 0 10px; margin-bottom: 0; line-height: 1; float: left;}

#logo .logo_imgMyHanaCell a, #logo .logo_imgMyHanaCell_UK a { text-indent: -9999px;}
#logo .logo_imgMyHanaCell a:link, #logo .logo_imgMyHanaCell a:visited, #logo .logo_imgMyHanaCell a:hover, #logo .logo_imgMyHanaCell a:active { float: left; display: block; width: 290px; height: 48px; background: url(/images/logo.jpg) 0 0 no-repeat;}


#logo .logo_imgMyHanaCell_UK a:link, #logo .logo_imgMyHanaCell_UK a:visited, #logo .logo_imgMyHanaCell_UK a:hover, #logo .logo_imgMyHanaCell_UK a:active { float: left; display: block; width: 410px; height: 50px; background: url(/images/logo_UK.jpg) 0 0 no-repeat;}

/* navi Box */
/* #naviBox was position fixed because of ClearFix */
#naviBox { width: auto; text-align: right; padding: 0; position: absolute; top: 15px; left: 860px; vertical-align: bottom;}
#naviBox img { vertical-align: bottom;}


/* ================================================================================
Global Navi
================================================================================ */
ul#pulldown-menu { margin: 0 0 0 20px !important; padding: 0 !important;}

ul#pulldown-menu a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu a:link,
ul#pulldown-menu a:visited { background:url(/images/bg_gnavi.jpg) no-repeat 0 0;}
ul#pulldown-menu a:hover,
ul#pulldown-menu a:active { background: #FFB74B;}

ul#pulldown-menu li#pulldown-menu-myhanacell a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu li#pulldown-menu-myhanacell a:link,
ul#pulldown-menu li#pulldown-menu-myhanacell a:visited { background:url(/images/bg_gnaviO.jpg) no-repeat 0 0;}
ul#pulldown-menu li#pulldown-menu-myhanacell a:hover,
ul#pulldown-menu li#pulldown-menu-myhanacell a:active { background: #FFD291;}

ul#pulldown-menu li#pulldown-menu-mynippon a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu li#pulldown-menu-mynippon a:link,
ul#pulldown-menu li#pulldown-menu-mynippon a:visited { background:url(/images/bg_gnaviP.jpg) no-repeat 0 0;}
ul#pulldown-menu li#pulldown-menu-mynippon a:hover,
ul#pulldown-menu li#pulldown-menu-mynippon a:active { background: #F5726B;}

ul#pulldown-menu li#pulldown-menu-myworld a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu li#pulldown-menu-myworld a:link,
ul#pulldown-menu li#pulldown-menu-myworld a:visited { background:url(/images/bg_gnaviB.jpg) no-repeat 0 0;}
ul#pulldown-menu li#pulldown-menu-myworld a:hover,
ul#pulldown-menu li#pulldown-menu-myworld a:active { background: #8FACE1;}

ul#pulldown-menu li#pulldown-menu-myaccount a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu li#pulldown-menu-myaccount a:link,
ul#pulldown-menu li#pulldown-menu-myaccount a:visited { background:url(/images/bg_gnaviG.jpg) no-repeat 0 0;}
ul#pulldown-menu li#pulldown-menu-myaccount a:hover,
ul#pulldown-menu li#pulldown-menu-myaccount a:active { background: #7EC359;}


ul#pulldown-menu ul a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu ul a:link,
ul#pulldown-menu ul a:visited { background: #F90; border: 1px solid #F60;}
ul#pulldown-menu ul a:hover,
ul#pulldown-menu ul a:active { background: #FFB74B;}

ul#pulldown-menu li#pulldown-menu-mynippon ul a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu li#pulldown-menu-mynippon ul a:link,
ul#pulldown-menu li#pulldown-menu-mynippon ul a:visited { background: #EE5B4D; border: 1px solid #E34E35;}
ul#pulldown-menu li#pulldown-menu-mynippon ul a:hover,
ul#pulldown-menu li#pulldown-menu-mynippon ul a:active { background: #F78B86;}

ul#pulldown-menu li#pulldown-menu-myworld ul a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu li#pulldown-menu-myworld ul a:link,
ul#pulldown-menu li#pulldown-menu-myworld ul a:visited { background: #5B98DC; border: 1px solid #3364BB;}
ul#pulldown-menu li#pulldown-menu-myworld ul a:hover,
ul#pulldown-menu li#pulldown-menu-myworld ul a:active { background: #8FACE1;}

ul#pulldown-menu li#pulldown-menu-myaccount ul a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu li#pulldown-menu-myaccount ul a:link,
ul#pulldown-menu li#pulldown-menu-myaccount ul a:visited { background: #49A61B; border: 1px solid #390;}
ul#pulldown-menu li#pulldown-menu-myaccount ul a:hover,
ul#pulldown-menu li#pulldown-menu-myaccount ul a:active { background: #7EC359;}

/*new 192px*/

ul#pulldown-menu li { float: left; position: relative; width: 192px; height: 30px; list-style: none;}
ul#pulldown-menu li a { display: block; width: 192px; height: 30px; text-align: center; line-height: 2.5em;}

ul#pulldown-menu li ul li { float: none; margin: 0; font-weight: normal;}

ul#pulldown-menu li ul,
ul#pulldown-menu li ul li ul { display: none;}

ul#pulldown-menu li:hover ul { display: block; position: absolute; z-index: 100;margin: 0; padding: 0;}

* html ul#pulldown-menu li:hover ul { vertical-align: bottom; /* IE6 */}

ul#pulldown-menu li:hover ul li ul { display: none;}
ul#pulldown-menu li ul li:hover ul { display: block; position: absolute; top: 10px; left: 190px; z-index: 200;}


/* ================================================================================
Global Navi UK
================================================================================ */
ul#pulldown-menu-UK { margin: 0 0 0 20px !important; padding: 0 !important;}

ul#pulldown-menu-UK a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu-UK a:link,
ul#pulldown-menu-UK a:visited { background:url(/images/bg_gnavi.jpg) no-repeat 0 0;}
ul#pulldown-menu-UK a:hover,
ul#pulldown-menu-UK a:active { background: #FFB74B;}

ul#pulldown-menu-UK li#pulldown-menu-myhanacell a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu-UK li#pulldown-menu-myhanacell a:link,
ul#pulldown-menu-UK li#pulldown-menu-myhanacell a:visited { background:url(/images/bg_gnaviO.jpg) no-repeat 0 0;}
ul#pulldown-menu-UK li#pulldown-menu-myhanacell a:hover,
ul#pulldown-menu-UK li#pulldown-menu-myhanacell a:active { background: #FFD291;}

ul#pulldown-menu-UK li#pulldown-menu-mynippon a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu-UK li#pulldown-menu-mynippon a:link,
ul#pulldown-menu-UK li#pulldown-menu-mynippon a:visited { background:url(/images/bg_gnaviP.jpg) no-repeat 0 0;}
ul#pulldown-menu-UK li#pulldown-menu-mynippon a:hover,
ul#pulldown-menu-UK li#pulldown-menu-mynippon a:active { background: #F5726B;}

ul#pulldown-menu-UK li#pulldown-menu-myworld a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu-UK li#pulldown-menu-myworld a:link,
ul#pulldown-menu-UK li#pulldown-menu-myworld a:visited { background:url(/images/bg_gnaviB.jpg) no-repeat 0 0;}
ul#pulldown-menu-UK li#pulldown-menu-myworld a:hover,
ul#pulldown-menu-UK li#pulldown-menu-myworld a:active { background: #8FACE1;}

ul#pulldown-menu-UK li#pulldown-menu-myaccount a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu-UK li#pulldown-menu-myaccount a:link,
ul#pulldown-menu-UK li#pulldown-menu-myaccount a:visited { background:url(/images/bg_gnaviG.jpg) no-repeat 0 0;}
ul#pulldown-menu-UK li#pulldown-menu-myaccount a:hover,
ul#pulldown-menu-UK li#pulldown-menu-myaccount a:active { background: #7EC359;}


ul#pulldown-menu-UK ul a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu-UK ul a:link,
ul#pulldown-menu-UK ul a:visited { background: #F90; border: 1px solid #F60;}
ul#pulldown-menu-UK ul a:hover,
ul#pulldown-menu-UK ul a:active { background: #FFB74B;}

ul#pulldown-menu-UK li#pulldown-menu-mynippon ul a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu-UK li#pulldown-menu-mynippon ul a:link,
ul#pulldown-menu-UK li#pulldown-menu-mynippon ul a:visited { background: #EE5B4D; border: 1px solid #E34E35;}
ul#pulldown-menu-UK li#pulldown-menu-mynippon ul a:hover,
ul#pulldown-menu-UK li#pulldown-menu-mynippon ul a:active { background: #F78B86;}

ul#pulldown-menu-UK li#pulldown-menu-myworld ul a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu-UK li#pulldown-menu-myworld ul a:link,
ul#pulldown-menu-UK li#pulldown-menu-myworld ul a:visited { background: #5B98DC; border: 1px solid #3364BB;}
ul#pulldown-menu-UK li#pulldown-menu-myworld ul a:hover,
ul#pulldown-menu-UK li#pulldown-menu-myworld ul a:active { background: #8FACE1;}

ul#pulldown-menu-UK li#pulldown-menu-myaccount ul a { color: #FFF; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}
ul#pulldown-menu-UK li#pulldown-menu-myaccount ul a:link,
ul#pulldown-menu-UK li#pulldown-menu-myaccount ul a:visited { background: #49A61B; border: 1px solid #390;}
ul#pulldown-menu-UK li#pulldown-menu-myaccount ul a:hover,
ul#pulldown-menu-UK li#pulldown-menu-myaccount ul a:active { background: #7EC359;}

/*new 320px*/

ul#pulldown-menu-UK li { float: left; position: relative; width: 320px; height: 30px; list-style: none;}
ul#pulldown-menu-UK li a { display: block; width: 320px; height: 30px; text-align: center; line-height: 2.5em;}

ul#pulldown-menu-UK li ul li { float: none; margin: 0; font-weight: normal;}

ul#pulldown-menu-UK li ul,
ul#pulldown-menu-UK li ul li ul { display: none;}

ul#pulldown-menu-UK li:hover ul { display: block; position: absolute; z-index: 100;margin: 0; padding: 0;}

* html ul#pulldown-menu-UK li:hover ul { vertical-align: bottom; /* IE6 */}

ul#pulldown-menu-UK li:hover ul li ul { display: none;}
ul#pulldown-menu-UK li ul li:hover ul { display: block; position: absolute; top: 10px; left: 300px; z-index: 200;}



/* ================================================================================
breadcrumb
================================================================================ */
#breadcrumb { margin: 0; text-align: left; background: #F1F1F1; padding: 5px 10px; font-size: 92%; width: 980px; }


/* ==========header/ ========== */

/* ==========Footer========== */
#footer {
	width: 1020px;
	margin:0px auto;
	text-align: right;
	font-size: 90%;
	padding: 5px 0 0 0;
}
#footer address  { padding: 0 0 2px 0; color: #CCC; margin: 10px 20px 8px 0;}
#footer ul  { padding: 0 !important; margin: 0 20px 0 0;}
#footer li  { display: inline; list-style: none;}

#footer ul.f_navi a:link, #footer ul.f_navi a:visited { color: #999; text-decoration: underline;}
#footer ul.f_navi a:active { color: #33F; text-decoration: underline;}
#footer ul.f_navi a:hover { color: #33F; text-decoration: none;}

#footer ul.f_naviS { font-size: 130% !important;}
#footer ul.f_naviS a:link, #footer ul.f_naviS a:visited { color: #33F; text-decoration: underline;}
#footer ul.f_naviS a:active { color: #33F; text-decoration: underline;}
#footer ul.f_naviS a:hover { color: #33F; text-decoration: none;}
/* ==========Footer/========== */