@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; }
div a{color:#0E1BBB;text-decoration:underline;}
div a:visited{color:#941D55;text-decoration:none;}
div a:hover{color:#f78116;text-decoration:none;}
/******************************************************************************
 * 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 ;  position: relative;}
	#header h1     { font-size: 12px; padding: 15px 0px 0px 13px; color: #000000;font-family: Meiryo,メイリオ,Arial,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif; width:330px; height:20px;float: left;letter-spacing: 0.2em;	}
#header a{text-decoration:none;}

	#header div.header_icon{text-align:right;width:600px;float: right;padding: 10px 0px 0px 0px;color:#666666;font-size: 11px;vertical-align:middle;}
	div.header_icon img{padding-left:5px;position: relative;top: 3px;}
	div.header_icon a{color:#666666;text-decoration:none;padding:0px 5px;}
	div.header_icon a:hover{color:#f78116;padding:0px 5px;}
	#header .header_line{padding-top:3px;}
	#header div.logo    { float: left; padding: 0px 0px 0px 14px; clear:both;}
  #header div.tell { float: left; width: 212px; margin: 8px 0px 5px 150px; }
	#header div.mail { float: left; width: 224px; margin: 8px 0px 5px 43px; }

*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; }*/

#left #breadlist {
    padding: 5px 0 9px 3px;
}
/******************************************************************************
 * MENU
 *****************************************************************************/
div#grandmenu { width: 946px; height: 36px; border:1px solid #cccccc;position:relative;z-index:10;}

div#grandmenu ul li{list-style-type:none;float:left;height: 37px;margin:0px;}
div#grandmenu ul {height: 36px;margin:0px;padding:0px;}

/******************************************************************************
 * 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 h3.security   { font-size: 12px; background: url(/images/navi/security.gif) no-repeat left center; padding-left: 50px;text-align: left}
	#navi h3.move       { font-size: 12px; background: url(/images/navi/move.gif) no-repeat left center; padding-left: 50px; text-align: left;border-top: 1px dashed #B2AFAE;margin:0px;}

	#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; padding:5px 0px; }
		#footer .menu ul { list-style: none; margin: 0px; padding: 0px; }
		#footer .menu li { float: left; width: auto; margin: 0px; padding: 5px 20px; text-align: center; }
			#footer .menu li a { font-weight:bold;color:#222222;}
	#footer div.submenu { width: 950px; padding-top: 9px; margin-bottom: 14px; border-top: solid 1px #656565; margin:0px auto;}
		#footer .submenu ul { list-style: none; margin: 0px; padding: 0px; margin-left:230px;}
		#footer .submenu li { float: left; margin: 0px; padding: 0px 20px; text-align: center; }
		#footer .submenu a  { color: #494442; list-style: none; }
		#footer #copyright  { width: 384px; margin: 10px auto; }


