@charset "utf-8";

/* -----------------------------------------------
CSS file Fuoco Inc.
FileName: base.css
----------------------------------------------- */

/* Base */
html,
body,
td,
th,
div,
form,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
caption,
pre,
dl,
dt,
dd,
select,
option,
textarea{
	margin: 0px;
	padding: 0px;
	font: 1em sans-serif, Verdana, Arial, Helvetica, 'MS UI Gothic', 'MS P Gothic', 'Hiragino Kaku Gothic Pro', 'Osaka';
	color: #000000;}

html,
body{
	text-align: center;
	font-size: 90%;}

td,
th { font-size: 90%; }

/*input,
select,
option,
textarea { font-size: 90%; }*/

img { border: 0px;}

ul,
li { list-style-type: none; }

h1,
h4,
h5,
h6{
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
	font-weight: bold;}

/* Anchor - normal */
a:link,
a:active{
	color: #0A5596;
	text-decoration: none;}

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

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

/* Anchor - under */
a.under:link,
a.under:active{
	color: #0A5596;
	text-decoration: underline;}

a.under:visited{
	color: #5B44AD;
	text-decoration: underline;}

a.under:hover{
	color: #EC7E13;
	text-decoration: underline;}

.twoColFixRtHdr #container{
	width: 814px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF url(../images/parts_bg_md.jpg) repeat-y 0px 0px;
	margin: 0 auto;
	text-align: left;}

.twoColFixRtHdr #header{
	background: url(../images/parts_bg_hd.jpg) no-repeat 0px 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	height: 82px;}

.twoColFixRtHdr #header h1.logo a{
	float: left;
	display: block;
	text-indent: -9999px;
	width: 420px;
	height: 60px;
	font-size: 0px;
	line-height: 0px;
	margin-top: 17px;
	margin-left: 20px;}

.twoColFixRtHdr #header p.global-menu{
	float: right;
	margin-right: 30px;
	margin-top: 46px;
	font-size:96%;}

.twoColFixRtHdr #flmv{
	margin-left: 18px;
	margin-right: 18px;
	clear: both;}

.twoColFixRtHdr #menu1{
	margin-right: 18px;
	margin-left: 18px;
	clear: none;
	margin-bottom: 0px;/*IEで空間発生 5px→0px*/}

.twoColFixRtHdr #menu1 ul li { float: left; }

.twoColFixRtHdr #menu1 ul li a{
	height: 40px;
	display: block;
	text-indent: -9999px;
	overflow:hidden;}
	
/*事業内容*/
.twoColFixRtHdr #menu1 ul li.BusinessGuide a{
	background: url(../images/parts_bg_menu1.jpg) no-repeat 0px 0px;
	width: 130px;}
/*非破壊検査とは*/
.twoColFixRtHdr #menu1 ul li.About a{
	background: url(../images/parts_bg_menu1.jpg) no-repeat -130px 0px;
	width: 129px;}
/*社内技報*/
.twoColFixRtHdr #menu1 ul li.Technology a{
	background: url(../images/parts_bg_menu1.jpg) no-repeat -259px 0px;
	width: 129px;}
/*最新情報*/
.twoColFixRtHdr #menu1 ul li.WhatsNew a{
	background: url(../images/parts_bg_menu1.jpg) no-repeat -388px 0px;
	width: 130px;}
/*求人情報*/
.twoColFixRtHdr #menu1 ul li.Recruit a{
	background: url(../images/parts_bg_menu1.jpg) no-repeat -518px 0px;
	width: 131px;}
/*会社概要*/
.twoColFixRtHdr #menu1 ul li.CampanyProfile a{
	background: url(../images/parts_bg_menu1.jpg) no-repeat -649px 0px;
	width: 129px;}


.twoColFixRtHdr #menu1 ul li.BusinessGuide a:hover{
	background: url(../images/parts_bg_menu1.jpg) no-repeat 0px -50px;
	width: 130px;}

.twoColFixRtHdr #menu1 ul li.About a:hover{
	background: url(../images/parts_bg_menu1.jpg) no-repeat -130px -50px;
	width: 129px;}

.twoColFixRtHdr #menu1 ul li.Technology a:hover{
	background: url(../images/parts_bg_menu1.jpg) no-repeat -259px -50px;
	width: 129px;}

