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

/* ///////////////////////////////////////////

初期化

////////////////////////////////////////////*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; padding:0;
	line-height: 1.5;
}
table{
    border-collapse: collapse; border-spacing:0;
}
fieldset, img{
    border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; font-weight:normal;
}
ol, ul{
    list-style: none;
}
caption, th{
    text-align: left;
}
h1, h2, h3, h4, h5, h6{
    font-size:100%; font-weight:normal;
}
q:before, q:after{
    content:”;
}
abbr, acronym{
    border:0;
}
a{
	color: #0299E0;
}
a:hover{
	text-decoration: none;
}

/* ///////////////////////////////////////////

Font

////////////////////////////////////////////*/

body {
	font:12px/1.231 arial,helvetica,clean,sans-serif;
	/* for IE6/7 */
	*font-size:small;
	/* for IE Quirks Mode */
	*font:x-small;
	color: #222;
	width: 100%;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;

	background:#fff;
}


select,
input,
button,
textarea,
button {
	font:99% arial,helvetica,clean,sans-serif;
}
button{
	border: none;
	background: none;
	margin: 10px 0 0 0;
}
table {
	font-size: inherit;
	font: 100%;
}

pre,
code,
kbd,
samp,
tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
.bold{
	font-weight: bold;
}

/* ///////////////////////////////////////////

global style

////////////////////////////////////////////*/
 #siteID
,#ceiling
,#navigation ul
,#footdata
{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#siteID{
	z-index: 1;
}
#siteID a{
	display: block;
	position: absolute;
	z-index: 2;
	background:url(../images/siteID.png) no-repeat;
	width: 337px;
	height: 92px;
	left: -85px;

	text-indent: -3000px;
	overflow: hidden;
}

#ceiling p{
	height: 74px;
	width: 515px;
	float: right;
	margin-top: 20px;
}

#navigation{
}
#navigation li{
	float: left;
}
#navigation li a{
	background-image: url(../images/navigation.png);
	background-repeat: no-repeat;
	display: block;
	width: 150px;
	height: 90px;
	position: relative;
	top: -90px;

	text-indent: -3000px;
	overflow: hidden;
}
	#gn1 a{		background-position: 	0 0;}
	#gn2 a{		background-position: -150px 0;}
	#gn3 a{		background-position: -300px 0;}
	#gn4 a{		background-position: -450px 0;}
	#gn5 a{		background-position: -600px 0;}
	#gn6 a{		background-position: -750px 0;}
	#gn1 a:hover{		background-position: 	0 -87px;}
	#gn2 a:hover{		background-position: -150px -87px;}
	#gn3 a:hover{		background-position: -300px -87px;}
	#gn4 a:hover{		background-position: -450px -87px;}
	#gn5 a:hover{		background-position: -600px -87px;}
	#gn6 a:hover{		background-position: -750px -87px;}

#mainimage{
	background:url(../images/mainimage.jpg) no-repeat center top;
	height: 390px;
	position: relative;
}
.subheadimage{
	background-position: center top;
	background-repeat: no-repeat;
	height: 220px;
	position: relative;
}
#subimage_company{	background-image:url(../images/subimage_company.jpg);}
#subimage_business{	background-image:url(../images/subimage_business.jpg);}
#subimage_recruit{	background-image:url(../images/subimage_recruit.jpg);}

#subimage_commodity{	background-image:url(../images/subimage_commodity.jpg);}
#subimage_extension{	background-image:url(../images/subimage_extension.jpg);}
#subimage_wholesale{	background-image:url(../images/subimage_wholesale.jpg);}
#subimage_contact{	background-image:url(../images/subimage_contact.jpg);}


#border_content{
	background:url(../images/border_bottom.jpg) repeat-x;
	height: 1px;
	width: 100%;
	position: absolute;
	top: 20px;
	z-index: 1;
}
#contents{
	width: 100%;

	position: relative;
	margin: 0 auto;
	top:-50px;
	padding-bottom: 10px;
	z-index: 100;
}
.contents{
	width: 612px;
	color:#222;
}

/* ///////////////////////////////////////////

3column style

////////////////////////////////////////////*/
#column_3r{
	width: 884px;
	margin: 0 auto;
	padding-top: 10px;
}
#column_3r:after{
	content:url(../images/justy884.gif);
}

 .radius
,.radius_l
{	padding-top: 0;}

.radius{
	background:#f9f7f7;
	width: 302px;
	border-radius: 5px;
}
#banner2 a {
	display: block;
	border-radius:5px;
}
.radius_l{
	background:#f9f7f7;
	width: 612px;
	border-radius:5px;
}
 .radius_m
