@charset "shift_jis";

/* ==========================

    3Dプリンタトップページ用
	スタイルシート top.css

    last updated 2017/3/8

    1.基本のタグ
	2.レイアウト
	3.アーク溶接グローバルナビゲーション
	4.アーク溶接サブナビゲーション
	5.リストのスタイル
	6.表のスタイル
	7.図や写真のレイアウト

============================= */

/*  1.基本設定
----------------------------------*/
/* 全体 */
body,table,th,td,div,h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd{margin:0;padding:0;}
body{
	background:#fff;
	line-height:1.6em;
	font-family:verdana, Helvetica, sans-serif;
	font-size:0.85em;
}

/* header */
#header {
	background-color:#ffffff;
	margin: 0 auto;
	width: 900px;
}


/* 大見出し */
h1{
    font-size:120%;
    color:#330066;
    text-align:center;
    font-weight:bold;
    padding:20px 10px 0 10px;
}
/* 大見出し内番号部分 */
h1 span.sgtitle{
font-size:120%;
color:black;
text-align:center;
font-weight:bold;
padding-left:20px;
}
h2{font-size:100%;padding-top:2px;}
h3{font-size:100%;margin-top:1em;margin-bottom:0.5em;color:#003366;}
h4{font-size:100%;margin-top:1em;margin-bottom:0.5em;color:#000;}
p{text-align:left;line-height:1.8em;margin-top:10px;}

ul,ol{margin-top:1em;text-align:left;vertical-align:top;}
ul li{vertical-align:top;}
ul.fr,ol.fr{list-style:none;}
strong.st1{color:#ff0000;}
strong.st2{color:#0000cc;}
strong.st3{color:#006600;}
.bold{font-weight: bold; }

.bold_red{
	font-weight: bold;
	color:red;
}

.bold_italic{
	font-style: italic;
	font-weight: bold;
}

.italic{
	font-family: 'Yu Gothic UI','Yu Gothic','MS PGothic',verdana, Helvetica, sans-serif;
	font-style: italic;
}



/*  2.レイアウト 
----------------------------------*/
/* 3dprinterトップページ、履歴ページ全体 */

.sample1 {
 	width: 320px;
	height: 240px;
	background: blue;
 }

.gray_area{　/* class="3d"では動かない。英文字から始まること*/
	overflow: hidden;  /* 前のfloatの解除　*/
    zoom: 1;           /* 前のfloatの解除　*/
	border: 1px solid #ffffff; /*枠 */
	text-align:center; /*文字センタリング*/ 
/*	background:#e9e9e9;    灰色になる*/
	margin:0 auto; /*ブラウザ枠センタリング*/     
	width:900px;   /*幅900 */    
/*	height: 500px;*/
	padding-top: 1px;
}
.eaglesearch_area{　/* class="3d"では動かない。英文字から始まること*/
	overflow: hidden;  /* 前のfloatの解除　*/
    zoom: 1;           /* 前のfloatの解除　*/
	border: 1px solid #ffffff; /*枠 */
	background:#e9e9e9;
	margin:0 auto; /*ブラウザ枠センタリング*/     
	padding-top: 1px;
	width:90%;    
}
.japanese {
	color:darkgray;
}

/* 見出し */
h2.content{
	text-align:left;
	height:30px;
	margin:10px auto 10px auto;
	background:#339900;
	color:#fff;
	text-indent:1em;
/*	background-image:url(../../img/photo2.jpg);
	background-position:left top;
	background-repeat:no-repeat;*/
	width: 900px;
}
/* 注意書き：太字 */
p.caution{
     color:#230080;
     text-align:center;
     width:90%;
     margin:10px auto 0 auto;
}

/*div{
    width:900px;
    margin:0 auto;
	border: 1px solid #FF0000;

}
*/
div#wnew{
	background:#fff;
	width:850px;
	text-align:left;
/*	margin:50 auto 50 auto;   希望する位置に行かない*/
	margin:0 auto ;
	border:solid 1px #333366;
	padding-left: 0px;
}
/* 更新履歴 見出し */
div#wnew h2{
	padding:3px;
	color:#fff;
	background-color: #339900;
}
div#wnew ul{
	padding:5px 5px 5px 25px;
}
/* これまでの更新履歴へのリンク部分 右寄せ*/
div#wnew .rireki{padding-right:10px;text-align:right;}

/* コンテンツ説明のBOX MENU */
.Menu{
	text-align:center;
	background:#e9e9e9;
	margin:0 auto;       /*	900 px ブランクがいけない*/
	width: 900px;

} 

.boxMenu{
	border:1px solid #666;
	background:#f4f4f4;
	border-spacing:0;
	empty-cells:show;
	margin:5px 10px 5px 10px;
	float:left;
	width:190px;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}	

h3.bMenu{
	text-align:left;
	color:#333399;
	font-size:110%;
	margin-top:0;
	padding-left:5px;
}

.center{
	background:#f4f4f4;
	text-align: center;
}	


/* コンテンツ説明の表 */
table.tpm{
	border-collapse:collapse;
	border:1px solid #666;
	border-spacing:0;
	empty-cells:show;
	width:760px;
	text-align:center;
	margin:5px auto 5px auto; 
}
table.tpm tr td{border:1px solid #666;vertical-align:top;background:#f4f4f4;padding:5px;}
table h3{text-align:left;color:#333399;font-size:110%;margin-top:0;}
table.tpm p{text-align:left;text-decoration:none;margin-left:5px;line-height:1.4em;}
table.tpm a{text-decoration:none;}
table.tpm a:hover{background:#D5DFFF;}
table.tpm img{
	border-bottom:solid 1px #aaa;
	border-right:solid 1px #aaa;
	border-top:solid 1px #eee;
	border-left:solid 1px #eee;
	padding:10px;
	background:#fff;
	margin:5px;
}

/*--- 右コンテンツその2 (右コンテンツ・少し左右の余白に余裕あり)---*/
#main2{
	float:left;
	/*border: 1px solid #FC080C;	*/
	width:760px;
	margin:0px 0px 20px 10px;
}

#main2 h3{
	text-align:left;
	font-size:100%;
	width: 700px;
	padding: 3px;
	margin: 10px 0px 10px 0px;
	text-decoration: none;
	border: outset 3px #003366;
	color:#003366;
}
#main2 h3 a:link{color:#003366;text-decoration:none;}
#main2 h3 a:visited{color:#003366;text-decoration:none;}
#main2 h3 a:hover{color:#ff9900;}
#main2 h3 a:active{color:#ff9900;}


#main2 h4{
	text-align:left;
	font-size:100%;
	padding: .25em 0 .5em .75em;
    border-left: 6px solid #003366;
    border-bottom: 1px solid #003366;
	color:#003366;
}

#main2 h5{
	text-align:left;
	font-size:100%;
	padding: .25em 0 .5em .75em;
    border-left: 1px solid #003366;
    border-bottom: 1px solid #003366;
	color:#003366;
}

#main2 .right{
	text-align:right;
}
#main2 .little dt{
	text-align:left;
}
#main2 .little dd{
	margin-left: 5em ;
}
#main2 .large dt{
	text-align:left;
	padding: 1em 0 .5em 1em;
	border-bottom: 1px dashed #003366;
	padding-left: 1em;
	font-size:100%;
	color:#003366;
}

