@charset "UTF-8";

html     { width: 100%; }
body     { width: 100%; margin: 0px; padding: 0px; font-size: 12px; }
input    { padding: 1px; }
textarea { padding: 2px; font-size: 1em; }
a img    { border: none; }
caption  { margin-left: 0px; }
h1,h2,h3,h4,h5,h6 { margin: 0px; padding: 0px; }

/******************************************************************************
 * FRAME
 *****************************************************************************/
div#frame  { width: 950px; margin: 0px auto; }

/******************************************************************************
 * HEADER
 *****************************************************************************/
div#header   { width: 950px; height: 94px; background: url(/images/header/back.gif) repeat-x; padding-bottom: 20px ; }
	#header h1     { font-size: 12px; padding: 0px 0px 0px 0px; color: #c0c0c0; }
	#header div.logo    { float: left; padding: 26px 0px 5px 14px; }
    #header div.tell { float: left; width: 188px; margin: 47px 0px 5px 30px; }
	#header div.mail { float: left; width: 188px; margin: 50px 0px 5px 120px; }

*html div#header   { width: 950px; height: 94px; background: url(/images/header/back.gif) repeat-x; padding-bottom: 0px ; }
*html #header div.mail { float: left; width: 188px; margin: 50px 0px 5px 30px; }

/******************************************************************************
 * MENU
 *****************************************************************************/
div#grandmenu { width: 948px; height: 31px; }

/******************************************************************************
 * NAVI
 *****************************************************************************/
div#navi { float: left; width: 267px; padding-left: 15px; margin-top: 10px; }
	#navi h2 { font-size: 14px; padding-left: 20px; background: url(/images/top/titlearrow.gif) no-repeat left center; }
	#navi div.naviframe { padding: 5px 12px; border: dashed 1px #CBC7C5; }
	
	#navi h3            { padding-top: 8px; padding-bottom: 8px; border-bottom: dashed 1px #B2AFAE; margin-bottom: 0px; padding-left: 44px; height: 24px; line-height: 24px; }
	#navi h3.up	        { font-size: 12px; background: url(/images/navi/up.gif) no-repeat left center; padding-left: 44px;}
	#navi h3.words      { font-size: 12px; background: url(/images/navi/memo.gif) no-repeat left center; padding-left: 44px;}
	#navi h3.manual     { font-size: 12px; background: url(/images/navi/book.gif) no-repeat left center; padding-left: 44px;}
	#navi h3.qa         { font-size: 12px; background: url(/images/navi/question.gif) no-repeat left center; padding-left: 44px;}
	#navi div.layout    { margin: 8px 0px; text-align: center; }
	#navi div.banner    { margin: 6px 0px; text-align: center; }
	#navi div.inrogo    { margin-bottom: 2px; }
	#navi div.separate     { border-bottom: dashed 1px #969696; margin: 12px 0px; }
		#navi div.banner div.item { margin-bottom: 6px; }
		
*html #navi { float: left; width: 267px; padding-left: 15px; margin-top: 10px; }

*:first-child+html #navi { float: left; width: 267px; padding-left: 15px; margin-top: 10px; }


/******************************************************************************
 * FOOTER
 *****************************************************************************/
div#footer { width: 950px; both: clear; margin: 15px auto 10px auto; border-top: dashed 1px #969696; }
	#footer div.menu { width: 950px; border-bottom: solid 2px #FECC98; margin-bottom: 3px; }
		#footer .menu ul { list-style: none; margin: 0px; padding: 0px; }
		#footer .menu li { float: left; width: 156px; margin: 0px; padding: 5px 0px; text-align: center; }
			#footer .menu li a { color: inherit;}
	#footer div.submenu { width: 950px; padding-top: 9px; margin-bottom: 14px; border-top: solid 1px #656565; }
		#footer .submenu ul { list-style: none; margin: 0px 130px; padding: 0px; }
		#footer .submenu li { float: left; margin: 0px; padding: 0px 20px; text-align: center; }
		#footer .submenu a  { color: #494442; list-style: none; }
		#footer #copyright  { width: 325px; margin: 0 auto; }