@charset "Shift_JIS";
/*==========================================================================
basic_css commonLayout

_1. reset
_2. setup
_3. common
	3.1_container
	3.2_header
	3.3_head_navi
	3.4_gloval_navi
	3.5_side
	3.6_content
	3.7_page-up
	3.8_footer
_4. class
_5. other

==========================================================================*/

/*==========================================================================
_1. reSet
==========================================================================*/

body,
h1,h2,h3,h4,h5,h6,p,
ul,ol,li,dl,dt,dd,
form,fieldset,legend,pre,blockquote,
em,
address,
noscript {
	margin: 0px;
	padding: 0px;
}

fieldset,
legend {
	color:#EEE8AA;
}

ul,ol,li {
	list-style:none;
}

img {
	margin:0px;
	padding:0px;
	border:0;
	vertical-align:bottom;
}

.clear{
	clear:both;
}

hr {
	display:none;
	clear:both;
	line-height:1px;
	font-size:1px;
}

/*==========================================================================
_2. setup
==========================================================================*/
body {
	font: normal normal 12px/1.7 "ＭＳ Ｐゴシック", Osaka, san-serif;
	color:#222222;
	width:100%;
	margin:0;
	padding:0;
	background:#fff url(images/bg.jpg) repeat-x center top;
}

body#top {
background-color:#EEE8AA;
}

h2 {/*ページタイトル*/

}


a {
	outline:none;/*for FireFox*/
}

a,
a:link,
a:visited {
	color:#599f25;/*green*/
	text-decoration:underline;
}

a:hover,
a:active,
a:focus {
	color:#5fc117;/*light green*/
	text-decoration:underline;
}


/*==========================================================================
_3. common
	3.1_container
==========================================================================*/
#wrapper {
	width:900px;
	margin:0 auto;
	padding:0;
}

#contentWrap {
	width:900px;
	margin:0;
	padding:0;
	background: url(images/bg_content.jpg) repeat-y left top;
}

#content {
	width:900px;
	margin:0;
	padding:0;
	background:url(images/bg_content_btm.jpg) no-repeat left bottom;
	overflow:hidden;
}


#main {
	width:620px;/*670px*/
	float:right;
	background:url(images/bg_content_top.jpg) no-repeat 20px top;
	padding:25px 0 0 50px;
	margin:0;
}


#side { 
	width:165px;/*190px*/
	padding:0 0 0 5px;
	margin:0;
	float:left;
	background:#fff url(images/bg_line_dot.jpg) repeat-x left top;
}

#footer {
	width:900px;
	background:#fff url(images/bg_line_dot.jpg) repeat-x left top;
}
	
/*==========================================================================
	3.2_header
==========================================================================*/
body {
	font: normal normal 12px/1.7 "ＭＳ Ｐゴシック", Osaka, san-serif;
	color:#222222;
	width:100%;
	margin:0;
	padding:0;
	background:#fff url(images/bg.jpg) repeat-x center top;
}

body#top {
background-color:#ffffff;
}

h1 {/*ページタイトル*/

}


a {
	outline:none;/*for FireFox*/
}

a,
a:link,
a:visited {
	color:#599f25;/*green*/
	text-decoration:underline;
}

a:hover,
a:active,
a:focus {
	color:#5fc117;/*light green*/
	text-decoration:underline;
}


/*==========================================================================
	3.3_head_navi
==========================================================================*/
#hnavi {
	width:211px;
	float:right;
}

.hBtn {
	margin:0 0 0 auto;
	width:194px;
}

.hBtn01,
.hBtn02 {
	width:93px;
	height:26px;
	float:left;
	padding-right:4px;
}

.hBtn01 a,
.hBtn02 a {
	display:block;
	width:93px;
	height:26px;
	overflow:hidden;
	text-indent:-9999px;
}

.hBtn01 a:hover,
.hBtn01 a:active,
.hBtn01 a:focus,
.hBtn02 a:hover,
.hBtn02 a:active,
.hBtn02 a:focus {
	background-position:-93px 0;
}

.hBtn01 a{
	background:url(images/headBtn_estimation.gif) no-repeat left top;
}

.hBtn02 a{
	background:url(images/headBtn_contact.gif) no-repeat left top;
}

.hTel {
	width:211px;
	height:27px;
	background:url(images/hnavi_tel.gif) no-repeat left top;
	text-indent:-9999px;
}
/*==========================================================================
	3.4_gloval_navi
==========================================================================*/
#gnavi {
	width:900px;
	height:50px;
	margin-bottom:25px;
	padding:0 5px 0 5px;
}

#gnavi li {
	height:50px;
	float:left;
	overflow:hidden;
}

#gnavi a {
	display:block;
	margin:0;
	padding:0;

	height:50px;
	overflow:hidden;
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#gnavi a:hover,
#gnavi a:active,
#gnavi a:focus,
#gnavi span a  {
	background-position:0 -50px;
}

