@charset 'Shift_JIS';

/*
 * Frame Design Local *************************************
 */

#panel-wrap {
 margin-top:15px;
 position:relative;
 }

#panel-left {
 float: left;
 width: 7em;
 margin-right: -10em;
 padding:2.5em 3em 0 0;
 background: url(images/method.gif) 90% 80% no-repeat;
 }

#products-cat #panel-left {
 padding:0.5em 3em 0 0;
 background-position: 90% 50%;
 }

#panel-center {
 float: right;
 width: 100%;
 }

#panel-center-inner {
 margin: 0 0 0 10em;
 }

#contents_rec {
 float: left;
 width: 100%;
 }

#contents_rec #contentsinner {
 margin: 0 180px 0 0;
 }

#rec {
 float: left;
 width: 160px;
 margin-left: -160px;
}


/*
 * Items Design *******************************************
 */

#panel-left form {
 margin:0;
 padding:5px 0 5px 5px;
 border:#ddd 1px solid;
 }


#brandsel form {
 margin:0;
 padding:5px 10px;
 border:#ddd 1px solid;
 width:31em;
 }

div.or {
 margin:1px 0 -0.8em 3em;
 font-size:120%;
 font-weight:bold;
 }

#selbox {
 margin:10px 0 5px 0;
 }

#selboxinner {
 padding:5px 10px 5px 10px;
 border:#ddd 1px solid;
 width:31em;
 zoom:1;
 }


#brandsel form input {
 height:2em;
 font-size:88%;
 }

div.products .detail {
 display:none;
 margin:0;
 padding:0.5em 1em;
 background-color:#ffe;
 }

hr {
 visibility:hidden;
 clear:both;
 }

.pname {
 font-size:17px;
 color:#333;
 padding:3px 0;
 }

.pdate {
 text-align:right;
 font-size:86%;
 }

.pkg {
 height:134px;
 background-repeat: no-repeat;
 background-position: 0 5px;
 text-indent:-500em;
 }


.go2top {
 margin:1em 0;
 margin-right:10px;
 padding:0;
 text-align:right;
 font-size:86%;
 }

.go2top span { text-decoration: none; }

.dim { color: #bbb; }
.shadow { color: #666; }
.s-size { font-size:86% }
.hi-light {
 background-color:#f6f2e4;
 padding:3px 0 5px 0;
 margin-right:10px;
 }

.subway { 
 text-align:right;
 margin-right:10px;
 }

.subchar { 
 font-size:84%;
 color:#555;
 }

p {
 margin:0 0 0.5em 0;
 padding:0;
 }

p.switcher {
 margin-left:0.9em;
 padding-left:12px;
 background: #ffffff url(images/hide_arrow.gif) no-repeat 1px 2px;
 }

h2 {
 text-indent:-50em;
 line-height:1;
 margin:30px 0 5px 0; padding:0;
 }

#products-index h2   { background: url('images/products_index_page_title.gif') no-repeat; }
#products-cat h2   { background: url('images/products_category_page_title.gif') no-repeat; }
#faq-index h2   { background: url('images/products_faq_page_title.gif') no-repeat; }

h3, h4, h5 {
 margin:1.5em 0 0.8em 0;
 }

div.category h5 {
 position: absolute;
 margin:0; padding:0;
 width:181px;
 top:3px;
 left:3px;
 font-weight: normal;
 font-size: 100%;
 }

div.category h6 {
 font-weight: normal;
 font-size: 100%;
 margin:0;
 padding:4px 0;
 }

div.category .products {
 position: relative;
 margin:0 0 0 186px;
 padding:2px 0 0 3px;
 border-left:#ccc 1px solid;
 border-bottom:#ccc 1px solid;
 }

div.category .last_item {
 border-bottom:none;
 }

div.products form {
 position: absolute;
 margin:0; padding:0;
 right:3px;
 top:1px;
 font-size:9pt;
 }



/*
 * Data List Design ***************************************
 */

dl.date, dl.cautions, dl.spec {
 position: relative;
 margin:0 0 0.5em 0;padding:0;
 }

dl.date dt {
 width: 5.5em;
 text-decoration: none;
 }

dl.date dd {
 position: relative;
 top:-1.4em;
 margin-bottom:-1.4em;
 margin-left: 6.5em;
 }

dl.cautions dt {
 text-decoration: none;
 width:1em;
 color:#555;
 }

dl.cautions dd {
 position: relative;
 top:-1.4em;
 margin-bottom:-1.4em;
 margin-left:1.1em;
 }

dl.spec dt {
 width: 4em;
 text-decoration: none;
 text-align:right;
 }

dl.spec dd {
 position: relative;
 top:-1.4em;
 margin-bottom:-1.4em;
 margin-left: 4.5em;
 }

div.category {
 position: relative;
 margin:2px 0;
 padding:0;
 border:#999 1px solid;
 }

div.header {
 color:#2f4f4f;
 background-color:#ddd;
 }

div.products dl.notes {
 position: relative;
 margin:0;padding:0;
 }

dl.notes dt {
 text-decoration: none;
 width: 3.2em;
 color: #666;
 }

dl.notes dd {
 position: relative;
 top:-1.4em;
 margin-bottom:-1.4em;
 margin-left: 4.2em;
 }

ul.links {
 margin:0.4em 0 0.3em 0.3em;
 padding:0;
 list-style:none;
 }

ul.links a{
/* display:block;*/
 }

ul.links li{
 padding-left:10px;
 margin-bottom:1px;
 background: url(images/bullet.gif) no-repeat 0px 30%;
 }


/*
 * Anchor / Link Design ***********************************
 */

.func a:link    { color:#777;    text-decoration: none; }
.func a:visited { color:#777;    text-decoration: none; }
.func a:hover   { color:#6699c0; text-decoration: underline; }
.func a:active  { color:#6699c0; text-decoration: underline; }

a.btn {
 display:block;
 height:20px;
 margin-bottom:2px;
 text-indent:-500em;
}

a.webln { background: url(images/bg_cat.jpg) no-repeat 10px 0; }
a.supln { background: url(images/bg_one.jpg) no-repeat 10px 0; }
a.subln { background: url(images/bg_biz.jpg) no-repeat 10px 0; }
a.dwnln { background: url(images/bg_try.jpg) no-repeat 10px 0; }
a.houln { background: url(images/bg_hou.jpg) no-repeat 10px 0; }
a.shopn { background: url(images/bg_shop.jpg) no-repeat 10px 0; }
a.faqln { background: url(images/bg_faq.jpg) no-repeat 10px 0; }

a.btn:link    { background-position: 10px 0; }
a.btn:visited { background-position: 10px 0; }
a.btn:hover   { background-position: 10px -22px; }
a.btn:active  { background-position: 10px -22px; }


/*
 * Table Design *******************************************
 */

table {
 font-size:100%;
 border-collapse:collapse;
 table-layout:fixed;
 }

.datacell {
 width:330px;
 }

.linkcell{
 width:140px;
 }

.pkgcell{
 width:90px;
 }

td, th {
 border-bottom:#999 1px solid;
 padding:3px 0 0 3px;
 }

th {
 border:#999 1px solid;
 }


th {
 color:#2f4f4f;
/* font-weight:normal;*/
 background-color:#ddd;
 }

.dot {
 border-top: #aaa 2px dotted;
 }


div.detail {
 margin-right:2em;
 padding:3px 0 1em 1em;
 }