#main2 .large dd{
	padding-left: 5em;
}

#main2 td.h1{
	text-align:right;
	font-size:100%;
	width: 100px;
	padding: 3px 3px 3px 3px;
	margin: 0px;
	text-decoration: none;
    border-bottom: 1px solid #003366;
	color:#003366;
}
#main2 td.h2{
	width: 3px;
	padding: 0px;
	margin: 0px;
    background-color: #003366;
}
#main2 td.h3{
	text-align:left;
	font-size:100%;
	width: 687px;
	padding: 3px 3px 3px 10px;
	margin: 0px;
	text-decoration: none;
    border-bottom: 1px solid #003366;
	color:#003366;
}
#main2 td.h3.title{
	margin: 0em;
    color: #003366;
}
#main2 td.h3.sub{
	margin: 5em 5em 5em 5em;
}

#main2 .history{
	text-align:left;
	font-size:100%;
	width: 600px;
	padding: 3px;
	margin: 10px 0px 0px 106px;
	text-decoration: none;
    border-left: 6px solid #003366;
    border-bottom: 1px solid #003366;
	color:#003366;
}

#main2 .history_left{
	text-align:left;
	font-size:100%;
	width: 100px;
	padding: 3px;
	margin: 10px 0px 10px 0px;
	text-decoration: none;
    border-right: 6px solid #003366;
    border-bottom: 1px solid #003366;
	color:#003366;
}

