@charset Shift_JIS;

* {
	margin:0;
	padding:0;
}
html {
	overflow-y:scroll;
}
body {
	font-family:"qMmpSPro W3", "Hiragino Kaku Gothic Pro", Osaka, CI, "lr oSVbN", Meiryo, sans-serif;
	font-size:80%;
	line-height:150%;
	color:#333;
	background:url(../images/header_bg.jpg) repeat-x top #eee;
}
img {
	border:none;
	vertical-align:top;
}
hr {
	clear:both;
	visibility:hidden;
}
table th,
table td {
	text-align:left;
	vertical-align:top;
}
input,textarea,select {
	font-size:1em;
	margin:2px 5px 2px 0;
}
.clearfix{
    zoom:1;/*for IE 5.5-7*/
		overflow:hidden;
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
ol,ul {list-style:none;}

/* link
----------------------------------------------------------*/
a {
	outline:none;
}
a:link,a:visited {
	color:#1041a2;
}
a:hover {
	color:#333;
}
.img-filter a:hover img {
	opacity: 0.7;
 filter: alpha(opacity=80);
 -moz-opacity: 0.7;
}

/* hanyo
----------------------------------------------------------*/
.clear {clear:both;}
.bold {font-weight:bold;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.t-right {text-align:right;}
.t-left {text-align:left;}
.large {
	font-size:110%;
	line-height:110%;
}

.blue{color:#1041a2;}
.red{color:#cc0000;}
.orange{color:#ff6600;}


.img_border{
	border:1px solid #CCC;
	padding:3px;
	background:#fff;
}
.border01{
	border:1px solid #CCC;
}

.text_box{
	width:940px;
	border:1px solid #ccc;
	background:#eee;
	padding:9px;
	/*margin-bottom:30px;*/
}
.text_box02{
	width:740px;
	border:1px solid #7b9bb0;
	background:#e1eef7;
	padding:9px;
	/*margin-bottom:30px;*/
}

/* catalogue
----------------------------------------------------------*/
.l-img img {
	float:left;
	border:1px solid #ccc;
	padding:3px;
	margin-right:10px;
	margin-bottom:5px;
	background-color:#fff;
}
.r-img img {
	float:right;
	/*border:1px solid #ccc;
	padding:3px;*/
	margin-left:10px;
	margin-bottom:5px;
	background-color:#fff;
}

/* margin,padding
----------------------------------------------------------*/
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mr20{margin-right:20px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr05{margin-right:5px;}
.ml05{margin-left:5px;}
.ml20{margin-left:20px;}

.pt10{padding-top:10px;}

/* title
----------------------------------------------------------*/
.midashi01{
	background:url(../images/icon04.jpg) no-repeat center left;
	padding:2px 0px 2px 17px;
}

.title01{
	font-size:130%;
	border-top:3px solid #005d9a;
	border-bottom:1px solid #ccc;
	/*background-color:#fcf1df;*/
	color:#005d9a;
	padding:9px 10px;
	margin-bottom:12px;
	clear:both;
}
.title02{
	font-weight:bold;
	padding:12px 0 9px 10px;
	margin-bottom:10px;
	font-size:130%;
	color:#fff;
	background:url(../images/tit_bg01.jpg) no-repeat left;
	border:1px solid #ccc;
	clear:both;
}

.title03{
	font-size:110%;
	font-weight:bold;
	background:url(../images/icon01.gif) no-repeat center left;
	padding:2px 0px 2px 20px;
	color:#1041a2;
	margin-bottom:5px;
	border-bottom:1px dotted #999;
	clear:both;
}

.title04{
	font-weight:bold;
	padding:12px 0 9px 10px;
	margin-bottom:10px;
	font-size:130%;
	color:#1041a2;
	background:url(../images/tit_bg02.jpg) no-repeat center;
	border:1px solid #ccc;
	clear:both;
}


/* base
----------------------------------------------------------*/
#wrapper {
	width:1000px;
	margin:0 auto;
	margin-bottom:30px;
}
#header{
	width:1000px;
	height:103px;
	background:url(../images/header_bg02.jpg) repeat-x top;
}
#header_r{width:445px; float:right; text-align:right;}
#header_l{width:550px; float:left; text-align:left;}

#h1_box{
	width:550px;
	height:47px;
}
h1 {
	overflow-y:hidden;
	font-weight:normal;
	font-size:10px;
	padding:10px 0px 0px;
	line-height:normal;
}

#content {
	background:#fff;
	width:960px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:19px;
	/*height:1%;
	float:left;*/
	
}

/*««ie6 7ΜΆRecbg««*/
/** html #content{
	float:none
}
*:first-child+html #content{
	float:none
} */

/* navi
----------------------------------------------------------*/
#navi {
	clear:both;
	width:1000px;
	height:50px;
	margin-bottom:15px;
}
#navi li{float:left;}

#subnavi {
	clear:both;
	width:290px;
	height:22px;
	float:right;
}
#subnavi li{float:right;}