,.radius_l_m
{	position: relative;border-radius:5px !important;}

.radius_m{
	background:#f9f7f7;
}
.radius_l_m{
	display: block;
	background:#f9f7f7;
	border-radius:5px;
}
 .radius dl
,.radius_l dl{
	padding: 12px 20px;
	border-bottom: solid 1px #fff;
}
 .radius dl.last
,.radius_l dl.last{
	background: none;
}
 .radius_b
,.radius_l_b
{
	height: 6px;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 2;
}
.radius_l_b{
_	bottom: 35px;
}
.radius_b{	background:url(../images/radius3_b.jpg) no-repeat bottom left;}
.radius_l_b{	background:url(../images/radius3_l_b.jpg) no-repeat bottom left;}

 .radius dl:after
,.radius_l dl:after{
	content:url(../images/justy300.gif);
}
 .radius dt
,.radius_l dt{
	width: 25%;
}
 .radius dd
,.radius_l dd{
	width: 73%;
}

 .radius p
,.radius_l p
,.radius_l ol
{
	padding: 12px 20px;
*	margin-top: -2px;
}

.radius_l_m h3{
	position: relative;
	padding-left: 15px;
	background:url(../images/icon.jpg) no-repeat 0px 5px;
}
.h3w{
	margin-left: 20px;
	top: 10px;
}
.h3n{
	margin-left: 5px;
	top: 5px;
}
/* ///////////////////////////////////////////

footer style

////////////////////////////////////////////*/
#footer{
	background: #fff;
	padding: 50px 0 10px;
}

	#copyright{
		height: 23px;
		color:#000;
		border-bottom: 1px solid #28A7E1;
	}

	#footseparate{
		padding-right: 10px;
	}
	#footseparate:after{
		content:url(../images/justy746.gif);
	}
	#footseparate h2{
		color:#000;
		margin: 5px 0 10px;
		font-size:1.5em;
		font-weight:bold;
	}
	#footseparate address{
		color: #000;
	}

	.pagetop a{
		background:url(../images/pagetop.png) no-repeat;
		width: 116px;
		height: 25px;
		display: block;

		text-indent: -3000px;
		overflow: hidden;
	}
/* ///////////////////////////////////////////

common style

////////////////////////////////////////////*/
 #ceiling:after
,#navigation:after
/* clearfix */ {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* 均等 */
.justlayout {
	text-align: justify;
	text-justify: distribute-all-lines;
	zoom: 1;
	display: block;
}
.justlayout:after{
	line-height:0;
	visibility:hidden;
}

 .justlayout li
,.justlayout dt
,.justlayout dd{
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

 * html .justlayout li
,* html .justlayout dt
,* html .justlayout dd {
	display: inline;
	zoom: 1;
}

 *:first-child+html .justlayout li
,*:first-child+html .justlayout dt
,*:first-child+html .justlayout dd {
	display: inline;
	zoom: 1;
}

/* template layout */
.column{
	width: 580px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
}
 .column:after
,.column_other2:after
{
	content:url(../images/justy580.gif);
}
.column_1{
	text-align: center;
	padding-bottom: 10px;
}
li.column_2{
	width: 285px;
}
li.column_2 p{
	padding: 5px;
}

.column_3 li{
	width: 190px;
}
.column_3 p{
	padding: 5px;
	padding-top: 0;
}
li.column_4{
	width: 140px;
}
li.column_4 p{
	padding: 5px;
}
li.column_5 img{
	display: block;
	margin-bottom: 10px;
}
.column_other2{
	width: 286px;
	padding-bottom: 10px;
	margin-left: 16px;
}
.column_other{
	width: 288px;
	margin-left: 17px;
}
/* ///////////////////////////////////////////

common paramator style

////////////////////////////////////////////*/
.tp0{	padding-top: 0!important;}
.lrp0{
	padding-left: 0!important;
	padding-right: 0!important;
}


.txt_r{
	text-align: right!important;
}

.red{
	color: #f00;
}

.w1{	width: 125px;}
.w2{	width: 95px;}
.w3{	width: 290px;}

.mt20{	margin-top: 20px;}
.pt10{	padding-top: 10px;}
.pt20{	padding-top: 20px;}

a:hover img{
	opacity : 0.7;
	filter:Alpha(opacity=70);
}
/* ///////////////////////////////////////////

common element

////////////////////////////////////////////*/
.icon1{
	background:url(../images/icon1.gif) no-repeat 5px 50%;
	padding-left: 15px!important;
}.next {
	margin-left: 30px;
}