/*全体*/

/*共通*/

BODY{
	margin:0px;
	padding:0px;
	background-color: #7DADAD;

	font-family: Verdana, "メイリオ", Meiryo,"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",  sans-serif;

}


IMG{
	border-width: 0px;
	vertical-align: bottom;
	max-width:100%;
}


A{
	color:#0480FF;
	text-decoration: none;
}

A:hover{
	text-decoration: underline;

}


HR{

	background-color: #808060;
	clear:left;

}

/*リスト表示*/

UL{

	list-style:none;

}


/*見出し*/

H1{
	font-size:18px;
	font-weight:bold;
	color:#4d4d4d;
	margin:6px 2px 6px 2px;
}

H2{
	font-size:16px;
	font-weight:bold;
	color:#4d4d4d;
	margin:6px 4px 6px 4px;
}

H3{
	font-size:14px;
	font-weight:bold;
	color:#4d4d4d;
	margin:6px 4px 6px 4px;
}


/*表題*/
.caption {
	text-align:center;
	font-weight:bold;
	color:#4d4d4d;
	margin-bottom: 5px;
}

/*説明文*/
.explanation {
	font-size:12px;
	font-weight:nomal;
	color:#4d4d4d;
}


/*メインメニューボタン*/

.menu_button{
	font-size: 1.4em;
	font-weight: bold;
	padding: 8px 0 0 0;
	color: #333;
	background-color: #FDFDED;
	border-style: none;
}

.menu_button:active{
	border-style: none;
}

/*フッタ　リンク・コピーライト部分*/
#footer{
	position: relative;
	bottom: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	padding:5px;
	vertical-align:txt-bottom;
	font-size: 13px;
}

/*文字修飾*/
.circle{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: white;
	text-align:center;
	font-weight:bold;
	line-height: 20px;
}



/*PC*/

@media only screen and (min-width: 968px) {

/*本文*/
#main{
	margin-left:auto;
	margin-right:auto;
	
	width:960px;
	padding:40px 3px 3px 3px;
	
	background-color: #FDFDED;
	border-width: thin;
	border-style: solid;
	border-right-color: #808060;
	border-left-color: #F0F0F0;
	border-top-color: #F0F0F0;
	border-bottom-color: #808060;
	border-radius: 15px;
	box-shadow: 5px 5px 10px #404030;
	font-size: 13px;
	line-height: 18px;
}

.box{
	float:left;
}

#companylogo{
	margin:2px;
	width:135px;
	float:left;
}

#companyname{
	margin:2px;
	width:150px;
	float:left;
	margin-top:8px;
}

#mainmenu{
	display: block;
}


/*更新情報・お知らせ*/
#update{
	width:310px;
	padding:0px 5px;

	margin-left:auto;
	margin-right:auto;
	margin-bottom: 5px;
	float:left;
}

/*製品紹介*/
#infomation{
	top:360px;
	width:310px;
	padding:0px 5px;
	float:right;

	margin-left:auto;
	margin-right:auto;
	margin-bottom: 5px;
	text-align:center;
}


.center_column{
	width:320px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	float:right;
}

.full_column{
	margin:0px 10px;
}

/*張り紙風ブロック*/
.poster{
	width:270px;
	max-height:295px;
	padding:5px;
	background-color: #FFFFFF;
	border-color: #808060;
	border-width: thin;
	border-style: solid;
	border-radius: 10px;
	box-shadow: 3px 3px 6px #868676;
	margin: 0 auto;
}

.inner_poster{
	width:260px;
	max-height:290px;
	padding:0px;
	margin: 0 auto;
	overflow:auto;
}

.full_poster{
	width:640px;
	padding:5px;
	background-color: #FFFFFF;
	border-color: #808060;
	border-width: thin;
	border-style: solid;
	border-radius: 10px;
	box-shadow: 3px 3px 6px #868676;
	margin-left:auto;
	margin-right:auto;
	overflow-y: auto;
}



/*　ヘッダ　リンク部分*/
#header{
	width:960px;
	border-width: thin;
	border-style: none;
	border-radius: 15px 15px 0 0;
	font-size: 13px;
	line-height: 18px;

	background-color: #FDFDED;
	padding-top:3px;
	padding-bottom:0px;
	vertical-align:txt-bottom;
	font-size: 13px;
	position:fixed;
	top: 0px;

	z-index: 99;

}

.header_box{
	padding:0 5px;
}