/* list
----------------------------------------------------------*/
.list01 li{
	list-style:square;
	margin-left:20px;
	margin-bottom:10px;
}
.list01 li span{font-weight:bold;}
.list02 {
	list-style:decimal;
	margin-left:30px;
}
.list02 li{margin-bottom:5px;}
.list02 li span{font-weight:bold;}
.list03 li{
	list-style:square;
	margin-left:20px;
}

/* table
----------------------------------------------------------*/
.table_bg01{background:#fdf7e4; font-weight:bold;}
.table_bg02{background:#e1eef7;}

/* bottom_contact
---------------------------------------------------- */
#bottom_contact{
	width:930px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:0 14px 14px;
	background:url(../images/bottom_bg.jpg) repeat-x bottom; 
}
.bottom_l{width:458px; float:left;}
.bottom_box01{width:338px; float:left;}
	


/* wn
---------------------------------------------------- */
.top_wn{width:540px; float:left;}
.info_box01{
	width:540px;
	height:183px;
	margin-bottom:20px;
}
.info_bg{ 
	width:520px;
	height:173px;
	background:url(../images/wn_bg.jpg) repeat-x top; 
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:0px 9px 9px;
	overflow:auto;
}

.top_info{ width:500px;/* margin-bottom:5px;*/}
.top_info th,
.top_info td{padding:10px 5px 5px;}
.top_info th{width:80px;vertical-align:top;text-align:center;}
.top_info td,.top_info th{ border-bottom:1px dotted #999; font-size:12px;}
.top_info td span{font-weight:bold;}
.top_info td img{ vertical-align:middle; margin-left:5px;}

/* fla
----------------------------------------------------------*/
.fla{width:958px; height:318px; border:1px solid #ccc;}

/* top
----------------------------------------------------------*/
.top_box01{
	width:930px;
	padding:10px 14px;
	border-right:1px solid #4b75c8;
	border-left:1px solid #4b75c8;
	border-bottom:1px solid #4b75c8;
	background:#edf2fd;
	margin-bottom:20px;
}
.top_text01{
	width:205px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:9px;
	background:url(../images/top_bg01.jpg) repeat-x bottom #fff; 
}
.top_box02{width:225px;}	

/* wn
----------------------------------------------------------*/
.wn_l{width:355px; float:left; margin-right:20px; margin-bottom:20px;}
.wn_l img{
	border:1px solid #CCC;
	padding:3px;
	background:#fff;
	margin-bottom:10px;
}
.wn_img img{float:left; margin:0 5px;}

.wn_r{width:580px; float:left; margin-bottom:20px;}

/* trans
----------------------------------------------------------*/
.trans_box01{
	width:600px;
	float:left;
}
.trans_box01 p{
	font-size:13px;
	line-height:160%;
}
.trans_text01{
	width:450px;
	padding:9px;
	border-right:1px solid #4b75c8;
	border-left:1px solid #4b75c8;
	border-bottom:1px solid #4b75c8;
	background:#edf2fd;
}
.trans_box02{width:470px;}
.trans_text02{width:320px; float:right; font-size:13px;line-height:160%;}

/* distribution
----------------------------------------------------------*/
.distribution_table01 {
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}

.distribution_table01 th {
	vertical-align:middle;
	text-align:center;
	padding:5px 10px;
}
.distribution_table01 td{padding:5px 10px;vertical-align:middle;border:2px solid #91a2c4; background:#edf2fd;}
.distribution_table01 td span{font-weight:bold; color:#1041a2; font-size:14px;}

.distribution_box01{
	width:600px;
	float:left;
}
.distribution_box01 p{
	font-size:13px;
	line-height:160%;
}
.distribution_text01{
	width:450px;
	padding:9px;
	border-right:1px solid #4b75c8;
	border-left:1px solid #4b75c8;
	border-bottom:1px solid #4b75c8;
	background:#edf2fd;
}

/* system
----------------------------------------------------------*/
.system_box01{
	width:940px;
	padding:0 9px 9px;
	border-right:1px solid #f08424;
	border-left:1px solid #f08424;
	border-bottom:1px solid #f08424;
	background:#ffeede;
	margin-bottom:20px;
}
.w465{width:465px;}
.system_text01{width:285px; float:right;}

/* company
----------------------------------------------------------*/
.company_table {
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
	clear:both;
}
.company_table th,
.company_table td {
	padding:5px 10px;
	border:1px solid #ccc;
	font-size:13px;
	vertical-align:middle;
}
.company_table th {
	width:120px;
	/*white-space:nowrap;*/
	background-color:#eee;
	vertical-align:middle;
	
}

.company_list {
	width:600px;
	margin-left:5px;
}
.company_list li {
	background:url(../images/icon03.jpg) no-repeat left center;
	padding-left:15px;
	margin-bottom:5px;
	margin-right:10px;
	display:block;
	float:left;
	white-space:nowrap;
}
.company_list2 {
	width:480px;
	margin-left:5px;
}
.company_list2 li {
	background:url(../images/icon03.jpg) no-repeat left center;
	padding-left:15px;
	margin-bottom:5px;
	margin-right:10px;
	display:block;
	float:left;
	white-space:nowrap;
}



/* CL01
----------------------------------------------------------*/
#cl_bg {
	background:url(../images/cate_bg.jpg) repeat-y;
	width:960px;
	height:1%;
	float:left;
	margin-bottom:20px;
}

/*««ie6 7ΜΆRecbg««*/
* html #cl_bg{
	float:none
}
*:first-child+html #cl_bg{
	float:none
} 

#cate_left{
	float:left;
	width:200px;
	padding:10px;	
	/*margin-bottom:30px;*/
}
#cate_right{
	float:right;
	width:720px;
	/*margin-bottom:30px;*/
}