.twoColFixRtHdr #menu1 ul li.WhatsNew a:hover{
	background: url(../images/parts_bg_menu1.jpg) no-repeat -388px -50px;
	width: 130px;}

.twoColFixRtHdr #menu1 ul li.Recruit a:hover{
	background: url(../images/parts_bg_menu1.jpg) no-repeat -518px -50px;
	width: 131px;}

.twoColFixRtHdr #menu1 ul li.CampanyProfile a:hover{
	background: url(../images/parts_bg_menu1.jpg) no-repeat -649px -50px;
	width: 129px;}



.twoColFixRtHdr #menu2{
	clear: both;
	margin-right: 18px;
	margin-left: 18px;}

.twoColFixRtHdr #menu2 ul li { float: left; }

.twoColFixRtHdr #menu2 ul li a{
	display: block;
	width: 259px;
	height: 110px;
	text-indent: -9999px;}

.twoColFixRtHdr #menu2 ul li.TechnologySeeds a { 
	background: url(../images/parts_bg_menu2.jpg) no-repeat 0px 0px; }

.twoColFixRtHdr #menu2 ul li.Mechatronics a { 
	background: url(../images/parts_bg_menu2.jpg) no-repeat -259px 0px; }

.twoColFixRtHdr #menu2 ul li.BasicTechnique a{
	background: url(../images/parts_bg_menu2.jpg) no-repeat -518px 0px;
	width: 260px;}

/*.twoColFixRtHdr #menu2 ul li.about a { background: url(../images/parts_bg_menu2.jpg) no-repeat -585px 0px; }*/

.twoColFixRtHdr #menu2 ul li.TechnologySeeds a:hover { background: url(../images/parts_bg_menu2.jpg) no-repeat 0px -120px; }

.twoColFixRtHdr #menu2 ul li.Mechatronics a:hover { background: url(../images/parts_bg_menu2.jpg) no-repeat -259px -120px; }

.twoColFixRtHdr #menu2 ul li.BasicTechnique a:hover{background: url(../images/parts_bg_menu2.jpg) no-repeat -518px -120px;
	width: 260px;}


/*.twoColFixRtHdr #menu2 ul li.about a:hover { }*/
.twoColFixRtHdr #menu3{margin-top:0; margin-bottom:0; margin-right: 18px; margin-left: 18px; padding:0; clear: both;}

.twoColFixRtHdr #container #sidebar1 .Bussiness-Item{
	/*background: url(../images/bnr_movie_upper.jpg) no-repeat 0px 0px; */
	border:#658CB2 1px solid;
	width: 198px; display: block;
	margin-bottom:10px;}
	
.twoColFixRtHdr #container #sidebar1 .Bussiness-Item h2{
	display:block;
	margin:0;
	padding:0;
	background: url(../images/item-title.gif) no-repeat 0px 0px;
	color: #FFFFFF;
	height: 33px;
	width: 198px;
	text-indent: -9999px;
}
.twoColFixRtHdr #container #sidebar1 .Bussiness-Item h3{margin:0px 5px 5px 5px; font-weight:bold;}
.twoColFixRtHdr #container #sidebar1 .Bussiness-Item img{ margin:5px;}
.twoColFixRtHdr #container #sidebar1 .Bussiness-Item p{margin:0px 5px 8px 5px; }

.twoColFixRtHdr #container #sidebar1 h2.Recruit-Info a{
	display:block;
	margin:10px 0 0 0;
	padding:0;
	background: url(../images/recruit.jpg) no-repeat 0px 0px; border:#FF1F1F 1px solid;
	height: 103px;
	width: 198px;
	text-indent: -9999px;
}
.twoColFixRtHdr #container #sidebar1 h2.Recruit-Info a:hover {background: url(../images/recruit-on.jpg) no-repeat 0px 0px;}

/*.twoColFixRtHdr #container #sidebar1 .movie-middle {
	background: url(../images/bnr_movie_middle.jpg) repeat-y 0px 0px;
	margin-bottom: 1em;
}

.twoColFixRtHdr #container #sidebar1 .movie-bottom
{
	background: url(../images/bnr_movie_bottom.jpg) no-repeat 0px bottom;
	width: 160px;
	padding: 45px 15px 20px;
}*/
.twoColFixRtHdr  .articlelast { margin-bottom: 2em; }

