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

/* general */
.more {background: url("../image/detail.png") no-repeat right; background-position: 100% 40%; padding-right: 16px; border: 0px; behavior: url("css/iepngfix.htc");}
/*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;}


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

li#nav_outline a.active {background: url("../image/about_menu.jpg") no-repeat; background-position: 0 -25px; cursor: default;}
li#nav_guide a.active {background: url("../image/about_menu.jpg") no-repeat; background-position: -200px -25px; cursor: default;}
li#nav_class a.active {background: url("../image/about_menu.jpg") no-repeat; background-position: -400px -25px; cursor: default;}

div#article {width: 986px; padding: 40px 80px; margin-left: 7px; -webkit-animation-name: fadeIn; -webkit-animation-delay: 0s; -webkit-animation-duration: 0.25s;}

/* about */
article.about {display: block;}
article.about h2 {color: #333333; margin: 0 0 1em; padding: 0; border-bottom: solid 1px #999999; font: 30px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',"Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight:500;}
article.about div.contact {position: relative; padding-left: 45px;}
article.about p.cap {margin: 30px 15px 0; font-size: 80%; color: #FF8740; padding: 0;}

article.about p.item {margin: 0 15px; font-family: sans-serif, "ＭＳ ゴシック", "Osaka−等幅 "; font-size: 130%; text-align: left; color: #022c4f; border-bottom: solid #dddddd 1px; padding: 0;}
.aboutName sub {font-size: 50%; position: relative; top: -0.3em;}
.imagespace {padding: 5px;}
article.about p {padding: 10px 50px 0;}
article.about ul {list-style: square; padding: 0px 20px 0px 33px;}
article.about ul li.ln {list-style: none; font-size: 90%;}
article.about ul li ul {list-style: disc; padding: 0px 20px 0px 33px;}

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

article.about p.caption {font-size: 120%; font-weight: bold; vertical-align: baseline; margin: 1em; padding: 0px; border-bottom: solid #bbbbbb 1px;}
/* table for product */
article.about table thead tr td img {vertical-align: bottom;}
article.about .title {text-align: center;}
article.about table{width: 550px; font-size: 90%; border-collapse: collapse; margin-bottom: 20px; margin-left: 30px;}
article.about table td.leftside {width: 10.5em;}
article.about table.training td {text-align: center;}
article.about table td {border: solid #bbbbbb;}

article.about table ul {padding-left: 1.5em;}

article.about table thead tr td {background: url(../image/table2.png) top right no-repeat; padding: 0.7em; border-width: 0 0 1px 0; behavior: url("css/iepngfix.htc");}
article.about table thead tr td.leftside {background-position: left top; text-align: center; border-width: 0 1px 1px 0;}
article.about table thead tr td.middle {text-align: center; background-position: -10px 0; border-width: 0 1px 1px 0;}

article.about table tbody tr.even td{background: url(../image/table1.png) no-repeat; background-position: right -10px; padding: 0.7em; border-width: 0 0 1px 0; behavior: url("css/iepngfix.htc");}
article.about table tbody tr.even td.leftside{background-position: 0px -10px; text-align: center; border-width: 0 1px 1px 0;}
article.about table tbody tr.even td.middle{background-position: -10px -10px; padding: 0.7em; border-width: 0 1px 1px 0;}

article.about table tbody tr.odd td{background: url(../image/table2.png) no-repeat; background-position: right -10px; padding: 0.7em; border-width: 0 0 1px 0; behavior: url("css/iepngfix.htc");}
article.about table tbody tr.odd td.leftside{background-position: left -10px; text-align: center; border-width: 0 1px 1px 0;}
article.about table tbody tr.odd td.middle{background-position: -10px -10px; padding: 0.7em; border-width: 0 1px 1px 0;}

article.about table tbody tr.evenlast td{background: url(../image/table1.png) bottom right no-repeat; padding: 0.7em; border-width: 0; behavior: url("css/iepngfix.htc");}
article.about table tbody tr.evenlast td.leftside{background-position: left bottom; text-align: center; border-width: 0 1px 0 0;}
article.about table tbody tr.evenlast td.middle{background-position: -10px bottom; padding: 0.7em; border-width: 0 1px 0 0;}

article.about table tbody tr.oddlast td{background: url(../image/table2.png) bottom right no-repeat; padding: 0.7em; border-width: 0; behavior: url("css/iepngfix.htc");}
article.about table tbody tr.oddlast td.leftside{background-position: left bottom; text-align: center; border-width: 0 1px 0 0;}
article.about table tbody tr.oddlast td.middle{background-position: -10px bottom; padding: 0.7em; border-width: 0 1px 0 0;}

ul.detail li {list-style: none;}

/* zoom */
div.image {text-align: center; margin: 10px; margin-left: auto; margin-right: auto;}
.image a {display: inline; position: relative; vertical-align: top; margin: 0 20px;}
.image a .zoom {background: url("../image/zoom.png") no-repeat top right; cursor: pointer; width: 39px; height: 40px; position:absolute; right: -18px; top: -18px; padding: 0; margin: 0; border-width: 0; z-index: 2; behavior: url("iepngfix.htc");} /* left->right IM01/14/2014 */
.image a img {position: relative; padding: 0; margin: 0; z-index: 1; border: solid #ffffff 5px;-moz-box-shadow: 0 2px 5px #595959; -webkit-box-shadow: 0 2px 5px #595959; -o-box-shadow: 0 2px 5px #595959;}
/* IE6用 */
* html .image .zoom {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src=../image/zoom.png); cursor: pointer; width: 39px; height: 40px; position:absolute; top: -15px; left: 3px; padding: 0; margin: 0; border-width: 0;}

* html .image img {-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);}
/* IE7用 */
*:first-child+html .image img {-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);}


p.list_title {margin-top: 1em; padding: 0;}
ul.guide {margin: 0 50px;}


article.about table ul#caraccess {padding-left: 0; list-style: none;}
div#mapdl {text-align: center; margin: 0 auto;}