@charset "UTF-8";
/* CSS Document */

/*content*/
body div#bg_top_g {width: 1010px; height: 10px; background: url("../image/bg1.png") left top no-repeat; margin: 30px auto 0; position: relative; padding: 0; font-size: 0; z-index: 5;}
body div#bg_bottom_g {width: 1010px; height: 17px; background: url("../image/bg1.png") left bottom no-repeat; margin: 0 auto 40px; font-size: 0;}
div#content_g {margin: 0 auto; padding: 0; width: 1010px; height: auto; background: url("../image/bg2.png") left top repeat-y;}
div#content_home_g {margin: 20px auto 0; padding: 0; width: 1010px; height: auto; background: none;}
/* general */
.more {background: url("../image/detail.png") no-repeat right; background-position: 100% 40%; padding-right: 16px; border: 0px;}
/*article ul {list-style: url("../image/circle.png"); padding-left: 20px;}*/
article div.info {padding: 15px;}
div.pict {padding-top: 15px;}

tr, td, th {padding: 0; margin: 0; border: 0;}

body div#bg_top_gallery {width: 1010px; height: 10px; background: url("../image/bg1_2.png") left top no-repeat; margin: 30px auto 0; position: relative; padding: 0; font-size: 0; z-index: 5;}
body div#bg_bottom_gallery {width: 1010px; height: 17px; background: url("../image/bg1_2.png") left bottom no-repeat; margin: 0 auto 40px; font-size: 0;}

/* navigator */
/*nav#navigation {height: 22px;}*/
nav#navigation ul {list-style: none; padding: 0; width: 344px; margin: 0 auto; text-align: center;}
nav#navigation li {height: 22px; float: left;}
#nav_visgallery,#nav_video {width: 172px;}
nav#navigation ul li a {display: block; width: 100%; height: 100%; text-indent: -9999px;}
li#nav_visgallery a {background: url("../image/gallery_menu.jpg") no-repeat; background-position: 0 0;}
li#nav_video a {background: url("../image/gallery_menu.jpg") no-repeat; background-position: -200px 0;}

li#nav_visgallery a.active {background: url("../image/gallery_menu.jpg") no-repeat; background-position: 0 -25px; cursor: default;}
li#nav_video a.active {background: url("../image/gallery_menu.jpg") no-repeat; background-position: -200px -25px; cursor: default;}

