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


/*全頁共通スタイル*/
* {
margin: 0;
padding: 0;
line-height:1.5em;
}

body#bak{
background-image:url(images/body_back.jpg);
}

p{
	margin:0;
}

.cf {
	display: block;
	clear: both;
	content: "";
    }
	

div#mainimg {
	width:100%;
	height:100%;

margin-top:200px;
background-repeat:no-repeat;

}

div#mainimg img{
	max-width:100%;
	max-height:100%;

position: absolute;
  top: 15%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;

}


.catche {
	width: 100vw;
	height: 800px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;

}

/*外枠とそれに付随するスタイル*/
#header {
	width: 100%;
	height: ;
	margin: 0 auto;
	padding:0;
	background-image:url(images/top_02.png);
	background-repeat:repeat-x;
	
overflow: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 100;
text-align: center;
-moz-transition: height 0.3s;
-o-transition: height 0.3s;
-webkit-transition: height 0.3s;
transition: height 0.3s;
}



#wrap {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  border: solid #ccc;
  border-width: 0 1px;
}


.parent_back {
	width: 960px;
	height: auto;
	margin: 0px auto;
	overflow:hidden;


}
.parentot_back {
	width: 960px;
	height: auto;
	margin: 0 auto;
	padding:15px 20px;
	overflow:hidden;
	background-color:#FFF;


}

#parent {
	padding: 170px 0 0 0;
	

}

#parent {
	overflow: hidden;
	margin-right: 0;

}

#parent_top {
	overflow: hidden;
	margin-right: 0;
				background-image:url(images/suiteki.jpg);
	background-repeat:repeat-x;
}

[id^=child] {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #fff;
	padding: 3em 0;
	text-align: center;
}
#child1 {

	text-align:left;
		background-image:url(images/companyinfo_back.png);
	background-repeat:no-repeat;

}

#child1 {
	float: left;
	width: 49%;
		height: 400px;
	margin-right: 0;
	padding:20px;
}

#child2 {

	text-align:left;
}

#child2 {
	float: left;
	width:49%;
	margin-right: 0;
	padding:0;
}

#child2 ul{
	width:230px;
	font-size:0;
}

#child2 ul li{
	display: inline-block;
	vertical-align: middle;
	width:100px;
	margin:7px;
	color:#192265;
	font-size:12px;
	text-align:center;
}

#footer {
	width: 100%;
	height: 270px;
	margin: 0 auto;
	padding-top:50px;
    background-image:url(images/footer_back.png);
	background-repeat:repeat-x;
}

#footer p{
	color:#FFF;
	font-size:12px;
	padding-top:20px;
	text-align:center;
}


#infoot {
width:100%;
background-color:#000;
	position: absolute;       /* 絶対位置指定することを定義 */
	bottom: 0px;              /* 絶対位置指定(左0px,下0px) */
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

#infoot p{
	color:#FFF;
	font-size:12px;

	text-align:center;
}




/*ヘッダー・メニュースタイル*/
.head_back {
	width: 1000px;
	height: 82px;
	margin: 0px auto;
	padding-top:30px;
	overflow:hidden;

}

.head_left {
	float:left;
	width: 300px;
	height: 82px;
	padding-top:25px;

}

.head_right {
	float:left;
	width: 680px;
	height: 82px;
		padding-top:17px;
		padding-left:10px;



}

.head_right ul li{
	display: inline-block;
	vertical-align: middle;
	font-size:24px;
}


.menu {
	width:100%;
	height: 60px;
	margin: 0 auto;
	text-align:center;
	padding:2px 0;
background-color:#333;

}

.menu ul{
	width:1007px;
	margin: 0 auto;
	padding:0;
	text-align:center;
	
		
}
.menu ul li{
	width:124px;
	float:left;
	list-style:none;
	background-color:#333;
}

.menu ul li + li{
	margin:0 0 0 2px;
}

.menu ul li img {
    max-width: 100%;
    height: auto;
}