#gnavi01 a {
	width:120px;
	background:url(images/gnavi01.jpg);
}
#gnavi02 a {
	width:94px;
	background:url(images/gnavi02.jpg);
}
#gnavi03 a {
	width:125px;
	background:url(images/gnavi03.jpg);
}
#gnavi04 a {
	width:95px;
	background:url(images/gnavi04.jpg);
}
#gnavi05 a {
	width:94px;
	background:url(images/gnavi05.jpg);
}

#gnavi06 a {
	width:105px;
	background:url(images/gnavi06.jpg);
}

#gnavi07 a {
	width:109px;
	background:url(images/gnavi07.jpg);
}

#gnavi08 a {
	width:107px;
	background:url(images/gnavi08.jpg);
}

/*==========================================================================
	3.5_side
==========================================================================*/
/*サイドのタイトル*/
dt.recommend,
dt.contact,
dt.produce {
	width:165px;
	text-indent:-9999px;
	margin:25px 0 10px 0;
}

dt.recommend {
	height:20px;
	background:url(images/st_recommend.gif) no-repeat left top;
}

dt.contact {
	height:63px;
	background:url(images/st_contact.jpg) no-repeat left top;
	margin-bottom:0;/*add*/
}

dt.produce {
	height:20px;
	background:url(images/st_produce.gif) no-repeat left top;
}

/*サイドのパックバナー*/

p.hpBnr,
p.panphBnr {
	width:165px;
	height:70px;
}

p.hpBnr a,
p.panphBnr a {
	display:block;
	width:165px;
	height:70px;
	text-indent:-9999px;
}

p.hpBnr a {
	background:url(images/bnr_pack01_off.jpg) no-repeat left top;
}

p.panphBnr a {
	background:url(images/bnr_pack02_off.jpg) no-repeat left top;
}

p.hpBnr a:hover, 
p.hpBnr a:active,
p.hpBnr a:focus {
	background:url(images/bnr_pack01_on.jpg) no-repeat left top;
}

p.panphBnr a:hover,
p.panphBnr a:active,
p.panphBnr a:focus {
	background:url(images/bnr_pack02_on.jpg) no-repeat left top;
}

/*サイドのお問い合わせ案内*/

li.estimationBtn,
li.contactBtn {
	width:160px;
	height:44px;
}

li.estimationBtn a,
li.contactBtn a {
	display:block;
	width:160px;
	height:44px;
	text-indent:-9999px;
}

li.estimationBtn a {
	background:url(images/btn_estimation_off.jpg) no-repeat left top;
}

li.contactBtn a {
	background:url(images/btn_contact_off.jpg) no-repeat left top;
}

li.estimationBtn a:hover,
li.estimationBtn a:active,
li.estimationBtn a:focus {
	background:url(images/btn_estimation_on.jpg) no-repeat left top;
}

li.contactBtn a:hover,
li.contactBtn a:active,
li.contactBtn a:focus {
	background:url(images/btn_contact_on.jpg) no-repeat left top;
}

/*サイドの会社案内*/

.sideInfo {
	margin-top:8px;
	padding:7px 0 0 5px;
	border-top:1px dotted #ccc;
}

.sideInfo dt strong {/*社名*/
	display:block;
	width:165px;
	height:15px;
	background:url(images/sinfo_logo.gif) no-repeat left top;
	text-indent:-9999px;
	margin-bottom:10px;
}

.sideInfo dl.floatBox {
	width:133px;
	padding:0 27px 10px 0;
	line-height:1;
}

.sideInfo dd dt {
	width:24px;
	height:11px;
	float:left;
	text-indent:-9999px;
}

.sideInfo dd dd {
	width:102px;
	height:14px;
	float:right;
	text-indent:-9999px;
}

.sideInfo01 {
	background:url(images/sinfo_telmark.gif) no-repeat left top;
}
.sideInfo02 {
	background:url(images/sinfo_tel.gif) no-repeat left top;
}
.sideInfo03 {
	background:url(images/sinfo_time.gif) no-repeat left top;
}
.sideInfo04 {
	background:url(images/sinfo_faxmark.gif) no-repeat left top;
}
.sideInfo05 {
	background:url(images/sinfo_fax.gif) no-repeat left top;
}

/*produce*/
.sideBneSpace li {
	width:140px;
	height:40px;
	margin-bottom:6px;
}

.sideBneSpace li a {
	display:block;
	width:140px;
	height:40px;
	text-indent:-9999px;
}