/*フッタ　リンク・コピーライト部分*/
.pcfoot{
	text-align:center;
	display:block;
}
.spfoot{
	display:none;
}


/*メインリスト表示*/
.mainlist{
	margin: 0;
	padding: 0;
	text-align:center;
}


.mainlist LI{
	width:86px;
	float: left;
	margin: 6px  2px 2px 2px;
	position: relative;
	border: 1px #808060 solid;
	border-radius: 5px;
	background-color: #206020;
}


.mainlist A{
	color:#FFFF60;
	text-decoration:bold;
}

.mainlist LI:hover{
	font-weight:bold;
	text-decoration: underline;
	background-color: #40B040;
	transform:rotate(-10deg);
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg); 
}

#menuopen{
	display: none;
}

#menuclose{
	display: none;
}



/*会社概要レイアウト*/

#outline{
	width:920px;
	padding:0px;
	margin-left:10px;
	margin-bottom: 10px;
	height:700px;
}

/*採用情報レイアウト*/

#employ{
	width:920px;
	padding:0px;
	margin-left:10px;
	margin-bottom: 10px;
	height:400px;
}

/*製品紹介レイアウト*/

#product{
	width:920px;
	padding:0px;
	margin-left:10px;
	margin-bottom: 10px;
	height:550px;
}


/*製品紹介表示*/

.productlist{
	margin: 5px 5px 5px -27px;
}


.productlist LI{
	width:270px;
	padding:5px;
	margin: 5px 0 5px 0;
	background-color: #FFFFFF;
	border-color: #808060;
	border-width: thin;
	border-style: solid;
	border-radius: 10px;
	box-shadow: 3px 3px 6px #868676;
}

.productlist A{
	text-decoration:bold;
}

.productlist LI:hover{
	background-color: #D0FFFF;
	transform:scale(1.1,1.1);
	-webkit-transform: scale(1.1,1.1);
	-moz-transform: scale(1.1,1.1); 
}


/*会社概要レイアウト*/

#outline{
	width:920px;
	padding:0px;
	margin-left:10px;
	margin-bottom: 10px;
	height:700px;
}

/*採用情報レイアウト*/

#employ{
	width:920px;
	padding:0px;
	margin-left:10px;
	margin-bottom: 10px;
	height:400px;
}

/*製品紹介レイアウト*/

#product{
	width:920px;
	padding:0px;
	margin-left:10px;
	margin-bottom: 10px;
	height:550px;
}

/*タブコンテンツ*/

.tabs {
	width: 800px;
	float: none;
	list-style: none;
	position: relative;
	margin: 65px;
	margin-top: 10px;
	
	text-align: left;

}

.tabs li {
	float: left;
	display: block;

}

.tabs input[type="radio"] {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.tabs label {
	display: block;
	padding: 8px 16px 1px 16px;

	border-color: #808060;
	border-width: thin;
	border-style: solid;
	border-radius: 4px 4px 0 0;
	border-bottom: 0;

	font-size: 13px;
	font-weight: normal;
	background: #c0c080;
	cursor: pointer;
	position: relative;
	top: 0px;
	left:-40px;

}


.tabs label:hover {
	padding: 6px 16px 3px 16px;
	color:#af4030;
	text-decoration: underline;
	background: #e0e090;
}

.tabs .tab-content {
	z-index: 2;

	display: none;
	overflow: hidden;
	font-size: 12px;

	width: 780px;
	position: absolute;
	top: 25px;
	left:0px;

	line-height: 14px;
	padding: 5px 15px 5px 15px;

	border: 1px solid #808060;
	border-radius: 0 10px 10px 10px;
	background: #F0F0F0;
}

.tabs [id^="tab"]:checked + label {
	z-index: 3;
	top: 0;
	padding-top: 7px;
	color:#ef5040;
	background: #F0F0F0;
	border-bottom: 0;

}

.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
	display: block;
}


/*社屋画像*/

.building{
	float:left;
	margin-top:110px;
	margin-left:0px;
}

.image{
	float:left;
	text-align:center;

	margin:16px 0 10px 0;
	padding:10px;
	background-color: #FFDFDF;
	border-color: #808060;
	border-width: thin;
	border-style: solid;
	border-radius: 10px;
	box-shadow: 3px 3px 6px #868676;
}

.side_box{
	width:400px;
	float:left;
}

/*YAHOO地図*/
#map_pc{
	display:block;
}
#map_phone{
	display:none;
}