.twoColFixRtHdr #menu3 ul li { float: left; }

.twoColFixRtHdr #menu3 ul li a
{
	display: block;
	width: 259px;
	height: 40px;
	text-indent: -9999px;
	overflow:hidden;
}

.twoColFixRtHdr #menu3 ul li.TechnologySeeds a { background: url(../images/parts_bg_menu2.jpg) no-repeat 0px -240px; }

.twoColFixRtHdr #menu3 ul li.Mechatronics a { background: url(../images/parts_bg_menu2.jpg) no-repeat -259px -240px; }

.twoColFixRtHdr #menu3 ul li.BasicTechnique a
{
	background: url(../images/parts_bg_menu2.jpg) no-repeat -518px -240px;
	width: 260px;
}

/*.twoColFixRtHdr #menu3 ul li.about a { background: url(../images/parts_bg_menu2.jpg) no-repeat -585px -250px; }*/

.twoColFixRtHdr #menu3 ul li.TechnologySeeds a:hover { background: url(../images/parts_bg_menu2.jpg) no-repeat 0px -450px; }

.twoColFixRtHdr #menu3 ul li.Mechatronics a:hover { background: url(../images/parts_bg_menu2.jpg) no-repeat -259px -450px; }

.twoColFixRtHdr #menu3 ul li.BasicTechnique a:hover
{
	background: url(../images/parts_bg_menu2.jpg) no-repeat -518px -450px;
	width: 260px;
}

.twoColFixRtHdr #sidebar1
{
	float: right; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 200px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 15px 40px 15px 10px;
	/*padding: 15px 0px;
	margin-right: 25px;*/
}

.twoColFixRtHdr #sidebar2
{
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 190px; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
	padding: 10px 0 15px 30px;
	/*padding: 15px 0px;
	margin-left: 25px;*/
}

.twoColFixRtHdr #sidebar2 h3.subtitle1-1 a{
	display:block;
	background: url(../images/parts_bg_menu2.jpg) no-repeat 0px -410px;
	color: #FFFFFF;
	height: 33px;
	width: 190px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

.twoColFixRtHdr #sidebar2 h3.subtitle1-2 a{
	display:block;
	margin:0;
	padding:0;
	background: url(../images/parts_bg_menu2.jpg) no-repeat -195px -410px;
	color: #FFFFFF;
	height: 33px;
	width: 190px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

.twoColFixRtHdr #sidebar2 h3.subtitle1-3 a{
	display:block;
	margin:0;
	padding:0;
	background: url(../images/parts_bg_menu2.jpg) no-repeat -390px -410px;
	color: #FFFFFF;
	height: 33px;
	width: 190px;
	text-indent: -9999px;
}
/*業務案内*/
.twoColFixRtHdr #sidebar2 h2.subtitle1 a{
	display:block;
	margin:0;
	padding:0;
	background: url(../images/bnr-side-01.jpg) no-repeat 0px 0px;
	color: #FFFFFF;
	height: 100px;
	width: 190px;
	text-indent: -9999px;
}
/*非破壊検査とは*/
.twoColFixRtHdr #sidebar2 h2.subtitle2 a{
	display:block;
	margin:0;
	padding:0;
	background: url(../images/bnr-side-02.jpg) no-repeat 0px 0px;
	color: #FFFFFF;
	height: 100px;
	width: 190px;
	text-indent: -9999px;
}

/*社内技法*/
.twoColFixRtHdr #sidebar2 h2.subtitle3 a{
	display:block;
	margin:0;
	padding:0;
	background: url(../images/bnr-side-03.jpg) no-repeat 0px 0px;
	color: #FFFFFF;
	height: 100px;
	width: 190px;
	text-indent: -9999px;
}
.twoColFixRtHdr #sidebar2 h2.subtitle4 a{
	display:block;
	margin:0;
	padding:0;
	background: url(../images/bnr-side-04.jpg) no-repeat 0px 0px;
	color: #FFFFFF;
	height: 100px;
	width: 190px;
	text-indent: -9999px;
}

.twoColFixRtHdr #sidebar2 h2.subtitle5 a{
	display:block;
	margin:0;
	padding:0;
	background: url(../images/bnr-side-05.jpg) no-repeat 0px 0px;
	color: #FFFFFF;
	height: 100px;
	width: 190px;
	text-indent: -9999px;
}