.fmenu {
	width:50%;
	height: 40px;
	margin: 0 auto;
	padding:0;
		border-left:1px solid #fff;
				border-right:1px solid #fff;
								border-bottom:1px solid #fff;
}

.fmenu ul{

	margin:0;
	padding:0;

}
.fmenu ul li{
	width:19%;
	float:left;
	list-style:none;
text-align:center;
}

.fmenu ul li + li{

	border-left:1px solid #fff;
}



.eigyo_time{
	margin:0 0 7px 0;
}



#company_guide{
padding:20px;
line-height:1.8em;
margin:5px 0 20px 0;
border:1px solid #ccc;
background-image:url(images/003-Brown-Paper.png);
overflow: hidden;


}

div#company_guide:after {
　content: "";
　display: block;
　clear: both;
}

#company_guide2{
padding:20px 10px;
line-height:1.8em;
margin:5px 0 20px 0;
border:1px solid #ccc;
background-image:url(images/003-Brown-Paper.png);
overflow: hidden;


}

div#company_guide2:after {
　content: "";
　display: block;
　clear: both;
}

#company_guide3{
padding:20px 10px;
line-height:1.8em;
margin:5px 0 20px 0;
border:1px solid #ccc;
background-color:#fff;
overflow: hidden;


}

div#company_guide3:after {
　content: "";
　display: block;
　clear: both;
}

#company_body{
padding:20px;
line-height:1.8em;
margin:5px 0 20px 0;
background-image:url(images/company_bodyti.png);
}

.guide_bold{
font-weight:bold;
color:#8A3E41;
}

table#company-tbl {
	border: 1px solid #1D78B2;
	border-collapse: collapse;
	width: ;


}

table#company-tbl tr td{

border:1px solid #1D78B2;
padding:13px;

}

.hissu{
font-weight:bold;
color:#900;
}

.inqtxt{
font-weight:bold;

}


/*トップページ品種相場スタイル*/

.items_wrap {
	width: 636px;
	height: 100%;
	margin: 0 auto;
	border: solid #ccc;
	border-width: 0 1px;
}



.items_parent {
	overflow: hidden;
	margin-right: -12px;
}

.items_parent div {
	float: left;
    width: 150px;
	margin-right: 12px;
}


p.kind {
	margin:10px 0;
	font-weight:bold;
	text-align:center;
	font-size:0.9em;
}
p.price {
	margin:5px 0 15px 0;
	font-weight:bold;
	text-align:center;
	font-size:0.9em;
}
p.price span.yen{
	color:#D83500;
	margin-right:2px;
}

p.t_kind {
	margin:10px;
	display: inline-block;
	text-align:center;
	vertical-align: middle;
	background-image:url(images/tateneback.png);
	background-repeat:no-repeat;
	width:45px;
	height:15px;
	padding:15px 0 15px 0;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}
p.t_price {
	margin:10px 0;
	display: inline-block;
	vertical-align: middle;
	font-weight:bold;
	text-align:center;
	font-size:0.9em;
}

p.t_price span.yen{
	color:#D83500;
	margin-right:2px;
}

.ichiran{
	float:right;
	margin:10px 0;
}

.page_ti{
	width:338px;
	height:42px;
	margin:0 0 ;
	text-align:left;
	padding:15px 0 0 300px;
	font-size:12px;
	font-weight:bold;
	color:#333;
}

.kikinzoku_price{
	background-image:url(images/kinzoku_price.png);
	background-repeat:no-repeat;
}

.tatene_price{
	background-image:url(images/tatene_price.png);
	background-repeat:no-repeat;
	width:338px;
	height:42px;
	margin:10px 0;
	text-align:left;
	padding:15px 0 0 300px;
	font-size:12px;
	font-weight:bold;
	color:#333;
}



/*サイドバースタイル*/

.newdate{
	color:#324383;
	font-weight:bold;
	font-size:10px;
	margin-top:10px;	
}

.new{
	color:#333;
	font-size:0.9em;

}