/*ブロック*/
.block10 {
	font-size:14px;
	margin:10px 10px;
}

.block16 {
	font-size:14px;
	margin:8px 16px;
}

/*TOPへ戻るボタン*/

#return_top{
	display:none;
}

/*スライドショー部分*/
#slideshow {
	position: relative;
	width:  320px; /* 画像の横幅*/
	height: 320px; /* スライドショー部分の高さ*/

	border-color: #808060;
	border-width: thin;
	border-style: solid;
	box-shadow: 3px 3px 6px #868676;
	border-radius: 10px;

}

#slideshow span {
	padding:10px 10px;
	position: absolute;
	top:  0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
	margin: 0;
	background-color: #FDFDED; /* ボックスの背景色(必須) */
	height: 300px; /* ボックスの高さ */

	border-radius: 10px;

}

#slideshow span.active {
	z-index: 10;
	opacity: 1.0;
}

#slideshow span.last-active {
	z-index: 9;
}

#slideshow span img {
	width:  300px;
	height: 200px;
	display: block;
	border: 0;
	margin-top: 0px; /* 画像上部の余白 */
	margin-bottom: 10px; /* 画像下部の余白 */
}

} /*media*/


/*スマホ*/

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

/*本文*/
#main{
	margin-left:auto;
	margin-right:auto;
	
	width:90%;
	max-width:480px;
	padding:40px 3px 3px 3px;
	
	background-color: #FDFDED;
	border-width: thin;
	border-style: solid;
	border-right-color: #808060;
	border-left-color: #F0F0F0;
	border-top-color: #F0F0F0;
	border-bottom-color: #808060;
	border-radius: 15px;
	box-shadow: 5px 5px 10px #404030;
	font-size: 13px;
}

#companylogo{
	margin:2px 2px 2px 2px;
	width:115px;
	float:left;
}

#companyname{
	width:135px;
	float:left;
	margin-top:10px;
}

#mainmenu{
	display: none;
	margin-left:auto;
	margin-right:5px;
	position:absolute;
	top:35;
	right:5;
}

/*メインリスト表示*/
.mainlist{
	display:inline-block;
	width:86px;
	padding: 0;
	text-align:left;
	line-height:2em;
}


.mainlist LI{
	padding-left:5px;
	position: relative;
	border: 1px #808060 solid;
	border-radius: 2px;
	background-color: #206020;
}


.mainlist A{
	color:#FFF;
	text-decoration:bold;
}


#menuopen{
	padding-top:10px;
	margin-right:2px;
	display: block;
}

#menuclose{
	padding-top:10px;
	margin-right:2px;
	display: none;
}



/*更新情報・お知らせ*/
#update{
	width:90%
	max-width:480px;
	padding:5px 5px;

	margin-left:auto;
	margin-right:auto;
	margin-bottom: 5px;
}

/*製品紹介*/
#infomation{
	width:90%
	max-width:480px;
	padding:0px 5px;

	margin-left:auto;
	margin-right:auto;
	margin-bottom: 5px;
}



/*製品紹介表示*/

.productlist{
	margin: 5px 0px 5px 0px;
	text-align:center;
}


.productlist LI{
	width:90%;
	max-width:470px;
	padding:5px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
	border-color: #808060;
	border-width: thin;
	border-style: solid;
	border-radius: 10px;
	box-shadow: 3px 3px 6px #868676;
}

.productlist A{
	text-decoration:bold;
}


.center_column{
	width:90%;
	max-width:470px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
}


.full_column{
	margin:0px 10px;
}

/*張り紙風ブロック*/
.poster{
	width:90%;
	max-width:480px;
	max-height:295px;
	padding:5px;
	background-color: #FFFFFF;
	border-color: #808060;
	border-width: thin;
	border-style: solid;
	border-radius: 10px;
	box-shadow: 3px 3px 6px #868676;
	margin: 0 auto;
}

.inner_poster{
	width:90%;
	max-width:480px;
	max-height:290px;
	padding:0px;
	margin: 0 auto;
	overflow:auto;
}

.full_poster{
	width:90%;
	max-width:480px;
	padding:5px;
	background-color: #FFFFFF;
	border-color: #808060;
	border-width: thin;
	border-style: solid;
	border-radius: 10px;
	box-shadow: 3px 3px 6px #868676;
	margin-left:auto;
	margin-right:auto;
	overflow-y: auto;
}

