@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	color: #666;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size: 0.8em;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 0.75em;
}

ul,li {
	margin: 0px;
	padding: 0px;
}

a img {
	border:0;
}

p {
	margin: 0px;
	padding: 0px;
}

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

.clearfix { display: inline-block; }

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


/*color
------------------------*/
.orenji {
	color:#FF6600;
}
.style1 {
	color:#815908;
}

/*ヘッド部分
------------------------*/
#bgframe {
	margin-right: auto;
	margin-left: auto;
	background-image:url(../images/header/bg_img.gif);
	background-repeat: repeat-x;
	height: 120px;
}


#header {
	height: 120px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/header/header_bg.gif);
	background-repeat: repeat-x;
}

#seo_text {
	background: url(../images/header/h1_bg.gif) repeat-x;
	height: 16px;
	color: #8F8AA2;
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #323232;
}

#header_l {
	float: left;
	padding-left: 15px;
	padding-top: 20px;
}

#header_r {
	float: right;
	width: 220px;
	padding-right: 15px;
}
#header_btn {
	width: 184px;
	margin-bottom:15px;
	float: right;
}

#header_btn ul {
	height: 18px;
	width: 184px;
}

#header_btn ul li {
	height: 18px;
	width: 90px;
	float: left;
	margin-right: 2px;
	list-style: none;
}

#home a {
	background: url(../images/header/home_btn.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 90px;
}

#sitemap a {
	background: url(../images/header/sitemap_btn.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 90px;
}

#home a:hover {
	background: url(../images/header/home_btn.gif) no-repeat 0px -20px;
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 90px;
}

#sitemap a:hover {
	background: url(../images/header/sitemap_btn.gif) no-repeat 0px -20px;
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 90px;
}


#header_inq {
	width: 220px;
}

#header_inq_text {
	background: url(../images/header/text1.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 10px;
	width: 210px;
}

#header_inq_tel {
	background: url(../images/header/tel.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 12px;
	width: 114px;
}

#header_inq_time {
	background: url(../images/header/time.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 9px;
	width: 114px;
}


#header_inq_l {
	float: left;
}

#header_inq_r {
	float: right;
	margin-top: 3px;
	height: 27px;
	width: 99px;
}

#header_inq_r a {
	background: url(../images/header/inqiry.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 99px;
}

#header_inq_r a:hover {
	background: url(../images/header/inqiry.gif) no-repeat 0px -30px;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 99px;
}



/*フラッシュ部分
------------------------*/
#flashbg {
	background-image:url(../images/header/flash/bg_mainimg.gif);
	background-repeat: repeat-x;
	height: 220px;
	margin-right: auto;
	margin-left: auto;
}

#flash {
	width:800px;
	margin:auto;
}

/*コンテンツボタン部分
------------------------*/
#content_btnbg {
	background-image:url(../images/header/content_btn/content_bg.gif);
	background-repeat: repeat-x;
	height:49px;
	padding-top: 1px;
}

#content_btnbox {
	width:800px;
	margin:auto;
}
#main_menu {
	height: 49px;
}

.img_service {
	background:url(../images/content/hed_img_service.gif) top no-repeat;
	width:180px;
	height:50px;
	text-indent:-9999px;
}

#main_menu ul {}

#main_menu ul li {
	float: left;
	list-style: none;
}

#menu01 a {
	background: url(../images/header/topmenu.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 49px;
	width: 135px;
}

#menu02 a {
	background: url(../images/header/topmenu.jpg) no-repeat -135px 0px;
	text-indent: -9999px;
	display: block;
	height: 49px;
	width: 133px;
}

#menu03 a {
	background: url(../images/header/topmenu.jpg) no-repeat -268px 0px;
	text-indent: -9999px;
	display: block;
	height: 49px;
	width: 133px;
}

#menu04 a {
	background: url(../images/header/topmenu.jpg) no-repeat -401px 0px;
	text-indent: -9999px;
	display: block;
	height: 49px;
	width: 133px;
}

#menu05 a {
	background: url(../images/header/topmenu.jpg) no-repeat -534px 0px;
	text-indent: -9999px;
	display: block;
	height: 49px;
	width: 133px;
}

