@charset "utf-8";

/*ウィンドウ背景色と全体フォントの設定*/
body {
	background: #fff;
	font-family: sans-serif; /*ゴシック系*/
}

/*リンク先の指定*/
.jumppoint{
	display: block;
	position:absolute;
	left:0px;
	top:314px;
	visibility: hidden;
}


/*スマホのタップ時に現れる影を透明に*/
a {-webkit-tap-highlight-color:transparent;
}
/*スマホで文字が自動で大きくならない*/
html {
-webkit-text-size-adjust:100%;
}
/*スマホのスムーススクロール*/
html {
scroll-behavior:smooth;
}
/*スマホで画像を自動で縮小*/
img {
max-width:100%;
height:auto;
}

.back{
	display: block;
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	visibility: hidden;
}

/*ライン*/
.line{
	width:100%;
	height:0.5px;
	border:0px;
	visibility: hidden;
}
/*文章（パラグラフ）の文字色（基本的に文章はすべてpで囲む）*/
p { 
	color: #202020; /*文字色は黒*/
	display: block;
	width:100%;
}
.ja{
	line-height:1.6em; /*日本語文章*/
}
.jaind{
	text-indent:2em;
	line-height:1.8em; /*日本語文章+インデントあり*/
}
.en{
	line-height:1.2em; /*英語文章*/
}
.enind{
	text-indent:2em;
	line-height:1.3em; /*英語文章+インデントあり*/
}
ul { 
	color: #202020; /*文字色はダークグレイ*/
	display: block;
	margin-top:0em;
	margin-bottom:0em;
	padding-left: 15px;
	padding-bottom: 0.5em;
}
li { 
	line-height: 1.5em; /*リストの行間（一般）*/
	margin-left:1px;
}
.dl0304{
	color: #202020; /*文字色はダークグレイ*/
	line-height: 1.5em;
	font-size:1.0em;
}
.dt03{
	float: left;
	margin-left:10px;
}
.dd03{
	margin-left:130px;
}
.dt04{
	float: left;
	margin-left:1px;
}
.dd04{
	margin-left:80px;
}
#pic02{
	width:100%;
	height:auto;
	border:0;
}
#pic03{
	width:100%;
	height:auto;
	border:0;
}

/*タイトル1（社名）*/
h1{
	font-size: 1.2em;
	margin:0;
	color: #17184b; /*文字色はダークグレイ*/
}
/*（社名・英語・斜体）*/
#titleeng{
	font-size: 0em;
	color: #897746;
	visibility: hidden;
}
/*（電話番号・FAX番号）*/
#phone{
	width:100%;
	font-size: 0.7em;
	margin-top:0.5em;
	margin-left:0.5em;
	line-height:1.0em;
	color: #2c2c2c; /*文字色はダークグレイ*/
}

/*（臨時：移転のお知らせ）*/
#transfer{
	font-size: 0.75em;
	margin-top:0.50em;
	margin-left:0.5em;
	margin-bottom:-5px;
	line-height:1.0em;
}

.info{
	color:#b3242b;
	font-size: 1.25em;
	font-weight:bold;
	animation:blinking 0.7s linear infinite alternate;
}

@keyframes blinking{
	0% {opacity:0;}
	100% {opacity:1;}
}

/*（臨時：移転のお知らせ）リンク色の設定*/
#transfer a:link { color: #2c2c2c ; text-decoration: none;  }
#transfer a:visited { color: #2c2c2c ; text-decoration: none;  }
#transfer a:hover { color: #ababab ; text-decoration: none;  }
#transfer a:active { color: #a0a0a0 ; text-decoration: none;  }

.shirusu{
position:absolute;
left:48%;
}

.phone-fax{
	display: none;
}
/*（英語版へのリンク）*/
#toplink{
	font-size: 0.8em;
	margin-top:-0.5em;
	margin-left:0.5em;
	margin-bottom:0em;
	text-decoration:underline;
}
/*メイン記事のタイトル*/
h2{
	font-size: 1.05em;
	color: #2c2c2c; /*文字色はダークグレイ*/
}
/*アルマイト処理のタイトル*/
h3{
	font-size: 1.05em;
	text-align:center;
	color: #202020; /*文字色はダークグレイ*/
	margin-top:30px;
}
/*（「沿革」）*/
#history{
	font-size: 1.0em;
	line-height:1.2em;
	color: #202020;
}
.era{
	text-align:left;
	width:30px;
	vertical-align:top;
}
.jayear{
	text-align:right;
	width:35px;
	vertical-align:top;
}
.jamon{
	text-align:right;
	width:35px;
	vertical-align:top;
}
.enmon{
	text-align:left;
	width:35px;
	vertical-align:top;
}
.enyear{
	text-align:left;
	width:47.5px;
	vertical-align:top;
}
.content{
	padding-left:7.5px;
}

