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

/* 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;}

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

li#nav_nagare a.active {background: url("../image/product_menu.jpg") no-repeat; background-position: 0 -25px; cursor: default;}
li#nav_clef a.active {background: url("../image/product_menu.jpg") no-repeat; background-position: -200px -25px; cursor: default;}
li#nav_hpc a.active {background: url("../image/product_menu.jpg") no-repeat; background-position: -400px -25px; cursor: default;}
li#nav_price a.active {background: url("../image/product_menu.jpg") no-repeat; background-position: -600px -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;}
/* product */
article.product {display: block;}
article.product h2 {color: #333333; margin:0; 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.product h3.cap {margin: 0 15px; font-size: 120%; color: #FF8740; margin-top: 4em;}

article.product h4.ProductName {margin: 0 15px; font-family: sans-serif, "ＭＳ ゴシック", "Osaka−等幅 "; font-size: 200%; color: #022c4f; border-bottom: solid #dddddd 1px;}
.ProductName sub {font-size: 50%; position: relative; top: -0.3em;}

/* image */
div.image {text-align: center; margin: 40px 40px 0; margin-left: auto; margin-right: auto;}
.image a {display: inline; position: relative; vertical-align: top; margin: 0 20px;}
.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;}
.imagespace_left {position: relative; left: -30px; top: 0;}
.imagespace_right {margin-left: 0; position: relative; left: 30px; top: 0;}
.overflow_right {position: relative; left: 40px;}
* html .right div.image .zoom {left: -10px;}/*IE6用*/
*:first-child+html .right div.image .zoom {left: -10px;}/*IE7用*/

article.product div.block {width: 385px;}
article.product p {padding: 20px 50px 10px;}
article.product ul {list-style: square; padding: 0px 20px 0px 90px;}
article.product ul li.ln {list-style: none; font-size: 90%;}
article.product ul li ul {list-style: disc; padding: 0px 20px 0px 33px;}

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

article.product p.caption {font-size: 120%; font-weight: bold; vertical-align: baseline; margin: 1em; padding: 0px 10px; border-bottom: solid #dddddd 1px;}
/* table for product */
.title {text-align: center; margin-left: auto; margin-right: auto;}
article.product table{width: 850px; *border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; margin-left: auto; margin-right: auto;}
article.product table td.leftside {width: 10.5em;}
article.product table td {border: solid 1px #bbbbbb; padding: 1.2em;}
article.product table thead tr.title td:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

article.product table td.middle {
    border-left: none;
}

table thead tr.title td:last-child {
	border-left: none;
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}
article.product table tbody tr td {
    border-top: none;
}

article.product table tbody tr td:last-child {
    border-left: none;
}
article.product table tbody tr.even td, article.product table tbody tr.evenlast td {
	background-color: #eee;
}

article.product table tbody tr.evenlast td:first-child, article.product table tbody tr.oddlast td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}
article.product table tbody tr.evenlast td:last-child, article.product table tbody tr.oddlast td:last-child {
    border-left: none;
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

article.product table.hpc {
	width: 900px;
}
article.product table.hpc thead tr td {
	text-align: left;
}

p.supplement1 {font-size: 70%; margin-top: -2.5em;}
p.supplement2 {font-size: 90%;}


article.product table.price {width: 900px; margin-left: auto; margin-right: auto;}
table.price thead {font-family:  Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif; font-size: 110%;}
article.product table tbody tr.software td:last-child {
    border-left: solid 1px #bbbbbb; padding: 1.2em;
}
table.price div.prdt {font-size: 120%; padding: 0.5em;}
table.price td.leftside, .price td.middle {width: 117px !important;}
table.price tbody td.prdtname, .price tbody td.coordinate, .price tbody td.support, .price tbody td.modelnumber {text-align: center;}
table.price tbody td.prdtprice {text-align: right;}
table.price tbody tr.oddlast td.coordinate, .price tbody tr.oddlast td.prdtprice, .price tbody tr.oddlast td.support, .price tbody tr.oddlast td.modelnumber{background: url(../image/table2.png) no-repeat; background-position: -10px bottom; padding: 0.7em; border-width: 0 1px 0 0;}