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



/*----------------------------------------
■基本設定
----------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 13px;
	line-height: 22px;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}


li{
	list-style-type: none;
}

img {
	border:none;
	vertical-align: bottom;/*イメージのbottomの余白を消す*/
	outline:none;
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}

.com_for_top{
	margin: 20px 0px 10px auto;
	height: 17px;
	width: 108px;
}




#top_warpper_box{
	background: url(img/com_main_bg.jpg) no-repeat center top;
	height: auto;
	width: 100%;
}

#ather_warpper_box{
	background: url(img/ather_main_bg.jpg) no-repeat center top;
	height: auto;
	width: 100%;
}

#com_header{
	background: url(img/com_head_bg.gif) repeat-x;
	height: 124px;
	width: 100%;
}

#com_header_in{
	margin: 0px auto;
	height: auto;
	width: 950px;
}

#com_header_in .title{
	line-height: 30px;
	color: #FFFFFF;
	text-align: right;
	height: 30px;
	width: 100%;
	font-size: 12px;
	font-weight: normal;
}

#com_header_in_write .left_box{
	float: left;
	height: auto;
	width: 320px;
}

#com_header_in_write .right_box{
	float: right;
	height: 93px;
	width: 610px;
	background: url(img/com_tel_img.gif) no-repeat 195px 17px;
}

#com_header_info_btm{
	margin: 48px 0px 0px auto;
	height: 25px;
	width: 91px;
}

#top_main_box{
	background: url(img/com_main_bg.jpg) no-repeat center top;
	height: 300px;
	width: 100%;
}



#top_main_pic{
	margin: 0px auto;
	height: auto;
	width: 950px;
	background: url(img/top_main_pic.jpg) no-repeat 1px 0px;
	padding: 303px 0px 0px;
	position: relative;
}


#ather_main_pic{
	margin: 0px auto;
	height: auto;
	width: 950px;
	background: url(img/ather_main_pic.jpg) no-repeat 1px 0px;
	padding: 25px 0px 0px;
	position: relative;
}

#title_box{
	padding: 22px 0px 40px 30px;
}

#ather_content_box{
	margin: 0px auto;
	padding: 60px 0px 0px;
	height: auto;
	width: 868px;
}


#comcontents_bg_btm{
	background: url(img/comcontents_bg_btm.jpg) no-repeat center bottom;
	height: auto;
	width: 100%;
}


/*----------------------------------------
■メニュー
----------------------------------------*/


#com_menu_box{
	height: 70px;
	width: 924px;
	margin: 0px auto;
	background: url(img/com_menu_bg.gif) no-repeat;

}


#com_menu_box_in{
	margin: 0px auto;
	height: auto;
	width: 894px;
}

#com_menu_box_in li{
	float: left;
	height: 70px;
	width: 149px;
}


#com_menu_box_in li a{
	text-indent: -9999px;
	display: block;
	height: 70px;
	width: 149px;
}



#com_menu_home{
	background: url(img/com_menu_home.gif) no-repeat;
}

#com_menu_company{
	background: url(img/com_menu_company.gif) no-repeat;
}


#com_menu_equipment{
	background: url(img/com_menu_equipment.gif) no-repeat;
}

#com_menu_processing{
	background: url(img/com_menu_processing.gif) no-repeat;
}

#com_menu_news{
	background: url(img/com_menu_news.gif) no-repeat;
}

#com_menu_inqurty{
	background: url(img/com_menu_inqurty.gif) no-repeat;
}


#com_menu_home a:hover{
	background: url(img/com_menu_home_a.gif) no-repeat;
}

#com_menu_company a:hover{
	background: url(img/com_menu_company_a.gif) no-repeat;
}


#com_menu_equipment a:hover{
	background: url(img/com_menu_equipment_a.gif) no-repeat;
}

#com_menu_processing a:hover{
	background: url(img/com_menu_processing_a.gif) no-repeat;
}

#com_menu_news a:hover{
	background: url(img/com_menu_news_a.gif) no-repeat;
}

#com_menu_inqurty a:hover{
	background: url(img/com_menu_inqurty_a.gif) no-repeat;
}


#com_maincontents_box{
	background: url(img/com_maincontents_bg.png) repeat-y center;
	height: auto;
	width: 100%;
}

#com_maincontents_box_in{
	height: auto;
	width: 917px;
	margin: 0px auto;
}

#footer_navi_box{
	text-align: center;
	padding: 5px 0px 15px;
	height: auto;
	width: 100%;
}

#com_footer_box{
	background: url(img/com_footer_bg.jpg) repeat-x;
	height: 125px;
	width: 100%;
}