/*（「取引先」）*/
.customer{
	font-size: 1.0em;
	line-height: 1.5em; /*リストの行間*/
	color: #2c2c2c;
}
.customer_en{
	font-size: 0.9em;
	line-height: 1.5em; /*リストの行間*/
	color: #2c2c2c;
	display: inline;
	list-style-type: none;
}
/*（「アクセス」）*/
.access{
	font-size: 1.0em;
	line-height: 1.5em; /*リストの行間*/
	color: #2c2c2c;
	list-style-type:none;
}
#map{
	width:100%;
	height:auto;
	border:0;
}
.jis{
	line-height:1em;
	margin-left:auto;
	margin-right:auto;
	font-size:0.8em;
}
/*全体の位置決めコンテナ*/
#wrap{
	box-sizing:border-box;
	max-width:414px;
	height:auto;
	margin:15px auto;
	padding:4% 8%;
	border:transparent 1px solid;
	position:relative;
}
/*社名（h1）のコンテナ*/
header{
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:0px 10px;
	border:transparent 1px solid;
	position:absolute;
	top:-0.5px;
	left:0px;
}
/*社章のコンテナ*/
#trademark{
	box-sizing:border-box;
	width:55px;
	height:auto;
	border:transparent 1px solid;
	position:absolute;
	right:2.5px;
	top:35px;
}
/*ナビボタンのコンテナ*/
nav{
	box-sizing:border-box;
	width:300px;
	height:300px;
	border:transparent 1px solid;
	position:absolute;
	top:100px;
	right:0;
	left:0;
	margin:auto;
}
/*メインのコンテンツ*/
main{
	font-size: 0.95em;
	box-sizing:border-box;
	width:85%;
	height:auto;
	border:transparent 1px solid;
	position:absolute;
	top:425px;
	padding-bottom:3em;
}
/*アルマイトについて*/
#anodize{
	color: #202020; /*文字色はグリーン*/
	border:transparent 1px solid;
	width:100%;
	height:auto;
	position:absolute;
	top:60px;
	line-height:1.6em;
	padding-bottom:3em;
}
/*アルマイトの注意点*/
dl{
	margin:0;
}
/*アルマイトの挿絵*/
#anodize-pict{
	width:100%;
	height:auto;
	border:0;
}
/*リンクボタンの画像*/
.buttonimg{
	box-sizing:border-box;
	width:85px;
	height:85px;
	position:absolute;
	left:-0.5px;
	top:-0.5px;
}

/*リンクボタンの文字*/
.buttontext{
	color:#202020;
	box-sizing:border-box;
	width:100px;
	height:85px;
	position:absolute;
	left:-7.5px;
	top:6.5px;
	font-size: 0.95em;
	font-weight:500;
	line-height:8px;
	text-align:center;
}
/*リンクボタンの文字*/
.buttontext-en{
	color:#202020;
	box-sizing:border-box;
	width:100px;
	height:85px;
	position:absolute;
	left:-7.5px;
	top:6.5px;
	font-size: 0.8em;
	font-weight:500;
	line-height:8px;
	text-align:center;
}
/*以下ボタンのコンテナ９個*/
#button1{
	box-sizing:border-box;
	width:85px;
	height:85px;
	border:transparent 1px solid;
	position:absolute;
	left:7px;
	top:7px;
}
#button2{
	box-sizing:border-box;
	width:85px;
	height:85px;
	border:transparent 1px solid;
	position:absolute;
	left:107px;
	top:7px;
}
#button3{
	box-sizing:border-box;
	width:85px;
	height:85px;
	border:transparent 1px solid;
	position:absolute;
	left:207px;
	top:7px;
}
#button4{
	box-sizing:border-box;
	width:85px;
	height:85px;
	border:transparent 1px solid;
	position:absolute;
	left:7px;
	top:107px;
}
#button5{
	box-sizing:border-box;
	width:85px;
	height:85px;
	border:transparent 1px solid;
	position:absolute;
	left:107px;
	top:107px;
}
#button6{
	box-sizing:border-box;
	width:85px;
	height:85px;
	border:transparent 1px solid;
	position:absolute;
	left:207px;
	top:107px;
}
#button7{
	box-sizing:border-box;
	width:85px;
	height:85px;
	border:transparent 1px solid;
	position:absolute;
	left:7px;
	top:207px;
}
#button8{
	box-sizing:border-box;
	width:85px;
	height:85px;
	border:transparent 1px solid;
	position:absolute;
	left:107px;
	top:207px;
}
#button9{
	box-sizing:border-box;
	width:85px;
	height:85px;
	border:transparent 1px solid;
	position:absolute;
	left:207px;
	top:207px;
}
/*フッター（著作権の記述）*/
footer{
	box-sizing:border-box;
	width:300px;
	border:transparent 1px solid;
	text-align:center;
	position:absolute;
	top:395px;
	left:0;
	right:0;
	margin:auto;
	font-size: 0.4em;
}

/*リンク色の設定*/
a:link { color: #897746 ; text-decoration: none;  }
a:visited { color: #897746 ; text-decoration: none;  }
a:hover { color: #0d0015 ; text-decoration: none;  }
a:active { color: #a0a0a0 ; text-decoration: none;  }