@charset "UTF-8";
/* ============================================================

 * www.jcomwest.jp/new/
 * layout.css
 *
 * copyright : J:COM WEST
 * author    : 
 
============================================================ */

/* ============================================================
 layout
============================================================ */
body { background-color: #ffeb5f; }
.bg-1 { background: url(../img/bg_index.jpg) no-repeat center top; }
.bg-2 { background: url(../img/bg.jpg) no-repeat center top; }

#header{
width:995px;
height:70px;
text-align:left;
position:relative;
margin:auto;
}
#header #logo{
position:absolute;
top:21px;
left:5px;
}
#header #txt{
position:absolute;
top:37px;
left:127px;
}
#header #contact{
position:absolute;
top:15px;
left:433px;
}
#header #btn{
position:absolute;
top:21px;
left:800px;
}

h1 { margin-bottom: 2px; }

#gnavi { width: 995px; margin: auto; margin-bottom: 5px; }
#gnavi ul li { float: left; }

ul#pankuzu { position: relative; clear: both; width: 995px; margin: 0 auto 5px auto; }
ul#pankuzu a { color: #363636; }
ul#pankuzu a:hover {  }
ul#pankuzu li { font-size: 85%; float: left; margin-right: 8px; margin-left: 2px; padding-right: 12px; background: url(../img/ico_arrow_01.gif) no-repeat center right; }

#container #container-inner { width: 995px; margin: 0 auto 0 auto; }

#main { width: 995px; margin: auto; background: url(../img/bg_con.gif) repeat-y; }
#main-end { width: 995px; height: 20px; margin: 0 auto 25px auto; background: url(../img/bg_con_bottom.gif) no-repeat; }

#main #content { float: left; width: 790px; margin-right: 8px; display: inline; }
#main #content #content-inner { width: 758px; margin-left: 16px; }
#main #content #bluray-inner { width: 758px; margin-bottom: 35px; padding: 16px; background: url(../../bluray/img/bg_bluray.gif) repeat-y top left; }
#main #content #content-top { width: 790px; height: 16px; background: url(../img/main_top.gif) no-repeat; }

#main #side { float: right; width: 197px; padding: display: inline; }
#main #side #side-top { width: 197px; height: 16px; background: url(../img/side_top.gif); }
#main #side ul,
#main #side p { width: 173px; margin: 0 auto 10px auto; }
#main #side ul li { margin-bottom: 5px; }
#main #bnr-160600 { width: 160px; margin: auto; }

.pagetop { text-align: right; margin: 10px 0; }
.pagetop a { font-size: 85%; line-height: 1.4; padding-left: 22px; display: inline-block; background: url(../img/ico_pagetop.gif) no-repeat center left; }
.pagetop2 { text-align: right; width: 758px; margin: 12px auto 10px auto; }
.pagetop2 a { font-size: 85%; line-height: 1.4; padding-left: 22px; display: inline-block; background: url(../img/ico_pagetop.gif) no-repeat center left; }

#footer { margin: 0 auto; background-color: #fff; border-top: solid 1px #cd778f; }
#footer #footer-inner { width: 995px; margin: 0 auto 35px auto; padding-top: 10px; background-color: #fff; }
#footer #footer-inner p { font-size: 85%; line-height: 1.4; text-align: right; color: #cd778f; }


/* ============================================================
 elements
============================================================ */
.copyright { font-family: 'ＭＳ Ｐゴシック', 'MS-PGothic'; font-size: 77%; line-height: 1.4; text-align: left; margin-bottom: 5px; }
.ico-blank a { padding-left: 15px; display: inline-block; background: url(../img/ico_blank.gif) no-repeat 0 4px; }


/* ============================================================
 index
============================================================ */
#top-flash { text-align: center; width: 100%; height: 476px; }
#zero { width: 706px; text-align: left; position: relative; margin: 0 auto; }
#zero #right { position: absolute; top: 0px; left: 524px; }

table.info-detail-tb { width: 100%; margin-bottom: 12px; }
table.info-detail-tb th { font-weight: bold; width: 18%; }
table.info-detail-tb th,
table.info-detail-tb td { padding: 4px 8px; border: solid 1px #ccc; }

#prev { width: 727px; text-align: left; position: relative; margin: -8px auto 0 auto; }
#prev ul li { float: left; width: 233px; margin-right: 14px; }

#prev ul li p { margin-bottom: 8px; }

/* ============================================================
 clear
============================================================ */
#gnavi ul,
ul#pankuzu,
#content #content-inner,
#content #bluray-inner,
#main,
#prev ul { display: inline-block; }

#gnavi ul:after,
ul#pankuzu:after,
#content #content-inner:after,
#content #bluray-inner:after,
#main:after,
#prev ul:after { clear: both; display: block; content: ""; }


/* ============================================================
 hack
============================================================ */

/*
 
 * html              : IE 6
 *:first-child+html  : IE 6
 html[xmlns]         : Firefox、Mozilla、Safari、Opera
 
 */