#com_footer_box_in{
	height: auto;
	width: 950px;
	margin: 0px auto;
	padding: 10px 0px 0px;
}


#com_footer_box_in .text{
	color: #FFFFFF;
	text-align: right;
}

#com_info_btm{
	height: 188px;
	width: 170px;
	position: absolute;
	left: 950px;
	top: 30px;
}

/*--------------------------------------------------------------
	●トップページ
----------------------------------------------------------------*/


#top_maincontents_left_box{
	float: left;
	height: auto;
	width: 448px;
	padding: 20px 0px 0px;
}

#top_maincontents_right_box{
	float: right;
	height: auto;
	width: 452px;
	padding: 20px 0px 0px;
}


#top_info_box{
	padding: 0px 0px 15px;
	height: auto;
	width: 448px;
}

#top_info_box .list{
	padding: 10px 0px 15px;
	height: auto;
	width: 448px;
	border-bottom: 2px solid #CCCCCC;
}

#top_info_box .list li{
	background: url(img/com_line.gif) repeat-x left bottom;
	padding: 5px 0px 3px;
}

#top_info_box .list li span{
	background: url(img/top_info_kome.gif) no-repeat 0px 5px;
	padding: 0px 0px 0px 15px;
}


#top_processing_box{

}

#top_processing_box .left_box,
#top_processing_box .right_box{
	height: auto;
	width: 221px;
}

#top_processing_box .text_bg{
	background: url(img/top_processing_btm.jpg) no-repeat;
	height: 48px;
	width: 221px;
}

#top_processing_box .text_bg p{
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px auto;
	padding: 5px 0px 0px;
	height: auto;
	width: 210px;
	line-height: 18px;
}

#top_processing_box .text_bg p a{
	color: #FFFFFF;
}

#top_processing_box .left_box{
	float: left;
}

#top_processing_box .right_box{
	float: right;
}

/*注目コンテンツ*/

#top_tyuumokucon_box{
	padding: 0px 0px 15px;
	height: auto;
	width: 452px;
}


/*--------------------------------------------------------------
	●階下ページ
----------------------------------------------------------------*/



/*--------------------------------------------------------------
	●会社案内
----------------------------------------------------------------*/

#company_goaisatsu_box{
	margin: 0px auto;
	height: auto;
	width: 868px;
}

#company_goaisatsu_box .left_box{
	float: left;
	height: auto;
	width: 595px;
}


#company_goaisatsu_box .right_box{
	float: right;
	height: auto;
	width: 232px;
}

#company_enkaku_box{
	height: auto;
	width: 595px;
	padding: 25px 0px 0px;
}

#company_enkaku_box td{
	padding: 5px;
}

.ecf3ff{
	background: #ecf3ff;
}



#company_annai_box{
	margin: 0px auto;
	height: auto;
	width: 868px;
}

#company_annai_box .left_box{
	float: left;
	height: auto;
	width: 500px;
}

#company_annai_box .right_box{
	float: right;
	height: auto;
	width: 351px;
}


#company_annai_box .table{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#company_annai_box .table th,
#company_annai_box .table td{
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
}

#company_annai_box .table th{
	font-weight: normal;
	text-align: left;
	padding: 8px 4px;
	background: url(img/com_table_bg.gif) repeat;
}

#company_annai_box .table .none{
	border-bottom-width: 0px;
	border-bottom-style: none;
}

#company_annai_box .table td{
	padding: 8px 4px;
}


#company_access_box{
	margin: 0px auto;
	height: auto;
	width: 868px;
	padding: 20px 0px 0px;
}

#company_access_box .company_access_text{
	padding: 30px 0px 10px;
}

/*--------------------------------------------------------------
	●設備紹介
----------------------------------------------------------------*/

.equipment_setsudan_box{
	height: auto;
	width: 868px;
}

.equipment_setsudan_box .left_box{
	float: left;
	height: auto;
	width: 373px;
}

.equipment_setsudan_box .right_box{
	float: right;
	height: auto;
	width: 486px;
}

.equipment_bar{
	padding: 0px 0px 25px;
	height: auto;
	width: 100%;
}

.equipment_setsudan_box .table{
	border-top: 2px solid #6699ff;
}

.equipment_setsudan_box .table td{
	padding: 6px 4px;
}

.equipment_setsudan_box .bg{
	background: #ecf3ff;
}

#equipment_setsudan_bg{
	background: url(img/equipment_setsudan_bg.jpg) no-repeat;
	height: 337px;
	width: 868px;
	margin: 20px 0px 25px;
	clear: both;
}