.sideBneSpace li.bnr00 a {
	background:url(images/bnr_cms.jpg) no-repeat -140px 0;
}
.sideBneSpace li.bnr01 a {
	background:url(images/bnr_company.jpg) no-repeat -140px 0;
}
.sideBneSpace li.bnr02 a {
	background:url(images/bnr_comic.jpg) no-repeat -140px 0;
}
.sideBneSpace li.bnr03 a {
	background:url(images/bnr_hp.jpg) no-repeat -140px 0;
}
.sideBneSpace li.bnr04 a {
	background:url(images/bnr_sem.jpg) no-repeat -140px 0;
}
.sideBneSpace li.bnr05 a {
	background:url(images/bnr_diary.jpg) no-repeat -140px 0;
}
.sideBneSpace li.bnr06 a {
	background:url(images/bnr_recruit.jpg) no-repeat -140px 0;
}
.sideBneSpace li.bnr07 a {
	background:url(images/bnr_overture.jpg) no-repeat -140px 0;
}

.sideBneSpace li.bnr08 a {
	background:url(images/bnr_catalog.jpg) no-repeat -140px 0;
}

.sideBneSpace li.bnr09 a {
	background:url(images/bnr_adwords.jpg) no-repeat -140px 0;
}


.sideBneSpace li a:hover,
.sideBneSpace li a:active,
.sideBneSpace li a:focus {
	background-position:0 0;
}

/*==========================================================================
	3.6_content
==========================================================================*/
.topicBox {/*title以外のコンテンツ共通設定*/
	width:570px;
	padding:10px 25px 15px 25px;
	clear:both;
}

/*==========================================================================
	3.7_page-up
==========================================================================*/
p.pageUp {
	clear:both;
	width:70px;
	margin:10px 10px 15px auto ; 
}

.pageUp a {
	display:block;
	width:70px;
	height:10px;
	background:url(images/pageup.gif) no-repeat left top;
	font-size:10px;
	margin:0 0 0 0;
	text-indent:-9999px;
	overflow:hidden;
}

.pageUp a:hover,
.pageUp a:active,
.pageUp a:focus {
	background-position:0 -10px;
}

/*==========================================================================
	3.8_footer
==========================================================================*/
#footer {
	clear:both;
	width:900px;/*860px*/
	padding:30px 15px 15px 15px;
	background:url(images/bg_line_dot.jpg) repeat-x left 15px;
	color:#EEE8AA;
}

#footerNavi {
	text-align:right;
	margin-bottom:30px;
}

#footerNavi li {
	display:inline;
}

#footerNavi li a {
	color:#555555;
	text-decoration:none;
}

#footerNavi li a:hover,
#footerNavi li a:active,
#footerNavi li a:focus {
	text-decoration:underline;
	color:#777777;
}

.footerCopy {
	width:256px;
	height:5px;
	background:url(images/footer_copy.gif) no-repeat left top;
	text-indent:-9999px;
	margin:0 0 10px auto;
}

.footerLink {
	font-size:10px;
	line-height:14px;
	text-align:right;
	padding-bottom:10px;
	margin-right:-5px;
}

.footerLink a {
	text-decoration:none;
}

/*==========================================================================
_4. class
==========================================================================*/
.miniText {
	font-size:10px;
	line-height:14px;
	margin-bottom:5px;
}

.bigText {
	font-size:15px;
	line-height:14px;
	margin-bottom:5px;
	font-weight:bold;
}

.red {
	color:#FF3300;
}

.green {
	color:#599f25;
}

.TwoLine {/*上下線*/
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:5px 10px 5px 10px;
}


.greyBack {
	background-color:#eee;
	margin:10px 0 10px 0;
	padding:5px 10px 5px 10px;
}


.link {
	background:url(images/mark01.jpg) no-repeat left 5px;
	padding-left:18px;
}

.baseList {
	margin:0 0 15px 30px;
}

.cap {
	margin:0 0 15px 0;
	padding-left:15px;
	background:url(images/mark02.gif) no-repeat left 5px;
}
	

/*==========================================================================
_5. other
==========================================================================*/
/*clearfix----------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
	display: inline-table;
}

.clearfix {
	zoom:100%;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*float*/
.floatL {
	float:left;
}

.floatR {
	float:right;
}

img.floatL {
 padding-right:12px;
	padding-bottom:6px;
}

img.floatR {
	padding-left:12px;
	padding-bottom:6px;
}

/*margin*/
.m0btm{
	margin-bottom:0px!important;
}

.m5btm{
	margin-bottom:5px!important;
}

.m10btm{
	margin-bottom:10px!important;
}

.m15btm{
	margin-bottom:15px!important;
}

.m20btm{
	margin-bottom:20px!important;
}

.m30btm{
	margin-bottom:30px!important;
}

.m20top{
	margin-top:20px!important;
}




body#top {
background-color:#FFFFFF;
}

上記をCSSに追加してください。
CSSのdiv#wrapperの内容を以下に変更してください。

div#wrapper {
background-color:#FFFFFF;
width: 950px;
margin: 0 auto;
}