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

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

#wrapper {
	width: 980px;
	_width: 1000px;
	/* widthmargin: 0 auto; */
	margin-left: 20px;
}


/* ==========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_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_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: 540px;}
#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 .logo_imgMyHanaCell 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;}

/* navi Box */
/* #naviBox was position fixed because of ClearFix */
#naviBox { width: auto; text-align: right; padding: 0; position: absolute; top: 20px; 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-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-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;}


ul#pulldown-menu li { float: left; position: relative; width: 240px; height: 30px; list-style: none;}
ul#pulldown-menu li a { display: block; width: 240px; 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: 200px; z-index: 200;}


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

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

/* ==========Footer========== */
#footer {
	clear: both;
	padding: 0;
	text-align: right;
	font-size: 92%;
	margin: 0 0 0 20px !important;
	background-color: #FFF;
	width: 980px;
}
#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/========== */