.diadate{
	color:#324383;
	border:1px solid #324383;
	padding:3px;
	font-weight:bold;
	font-size:10px;
	margin:10px 0 3px 0;
	width:6em;
	text-align:center;
}



/*会社案内スタイル*/

.ti_company{
	background-image:url(images/ti_company.png);
	background-repeat:no-repeat;
	width:338px;
	height:42px;
	margin:0 0 10px 0;
	text-align:left;
	padding:15px 0 0 300px;
	font-size:12px;
	font-weight:bold;
	color:#333;
}




.box-kai {
	width: 633px;
	margin:5px 0 5px 2px;
	border:1px dotted #039;
}


.box-kai h2 {
	font-size: 13px;
	color: #000;
	padding: 10px;
}

table {
	width: 100%;
	border-collapse: collapse;
		font-size:0.9em;
}
th.t_top {
    border-top: #b3b3b3 4px solid;
}
th {
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal;
}
td.t_top {
	border-top: #1D78B2 4px solid;
}
td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
}


ul.top-special{
	
}







.art_box a{
	color:#006;
	font-weight:600;
text-decoration: none; 


}

.art_box a:hover{
text-decoration: underline;
color:#F00;

}

.art_box img{
	width:auto;
	}
	
.date-back-special{
font-weight:bold;
color:#AB0007;
font-size:0.8em;
margin-top:10px;
}


ul#nav1 li {
    overflow: hidden;
}





#footer {
	width: 100%;
	height: 51px;
	margin: 0 auto;
	padding-top:18px;
    background-image:url(images/foot_back.png);
	background-repeat:repeat-x;
}


.tiikibetsu {
		vertical-align:top;
height:200px;
    background-image:url(images/tiikibetsu_back.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

.gyoshubetsu {
	vertical-align:top;
height:230px;
    background-image:url(images/gyoshubetsu_back.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

.txttop {
	vertical-align:top;

}



#holder {
	height:300px;
	overflow: hidden;
	width:300px;
}

#maximage {
	position:relative !important;
}




 ul.sponsor{
	width:90%;
	height:auto;
	margin: 0 auto;
	padding:0;
	font-size:0.75em;
	
		
}
ul.sponsor li{
	width:206px;
	float:left;
	list-style:none;
	line-height:1.2em;
	margin-bottom:10px;
	
}

 ul.sponsor-img{
	width:98%;
	height:auto;
	margin: 0 auto;
	padding:0;
	font-size:0.75em;
	
		
}
ul.sponsor-img li{
	width:;
	height:;
	float:left;
	list-style:none;
	line-height:1.2em;
	margin-bottom:10px;
	margin-right:6px;
	
}

@media screen and (max-width: 1023px){    

ul#nav1 li {
    overflow: hidden;
}


#parent {
	padding: 200px 0 0 0;
	

}

div#mainimg img{

position: absolute;
  top: 33%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
height: auto;

}



.menu {
	width:100%;
	height: 150px;
	margin: 0 auto;
	text-align:center;
	padding:0;
background-color: rgba(51, 51, 51, 0.5);



}

.menu ul{
	width:610px;
	margin: 0 auto;
	padding:0;
	text-align:center;

		
}
.menu ul li{
	width:150px;
	height:75px;
	float:left;
	list-style:none;

margin-left:2px;
padding:0;

}



.menu ul li img {

zoom: 1.7;
    height: auto;
	margin:0;
padding:0;
}

    }
	
	
div.js-masonry div{	
float:left;
margin:10px 5px 10px 14px;
width:420px;
padding:10px;
font-size:0.9em;
background-color:#fff;
}

.js-masonry{
padding:20px 5px;
line-height:1.8em;
border:1px solid #ccc;
background-image:url(images/003-Brown-Paper.png);
overflow: hidden;


}

div.js-masonry:after {
　content: "";
　display: block;
　clear: both;
}

.cong_ti{		
	 font-weight:bold;
	 }

.cong_gank{		
	 float:left;
	 padding-right:10px;
	 }