.cate_box{
	width:198px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#fff;
	/*margin-bottom:10px;*/
}	
/*----------cate--------------*/	
.left_cate li a {
	padding:8px 0px 7px 25px;
	display:block;
	text-decoration:none;
	line-height:130%;
	margin-bottom:5px;
	width:173px;
	border-bottom:1px dotted #ccc;
}
.left_cate li a:link,
.left_cate li a:visited {
	background:url(../images/cate_icon.jpg) no-repeat left;
	color:#333;
}
.left_cate li a:hover,
.left_cate .on a:link,
.left_cate .on a:visited {
	background:url(../images/cate_icon.jpg) no-repeat left;
	color:#1041a2;
}

/* instance.html
----------------------------------------------------------*/
.instance_l{width:355px; float:left; /*margin-right:20px;*/ margin-bottom:20px;}
.instance_l img{
	border:1px solid #CCC;
	padding:3px;
	background:#fff;
	margin-bottom:10px;
}
.instance_img img{float:left; margin:0 5px;}

.instance_r{width:345px; float:right; margin-bottom:20px;}
.instance_text{width:720px; margin-bottom:20px;}
.ln{line-height:normal;}

/*---y[WO---*/
.paging {
	background-color:#f8e5d5;
	padding:7px 10px;
	text-align:right;
	margin-bottom:20px;
	clear:both;
}
.paging span.current,
.paging span a.paging-text {
	border:1px solid #ccc;
	padding:3px 6px;
}
.paging span.current {
	background:#e77006;
	color:#fff;
}
.paging span a.paging-text {
	background:#fff;
	cursor:pointer;
}
.paging span a.paging-text:hover {
	background:#e77006;
	color:#fff;
}

