@charset "utf-8";

/* ========================================================================
	kill browser 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, a, em, strong, sub, sup, del, ins{
margin:0;
padding:0;
}

ul, ol{
list-style:none;
}

h1, h2, h3, h4, h5, h6{
font-size:1em;
}

table{
border-spacing:0;
border:0 none;
}

caption, th, td{
border:0 none;
vertical-align:top;
font-size:1em;
text-align:left;
}

h1, h2, h3, h4, h5, h6,
dt, th, strong{
font-weight:normal;
}

address, em{
font-style:normal;
}

img{
border:0 none;
vertical-align:top;
}

hr{
display:none;
}


/* ========================================================================
	base style
------------------------------------------------------------------------ */
body{
line-height:1.5;
color:#000;
font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
font-size:100%;
}

/*----------------------------
	common
----------------------------*/

#header-container{
margin-bottom:15px;
height:63px;
border-bottom:1px #c7a373 dotted;
}

#header-inner{
padding-top:7px;
margin:0 auto;
width:933px;
}

#header-inner p{
float:left;
}

#header-inner .navi{
width:758px;
float:right;
}

#header-inner .navi li{
display:inline;
float:left;
}

#copyright{
padding:10px 0 15px 0;
margin:0 auto;
width:933px;
text-align:right;
}

/*----------------------------
	top
----------------------------*/

#header-container-top{
margin:0 auto;
width:933px;
height:61px;
}

#header-container-top p{
float:left;
padding-top:10px;
position:relative;
z-index:10;
}

#copyright-top{
padding:20px 0 15px 0;
margin:0 auto;
width:933px;
}

#copyright-top p.home{
float:left;
}

#copyright-top p.copy{
float:right;
}

/*----------------------------
	top-flash
----------------------------*/

#topflash{
margin:0 auto;
width:973px;
}

#topflash object,
#topflash param{
position:relative;
z-index:0;
margin-top:-60px;
}


#topflash .case{
width:973px;
margin:0 auto;
position:relative;
}

#topflash .case ul{
position:absolute;
top:474px;
left:26px;
}

#topflash .case ul li{
float:left;
}


/*----------------------------
	main-container common
----------------------------*/
#main-container{
margin:0 auto;
width:973px;
}

p.lead{
margin:22px 0 0 44px;
}

/*----------------------------
	howto
----------------------------*/
#main-inner-howto{
background:url(../images/howto/bg.gif) no-repeat;
padding:0 20px;
height:441px;
position:relative;
}

#howto-flow{
width:933px;
margin:9px auto 0;
}

#howto-flow li{
display:inline;
float:left;
}

#main-inner-howto p.img-brown{
position:absolute;
left:483px;
top:24px;
}

#main-inner-howto p.img-brown a{
width:422px;
height:363px;
display:block;
background:url(/sp/coharu/images/howto/bg_02.gif) no-repeat left top;
outline:none;
}

#main-inner-howto p.img-brown a:hover{
background:none;
cursor:default;
}



/*----------------------------
	tape
----------------------------*/
#main-inner-tape{
background:url(../images/tape/bg.jpg) no-repeat 20px bottom;
padding:0;
height:813px;
position:relative;
margin-bottom: 60px;
}

#main-inner-tape p.img-01{
width:229px;
position:absolute;
top:97px;
left:30px;
}

#main-inner-tape p.img-02{
width:256px;
position:absolute;
left: 25px;
bottom: -45px;
}

#main-inner-tape p.img-03{
width:229px;
position:absolute;
top:260px;
right:46px;
}

#main-inner-tape p.day{
  margin:15px 0 0 50px;
  font-size:14px;
  font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#333;
}

#main-inner-tape p.day img{
  vertical-align:middle;
  padding-right:5px;
}


/*----------------------------
	kind
----------------------------*/
#main-inner-kind{
background:url(../images/kind/bg.jpg) no-repeat 20px bottom;
padding:0 20px;
position:relative;
height:584px;
}

