@charset "Shift_JIS";

/*reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
ol, ul{list-style:none;}
fieldset, img{border:0;}
table{border-collapse: collapse; border-spacing:0;}
caption, th{text-align:left;}
img{margin:0px; padding:0px; border:none; vertical-align:bottom;}

/*clearfix*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block; clear:both}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/*link*/
a{/*リンクされた文字*/
color:#000000;
 font-style:normal;
text-decoration:underline;
}
a:link {/*未訪問のリンク*/
color:#000000;
font-style:normal;
text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
color:#000000;
text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
color:#000000;
font-style:normal;
text-decoration:none;
}
a:active {/*クリック中*/
text-decoration:none;
}

/*Layout//////////////////////////////////////////////////*/

p { white-space:normal; }

body {
background:url(img/bg.gif) repeat;
font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#wrapper {
margin: 5px auto 25px auto;
width: 850px;
border: 1px solid #c6c6c6;
text-align: center;
background-color:#FFFFFF;
}
#header .movie ul { margin:0 0 5px 93px; width:684px; line-height:1.8em; text-align:center;}
#header .movie ul li {
float:left;
margin-right:10px;
padding:0;
}
#header .movie ul li img {
margin-bottom:15px;
}
#header .btn { margin:0 0 60px 230px; width:680px; line-height:1.8em; }
#header .btn p.text, ul.btn_buy { float:left;}
#header .btn ul li { float:left;}
#header .btn ul li.online, li.amazon { margin-left:15px; }
#header .navi ul { margin:0 auto 60px auto; width:645px; line-height:1.8em; text-align:center; }
#header .navi ul li {
display:inline;
margin-left:45px;
padding:4px 0 4px 20px;
font-size:16px;
}
#header .navi ul li.drop01 {background:url(img/drop_blue.gif) no-repeat left center; height:21px;}
#header .navi ul li.drop02 {background:url(img/drop_purple.gif) no-repeat left center; height:21px;}
#header .navi ul li.drop03 {background:url(img/drop_pink.gif) no-repeat left center; height:21px;}
#header .navi ul li.drop04 {background:url(img/drop_orange.gif) no-repeat left center; height:21px;}
#header .navi ul li.drop05 {background:url(img/drop_yellow.gif) no-repeat left center; height:21px;}

#contents .tit_vol { margin-bottom:35px; }
#contents .pr { display:inline; }
#contents .pr img { margin-left:60px;}
#contents .box { margin:0 auto 30px auto; width:645px; text-align:left; }
#contents .box .text { width:405px; float:left; }
#contents .box .text p { color:#666666 ;font-size:12px; line-height:1.4em; word-break: break-all;}
#contents .box .text p.guest {
margin-bottom:15px;
padding-left:55px;
background:url(img/guest.gif) no-repeat left top;
}
#contents .box .photo { float:right; }
#contents .pagetop {
margin:0 auto 30px auto;
padding:0 0 3px 0;
width:645px;
text-align:right;
background:url(img/dot.gif) repeat-x bottom;
}
#contents .ametop {
margin:0 auto 30px auto;
width:645px;
text-align:left;
}

#footer { margin-bottom:65px; }

/*Midashi*/
h1 { margin: 30px auto; }
h2 { display:inline; }
h3 { margin-bottom:20px; text-align:left; }

/*140219追加*/

#gold {
margin: 5px auto 25px auto;
width: 750px;
border:solid 10px #CC9933;
text-align: center;
background-color:#FFFFFF;
}

#silver {
margin: 5px auto 25px auto;
width: 750px;
border:solid 10px #a9a9a9;
text-align: center;
background-color:#FFFFFF;
}

#tokuten {
margin: 5px auto 25px auto;
width: 750px;
border:solid 5px #00a7eb;
background-color:#fffccf;
padding:10px;
}

/*170302 リンクバナー追加*/
.bnr_btn a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
}

.bnr_btn {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
}