/**********************************/
/* CSS stylesheet ver.4           */
/* Copyright 2010 www.j-pee.com   */
/* HTML+CSS Author: Akihiro K     */
/**********************************/

auth#style------------htmltag {}
body { background-color: #006; padding: 0px; margin: 0px; font: 12px/16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
img { display: block; vertical-align: text-bottom; }
ul { margin: 0px; padding: 0px; list-style-type: none; }
h1, h2, h3, h4, h5, h6, p{ margin: 0px; padding: 0px; font-size: 12px; line-height: 16px; }
hr  { margin: 0px auto; padding: 0px; border-top: 1px dotted #CCC; border-bottom: none; border-right-style: none; border-left-style: none; }

auth#style------------class {}
div.clearfix { clear: both; }
auth#style------------header {}
#header { position: relative; width: 720px; margin: 5px auto 0px; background: #FFF url(/images/v4/header_bg.gif) repeat-x 0px 0px; }
#header .nav { position: absolute; left: 311px; top: 0px; width: 409px; padding: 8px 0px 6px 1px; }
#header .nav ul li { float: left; margin-right: 5px; }
auth#style------------content {}
#content { width: 680px; background-color: #FFF; margin: 0px auto; padding: 0px 20px; }
#content .article { margin-bottom: 5px; }

#content .article .hgroup { height: 25px; margin-bottom: 5px; background: url(/images/v4/hgroup_bg.png) no-repeat 0px 0px; }
#content .article .hgroup h1 { color: #FFF; line-height: 16px; font-size: 13px; margin: 0px; padding: 5px 0px 5px 20px; }


auth#style------------footer {}
#footer { background-color: #FFF; width: 720px; padding-top: 5px; margin: 0px auto; }
#footer .nav { margin-bottom: 5px; padding: 5px 20px; }
#footer .nav ul { background-color: #333; overflow: hidden; padding: 10px; }

#footer .nav ul li { float: left; margin-right: 9px; padding-right: 9px; border-right: 1px solid #666; }
#footer .nav ul li a { color: #FFF; }


#footer .attention { padding-left: 10px; border-left: 3px solid #036; margin: 0px 20px 20px; }
#footer .attention h1 { float: left; margin-right: 5px; font-size: 11px; }

#footer .attention p { font-size: 9px; line-height: 14px; }
#footer .copyright { text-align: center; color: #FFF; background-color: #006; font-weight: bold; padding: 10px; }
#products-id .content .products .product { width:130px; border:1px solid #999; background-color:#CCC; float:left; margin: 0px 5px 5px 0px; }
#products-id .content .products .product h1 { font-size:10px; font-weight:normal; padding:3px 0; text-align:center; background-color:#C00; }
#products-id .content .products .product p { padding:3px 0; text-align:center; line-height:14px; }
#products-id .content .products .product5,
#products-id .content .products .product10,
#products-id .content .products .product15,
#products-id .content .products .product20,
#products-id .content .products .product25,
#products-id .content .products .product30,
#products-id .content .products .product35,
#products-id .content .products .product40,
#products-id .content .products .product45,
#products-id .content .products .product50 { margin-right: 0px; }
auth#style------------detail {}
#detail .content .section h2  { font-size: 16px; border-bottom: 1px solid #666; margin-bottom: 5px; padding-top: 5px; padding-bottom: 5px; }

#detail .content .section h3 { border-bottom: 1px dotted #999; border-left: 5px solid #036; padding: 2px 5px; margin-bottom: 5px; }
#detail .content .section { margin-bottom: 5px; }
#detail #download #movDL { width: 380px; float: left; margin: 0px 5px 0px 0px; overflow: hidden; }
#detail #download #movDL table { margin: 0px 0px 5px; border-top: 1px solid #999; border-left: 1px solid #999; }
#detail #download #imgDL { width: 295px; float: left; overflow: hidden; margin: 0px; }
#detail #download #imgDL table { margin: 0px; border-top: 1px solid #999; border-left: 1px solid #999; }
#detail #download table thead td { font-size: 10px; line-height: 14px; font-weight: normal; text-align: center; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(153, 153, 153); }
#detail #download table tbody td { text-align: center; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(153, 153, 153); font-size: 11px; }
#detail .content .nav { position: relative; padding: 1px; }
#detail .content .nav .sub img { float: left; margin-right: 5px; }
#detail .content .nav .samplemovie { position: absolute; top: 1px; right: 1px; }
#detail #thumbs td{ background-origin: initial; background-clip: initial; width: 65px; height: 80px; border-top: 1px solid #CCC; border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #CCC; margin: 0px; padding: 0px; background: #EEE; }
#detail #thumbs td img { display: inline; vertical-align: middle; }