#main2 table{
	background-color:#ffffff;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;
}


/*--- ページトップへリンク ---*/
.pagetop{text-align:right;margin:10px 10px 20px 0;}



/* --------------------- 3.3dprinterグローバルナビゲーション ----------------------------------*/
/* --------------------- TOP 概論　研究報告検索　事例検索　リンクなど  --------------------------*/
#mainnavi{
	width:900px;
	background:#d4d4d4;
	text-align:center;
	height:2em;
/*	border: 1px solid #FF0000;*/
	margin:0 auto;
	}
#mainnavi ul{list-style:none;margin:0 10px 0 10px;background:#d4d4d4;}
#mainnavi li{
	float:left;
	width:160px;
	border-top:1px solid #00009b;
	border-right:2px solid #00009b;
	border-bottom:2px solid #00009b;
	border-left:1px solid #00009b;
	background:#339900;
	text-align:center;
	margin:2px;
}
#mainnavi a:link{color:#FFFFFF;text-decoration:none;}
#mainnavi a:visited{color:#FFFDE1;text-decoration:none;}
#mainnavi a:hover{color:#FFE3BA;}
#mainnavi a:active{color:#ffff00;}

/* --------------------- 4.3dprinterサブナビゲーション ----------------------------------*/
#subnavi{
	width:135px;
	float:left;
	text-align:left;
}
#subnavi ul{
	list-style:square;
	margin:20px 5px 20px 0;
}
#subnavi ol{
	margin:20px 5px 20px 10px;
}
#subnavi li{
	margin:10px 0 0 20px;
	font-size:100%;
	line-height:120%;
}
#subnavi h2{font-size:100%;padding-left:36px;}
#subnavi h2.jirei{
	background:url(../../img/welding_case4.gif) left center no-repeat;
	height:36px;
	margin:30px 0 0 5px;
}
#subnavi h2.setsumei{
	background:url(../../img/note.gif) left top no-repeat;
	height:36px;
	margin:30px 0 0 5px;
}
#subnavi h2.gaibu{
	background:url(../../img/internet.gif) left top no-repeat;
	height:36px;
	margin:30px 0 0 5px;
}
#subnavi p.back{text-align:center;margin-top:50px;}

/* --------------------- 5.フッター ----------------------------------*/
/*--- コピーライト部分 ---*/
div.footer_block {
	width:900px;
	clear:both;
	background-color:#000099;
	font-size:90%;
	border-right:none;
	border-bottom:none;
	border-left:none;
	padding-top:2px;
	padding-bottom:2px;
	padding:5px;
	text-align:center;
	border-top:none;
	color:#fff;
	margin:0 auto;
}

/*--- サイドメニュー部分 ---*/
#side_menu {
    float:left;
/*	border: 1px solid #FC080C;*/
	width: 130px;
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}
#side_menu ul{
	list-style-type: none;
}
#side_menu li{ 
	display: block;
	width: 120px;
	padding: 3px;
	margin: 10px 0px 10px 0px;
	text-decoration: none;
	border: outset 3px #C2CBBD;
	background-color: #C2CBBD;
	text-align: center;
	color: #000000;
	font-size: 14px;
}
#side_menu li a:link{color:#000066;text-decoration:none;}
#side_menu li a:hover{
	border: inset 3px #95A38D;
	background-color: #95A38D;
}
#side_menu li a:visited{color:#000066;text-decoration:none;}
#side_menu li a:active{color:#ffff00;}
#main2 ul {
	margin:0 0px 0px 15px;
}