#menu06 a {
	background: url(../images/header/topmenu.jpg) no-repeat -667px 0px;
	text-indent: -9999px;
	display: block;
	height: 49px;
	width: 133px;
}

#menu01 a:hover {
	background: url(../images/header/topmenu.jpg) no-repeat 0px -49px;
	text-indent: -9999px;
	display: block;
	height: 49px;
	width: 135px;
}

#menu02 a:hover {
	background: url(../images/header/topmenu.jpg) no-repeat -135px -49px;
	text-indent: -9999px;
	display: block;
	height: 49px;
	width: 133px;
}

#menu03 a:hover {
	background: url(../images/header/topmenu.jpg) no-repeat -268px -49px;
	text-indent: -9999px;
	display: block;
	height: 49px;
	width: 133px;
}

#menu04 a:hover {
	background: url(../images/header/topmenu.jpg) no-repeat -401px -49px;
	text-indent: -9999px;
	display: block;
	height: 49px;
	width: 133px;
}

#menu05 a:hover {
	background: url(../images/header/topmenu.jpg) no-repeat -534px -49px;
	text-indent: -9999px;
	display: block;
	height: 49px;
	width: 133px;
}

#menu06 a:hover {
	background: url(../images/header/topmenu.jpg) no-repeat -667px -49px;
	text-indent: -9999px;
	display: block;
	height: 49px;
	width: 133px;
}


/*コンテンツ部分
------------------------*/
#contentbg {
	background-image:url(../images/content/content_all_bg.gif);
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
}
#bg_img_title {
	background:url(../images/content/bg_img_title.jpg) 0 0 repeat-x #E8E8E8;
}

#content_main {
	width:800px;
	margin:auto;
	padding-bottom:30px;
	background-color: #FFFFFF;
	background-image: url(../images/content/content_main_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#contentbox {
	width:770px;
	margin:auto;
}

#contentbox_l {
	width:180px;
	float:left;
	padding-top:30px;
}

#contentbox_r {
	width:575px;
	float:right;
	padding-top: 30px;
}


.img_service {
	background:url(../images/content/hed_img_service.gif) top no-repeat;
	width:180px;
	height:50px;
	text-indent:-9999px;
}

#sub_menu {
	width:180px;
	margin:0;
}

#sub_menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#sub_menu ul li {
	width:180px;
	height:100px;
}

#sub01 a {
	background:url(../images/content/sidemenu.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 180px;
}

#sub02 a {
	background:url(../images/content/sidemenu.jpg) no-repeat 0px -100px;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 180px;
}

#sub03 a {
	background:url(../images/content/sidemenu.jpg) no-repeat 0px -200px;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 180px;
}

#sub04 a {
	background:url(../images/content/sidemenu.jpg) no-repeat 0px -300px;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 180px;
}

#sub05 a {
	background:url(../images/content/sidemenu.jpg) no-repeat 0px -300px;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 180px;
}

#sub06 a {
	background:url(../images/content/sidemenu.jpg) no-repeat 0px -400px;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 180px;
}

#sub01 a:hover {
	background:url(../images/content/sidemenu.jpg) no-repeat -180px 0px;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 180px;
}

#sub02 a:hover {
	background:url(../images/content/sidemenu.jpg) no-repeat -180px -100px;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 180px;
}

#sub03 a:hover {
	background:url(../images/content/sidemenu.jpg) no-repeat -180px -200px;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 180px;
}

#sub04 a:hover {
	background:url(../images/content/sidemenu.jpg) no-repeat -180px -300px;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 180px;
}

#sub05 a:hover {
	background:url(../images/content/sidemenu.jpg) no-repeat -180px -300px;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 180px;
}

#sub06 a:hover {
	background:url(../images/content/sidemenu.jpg) no-repeat -180px -400px;
	text-indent: -9999px;
	display: block;
	height: 100px;
	width: 180px;
}


/*サービスボックス部分
------------------------*/
.servicetext {
	padding-left:95px;
	padding-top:30px;
	font-size: 1.3em;
	color: #8F8AA2;

}
.more_btn {
	padding-bottom:10px;
	padding-right: 10px;
	text-align: right;
	position: relative;
	top: 80px;
}

