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


/* デフォルト
----------------------------------------------- */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	padding: 0px;
	line-height: 1.8em;
	font-size: 13px;
	margin: 0px;
	background-image: url(../../bg_image/back_image.png);
	background-repeat: repeat;
}

form,input,p,ul,li,dl,th,
dd,dt,h1,h2,h3,h4,h5,h6 {
	margin:0px;
	padding:0px;
}

h3,h4,h5,h6,strong {
	font-size:12px;
	margin: 0px;
	font-weight: normal;
	padding: 0px;
}

a img,img {
	border:0;
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

ul,ol,dl {
	margin:0; padding:0;
}

dt,dd,li {
	list-style-type:none;
}

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

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

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

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

.clfix:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

.clfix {
	display:inline-block;	/*for ie7*/
}

.clear {
	clear:both;
}

.allclear {
	clear:both;
	height:0;
	font-size:0;
}

@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/NotoSerifCJKjp/NotoSerifCJKjp-ExtraLight.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/NotoSerifCJKjp/NotoSerifCJKjp-Light.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/NotoSerifCJKjp/NotoSerifCJKjp-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/NotoSerifCJKjp/NotoSerifCJKjp-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/NotoSerifCJKjp/NotoSerifCJKjp-SemiBold.otf') format('opentype');
}
@font-face {
   font-family: 'Noto Serif Japanese';
   font-style: normal;
   font-weight: 700;
  src: url('fonts/NotoSerifCJKjp/NotoSerifCJKjp-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/NotoSerifCJKjp/NotoSerifCJKjp-Black.otf') format('opentype');
}


/*　loader
----------------------------------------------- */

#loader {
	width: 461px;
	height: 24px;
	display: none;
	position: fixed;
	_position: absolute; /* IE6対策 */
	top: 50%;
	left: 50%;
	margin-top: -14px; /* heightの半分のマイナス値 */
	margin-left: -230px; /* widthの半分のマイナス値 */
	z-index: 1000;
	overflow: hidden;
	padding: 0px;
	animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

 
#fade {
	width: 100%;
	height: 1000%;
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
	overflow: hidden;
	background-image: url(../../bg_image/back_image.png);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
}




/*　スライドショー
----------------------------------------------- */
#header {
	height: 700px;
}
.headerimg {
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	height: 700px;
	position: absolute;
}

#container {
	width: 100%;
	overflow: hidden;
}



/*　ヘッダーエリア
----------------------------------------------- */

#container #headder_area {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
}

#container #headder_area .logo {
	margin-left: 332px;
	width: 315px;
	float: left;
}


/*　スライドショー
----------------------------------------------- */









/*　ナビゲーション
----------------------------------------------- */

#container #navi_area {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	margin-top: 550px;
	margin-bottom: 50px;
}

#container #navi_area ul {
	
}

#container #navi_area ul li {
	float: left;	
}





/*　コンテンツボタン
----------------------------------------------- */

#container #contents_btn {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	margin-bottom: 50px;
	overflow: hidden;
}

#container #contents_btn ul {
	margin-right: -5px;
}

#container #contents_btn ul li {
	float: left;
	margin-right: 5px;
	width: 192px;
}


/*　新着情報
----------------------------------------------- */

#container #box {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	margin-bottom: 120px;
}

#container #box .box_l {
	float: left;
	width: 515px;	
}

#container #box .box_l .midashi {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #3471a1;
	padding-bottom: 10px;
}

#container #box .box_l ul {
	height: 385px;
	overflow: scroll;
}

#container #box .box_l ul li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3471a1;
	padding-top: 15px;
	padding-bottom: 15px;
}

#container #box .box_l ul li .day {
	float: left;
	width: 120px;
}

#container #box .box_l ul li p {
	float: right;
	width: 395px;
}




/*　ダンボール製品
----------------------------------------------- */

#container #box .box_r {
	float: right;
	width: 385px;
}

#container #box .box_r .midashi {
	margin-bottom: 10px;
}

#container #box .box_r .seihin_box_l {
	float: left;
	width: 180px;
}

#container #box .box_r .seihin_box_r {
	float: right;
	width: 180px;
}

#container #box .box_r .seihin {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #704327;
	color: #704327;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#container #box .box_r .btn {
	text-align: right;
	margin-bottom: 24px;
}


/*　quality_area
----------------------------------------------- */

#container #quality_area {
	margin-right: auto;
	margin-left: auto;
	background-image:url(../../index_image/quality_image/back_photo.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-position: center;
	height: 340px;
}

#container #quality_area .box {
	margin-right: auto;
	margin-left: auto;
	width: 665px;
	padding-top: 230px;
	padding-left: 435px;
}



/*　お問い合わせ
----------------------------------------------- */

#container #otoiawase_area {
	background-image:url(../../footer_image/back_image.png);
	width: 100%;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-top: 100px;
	font-size: 14px;
	text-align: center;
	border-bottom: 4px solid #00a0e9;
}

#container #otoiawase_area .box {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	
}


#container #otoiawase_area .box .ad{
	padding-left:1em;
text-indent:-0.5em;
	line-height: 1.5;
	padding-bottom: 10px;
}



#container #otoiawase_area .box .tel_n{
	padding-left:1em;
}



#container #otoiawase_area .box .box_l {
	float: left;
	color: #fff;
	height: 115px;
	margin-left: 14px;
	width: 300px;
	box-sizing: border-box;
	border-right: 1px solid #fff;
}


#container #otoiawase_area .box .box_c {
	float: left;
	color: #fff;
	height: 115px;
	margin-left:15px;
	width: 300px;
	box-sizing: border-box;
	border-right: 1px solid #fff;
}


#container #otoiawase_area .box .box_r {
	float: right;
	color: #fff;
	height: 115px;
	width: 250px;
	box-sizing: border-box;
	margin-right: 58px;
}


#container #otoiawase_area .co_btn {
	margin-top: 25px;
	text-align: center;
}



/*　footer_area
----------------------------------------------- */

#container #footer_area {
	background-color: #FFF;	
}

#container #footer_area .footer_main{
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#container #footer_area .footer_main .iso_mark{
	width: 100px;
	height: 74px;
	position: absolute;
	top: 30px;
	right: 0;
}

#container #footer_area #footer_box {
	margin-right: auto;
	margin-left: auto;
	width: 980px;
}

#container #footer_area .footer_logo {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
}

#container #footer_area address {
	width: 600px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #221814;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 10px;
	font-style: normal;
}



/*　RSS フィード
----------------------------------------------- */

#feed {
	font-size: 13px;
	overflow-y: auto;
	height: 400px;
}

#feed li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	color: #235CA2;
	padding-top: 5px;
	padding-bottom: 5px;	
}


.syatyo_photo_text{
	width: 900px;
	height: 360px;
	padding-top: 140px;
	background-color: #dadada;
	font-size: 16px;
	text-align: center;
	display: block;
	box-sizing: border-box;
}
.photo_text{
	width: 218px;
	height: 310px;
	padding-top: 140px;
	background-color: #dadada;
	font-size: 16px;
	text-align: center;
	display: block;
	box-sizing: border-box;
}