.twoColFixRtHdr #sidebar2 h2.subtitle6 a{
	display:block;
	margin:0;
	padding:0;
	background: url(../images/bnr-side-06.jpg) no-repeat 0px 0px;
	color: #FFFFFF;
	height: 100px;
	width: 190px;
	text-indent: -9999px;
}

.twoColFixRtHdr #sidebar2 h2.subtitle7 a{
	display:block;
	margin:0;
	padding:0;
	background: url(../images/bnr-side-07.jpg) no-repeat 0px 0px;
	color: #FFFFFF;
	height: 100px;
	width: 190px;
	text-indent: -9999px;
}

.twoColFixRtHdr #sidebar2 h2.subtitle8 a{
	display:block;
	margin:0;
	padding:0;
	background: url(../images/bnr-side-08.jpg) no-repeat 0px 0px;
	color: #FFFFFF;
	height: 100px;
	width: 190px;
	text-indent: -9999px;
}

.twoColFixRtHdr #sidebar2 h2.subtitle9 a{
	display:block;
	margin:0;
	padding:0;
	background: url(../images/bnr-side-09.jpg) no-repeat 0px 0px;
	color: #FFFFFF;
	height: 100px;
	width: 190px;
	text-indent: -9999px;
}

.twoColFixRtHdr #sidebar2 h2.subtitle10 a{
	display:block;
	margin:0;
	padding:0;
	background: url(../images/bnr-side-10.jpg) no-repeat 0px 0px;
	color: #FFFFFF;
	height: 100px;
	width: 190px;
	text-indent: -9999px;
}

.twoColFixRtHdr #sidebar2 h2.subtitle11 a{
	display:block;
	margin:0;
	padding:0;
	background: url(../images/bnr-side-11.jpg) no-repeat 0px 0px;
	color: #FFFFFF;
	height: 100px;
	width: 190px;
	text-indent: -9999px;
}


.twoColFixRtHdr #sidebar2 .sidebar2_bottom
{
	background: url(../images/parts_sidebar2_bottom.gif) no-repeat 0px -30px;
	height: 10px;
}

.twoColFixRtHdr #sidebar2 h2.subimage1 a{
	display: block;
	background: url(../images/bnr-side-01.jpg) no-repeat 0px 0px;
	height: 100px;
	width: 190px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

.twoColFixRtHdr #sidebar2 h2.subimage2{
	background: url(../images/parts_bg_menu2.jpg) no-repeat -195px -300px;
	height: 100px;
	width: 190px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

.twoColFixRtHdr #sidebar2 .subimage3{
	background: url(../images/parts_bg_menu2.jpg) no-repeat -390px -300px;
	height: 100px;
	width: 190px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

/*.twoColFixRtHdr #sidebar2 ul li.close a
{
	display: block;
	padding: 4px 5px;
	background: url(../images/parts_bg_02.jpg) repeat-x 0px 0px;
	text-indent: 20px;
	color: #000000;
}

.twoColFixRtHdr #sidebar2 ul li.open a
{
	display: block;
	padding: 4px 5px;
	color: #000000;
	background: url(../images/parts_bg_02.jpg) repeat-x 0px 0px;
	text-indent: 20px;
}*/

