@charset "utf-8";

/* ========================================================================
	Print
------------------------------------------------------------------------ */
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:756px;
float:right;
}

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

#copyright{
padding:20px 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;
}


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

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

/*----------------------------
	popup
----------------------------*/
#main-container-popup{
background:url("../images/popup/bg.jpg") no-repeat 19px 910px;
padding-bottom:20px;
*background-position:19px 930px;
_background-position:19px 910px;
}
#main-container-popup h1{
}
#main-container-popup ul{
}
#main-container-popup ul li{
float:left;
}
#main-container-popup .popup-lyt-01{
margin:21px 25px;
width:424px;
}
#main-container-popup .popup-lyt-02{
width:427px;
}
#main-container-popup .popup-lyt-03{
width:418px;
}
#main-container-popup .popup-lyt-04{
width:364px;
}
#main-container-popup .popup-lyt-05{
width:860px;
margin-left:11px;
}
#main-container-popup .popup-close{
margin:45px 0 0 793px;
}
.btn-popup{
margin:-5px 184px 10px 184px;
}
.btn-popup-02{
margin:-67px 0px 73px 630px;
}


/* ========================================================================
	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;  
}