/*フッター
------------------------*/
#footerbg {
	background-color:#005400;
}
#footerbox {
	width:785px;
	height:48px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-left: 15px;
}
#footerbox_l {
	float:left;
	width:300px;
	background-image: url(../images/footer/footer_logo.gif);
	background-repeat: no-repeat;
	height: 50px;
	padding-left: 85px;
	color: #9C9;
}

#footerbox_r {
	float:right;
	width:350px;
	color: #9C9;
	padding-top: 18px;
}
.c_green {
	color:#86C024;
	font-size: 1em;
	width: 100px;
	padding-bottom: 7px;
}
/*margin
------------------------*/

.margin_bottom05 {
	margin-bottom: 5px;
}

.margin_bottom10 {
	margin-bottom: 10px;
}

.margin_bottom20 {
	margin-bottom: 15px;
}

.margin_bottom30 {
	margin-bottom: 30px;
}
/*contents_inner
--------------------------*/
#contents_inner {
	width:500px;
	margin-right: auto;
	margin-left: auto;
}

.inner_title {
	margin-bottom:20px;
	font-size:1.2em;
	color:#78370F;
	padding-top:10px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #990000;
}


.column01 {
	margin-bottom:10px;
}


.column02 {
	margin-bottom:20px;
}

ul.list_menu {
	margin:0 0 0 20px;
	padding:0;
	list-style:none;
}

ul.list_menu li {
	border-left:2px solid #999999;
	display:block;
	margin-bottom:10px;
	padding-left:5px;
}

/*左部分
------------------------*/
#r_box_l {
	float:left;
	width:410px;
}

#topics_h2 {
	background: url(../images/index/img_title_topics.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 37px;
	width: 410px;
}

#topics {
	width:398px;
	padding: 5px;
	border: 1px solid #C8C8C8;
	margin-bottom: 10px;
}

#topics ul {
	margin: 0px;
	padding: 0px;
}

#topics ul li {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	list-style: none;
	background: url(../images/index/arrow.gif) no-repeat left center;
	line-height: 1.2em;
}

#works_h2 {
	background: url(../images/index/img_title_works.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 37px;
	width: 410px;
}

#work_box {
	width:388px;
	padding: 10px;
	border: 1px solid #C8C8C8;
}
.work01 {
	float:left;
	width:180px;
	height:200px;
	padding-right: 10px;
	margin-bottom: 10px;
	background: #FFFFFF url(../images/index/index01.jpg) no-repeat;
}

.work02 {
	float:left;
	width:180px;
	height:200px;
	padding-right: 10px;
	margin-bottom: 10px;
	background: #FFFFFF url(../images/index/index02.jpg) no-repeat;
}

.work03 {
	float:left;
	width:180px;
	height:200px;
	padding-right: 10px;
	margin-bottom: 10px;
	background: #FFFFFF url(../images/index/index03.jpg) no-repeat;
}

.work04 {
	float:left;
	width:180px;
	height:200px;
	padding-right: 10px;
	margin-bottom: 10px;
	background: #FFFFFF url(../images/index/index04.jpg) no-repeat;
}

.work_text {
	top: 160px;
	position: relative;
	text-align: center;
	padding-left: 10px;
	font-size: 0.8em;
}
/*右部分
------------------------*/
#r_box_r {
	float:right;
}

#clover_h2 {
	background: url(../images/index/img_4clover.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 106px;
	width: 150px;
}

#r_boderbox {
	width:146px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #C8C8C8;
	border-bottom-color: #C8C8C8;
	border-left-color: #C8C8C8;
	padding-bottom: 10px;
	margin-bottom: 10px;
}


.r_textbox {
	line-height: 1.2em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-image: url(../images/index/right_list.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 33px;
	width: 100px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	font-size: 0.9em;
}

/*右部分バナー
------------------------*/

#blog_banner a {
	background: url(../images/index/blog1.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 150px;
}

#blog_banner a:hover {
	background: url(../images/index/blog2.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 50px;
	width: 150px;
}