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

/* ========================================================================
	default
------------------------------------------------------------------------ */

html, body,
div, p, h1, h2, h3, h4, h5, h6, address, blockquote, pre,
ul, ol, li, dl, dt, dd,
table, caption, col, colgroup, thead, tbody, tfoot, tr, th, td,
form, fieldset, legend, label,
img, iframe, object,
span, em, strong, sub, sup, del, ins{
margin:0;
padding:0;
color:#666666;
line-height:140%;
}

body{
background:url(/sp/cc10/images/bg_body.gif) repeat;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}


a{
color:#000000;
}

a img{
border-style:none;
}

ul, ol{
list-style:none;
}


/* ========================================================================
	header
------------------------------------------------------------------------ */

#header{
background: url("/sp/cc10/images/bg_nav.gif") repeat-x scroll bottom;
padding-bottom:8px;
/*opacity: 0.9;
filter: alpha(opacity=90);*//*IE7*/
width: 100%;
position: fixed !important;
position: absolute;
left:0;
z-index: 1000;
}

#header .inner{
margin:0 auto;
width:960px;
}

#header h1{
float:left;
}

#header ul{
float:right;
margin-top:10px;
}

#header li{
float:left;
margin-left:25px;
}

#header_pos{
width:100%;
height:60px;
background: #ffffff;
}

#scroll_pos{
width:100%;
height:0px;
background: #ffffff;
display: none;
}

/* ========================================================================
	content
------------------------------------------------------------------------ */

#content{
width:960px;
margin:0 auto;
padding-top:20px;
}


/*	div.main
--------------------------------------------------*/

div#main{
background:url(/sp/cc10/images/img-index-main-bg.jpg);
position:relative;
width:960px;
height:426px;
margin-bottom:20px;
overflow:hidden;
}

div#main #main-item{
display:none;
position:absolute;
top:-279px;
left:273px;
width:415px;
height:585px;
}

div#main #main-wrap-output{
position:absolute;
top:268px;
left:326px;
width:273px;
height:161px;
overflow:hidden;
z-index:101;
}

div#main #main-wrap-output img{
position:absolute;
top:-161px;
left:0;
}

div#main #main-wrap-cut{
display:none;
position:absolute;
top:266px;
left:326px;
z-index:102;
}

div#main #main-wrap-cut img{
position:absolute;
top:0;
left:0;
width:420px;
height:160px;
z-index:100;
}

div#main .main-wrap-item{
position:absolute;
width:273px;
height:161px;
top:-161px;
}

div#main #main-note{
position:absolute;
top:17px;
right:-443px;
}

div#main #main-wrap-paste{
display:none;
position:absolute;
right:0;
top:0;
}

div#main #main-wrap-paste img{
position:absolute;
right:0;
top:0;
z-index:100;
}

/*	div.box
--------------------------------------------------*/

div.box1{
width:960px;
background: url(/sp/cc10/images/box1_02.gif) no-repeat bottom;
margin-bottom: 20px;
}

div.box1 .inner{
background: url(/sp/cc10/images/box1_01.gif) no-repeat;
padding: 6px;
}

div.box2{
width: 960px;
background: url(/sp/cc10/images/box2_03.gif) no-repeat bottom;
padding-bottom: 6px;
margin-bottom: 20px;
}

div.box2 .body h2{
background: url(/sp/cc10/images/box2_01.gif) no-repeat;
padding:8px 6px 0;
margin: 0 -40px 0;
}

div.box2 .body{
background: url(/sp/cc10/images/box2_02.gif) repeat-y;
padding: 0 40px;
}


/*	ul.col2
--------------------------------------------------*/

#content ul.col2 li{
float:left;
}


/*	table
--------------------------------------------------*/

#content .table-01{
font-size:75%;
border-collapse:collapse;
margin-top:20px;
width:880px;
}

#content .table-01 th,#content .table-01 td{
padding:11px 12px 9px;
}

#content .table-01 th{
font-weight: normal;
color:#FFF;
border-top:1px solid #b3b3b3;
border-right:1px solid #b3b3b3;
border-bottom:1px solid #b3b3b3;
background:#047796;
}

#content .table-01 th.center{
/*vertical-align: middle;*/
padding:11px 10px 9px;
}

#content .table-01 td{
border-top:1px solid #b3b3b3;
border-left:1px solid #b3b3b3;
border-bottom:1px solid #b3b3b3;
background:#FFF;
}

/*	ul.note_01
--------------------------------------------------*/

ul.note_01{
font-size:94%;
margin-top:10px;
}


/*	div.spec-note
--------------------------------------------------*/

#content .spec-note {
margin:10px 20px;
font-size: 68.75%;
}


/*	div#pagetop
--------------------------------------------------*/

#pagetop{
text-align:right;
padding:25px 0 0;
}


/*	share-btn
--------------------------------------------------*/
#share-btn{
  text-align:right;
}
#share-btn ul li{
  display:inline-block;
}
#share-btn ul li.twitter{
  margin-left:25px;
  width:125px !important;
}

/*	movie-btn
--------------------------------------------------*/
.btn1{
margin-bottom:0;
position:absolute;
top:350px;
left:-560px;
z-index:102;
}
.btn2{
margin-bottom:0;
position:absolute;
top:335px;
left:-70px;
}

/*==================================================
	footer
==================================================*/

#footer{
background:#047796;
width:100%;
text-align:center;
}

#footer p{
font-size:81.25%;
margin:0 auto;
padding:8px 0;
width:960px;
text-align:center;
color:#fff;
}


/*==================================================
	Clear
==================================================*/
#header .inner,
#header ul,
#header li,
#content ul.col2,
#share-btn,
#share-btn ul{
zoom:1;
}

#header .inner:after,
#header ul:after,
#content ul.col2:after,
#share-btn:after,
#share-btn ul:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}
/*==================================================
	adjuster
==================================================*/
.mb10{
margin-bottom:10px;
}