.main3 {
  	margin:0px 10px 5px 80px;
	text-align: center;
	padding: 30px;
}

.main900 {
 	
	margin:0 auto;       /*	900 px ブランクがいけない*/
	width: 900px;
	padding: 10px 0px 10px 50px;
}

.bordered table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 80%;
    border-color: darkblue;
    border-style: solid;
    border-width: thin;
    
}
.bordered td {
    padding: 3px;
	margin: 10px 0px 10px 0px;
}
.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
 
.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}
.bordered tbody tr:nth-child(even) {
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
}

.bordered {
    width:80%;
    border-style: solid;
    border-width: thin;
    margin:3px;
    padding :0px;
    text-align:left;
}

/*--- 目立つリンクボタン ---*/
.article-btn {
 width: 300px;
 margin-left: 50px;
 margin-top: 2opx;    
 padding: 7px 10px;
 border-radius: 4px;     
 display: inline-block;
}

.article-btn a{
 margin-left: 50px;
 margin-top: 2opx;    
 padding: 7px 10px;
 border-radius: 4px; 

 text-decoration: none;
 font-weight: bold;
 color: white;       /* ボタンの文字色 */
 background-color: #0793F8;/* ボタンの背景色 */
 border: 2px solid #0327F7;/* ボタン枠の背景色 */
 transition: all 0.5s;
 text-align: center;
}

.article-btn a:hover{
 display: inline-block;
 color: #0327F7;
 border: 2px solid #0793F8;/* マウスオーバー時のボタンの背景色 */
 background-color: white;/* マウスオーバー時のボタンの背景色 */
}

/*背景・ボーダー・文字カラーをふわっと変更するボタン*/
.pushbtn {
	/*display: inline-block;*/
    max-width: 100;
    cursor: pointer;
	/*margin: 1em auto;*/
	padding: 15px;
    margin: 10px;
    max-resolution: res;15px;
	border-radius: 4px;
	box-sizing: border-box;
	color: #fff;
	text-align: center;
	text-decoration: inherit;
	background: #20b2aa;
	box-shadow: 0 6px 0 #047c71, 0 12px 0 rgba(0,0,0,.2);
	transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
}
.pushbtn:hover {
	background: #3cc4bd;
	box-shadow: 0 3px 0 #12978d, 0 6px 0 rgba(0,0,0,.2);
	transform: translateY(3px);
}
.pushbtn:active {
	color: #ddd;
	background: #12978d;
	box-shadow: 0 0 0 #047c71, 0 0 0 rgba(0,0,0,.2);
	transform: translateY(6px);
	transition-duration: .1s;
}

.btn_right {
    width: 700px;
   /* height: 50px;*/
    padding: 15px;
    margin: 10px 10px 10px 0px;
}

/*背景・ボーダー・文字カラーをふわっと変更するボタン*/

.button {
  display: inline-block;
  width: 300px;
  margin-left: 50px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  background-color: #0793F8;
  border: 2px solid #003567;
  color: #fff;    
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button:hover {
  background-color: white;
  border-color: #003567;
  color: #0327F7;
}

.color1 {
    background-color: aquamarine
}

.color2 {
    background-color: #A8EDF9
}

.color3 {
    background-color: #D7C3E9
}


.ISO {
    width: 720px;  /* 輪郭 */
	padding: 3px;
	margin: 10px 0px 10px 0px;
	border: outset 1px #003366;
/*    background-color: aliceblue;*/
    background-color: whitesmoke;
    
}
.ASTM {
    width: 720px;  /* 輪郭 */
	padding: 3px;
	margin: 10px 0px 10px 0px;
	border: outset 1px #003366;
    background-color: aliceblue;
/*    background-color: whitesmoke;*/
    
}
.note {
    font-size: smaller; /* コメントを小文字にしたかったができなかった */
    background-color:#FAF8D7;
}