/*.twoColFixRtHdr #sidebar2 ul li.close a{
	text-decoration:none;
	display: block;
	padding:4px 5px 4px 35px;
	color: #000000;
	background: url(../images/dn02.gif) no-repeat 23px 8px;
	text-indent: 0px;
	border-bottom: 1px dashed #CCCCCC;
	margin-bottom: 3px;
}

.twoColFixRtHdr #sidebar2 ul li.close a:hover{
	display: block;
	padding:4px 5px 4px 35px;
	color: #FF6633;
	background: url(../images/dn02_on.gif) no-repeat 23px 8px;
	text-indent: 0px;
	border-bottom: 1px dashed #CCCCCC;
	margin-bottom: 3px;
}

.twoColFixRtHdr #sidebar2 ul li.open a
{
	display: block;
	padding:4px 5px 4px 35px;
	background: url(../images/parts_level2.gif) no-repeat 20px 8px;
	text-indent: 0px;
	border-bottom: 1px dashed #CCCCCC;
	margin-bottom: 3px;
}

.twoColFixRtHdr #sidebar2 ul ul ul li.close a
{
	display: block;
	padding: 4px 5px;
	background: url(../images/parts_level3.gif) no-repeat 30px center;
	color: #000000;
	text-indent: 40px;
	border-bottom: 1px dashed #CCCCCC;
	margin-bottom: 3px;
}

.twoColFixRtHdr #sidebar2 ul ul ul li.open a
{
	display: block;
	padding: 4px 5px;
	background: url(../images/parts_level3open.gif) no-repeat 30px center;
	color: #000000;
	text-indent: 40px;
	border-bottom: 1px dashed #CCCCCC;
	margin-bottom: 3px;
}

.twoColFixRtHdr #sidebar2 ul li.arrow a
{
	display: block;
	padding: 4px 5px;
	background: url(../images/parts_level1_arrow.gif) no-repeat 10px center;
	text-indent: 20px;
}

.twoColFixRtHdr #sidebar2 ul ul li.arrow a
{
	display: block;
	padding: 4px 5px;
	color: #000000;
	background: url(../images/parts_level2_arrow.gif) no-repeat 20px center;
	text-indent: 30px;
	border-bottom: 1px dashed #CCCCCC;
	margin-bottom: 3px;
}

.twoColFixRtHdr #sidebar2 ul ul ul li.arrow a
{
	display: block;
	padding: 4px 5px;
	background: url(../images/parts_level3_arrow.gif) no-repeat 30px center;
	color: #000000;
	text-indent: 40px;
	border-bottom: 1px dashed #CCCCCC;
	margin-bottom: 3px;
}
*/

.twoColFixRtHdr #mainContent1{
	padding: 15px 250px 0 40px;
	/*margin: 15px 240px 0 0;
	padding: 0 10px 0 40px;*/
}

.twoColFixRtHdr #mainContent2
{
	padding: 5px 30px 0 235px;
	/*padding: 0 30px 0 20px;
	margin: 15px 0px 0px 220px;*/
}

.twoColFixRtHdr #mainContent1 h2
{
	background: url(../images/parts_index_h2.gif) no-repeat 0px 0px;
	height: 35px;
	line-height: 35px;
	text-indent: 15px;
	margin: 0px 0px 10px 0px ;
	padding: 0px;
	font-weight:bold;
	font-size:110%;
}
.twoColFixRtHdr #mainContent2 h2
{
	background: url(../images/parts_index_h2.gif) no-repeat 0px 0px;
	height: 35px;
	line-height: 35px;
	text-indent: 10px;
	margin: 0px 0px 20px 0px ;
	padding: 0px;
}
.twoColFixRtHdr #mainContent2 div.tec-b h2
{
	background: url(../images/parts_index_h2b.gif) no-repeat 0px 0px;
}
.twoColFixRtHdr #mainContent2 div.tec-g h2
{
	background: url(../images/parts_index_h2g.gif) no-repeat 0px 0px;
}
.twoColFixRtHdr #mainContent2 div.tec-r h2
{
	background: url(../images/parts_index_h2r.gif) no-repeat 0px 0px;
}

.twoColFixRtHdr #mainContent1 .date,
.twoColFixRtHdr #mainContent2 .news .date { font-weight: nomal; }

.twoColFixRtHdr #mainContent1 .title,
.twoColFixRtHdr #mainContent2 .news .title{ font-weight: bold; }

.twoColFixRtHdr #mainContent1 p {
	margin:0px 10px;
	line-height: 130%; }
	

.twoColFixRtHdr #mainContent1 .article,
.twoColFixRtHdr #mainContent2 .news .article
{
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom:5px;
	margin-bottom: 5px;
	text-indent:10px;
}
#sidebar1 .Bussiness-Item p{text-indent:10px;}



/***********************.twoColFixRtHdr #mainContent2 .pannavi
{
	padding: 5px;
	margin-bottom: 5px;
	font-size:80%;
}
************************************/
.twoColFixRtHdr #footer
{
	padding: 0 0px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:url(../images/parts_bg_ft.jpg) no-repeat 0px 0px;
	height: 100px;
}

.twoColFixRtHdr #footer p
{
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

.twoColFixRtHdr #footer p.copyright
{
	text-align: right;
	margin-right: 20px;
}

.fltrt
{ /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}

.fltlft
{ /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}

.clearfloat
{ /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}