@charset "UTF-8";
/* CSS Document */

body {
	font-size:12px;
	line-height:18px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin:0;
	color:#505050;
	background:url(../images/com/bgimg.gif);
}

#frame {
	width:780px;
	margin:auto;
	background:#FFFFFF;
	border-left:1px solid #787878;
	border-right:1px solid #787878;
	border-bottom:1px solid #787878;
}


/*link
----------------------------------------*/
a:link {
	color:#4C8332;
	text-decoration:none;
}

a:visited {
	color:#4C8332;
	text-decoration:none;
}

a:hover {
	color:#4C8332;
	text-decoration:underline;
}



/*header
----------------------------------------*/
#header {
	background:url(../images/header/bgimg.gif) repeat-x;
	height:75px;
}

#header ul {
	margin:0;
	padding:18px 0 0 15px;
	list-style-type:none;
}

#header ul li {
	float:left;
	display:block;
	text-indent:-9999px;
}

#header ul li a {
	text-decoration:none;
}

.navi01 a {	background:url(../images/header/btn_home01.gif) no-repeat; display:block; width:104px; height:40px; margin-right:3px; }
.navi02 a {	background:url(../images/header/btn_concept01.gif) no-repeat; display:block; width:104px; height:40px; margin-right:3px; }
.navi03 a {	background:url(../images/header/btn_products_info01.gif) no-repeat; display:block; width:104px; height:40px; margin-right:3px; }
.navi04 a {	background:url(../images/header/btn_about_dealings01.gif) no-repeat; display:block; width:104px; height:40px; margin-right:3px; }
.navi05 a {	background:url(../images/header/btn_company_profile01.gif) no-repeat; display:block; width:104px; height:40px; margin-right:3px; }
.navi06 a {	background:url(../images/header/btn_recruit_info01.gif) no-repeat; display:block; width:104px; height:40px; margin-right:3px; }
.navi07 a {	background:url(../images/header/btn_inquiry01.gif) no-repeat; display:block; width:104px; height:40px; }

.navi01 a:hover {	background:url(../images/header/btn_home02.gif) no-repeat; display:block; width:104px; height:40px; margin-right:3px; }
.navi02 a:hover {	background:url(../images/header/btn_concept02.gif) no-repeat; display:block; width:104px; height:40px; margin-right:3px; }
.navi03 a:hover {	background:url(../images/header/btn_products_info02.gif) no-repeat; display:block; width:104px; height:40px; margin-right:3px; }
.navi04 a:hover {	background:url(../images/header/btn_about_dealings02.gif) no-repeat; display:block; width:104px; height:40px; margin-right:3px; }
.navi05 a:hover {	background:url(../images/header/btn_company_profile02.gif) no-repeat; display:block; width:104px; height:40px; margin-right:3px; }
.navi06 a:hover {	background:url(../images/header/btn_recruit_info02.gif) no-repeat; display:block; width:104px; height:40px; margin-right:3px; }
.navi07 a:hover {	background:url(../images/header/btn_inquiry02.gif) no-repeat; display:block; width:104px; height:40px; }


/*bottom
----------------------------------------*/
#bottom {
	background:url(../images/bottom/bgimg.gif) repeat-x top;
}

.bottom_left {
	float:left;
	padding:10px;
	font-size:10px;
	line-height:18px;
}

/*IE*/
html* .bottom_left a {
	color:#505050 !important;
	text-decoration:none;
}

/*FIREFOX*/
html>body .bottom_left a {
	color:#505050 !important;
	text-decoration:none;
}

.bottom_left a:hover {
	color:#505050;
	text-decoration:underline;
}

.bottom_right {
	float:right;
	padding:10px;
}


/*main
----------------------------------------*/
#main {
	background:url(../images/com/shadow.jpg) repeat-x top;
	padding:0 15px 0 35px;
}

#main_l {
	float:left;
	width:220px;
	margin-bottom:15px;
}

#main_r {
	float:right;
	width:495px;
	margin-bottom:15px;
}

#main02 {
	background:url(../images/com/shadow.jpg) repeat-x top;
	padding:15px 15px 0 35px;
}

#main_l02 {
	float:left;
	width:220px;
	margin-bottom:15px;
}

#main_r02 {
	float:right;
	width:495px;
	margin-bottom:15px;
}


/*index
----------------------------------------*/
#topics {
	margin-bottom:15px;
}

#topics .innar {
	border-bottom:1px dotted #505050;
	padding:5px 20px;
}

#topics .innar p {
	font-size:10px;
	border-bottom:1px dotted #C8C8C8;
	padding:0 0 3px;
	margin:0 0 5px;
}

#btn_area {
	text-align:center;
}


#catch {
	padding-top:31px;
}

#catch .catch_img {
	float:left;
	width:130px;
}

#catch .catch_copy {
	float:right;
	width:355px;
}

#catch .catch_comment {
	padding:5px;
}

#product_list {
	padding-top:20px;
}

#product_list .img_title {
	margin-bottom:10px;
}

#product_list_innar {
	padding-top:15px;
}

.product_list_innar_l {
	float:left;
	width:240px;
}

.product_list_innar_r {
	float:right;
	width:240px;
}

.product_img_s {
	float:left;
	width:60px;
}

.product_list_comment {
	float:right;
	width:170px;
	font-size:10px;
}

.product_list_comment p {
	float:right;
	width:35px;
	text-align:right;
	background:url(../images/com/arrow.gif) 0 7px no-repeat;
	margin:0;
}


/*sub_contents
----------------------------------------*/
#contents {
	margin-bottom:15px;
}

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

#contents ul li {
	font-size:12px;
	text-decoration:none;
	border-bottom:1px dotted #505050;
}

#contents ul li a {
	color:#4C8332;
	text-decoration:none;
}

.sub_select a {
	display:block;
	padding:5px 5px 5px 23px;
	background:url(../images/com/arrow.gif) 6px 10px no-repeat;
}

.sub_select a:hover {
	display:block;
	padding:5px 5px 5px 23px;
	background:url(../images/com/arrow.gif) 6px 10px no-repeat #F5F5F5;
}

.sub_select_on a {
	display:block;
	padding:5px 5px 5px 23px;
	background:url(../images/com/arrow.gif) 6px 10px no-repeat #F5F5F5;
	text-decoration:none;
}

#sub_main_title {
	margin-bottom:10px;
}


/*common
----------------------------------------*/
form {
	margin:0;
}


#comment01 {
	padding:5px;
	margin-bottom:5px;
}

.bottom_line {
	border-bottom:1px dotted #999999;
}

.must {
	color:#FF6600;
}

.midashi01 {
	font-weight:bold;
	margin:0;
	border-bottom:1px solid #939393;
}


/*products_info
----------------------------------------*/
#sub_title {
	margin-bottom:5px;
}



/*company_profile
----------------------------------------*/
#company_profile th {
	text-align:left;
	font-weight:normal;
	color:#4C8332;
}

#accessmap_img {
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}


/*inquiry
----------------------------------------*/
#inquiry_form th {
	text-align:left;
	font-weight:normal;
	color:#4C8332;
}

/*about_dealings
----------------------------------------*/
#about_dealings th {
	text-align:left;
	font-weight:normal;
	color:#4C8332;
}

.flow {
	padding-top:5px;
}