/* recruit.html
----------------------------------------------------------*/
.recruit_table {
	width:345px; 
	float:right;
	margin-bottom:20px;
	border-collapse:collapse;
}
.recruit_table th,
.recruit_table td {
	padding:5px 5px;
	border:1px solid #ccc;
	font-size:13px;
	vertical-align:middle;
}
.recruit_table th {
	width:20%;
	background-color:#eee;
	vertical-align:middle;
	
}
.recruit_table02 {
	width:100%; 
	margin-bottom:20px;
	border-collapse:collapse;
}
.recruit_table02 th,
.recruit_table02 td {
	padding:5px 5px;
	border:1px solid #ccc;
	font-size:13px;
	vertical-align:middle;
}
.recruit_table02 th {
	width:20%;
	background-color:#eee;
	vertical-align:middle;
	
}

/* contact.html
----------------------------------------------------------*/
.contact_text01{
	width:430px;
	float:left;
}
.contact_text02{
	width:490px;
	float:right;
	padding-left:9px;
	border-left:1px dotted #999;
}
.contact_box01{
	width:768px;
	margin:0 auto;
	margin-bottom:20px;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:url(../images/contact_bg.jpg) repeat-x bottom; 
}
.contact_box02{
	overflow:auto;
	width:940px;
	height:350px;
	border:1px solid #CCC;
	padding:9px;
	margin-bottom:20px;
}
.contact_box03{
	overflow:auto;
	width:940px;
	height:150px;
	border:1px solid #CCC;
	padding:9px;
	margin-bottom:20px;
}
.contact_subtit{
	font-weight:bold;
	font-size:14px;
	color:#1041a2;
	margin-bottom:10px;
}

/* access
----------------------------------------------------------*/
.map_box{
	width:652px;
	float:left;
	margin-bottom:10px;
}
.map_b{border:1px solid #ccc;}
.map_link{ background:url(../images/icon04.jpg) no-repeat 0px 4px; padding-left:16px}
*:first-child+html .map_link{ background:url(../images/icon04.jpg) no-repeat center left;
	padding:2px 0px 2px 16px;}

.map_text{
	width:275px;
	/*float:right;*/
	border:1px solid #ccc;
	background:#eee;
	padding:9px;
	margin-bottom:10px;
}
.map_r{width:295px; float:right; margin-bottom:20px;}

/* footer
----------------------------------------------------------*/
.pagetop {
	float:right;
	padding-bottom:15px;
	padding-right:20px;
	/*padding-top:30px;*/
}
.pagetop a:hover img {
 opacity: 0.7;
 filter: alpha(opacity=80);
 -moz-opacity: 0.7;
}

#bottom{
	width:1000px;
	background:#ccc;
	margin:0 auto;
}
.footer_l{width:700px; float:left; padding-left:20px; margin-bottom:20px;}

.footer{
	padding:10px 0px 10px 0px;
	font-size:10px
}
.footer li{
	list-style:none;
	display:inline;
	border-right:1px solid #999;
	padding:0px 5px
}
.footer .first{ padding-left:0px}
.footer .last{ border:none; padding-right:0px}

.footer a:link {color: #333; text-decoration:none} 
.footer a:visited {color: #333; text-decoration:none} 
.footer a:hover,
.footer a:active {color: #666; text-decoration:none}


.pbreaka{page-break-after:always;}










/* print
----------------------------------------------------------*/
@media print {
body {
	background:#fff;
}

}