div#centering {position: relative; overflow: hidden;}
div#centering ul {list-style: none; position: relative; left: 50%; float: left;}
div#centering ul li {position: relative; left: -50%; float: left; height: 56px;}
li#title_left {background: url("../image/title_left.jpg") no-repeat left top; width: 26px;}
li#title_center {color: #fff; background: url("../image/title_center.jpg") repeat-x left top; font-size: 18px; line-height: 56px; padding: 0 20px;}
li#title_right {background: url("../image/title_right.jpg") no-repeat right top; width: 26px; }
/*for IE7*/
*:first-child+html #title_left,*:first-child+html #title_right {padding-left: 26px;}
/* product */
article.gallery {display: block; overflow: hidden; position: relative;}
article.gallery div {float: left;}
article.gallery h2 {color: #333333; margin:0; padding: 0; font: 21px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight:500;}
article.gallery h3.cap {font-size: 75%; color: #FF8740; margin-top: 4em;}

article.gallery h4.galleryName {font-family: sans-serif, "ＭＳ ゴシック", "Osaka−等幅 "; font-size: 200%; color: #022c4f; border-bottom: solid #dddddd 1px;}
.galleryName sub {font-size: 50%; position: relative; top: -0.3em;}
article.gallery div.block {width: 385px;}
article.gallery p {padding: 20px 50px 10px;}
article.gallery #category {width: 160px; position: relative; display: block; z-index: 2; margin-left: 7px; display: inline;}
article.gallery div#category ul {list-style: none; padding: 0;}
article.gallery div#category ul li {width: 160px; height: 40px; text-align: left; display: block;}
article.gallery div#category ul li.active {background: url("../image/select.jpg") right top no-repeat;}
div#category ul li a {width: 100%; height: 100%; position: relative; top: -11px; /top: -5px; line-height: 35px; vertical-align: bottom; font-size: 13px; display: block; color: #464646; margin-left: 5px;}
* html div#category ul li a {margin-right: -5px;}
div#category ul li a:hover {text-decoration: none; color: #0078bf;}
#category ul li a span {width: 35px; height: 35px; margin-right: 3px; position: relative; top: 12px; /top: 8px; display: inline-block;}
#environment_icon {background: url("../gallery/icon/environment_icon.jpg") no-repeat; background-position: 0 0;}
#object1_icon {background: url("../gallery/icon/object1_icon.jpg") left top no-repeat;}
#object2_icon {background: url("../gallery/icon/object2_icon.jpg") left top no-repeat;}
#physical1_icon {background: url("../gallery/icon/physical1_icon.jpg") left top no-repeat;}
#physical2_icon {background: url("../gallery/icon/physical2_icon.jpg") left top no-repeat;}
#tank_icon {background: url("../gallery/icon/tank_icon.jpg") left top no-repeat;}
#moving_object_icon {background: url("../gallery/icon/moving_object_icon.jpg") left top no-repeat;}
#jet_1e5_icon {background: url("../gallery/icon/jet_1e5_icon.jpg") left top no-repeat;}
#benard_convection_icon {background: url("../gallery/icon/benard_convection_icon.jpg") left top no-repeat;}

.ui-tabs-selected a span#environment_icon {background-position: 0 -35px;}
.ui-tabs-selected a span#object1_icon {background-position: 0 -35px;}
.ui-tabs-selected a span#object2_icon {background-position: 0 -35px;}
.ui-tabs-selected a span#physical1_icon {background-position: 0 -35px;}
.ui-tabs-selected a span#physical2_icon {background-position: 0 -35px;}
.ui-tabs-selected a span#tank_icon {background-position: 0 -35px;}
.ui-tabs-selected a span#moving_object_icon {background-position: 0 -35px;}
.ui-tabs-selected a span#jet_1e5_icon {background-position: 0 -35px;}
.ui-tabs-selected a span#benard_convection_icon {background-position: 0 -35px;}

article.gallery #divide {width: 7px; margin-left: -7px; background: url("../image/shadow.jpg") left top repeat-y; padding-bottom: 32768px; margin-bottom: -32768px; display: inline; z-index: 1;}
article.gallery .movie {width: 820px; margin: 1px 8px; padding: 0; display: inline; background: #262626;}
.movie ul {list-style: none; position: relative; left: 55px; top: 0px; padding-top: 40px; display: block; /padding-bottom: 40px;}
.movie ul li {float: left; display: inline; margin: 0 55px 40px 0; padding: 0; position: relative; -webkit-animation-name: fadeInAndUp; -webkit-animation-duration: 0.25s;}
.movie ul li a {display: inline; position: relative; vertical-align: top;}
.movie ul li a span.play {background: url("../image/play.png") no-repeat top left; cursor: pointer; width: 30px; height: 30px; position:absolute; left: 86px; top: 43px; padding: 0; margin: 0; border-width: 0; z-index: 2; display: none;}
.movie ul li a:hover span.play {display: block;}
.movie ul li img {z-index: 1;}


.movie div#video_wrapper p {color: #fff; font: 25px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif;}
.movie div#video_wrapper img#insert {vertical-align: middle; margin: 10px 0 40px; background: none;}
.movie div#video_wrapper {width: 820px; position: relative; left: 0; top: 0; margin: 0 auto; text-align: center; display: none; z-index: 9; min-height: 320px; height: auto !important; height: 320px;}
.movie div#video_wrapper span {height: auto;}
.movie div#video_wrapper a#close_button {color: #fff; position: relative; left: -20px; top: 0; font-size: large; display: block; text-decoration: underline; width: 79px; height: 25px; background: url("../image/close.gif") no-repeat; text-indent: -9999px;}
div#video_wrapper p {text-align: left;}

article.gallery hr {margin-bottom: 10px; size: 1px;}

/* tooltip */
.tooltip {
	display: none;
	font-size: 12px;
	color: #fff;
	background: url("../image/tooltip_bg.png") left top;
	padding: 5px 25px;
	border: 2px solid #fff;
	-moz-box-shadow: 0 2px 5px #595959; 
    -webkit-box-shadow: 0 2px 5px #595959; 
    -o-box-shadow: 0 2px 5px #595959;
	-moz-border-radius: 9px; 
    -webkit-border-radius: 9px; 
    -o-border-radius:9px; 
    -khtml-border-radius:9px; 
    border-radius: 9px;
	max-width: 220px;
	z-index: 99;
}
/* for IE6 */
* html .tooltip {-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=2) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=5)"; filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=2) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=5); document.body.clientWidth > 220? “220px” : “auto”);}
/* for IE7 */
*:first-child+html .tooltip {-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=2) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=5)"; filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=2) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=5);}