@import "common.css";

div#body { margin-top: -1px; }

div#main  { width: 950px; }
	#main h2        { font-size: 14px; padding-left: 20px; background: url(/images/top/titlearrow.gif) no-repeat left center; }
	#main h3        { font-size: 12px; }
	#main h4        { font-size: 12px; }
	#main div.frame { border: dashed 1px #cacaca; padding: 10px 5px; }
	#main div#left  { float: left; width: 668px; margin-top: 10px; }
	#main div#right { float: left; width: 267px; padding-left: 15px; }

/******************************************************************************
 * MOVE OFFICE-new
 *****************************************************************************/
div#moveoffice { width: 666px; margin-bottom: 16px; }
	div#movecontents{ padding:0 11px;}
		div#movecontents p{ margin:0 0 0 5px; }
		div#movecontents img.toptitle{ margin:15px 0 15px 0;}
		div#movecontents img.toptitle2{ margin:20px 0 5px 0;}
		div#movecontents div.movebottom{ margin:15px 0 5px 0; height:174px;}
		div#movecontents img.button_service{ float:left; width:272px; height:163px; margin-top:6px;}
		div#movecontents img.banner_chair{ float:right; width:359px; height:174px; }
		div#movecontents div.color{ margin-bottom:10px;}

/******************************************************************************
 * MOVE OFFICE-old
 *****************************************************************************/
#moveoffice { width: 666px; margin-bottom: 16px; }
	#moveoffice h4 { font-size: 12px; }
	#moveoffice p  { margin: 10px 0px 0px 20px; }
	#moveoffice div.graph  { margin: 12px 0px 0px 0px;  }
	#moveoffice div.title  { margin: 12px 0px 0px 20px; }
	#moveoffice div.guide  { float: left; width: 538px; }
	#moveoffice div.button { float: left; width: 112px; }
	#moveoffice div.rogo  { margin: 0px 0px 5px 0px;  }
		#moveoffice-control { margin-top: 10px; }
			#moveoffice-control div.cell { float: left; }
				#moveoffice-control div.cell div.inner { width: 310px; padding: 5px; border: solid 1px #cccccc; background-color: #FFF5E1; }
					#moveoffice-control div.cell div.inner h4 { margin-left: 10px; font-size: 12px; }
					#moveoffice-control div.cell div.inner p  { margin-left: 10px; color: #aa0000; font-weight: bold; width: 200px; }


div#pro           { margin-bottom: 18px; }
div#service       { width: 666px; margin-bottom: 27px; margin-top:-7px;}
	#service    h4 a { color: #9D0303; }
	#service .cell { float: left; width: 317px; padding: 5px; }
	#service .pict { float: left; width: 98px; }
	#service .guide  { float: left; width: 218px; }
	#service .frame  { width: 654px; border: dashed 1px #cacaca; padding: 10px 0px 10px 5px; }
	#service .frame2 { width: 654px; border-left: dashed 1px #cacaca; border-right: dashed 1px #cacaca; border-bottom: dashed 1px #cacaca; padding: 10px 5px; }

/******************************************************************************
 * Design Sample
 *****************************************************************************/
div#sample { width: 666px; }
	#sample p          { margin: 6px 0px 16px 20px; }
	#sample div.cell   { float: left; width: 190px; padding: 0px 10px; }
	#sample div.images { padding: 0px 10px; }
	#sample div.title  { margin-top: 172px; padding: 0px 10px; text-align: center; }

/******************************************************************************
 * TOPICS
 *****************************************************************************/
div#topics { margin-top: -1px; margin-bottom: 16px; }
	#topics .frame { padding: 10px 5px; }
	#topics ul { margin: 0px; padding: 0px; list-style: none; }
		#topics li      { margin: 0px; padding: 0px; list-style: none; }
		#topics p.dt    { display: block; margin: 0px; padding: 0px; line-height: 1.3em; }
		#topics p.title { display: block; margin: 0px; padding: 0px; }
div#navi h2 { margin-bottom: 2px; }

div#right_top_banner{margin: 12px 0px; text-align: center;}
div#right_top_banner img{border:1px solid #666666;margin:9px 0px;}