#equipment_yousetsu_bg{
	background: url(img/equipment_yousetsu_pic.jpg) no-repeat;
	height: 337px;
	width: 868px;
	margin: 20px 0px 25px;
	clear: both;
}

#equipment_yousetsu_bg .box_in,
#equipment_setsudan_bg .box_in{
	padding: 20px 0px 0px 33px;
	height: 303px;
	width: 355px;
}



/*--------------------------------------------------------------
	●最新情報
----------------------------------------------------------------*/

.news_main_box{
	padding: 15px 0px;
	height: auto;
	width: 100%;
}

.news_main_bar{
	background: url(img/com_line.gif) repeat-x 0px bottom;
	padding: 8px 0px 10px;
	height: auto;
	width: 100%;
}

.news_main_bar span{
	font-family: "メイリオ";
	background: url(img/news_list_bar.jpg) no-repeat;
	padding-left: 15px;
}


.table_box{
	padding: 15px 0px;
}

/*--------------------------------------------------------------
	●加工実績
----------------------------------------------------------------*/

.processing_item_box{
	height: auto;
	width: 267px;
	padding: 0px 0px 30px;
}

.processing_item_left{
	margin-right: auto;
}

.processing_item_center{
	margin: 0px auto;
}

.processing_item_right{
	margin-left: auto;
}

.processing_item_box .sbar{
	padding: 8px 0px 5px;
	height: auto;
	width: 100%;
	border-bottom: 1px solid #0033ff;
	margin-bottom: 10px;
}


/*--------------------------------------------------------------
	●お問合せ
----------------------------------------------------------------*/


#inqurty_form_bg{
	background: url(img/inqurty_form_bg.jpg) no-repeat center bottom;
	height: auto;
	width: 100%;
	padding: 0px 0px 100px;
}

#inqurty_form_box{
	height: auto;
	width: 660px;
	margin: 0px auto;
	padding: 20px 0px 10px;
}


#inqurty_hissu_icon{
	background: url(img/inqurty_hissu_icon.gif) no-repeat 0px 6px;
	margin: 0px 0px 0px auto;
	padding: 5px 0px;
	height: auto;
	width: 254px;
	text-align: right;
}

.inqurty_form_box_in{
	height: auto;
	width: 660pssx;
	background: url(img/inqurty_table_bg.png) repeat;
	border: 1px solid #999999;
}

.inqurty_form_box_in td,
.inqurty_form_box_in th{
	padding: 15px 0px 15px 8px;
}

.inqurty_form_box_in th{
	background: #e5f2ff;
	font-weight: normal;
	text-align: left;
	border-right: 1px solid #CCCCCC;
}

.inqurty_form_box_in .line{
	background: url(img/com_line.gif) repeat-x left bottom;
}

.inqurty_form_box input{
	border: 1px solid #CCCCCC;
}


.form_btn_cnf{
	height: 66px;
	width: 342px;
	margin: 15px auto;
}

#inqurty_kojin_box{
	padding: 30px 0px;
	height: auto;
	width: 100%;
}

/*--------------------------------------------------------------
	●CLEARFIX
----------------------------------------------------------------*/

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

.clearfix{
display:inline-table;
min-height:1%;
}

/* FOR MAC IE \*/
* html .clearfix{
height:1%;
}

.clearfix{
display: block;
}
/* END OF FOR MAC IE */



/*--------------------------------------------------------------
	●リンク
--------------------------------------------------------------*/

/*

a:link {
color: #000000;
text-decoration:none;
}

a:active {
color: #000000;
text-decoration:none;
}

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

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

*/





/*--------------------------------------------------------------
	●マージン/パディング
--------------------------------------------------------------*/


.pt05 { padding-top: 05px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}
.pt40 { padding-top: 40px;}

.pb05 { padding-bottom: 05px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb40 { padding-bottom: 40px;}

.ml05 { margin-left: 05px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}

.mr05 { margin-right: 05px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}



/*--------------------------------------------------------------
	●フォント関連
--------------------------------------------------------------*/

.font10-15 {
	FONT-SIZE: 10px;
	LINE-HEIGHT: 15px;
}
.font12-18 {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 18px;
}

.font13-22 {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 18px;
}

.font14-20 {
	FONT-SIZE: 14px;
	LINE-HEIGHT: 20px;
}
.font20-24 {
	FONT-SIZE: 20px;
	LINE-HEIGHT: 24px;
}

.red{
	color: #FF0000;
}

.center{
	background: center;
}

.indent{
	text-indent: 5px;
}