#main-inner-kind p.img-01,
#main-inner-kind p.img-02,
#main-inner-kind p.img-03,
#main-inner-kind p.img-04,
#main-inner-kind p.img-05{
position:absolute;
}
#main-inner-kind p.img-01{
top:26px;
left:295px;
}
#main-inner-kind p.img-02{
top:26px;
left:683px;
}
#main-inner-kind p.img-03{
top:140px;
left:20px;
}
#main-inner-kind p.img-04{
top:195px;
left:295px;
}
#main-inner-kind p.img-05{
bottom:0;
left:295px;
}


/*----------------------------
	spec
----------------------------*/
#main-inner-spec{
background:url(../images/spec/bg.gif) no-repeat;
padding:0 20px;
}

#main-inner-spec #table-container{
margin:19px auto 0;
width:854px;
}

#main-inner-spec #table-container h2{
background:url(../images/spec/spec-tablebg-top.gif) no-repeat;
text-align:center;
padding-top:19px;
height:32px;
}

#main-inner-spec #table-container p.notice{
color:#666666;
font-size:10px;
margin-top:15px;
}


/*----------------------------
	box
----------------------------*/
#main-inner-box{
background:url(../images/box/bg.gif) no-repeat;
padding:0 20px;
}

#main-inner-box #table-container{
margin:42px auto 0;
width:854px;
}

#main-inner-box #table-container h2{
background:url(../images/box/box-tablebg-top.gif) no-repeat;
text-align:center;
padding-top:19px;
height:32px;
}

#main-inner-box #table-container p.notice{
color:#666666;
font-size:10px;
margin-top:15px;
}


/*----------------------------
	movie
----------------------------*/
#main-inner-movie{
padding: 0 20px;
}
#main-inner-movie #movieflash{
text-align:center;
margin-top:15px;
}

/*----------------------------
	miffy
----------------------------*/
#main-inner-miffy{
padding:0 20px;
}
#main-inner-miffy p.img-01{
position:absolute;
top:426px;
right:0;
}
#main-inner-miffy div.guard{
position:relative;
width:933px;
height:789px;
}
#main-inner-miffy div.guard span.inner{
position:absolute;
display:block;
width:100%;
height:100%;
background-image:url(/images/tape/miffy/spacer.gif);
}
#main-inner-miffy p.bnr-01{
position:absolute;
top:674px;
right:60px;
}

/*----------------------------
	popup
----------------------------*/
#main-container-popup{
margin:0 auto;
width:880px;
background:url("../images/popup/bg.jpg") no-repeat 19px 705px;
*background-position:19px 725px;
_background-position:19px 725px;
padding-bottom:65px;
*padding-bottom:50px;
position: relative;
}
#main-container-popup h1{
margin:20px 15px;
}
#main-container-popup p{
font-size:0;
}
#main-container-popup ul{
position:absolute;
right:10px;
top:0px;
*top:20px;
}
#main-container-popup ul li{
float:left;
}
#main-container-popup .popup-lyt-01{
margin:21px 25px;
width:424px;
}
#main-container-popup .popup-lyt-02{
margin:-365px auto auto 449px;
width:427px;
}
#main-container-popup .popup-lyt-03{
margin:10px auto auto 40px;
width:418px;
}
#main-container-popup .popup-lyt-04{
margin:-395px auto auto 490px;
position:relative;
width:364px;
}
#main-container-popup .popup-lyt-05{
position:relative;
width:860px;
margin-left:11px;
}
#main-container-popup .popup-close{
margin-left:675px;
/**margin-top:-40px;*/
padding-top:24px;
position:static;
}
#main-container-popup .popup-close li{
padding-left:10px;
}
.btn-popup{
margin:-5px 184px 10px 184px;
}
.btn-popup-02{
margin:-67px 0px 73px 630px;
}
.btn-popup-03{
position:absolute;
top:181px;
left:345px;
}

/*----------------------------
	share-btn
----------------------------*/
.share-btn ul li{
float:left;
}
.share-btn ul li.first{
padding-right:15px;
}
.share-btn{
width:350px;
margin:0 auto;
}


/* ========================================================================
	clearfix
------------------------------------------------------------------------ */
#header-inner:after,
#howto-flow:after,
#copyright-top:after,
.share-btn ul:after{
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}