/*　ヘッダ　リンク部分*/
#header{
	width:90%;
	max-width:480px;
	border-width: thin;
	border-style: none;
	border-radius: 15px 15px 0 0;
	font-size: 13px;
	line-height: 18px;

	background-color: #FDFDED;
	padding-top:3px;
	padding-bottom:0px;
	vertical-align:txt-bottom;
	font-size: 13px;
	position:fixed;
	top: 0px;

	z-index: 99;

	text-align:right;

}

.header_box{
	padding:0 5px;
}


.pcfoot{
	display:none;
}
.spfoot{
	text-align:center;
	display:block;
}

/*会社概要レイアウト*/

#outline{
	padding:0px;
	margin-bottom: 10px;
	width:auto;
	height:auto;
}

/*採用情報レイアウト*/

#employ{
	padding:0px;
	margin-bottom: 10px;
	height:auto;
}

/*製品紹介レイアウト*/

#product{
	padding:0px;
	margin-bottom: 10px;
	height:auto;
}

/*リスト表示*/

UL{
	list-style:none;
	margin: 0px;
	padding:0px;
}

/*タブコンテンツ*/

.tabs {
	width:90%;
	max-width: 474px;
	float: none;
	list-style: none;
	position: relative;
	margin-left: 5%;
	margin-right: 5%;
	padding:0px;
	text-align: left;
}

.tabs li {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding:0px;
}

.tabs input[type="radio"] {
	display: none;
}

.tabs label {
	font-size:16px;
	font-weight:bold;
	color:#dd4d4d;
}


.tabs .tab-content {
	z-index: 2;
	overflow: hidden;
	font-size: 12px;

	line-height: 16px;
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;

	border: 1px solid #808060;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 3px 3px 6px #868676;
	background: #F0F0F0;
}

.tabs [id^="tab"]:checked + label {
	z-index: 3;
	top: 0;
	padding-top: 2px;
	color:#ef5040;
	border-bottom: 0;

}

.tabs [id^="tab"]:checked ~ [id^="tab-content"] {
	display: block;
}




/*社屋画像*/

.building{
	margin-top:20px;
	margin-left:0px;
}

.image{
	text-align:center;

	margin:16px 0 10px 0;
	padding:10px;
	background-color: #FFDFDF;
	border-color: #808060;
	border-width: thin;
	border-style: solid;
	border-radius: 10px;
	box-shadow: 3px 3px 6px #868676;
}

.side_box{
	width:90%;
	margin:0px;

}

/*YAHOO地図*/
#map_pc{
	display:none;
}
#map_phone{
	display:block;
	margin-left:auto;
	margin-right:auto;
}

/*ブロック*/
.block10 {
	font-size:14px;
	margin:4px 4px 8px 4px;
}

.block16 {
	font-size:14px;
	margin:4px 4px 8px 4px;
}

/*TOPへ戻るボタン*/

#return_top{
	display:block;
	position: fixed;
	right: 20px;
	bottom: 20px;

	background-color:#fff;
	font-color:#e33;
	font-size:14px;
	font-weight:bold;
	content:"↑";
}



#return_top.fade-in {
    color: #000;
    font-size: 60px;
    opacity: 0.6;
    transition: opacity 1s;
}

A:hover{
	text-decoration: none;

}

/*スライドショー部分*/
#slideshow {
	position: relative;
	width:  320px; /* 横幅*/
	max-width:  100%; /* 横幅*/

	margin-left:auto;
	margin-right:auto;

	height: 340px; /* スライドショー部分の高さ*/

	border-color: #808060;
	border-width: thin;
	border-style: solid;
	box-shadow: 3px 3px 6px #868676;
	border-radius: 10px;

}

#slideshow span {
	position: absolute;
	top:  0;
	left: 0;
	z-index: 8;
	opacity: 0.0;
	margin: 10px 10px 0 10px;
	background-color: #FDFDED; /* ボックスの背景色(必須) */
	height: 320px; /* ボックスの高さ */

	border-radius: 10px;

}

#slideshow span.active {
	z-index: 10;
	opacity: 1.0;
}

#slideshow span.last-active {
	z-index: 9;
}

#slideshow span img {
	width:  300px; /* 画像の横幅*/
	max-width:  100%; /* 画像の横幅*/
	display: block;
	border: 0;
	margin-top: 0px; /* 画像上部の余白 */
	margin-bottom: 10px; /* 画像下部の余白 */

}


#slideshow_block {
	margin-left:auto;
	margin-right:auto;
}


} /*media*/