@charset UTF-8;
/*-------------------------------------------
Last Modified : February-12-2009
-------------------------------------------*/
/*英語か日本語を選択するメニュー*/
ul#selectlang    {
	width: 95%;
	clear:  both }

ul#selectlang:after  {
	visibility: hidden;
	display:     block;
	height:      0;
	clear:       both;
	content:     "."   }

ul#selectlang li      {
	color:            #333;
	font-size:         12px;
	font-weight:       bold;
	text-decoration:   none;
	background-image:  url("../img-common/icon-li-selectlang0.gif");
	background-repeat: no-repeat;
	text-align:        left;
	text-indent:       20px;
	display:           block;
	width:             95px;
	height:            20px;
	float:             right }


ul#selectlang li a     {
	color:            #898989;
	font-size:         12px;
	font-weight:       bold;
	text-decoration:   none;
	background-image:  url("../img-common/icon-li-selectlang1.gif");
	background-repeat: no-repeat;
	display:           block;
	height:            20px }



ul#selectlang li a:hover   {
	color:            #333;
	text-decoration:   underline;
	background-image:  url("../img-common/icon-li-selectlang2.gif");
	background-repeat: no-repeat }


/*会社ロゴとISOなどのレイアウトの指定。*/
div#container   { background-color: white; margin-right: auto; margin-left: auto; width: 900px; height: auto; min-height: 600px; border: solid 1px #ccc }
div#header                        { background-color: white; margin-right: auto; margin-left: auto; width: 900px; height: 200px }
div#titlearea        { text-align: left; width: 520px; height: 120px; float: left }
div#isoarea  { top: 0; width: 380px; height: 120px; float: right }
.titleimg  { float: right; border: solid 1px #ccc }
.isoimg { float: right }
/*社名は大文字に表記*/
h1   {
	color:         #455d8b;
	text-transform: uppercase;
	margin-right:   0;
	margin-left:    0;
	padding-left:   0;
	text-shadow:    5px 5px 5px grey  }

/*タブのレイアウト
*/
ul#navi    { margin: 20px 0 0; padding: 40px 0 0; width: 900px; clear: both }
ul#navi:after { visibility: hidden; display: block; height: 0; clear: both; content: "." }
ul#navi li      {
	color:            #333;
	font-size:         12px;
	font-weight:       bold;
	text-decoration:   none;
	background-image:  url("../img-common/tab_currentreflection.png");
	background-repeat: no-repeat;
	text-align:        center;
	text-transform:    uppercase;
	list-style-type:   none;
	display:           block;
	margin:            0 0 1px;
	width:             180px;
	height:            60px;
	float:             left }

ul#navi li a      {
	color:            #333;
	font-size:         12px;
	font-weight:       bold;
	text-decoration:   none;
	background-color:  white;
	background-image:  url("../img-common/tab_blue.png");
	background-repeat: no-repeat;
	text-transform:    uppercase;
	display:           block;
	padding-top:       8px;
	padding-bottom:    12px;
	height:            40px }


ul#navi li a:hover     { color: #ff4825; background-image: url("../img-common/tab_orangereflection.png") }
/*コンテンツブロック*/
div#content  { background-color: #fff; text-align: left; margin-top: 0; margin-right: auto; margin-left: auto; width: 900px; height: auto }
/*サブナビブロック*/
div#subnavi   { color: 5px 5px 5px #cccccc; background-color: #b4b4b4; width: 200px; float: left; -webkit-box-shadow: 5px 5px 5px #cccccc }
div#subnavi ul { text-indent: 20px; list-style-type: none; margin: 0; padding: 0; width: 200px }
div#subnavi ul li.currentpage    {
	color:            #f03;
	background-repeat: no-repeat;
	list-style-type:   none;
	list-style-image:  url("../img-common/ico_current.gif") }

div#subnavi li a  { color: #333; text-decoration: none; display: block }
div#subnavi li a:hover    { color: #ff4825; background-color: #ffc77f; display: block }
div#main { margin-left: 210px; min-height: 400px }
div#main .factoryimg { padding: 10px; float: right }
/*パンくずリスト
*/
ol#topicpath { margin: 10px 0; }
ol#topicpath li  { color: #666; line-height: 110%; list-style-type: none; display: inline }
ol#topicpath li a  { color: #f8910b; text-decoration: none; background-image: url("../img-common/topicpath.gif"); background-repeat: no-repeat; background-position: right center; padding-right: 10px }
ol#topicpath li a:hover { color: #ed8b0a; text-decoration: underline; background-image: url("../img-common/topicpath.gif"); background-repeat: no-repeat; background-position: right center; padding-right: 10px }
/*フッター
*/
div#footer       { background-color: #ccc; text-align: center; margin-right: auto; margin-left: auto; width: 900px; height: auto; clear: both }
address   { font-style: italic; margin-bottom: 0 }
/*本文は均等割り付け
*/
p /* 本文は均等割り付け */  { text-align: justify }
/*------------ここから個別のページに摘要するCSS----------*/
img.fwsampleset /* これはサンプル販売の画像のCSS */   { float: left }
img.testingmachine { margin: 10px; float: left }
.newpara { clear: left }
img.fwmerit  { margin: 10px; float: left }
/*ddとdtに関するCSS（横並び）*/
dt  {
	width: 10em;
	float:  left }
dd  {
	margin-left: 10em }
.flowright {
	float: right }
/*会社概要のページのCSS
*/
caption /* 会社概要のページの表のキャプション */   {
	color:       #888;
	font-size:    0.9em;
	font-family:  "ＭＳ 明朝", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", 細明朝体, 平成明朝;
	font-weight:  normal;
	text-align:   right;
	caption-side: bottom  }
/*経営理念のページのCSS*/
dl.policy dt  {
	background-color: #ccd9ff;
	text-align:        center;
	padding:           5px;
	width:             10em;
	float:             left;
	border:            solid 5px #fff }


dl.policy dd  {
	padding: 10px }
/*アルミトラスの写真を中央位置に
*/
p.almitruss {
	text-align:  center;
	margin-right: auto;
	margin-left:  auto }