@charset "utf-8";

@import "../../css/styles.css";

/* content base */
#navHeader {
    margin:0 auto;
}
#pankuzu {
    width:100%;
    max-width:950px;
}
#footer {
    background-position:0 17px;
}

#main {
    width:100%;
    max-width:950px;
    margin:0 auto;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
    text-align:left;
    line-height:1.8;
}

.content_box {
    width:100%;
    margin:0 auto 40px;
}

#main h2 {
    margin:0 auto 25px;
    padding:15px 0 10px;
    border-bottom:2px solid #ff6339;
    line-height:1.4;
    font-size:2.0em;
    color:#444;
    font-weight:normal;
}
#main h3.ttl {	
	margin-top:2em;
    margin-bottom:1.2em;
    padding-left:0.5em;
    border-left:0.4em solid #e94709;
    line-height:1.6;
    font-size:1.4em;
    font-weight: normal;
}	/* _privacy180915 */

#main h3 {
    margin-bottom:0.8em;
    font-size:1.4em;
}
#main h4 {
	margin-top:2em;
    margin-bottom:1.2em;
    padding-left:0.5em;
    border-left:0.4em solid #e94709;
    line-height:1.6;
    font-size:1.4em;
    font-weight: normal;
}
#main h4.ttl {	
	margin-top:2em;
    margin-bottom:0.8em;
    padding-left:0;
    border-left:none;
    font-weight:bold;
	font-size:1.3em;
}	/* _privacy180915 */

#main h5 {
    margin-bottom:0.5em;
    font-size:1.2em;
    font-weight: 600;
}


#main ul,
#main ol {
    margin:0 0 2em;
    padding-left:0;
    list-style:none;
}
#main ul li,
#main ol li {
    margin-bottom:0.5em;
}
#main li > ul,
#main li > ol {
    padding-left:0;
}

#main ul.disc {
    padding-left:1.5em;
    list-style:disc;
}
#main ol.decimal {
    padding-left:1.5em;
    list-style:decimal;
}

#main .note {
    font-size:0.9em;
    margin-bottom:3em;
}



#main p {
    margin-bottom:2em;
}
#main p.mb00 {margin-bottom:0.0em;}
#main p.mb05 {margin-bottom:0.5em;}
#main p.mb10 {margin-bottom:1.0em;}
#main p.mb15 {margin-bottom:1.5em;}
#main p.mb25 {margin-bottom:2.5em;}
#main p.mb30 {margin-bottom:3.0em;}
#main .mt50 {margin-top:5.0em;}

#main ol.count {
}
#main ol.count li {
	padding-left:1.5em;
	text-indent:-1.5em;
}
#main ol.count li span {
	padding-right:0.5em
}

dl.social {
    padding-top:5px;
    padding-bottom:10px;
}
dl.social dt {
    /*background:url(/images/content/ic_socialmedia.gif) no-repeat 0.2em 4.2px;*/
	display: list-item;
	list-style: disc inside;
    padding-left:1em;
    line-height:1.6;
}
dl.social dd {
    line-height:1.6;
    padding-left:2em;
    margin-bottom:1em;
}


#main a.anchor,
#main a.arrow,
#main a.prev {
    display:inline-block;
    padding-left:1em;
    /*color:#555;*/
}
#main a.anchor > span,
#main a.arrow > span,
#main a.prev > span {
    display:inline-block;
    position:relative;
}
#main a.anchor > span:before {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    left:-1.0em;
    width:0;
    height:0;
    margin-top:-3px;
    border-style:solid;
    border-width:8px 5px 0 5px;
    border-color:#cccccc transparent transparent transparent;
}
#main a.arrow > span:before {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    left:-1.0em;
    width:0;
    height:0;
    margin-top:-6px;
    border-style:solid;
    border-width:5px 0 5px 8px;
    border-color:transparent transparent transparent #cccccc;
}
#main a.prev > span:before {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    left:-1.0em;
    width:0;
    height:0;
    margin-top:-5px;
    border-style:solid;
    border-width:5px 8px 5px 0;
    border-color:transparent #cccccc transparent transparent;
}
#main a:hover span {text-decoration:underline;}


/* pdf icon */
.pdf {
    display: inline-block;
    width: 12px;
    height: 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("../images/pdf_icon.png");
    margin-right: 3px;
}


/* screen -950px */
/*-------------------------------------------------------------------------------------------*/
@media screen and (max-width : 950px) {

#main {
    width:90%;
}
#pankuzu {
	margin-left:3%;
}

.content_box {
}

}


/* screen -640px */
/*-------------------------------------------------------------------------------------------*/
@media screen and (max-width : 640px) {

#main {
    width:100%;
}

.content_box {
    width:90%;
}

#main h2 {
    padding:15px 5% 10px;
    font-size:1.5em;
}
#main h3 {
    font-size:1.2em;
}
#main h4 {
    font-size:1.1em;
}

ol { margin-left:0!important; padding-right:0!important;}

}