@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; font-family: Meiryo,メイリオ,Arial,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;}
	#main h3        { font-size: 22px; font-family: Meiryo,メイリオ,Arial,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;}
	#main h4        { font-size: 12px; }
	#main div.frame { border: dashed 1px #cacaca; padding: 10px 5px; }
	#main div#left  { float: left; width: 668px; margin-top: 20px; }
	#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;}

		div#catch{ position:relative;z-index:5;}
		div#catch p{ position:absolute;bottom:63px;*bottom:78px;right:10px;color:#333333;font-size:12px;font-family: Meiryo,メイリオ,Arial,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;		padding-left:380px;		padding-right:10px;		line-height:1.5;}

		div.top_title{		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.top_banner{padding:0px 0px 5px 0px;}

div.iten_top_banner{padding:0px 0px 5px 0px;position:relative;}
div.iten_top_banner p{position:absolute;top:338px;*top:348px;left:170px;width:486px;font-size:12px;color:#000000;font-family: Meiryo,メイリオ,Arial,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;line-height:1.5;}


div#pro           { margin-bottom: 10px; }
div#service       { width: 666px; margin-bottom: 18px; margin-top:10px;}
	#service    h4 a { color: #9D0303; }
	#service .cell { float: left; width: 315px; padding: 5px; }
	#service .pict { float: left; width: 97px; }
	#service .guide  { float: left; width: 208px;padding-left:10px; }
	#service .guide p{	margin-top:0px;	margin-bottom:0px;line-height:1.5; }
	#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; }

/******************************************************************************
 * service一覧
 *****************************************************************************/
div.service_frame{border: solid 1px #cccccc; padding: 10px 5px 0px 5px;background-color:#FFFef9;}
div.service_frame2{border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; padding: 10px 5px 0px 5px;background-color:#fff9e8;}
div.service_frame3{border: solid 1px #cccccc; padding: 10px 5px 0px 5px;background-color:#fff9e8;}
	div#left div.service_frame3 .cell { float: left; width: 98%; padding: 5px; }
	div#left div.service_frame3 .guide  { float: left; width: 532px;padding-left:10px; }
div.service_frame4{border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; padding: 10px 5px 0px 5px;background-color:ffffff;}
	div#left div.service_frame4 .cell { float: left; width: 98%; padding: 5px; }
	div#left div.service_frame4 .guide  { float: left; width: 532px;padding-left:10px; }


/******************************************************************************
 * Design Sample
 *****************************************************************************/
	#main div.sample_frame { border: solid 1px #cccccc; padding: 10px 5px;margin-top:5px;}

div#sample { width: 666px; margin-top:20px;}
	#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;border: 1px dashed #CACACA; }
	#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: 10px 0px 0px 0px; text-align: center;}
div#right_top_banner img{border:1px solid #666666;margin:0px 0px 16px 0px;}


/******************************************************************************
 * 最下部
 *****************************************************************************/
#left .button 	{ text-align: center; margin: 10px 10px 10px 20px;background-image:url(../images/button_back.gif); height:83px;padding-left:190px;background-position: left top;}


#left .top2	{text-align:right;}