/**
 * ================================================================================
 * [ common.css ]
 * @version     0.1.0
 * ================================================================================
 */

/*
================================================================================

dom/common

================================================================================
*/
html, body{ width: 100%; height: 100%; zoom: 1.0; }
body{
	-webkit-text-size-adjust: 100%;
	font-size: 13px;
	color: #333;
	line-height: 1.8em;
}
h1{ line-height: 1.2em; }
h2{ line-height: 1.3em; }
a{ color: #333; text-decoration: none; }
a.underline{ text-decoration: underline; }
img{ vertical-align: bottom; }
.img100 img{ width: 100%; }
.abs{ position: absolute; }
.hide{ visibility: hidden; }
.show{ visibility: visible; }
.clear{ clear: both; }
.left{ float: left; }
.right{ float: right; }
.bold{ font-weight: bold; }
.text-blue{ color: #9cdaf7; }
.mgAuto940{ width: 940px; margin: 0 auto; }
.mgAuto1280{ width: 1280px; margin: 0 auto; }
.attentionmark{ margin-left:1em; text-indent:-1em; }
.attentionmark2{ margin-left:2em; text-indent:-2em; }
.f_blue{ color: #009ee6;}
.f_blue_bold{ font-weight: bold; color: #009ee6; }
.f_red{ color: #ff0000;}
.f_red_bold{color: #ff0000; font-weight: bold;}

/* p改行 */
.kai p{ display: block; margin-left: 0; }
.re-kai p{ display: inline; }
span.img-left img{ float: left; padding-right: 20px; }
span.img-right img{ float: right; padding-left: 20px;}
@media screen and (max-width: 750px)
{
	.kai p{ display: inline; margin-left: 0em; }/* jsからの差し込みなので!?切替時に余白が出来るのでここで調整 */
	.re-kai p{ display: block; }
	span.img-left img{ float: left; width: 110px; padding-right: 10px; }
	span.img-right img{ float: right; width: 110px; padding-left: 10px; }
}

/* links
--------------------------------------------------------------------------------------------------*/

a:link {	color: #007ab3; text-decoration: underline; }
a:visited { color: #007ab3; text-decoration: underline; }
a:hover { color: #007ab3; text-decoration:none; }


/* padding Set
-------------------------------------------------------------------------------- */
.ptop5{padding-top:5px; }
.ptop10{padding-top:10px; }
.ptop15{padding-top:15px; }
.ptop20{padding-top:20px; }
.ptop25{padding-top:25px; }
.ptop30{padding-top:30px; }
.ptop40{padding-top:40px; }
.ptop50{padding-top:50px; }
.ptop60{padding-top:60px; }
.ptop70{padding-top:70px; }

.pbttm5{padding-bottom:5px; }
.pbttm10{padding-bottom:10px; }
.pbttm15{padding-bottom:15px; }
.pbttm20{padding-bottom:20px; }
.pbttm30{padding-bottom:30px; }

.pall5{padding:5px 0; }
.pall10{padding:10px 0; }
.pall15{padding:15px 0; }
.pall20{padding:20px 0; }
.pall30{padding:30px 0; }
.pr35{padding-right:35px; margin-top:49px; }

.mtop5{margin-top:5px; }
.mtop10{margin-top:10px; }
.mtop15{margin-top:15px; }
.mtop20{margin-top:20px; }
.mtop25{margin-top:25px; }
.mtop30{margin-top:30px; }

.mbttm5{margin-bottom:5px; }
.mbttm10{margin-bottom:10px; }
.mbttm15{margin-bottom:15px; }
.mbttm20{margin-bottom:20px; }
.mbttm30{margin-bottom:30px; }

/* float box
-------------------------------------------------------------------------------- */
.floatBox { display: block; }
.floatBox:before, .floatBox:after{ content: " "; display: table; }
.floatBox:after{ clear: both; }
.floatBox { zoom: 1; *zoom: 1; }/* For IE 6/7 (trigger hasLayout) */





/*
================================================================================

Page Top

================================================================================
*/
.fadeTopBtn a {
    display: block;
    background:url(../../common/images/common/pagetop.png) top left no-repeat;
    width:70px;
    height:70px;
    text-indent:-9999px;
}
.fadeTopBtn a:link {
    background:url(../../common/images/common/pagetop.png) top left no-repeat;
}
.fadeTopBtn a:visited {
    background:url(../../common/images/common/pagetop.png) top left no-repeat;
}
.fadeTopBtn a:active {
    background:url(../../common/images/common/pagetop.png) top left no-repeat;
}
.fadeTopBtn a:hover {
    background:url(../../common/images/common/pagetop_on.png) top left no-repeat;
}
@media screen and (max-width: 750px)
{
}





/*
================================================================================

Banner Btn

================================================================================
*/
.banner-btn{
	position: relative;
	overflow: hidden;
}
.banner-btn ul {
	position: relative;
	left: 50%;
	float: left;
}
.banner-btn ul li {
	position: relative;
	left: -50%;
	float: left;
	display:inline-block;
	font-size: 14px;
	font-weight: bold;
}

/* mini-Banner*
------------------------------------------------------------ */
.banner-btn ul li.mini {
	position: relative;
	left: -50%;
	float: left;
	display:inline-block;
	font-size: 12px;
	font-weight: bold;
}

/* ComingSoon-Banner*
------------------------------------------------------------ */
.banner-btn ul li.btn-cs{
	display:inline-block;
	border: 2px solid #bfbfbf;
	border-radius: 8px;
	font-size: 14px;
	font-weight: bold;
	color: #bfbfbf;
	padding: 10px 20px;
}
.banner-btn li a{
	display: block;
	border: 2px solid #007ab3;
	border-radius: 8px;
	padding: 10px 40px 10px 20px;
}
.banner-btn li.mini a{
	display: block;
	border: 2px solid #007ab3;
	border-radius: 8px;
	padding: 3px 40px 3px 20px;
}
.banner-btn li a:link {
	background: url(../images/common/banner_btn_yoff_pc.png) no-repeat  95% center #f0f0f0;
	color: #007ab3;
	text-decoration: none;
}
.banner-btn li a:visited {
	background: url(../images/common/banner_btn_yoff_pc.png) no-repeat  95% center #f0f0f0;
	color: #007ab3;
	text-decoration: none;
}
.banner-btn li a:active {
	background: url(../images/common/banner_btn_yoff_pc.png) no-repeat  95% center #f0f0f0;
	color: #007ab3;
	text-decoration: none;
}
.banner-btn li a:hover {
	background: url(../images/common/banner_btn_yon_pc.png) no-repeat  95% center #007ab3;
	color: #fff;
	text-decoration: none;
}

/* Banner Right*
------------------------------------------------------------ */
.banner-btn-right{
	overflow: hidden;
	text-align: right;
}
.banner-btn-right li{
	display:inline-block;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.banner-btn-right li.mini-r{
	font-size: 12px;
}
.banner-btn-right li.mini-l{
	font-size: 12px;
}
.banner-btn-right li a{
	display: block;
	border: 2px solid #007ab3;
	border-radius: 8px;
	padding: 10px 40px 10px 20px;
}
.banner-btn-right li a:link {
	background: url(../images/common/banner_btn_yoff_pc.png) no-repeat  95% center #f0f0f0;
	color: #007ab3;
	text-decoration: none;
}
.banner-btn-right li a:visited {
	background: url(../images/common/banner_btn_yoff_pc.png) no-repeat  95% center #f0f0f0;
	color: #007ab3;
	text-decoration: none;
}
.banner-btn-right li a:active {
	background: url(../images/common/banner_btn_yoff_pc.png) no-repeat  95% center #f0f0f0;
	color: #007ab3;
	text-decoration: none;
}
.banner-btn-right li a:hover {
	background: url(../images/common/banner_btn_yon_pc.png) no-repeat  95% center #007ab3;
	color: #fff;
	text-decoration: none;
}
.banner-btn-right li.mini-l a:link {
	background: url(../images/common/banner_btn_yoff_pc_r.png) no-repeat 10% center #f0f0f0;
	color: #007ab3;
	text-decoration: none;
}
.banner-btn-right li.mini-l a:visited {
	background: url(../images/common/banner_btn_yoff_pc_r.png) no-repeat 10% center #f0f0f0;
	color: #007ab3;
	text-decoration: none;
}
.banner-btn-right li.mini-l a:active {
	background: url(../images/common/banner_btn_yoff_pc_r.png) no-repeat 10% center #f0f0f0;
	color: #007ab3;
	text-decoration: none;
}
.banner-btn-right li.mini-l a:hover {
	background: url(../images/common/banner_btn_yon_pc_r.png) no-repeat  10% center #007ab3;
	color: #fff;
}
.banner-btn-right li.mini-r a{
	display: block;
	border: 2px solid #007ab3;
	border-radius: 8px;
	padding: 3px 40px 3px 20px;
}
.banner-btn-right li.mini-l a{
	display: block;
	border: 2px solid #007ab3;
	border-radius: 8px;
	padding: 3px 20px 3px 40px;
}

/* Banner Left*
------------------------------------------------------------ */
.banner-btn-left{
	overflow: hidden;
	text-align: left;
}
.banner-btn-left li{
	display:inline-block;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.banner-btn-left li.mini-r{
	font-size: 12px;
}
.banner-btn-left li.mini-l{
	font-size: 12px;
}
.banner-btn-left li a{
	display: block;
	border: 2px solid #007ab3;
	border-radius: 8px;
	padding: 10px 40px 10px 20px;
}
.banner-btn-left li a:link {
	background: url(../images/common/banner_btn_yoff_pc.png) no-repeat  95% center #f0f0f0;
	color: #007ab3;
	text-decoration: none;
}
.banner-btn-left li a:visited {
	background: url(../images/common/banner_btn_yoff_pc.png) no-repeat  95% center #f0f0f0;
	color: #007ab3;
	text-decoration: none;
}
.banner-btn-left li a:active {
	background: url(../images/common/banner_btn_yoff_pc.png) no-repeat  95% center #f0f0f0;
	color: #007ab3;
	text-decoration: none;
}
.banner-btn-left li a:hover {
	background: url(../images/common/banner_btn_yon_pc.png) no-repeat  95% center #007ab3;
	color: #fff;
	text-decoration: none;
}
.banner-btn-left li.mini-l a:link {
	background: url(../images/common/banner_btn_yoff_pc_r.png) no-repeat 10% center #f0f0f0;
	color: #007ab3;
	text-decoration: none;
}
.banner-btn-left li.mini-l a:visited {
	background: url(../images/common/banner_btn_yoff_pc_r.png) no-repeat 10% center #f0f0f0;
	color: #007ab3;
	text-decoration: none;
}
.banner-btn-left li.mini-l a:active {
	background: url(../images/common/banner_btn_yoff_pc_r.png) no-repeat 10% center #f0f0f0;
	color: #007ab3;
	text-decoration: none;
}
.banner-btn-left li.mini-l a:hover {
	background: url(../images/common/banner_btn_yon_pc_r.png) no-repeat  10% center #007ab3;
	color: #fff;
	text-decoration: none;
}
.banner-btn-left li a.non-link:hover {
	background: url(../images/common/banner_btn_yoff_pc.png) no-repeat  95% center #f0f0f0 !important;
	color: #007ab3 !important;
	text-decoration: none !important;
	cursor: default;
}
.banner-btn-left li.mini-r a{
	display: block;
	border: 2px solid #007ab3;
	border-radius: 8px;
	padding: 3px 40px 3px 20px;
}
.banner-btn-left li.mini-l a{
	display: block;
	border: 2px solid #007ab3;
	border-radius: 8px;
	padding: 3px 20px 3px 40px;
}
@media screen and (max-width: 750px)
{
	.banner-btn ul li{
		font-size: 16px;
	}
	.banner-btn ul li.mini {
		font-size: 14px;
	}
	.banner-btn ul li.btn-cs{
		display:inline-block;
		border: 2px solid #bfbfbf;
		border-radius: 8px;
		font-size: 16px;
		font-weight: bold;
		color: #bfbfbf;
		padding: 13px 20px;
	}
	.banner-btn li a{
		display: block;
		border: 2px solid #007ab3;
		border-radius: 8px;
		padding: 13px 35px 13px 10px;
	}
	.banner-btn li a:link {
		background: url(../images/common/banner_btn_yoff_sp.png) no-repeat  96% center #f0f0f0;
		-webkit-background-size:6px 10px;
		background-size:6px 10px;
		color: #007ab3;
		text-decoration: none;
	}
	.banner-btn li a:visited {
		background: url(../images/common/banner_btn_yoff_sp.png) no-repeat  96% center #f0f0f0;
		-webkit-background-size:6px 10px;
		background-size:6px 10px;
		color: #007ab3;
		text-decoration: none;
	}
	.banner-btn li a:active {
		background: url(../images/common/banner_btn_yoff_sp.png) no-repeat  96% center #f0f0f0;
		-webkit-background-size:6px 10px;
		background-size:6px 10px;
		color: #007ab3;
		text-decoration: none;
	}
	.banner-btn li a:hover {
		background: url(../images/common/banner_btn_yon_sp.png) no-repeat  96% center #007ab3;
		-webkit-background-size:6px 10px;
		background-size:6px 10px;
		color: #fff;
		text-decoration: none;
	}

	/* Banner Right
	------------------------------------------------------------ */
	.banner-btn-right{
		overflow: hidden;
		text-align: right;
	}
	.banner-btn-right li{
		display:inline-block;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
	}
	.banner-btn-right li.mini-r{
		font-size: 14px;
	}

	.banner-btn-right li a{
		display: block;
		border: 2px solid #007ab3;
		border-radius: 8px;
		padding: 15px 35px 15px 10px;
	}
	.banner-btn-right li a:link {
		background: url(../images/common/banner_btn_yoff_sp.png) no-repeat  96% center #f0f0f0;
		-webkit-background-size:6px 10px;
		background-size:6px 10px;
		color: #007ab3;
		text-decoration: none;
	}
	.banner-btn-right li a:visited {
		background: url(../images/common/banner_btn_yoff_sp.png) no-repeat  96% center #f0f0f0;
		-webkit-background-size:6px 10px;
		background-size:6px 10px;
		color: #007ab3;
		text-decoration: none;
	}
	.banner-btn-right li a:active {
		background: url(../images/common/banner_btn_yoff_sp.png) no-repeat  96% center #f0f0f0;
		-webkit-background-size:6px 10px;
		background-size:6px 10px;
		color: #007ab3;
		text-decoration: none;
	}
	.banner-btn-right li a:hover {
		background: url(../images/common/banner_btn_yon_sp.png) no-repeat  96% center #007ab3;
		-webkit-background-size:6px 10px;
		background-size:6px 10px;
		color: #fff;
		text-decoration: none;
	}

	/* Banner Left*
	------------------------------------------------------------ */
	.banner-btn-left{
		overflow: hidden;
		text-align: left;
	}
	.banner-btn-left li{
		display:inline-block;
		font-size: 16px;
		font-weight: bold;
		text-align: left;
	}
	.banner-btn-left li.mini-r{
		font-size: 14px;
	}

	.banner-btn-left li a{
		display: block;
		border: 2px solid #007ab3;
		border-radius: 8px;
		padding: 15px 35px 15px 10px;
	}
	.banner-btn-left li a:link {
		background: url(../images/common/banner_btn_yoff_sp.png) no-repeat  94% center #f0f0f0;
		-webkit-background-size:6px 10px;
		background-size:6px 10px;
		color: #007ab3;
		text-decoration: none;
	}
	.banner-btn-left li a:visited {
		background: url(../images/common/banner_btn_yoff_sp.png) no-repeat  94% center #f0f0f0;
		-webkit-background-size:6px 10px;
		background-size:6px 10px;
		color: #007ab3;
		text-decoration: none;

	}
	.banner-btn-left li a:active {
		background: url(../images/common/banner_btn_yoff_sp.png) no-repeat  94% center #f0f0f0;
		-webkit-background-size:6px 10px;
		background-size:6px 10px;
		color: #007ab3;
		text-decoration: none;
	}
	.banner-btn-left li a:hover {
		background: url(../images/common/banner_btn_yon_sp.png) no-repeat  94% center #007ab3;
		-webkit-background-size:6px 10px;
		background-size:6px 10px;
		color: #fff;
		text-decoration: none;
	}
}



/*
================================================================================

wrapper

================================================================================
*/
#wrapper{
    position: relative;
}



/*
================================================================================

shoulder

================================================================================
*/
#shoulder{
    width: 100%;
    background: #eee;
}
#shoulder .inner{
    width: 980px;
    margin: 0 auto;
}
#shoulder .left{
    color: #033333;
    font-size: 12px;
    line-height: 1.0em;
    padding: 9px 0;
    font-weight: bold;
}
#shoulder .right{
    height: 28px;
}
#shoulder .right #sp-mypage{
    display: none;
}
@media screen and (max-width: 750px)
{
    #shoulder .inner{
        width: auto;
        padding: 0 0 0 10px;
    }
    #shoulder .right{
        height: 55px;
    }
    #shoulder .right #sp-mypage{
        display: block;
    }
    #shoulder .right #sp-mypage{
        display: inline-block;
    }
    #shoulder .right #sp-mypage img{
        width: 55px;
        height: 55px;
    }
    #shoulder .right #sp-mypage li{
        float: left;
        padding: 0 0 0 3px;
    }
    #shoulder .right #sp-mypage li:first-child{
        float: left;
        padding: 0;
    }
}




/*
================================================================================

header

================================================================================
*/
#header{
    width: 790px;
    height: 95px;
    margin: 0 auto;
    background: url(../images/common/head_bg790_pc.png) no-repeat 0 35px;
}
#header #header-in{
    width: 790px;
    display: inline-block;
    font-size: 11px;
}
@media screen and (max-width: 750px)
{
    #header{
        width: auto;
        height: 100px;
        margin: 0 10px;
        overflow: hidden;
        background: url(../images/common/head_bg_sp.png) no-repeat 0 25px;
        -webkit-background-size:auto 15px;
        background-size:auto 15px;
    }
    #header #header-in{
        width: 100%;
        display: inline-block;
    }
}

/* header-left
------------------------------------------------------------ */
#header #header-in #header-in-left {
    float: left;
    width: auto;
    padding: 12px 0 15px 0;
}
#header #header-in #header-in-left .logo{
    padding: 5px 0 0 13px;
}
#header #header-in #header-in-left p{
    margin: 0;
    padding: 18px 0 0 3px; /*topを22pxから18に改訂*/
    font-weight: bold;
    width: auto;
}
#header #header-in #header-in-left p a.btn-top{
    display: inline-block;
}
#header #header-in #header-in-left p a.btn-top img{
    padding: 7px 0 0 10px; /*topを5pxから7pxに変更*/
    vertical-align: top;
}

#header #header-in #header-in-left a:link {	color: #333; text-decoration: none; }
#header #header-in #header-in-left a:visited { color: #333; text-decoration: none; }
#header #header-in #header-in-left a:hover { color: #333; text-decoration:none; }

@media screen and (max-width: 750px)
{
    #header #header-in #header-in-left {
        padding: 0;
        width: auto;
        float: left;
    }
    #header #header-in #header-in-left .logo{
        width: 140px;
        height: 26px;
        padding: 8px 0 0 0;
    }
    #header #header-in #header-in-left p{
        margin: 0;
        padding: 13px 0 0 2px;
        width: auto;
        font-weight: bold;
        font-size: 10px;
    }
    #header #header-in #header-in-left p a.btn-top img{
        display: none;
    }
}

/* header-right
------------------------------------------------------------ */
#header #header-in #header-in-right {
    float: right;
    margin: 15px 0 0 0;
    line-height: 1.0em;
}
#header #header-in #header-in-right .link a{
    text-decoration: none;
    color: #555656;
    padding: 0 0 0 15px;
    display: block;
    font-weight: bold;
    background: url(../images/common/linkicon01.png) no-repeat left center;
}
#header #header-in #header-in-right #sp-mypage{
    display: none;
}
@media screen and (max-width: 750px)
{
    #header #header-in #header-in-right {
        float: right;
        width: auto;
        height: auto;
        margin: 0;
        padding: 45px 0 0 0;
    }
    #header #header-in #header-in-right .link{
        display: none;
    }
    #header #header-in #header-in-right a{
    }
    #header #header-in #header-in-right #sp-mypage{
        display: inline-block;
    }
    #header #header-in #header-in-right #sp-mypage img{
        width: 55px;
        height: 55px;
    }
    #header #header-in #header-in-right #sp-mypage li{
        float: left;
        padding: 0 0 0 3px;
    }
    #header #header-in #header-in-right #sp-mypage li:first-child{
        float: left;
        padding: 0;
    }
}



/*
================================================================================

child-body

================================================================================
*/

/* h1
------------------------------------------------------------ */
#child-body.W-FULL h1#h1-visual{
    margin: 0 0 0 0;
}
#child-body.W-749 h1#h1-visual{
    margin: 0 0 0 41px;
}
#child-body h1#h1-visual img{
    width: auto;
}
@media screen and (max-width: 750px)
{
    #child-body.W-FULL h1#h1-visual,
    #child-body.W-749 h1#h1-visual{
        margin: 0;
    }
    #child-body h1#h1-visual img{
        width: 100%;
    }
}

/* child-body
------------------------------------------------------------ */
#child-body{
    width: 100%;
    min-width: 790px;
}
#child-body #child-body-in{
    width: 790px;
    margin: 0 auto;
}
@media screen and (max-width: 750px)
{
    #child-body{
        width: auto;
        min-width: initial;
        min-width: auto;
        background: none;
    }
    #child-body #child-body-in{
        width: auto;
        margin: 0;
    }
}

/* child-body-area
------------------------------------------------------------ */
#child-body #child-body-in #child-body-area{
    display: inline-block;
    margin-bottom: 30px;
    background: #f0f0f0;
    border: 1px solid #c9c9c9;
}
@media screen and (max-width: 750px)
{
    #child-body #child-body-in #child-body-area{
        display: block;
        margin: 0;
        background: none;
        border: none;
    }
}



/*
================================================================================

footer

================================================================================
*/
#footer{
    width: 100%;
    min-width: 790px;
    text-align: center;
    border-top: 30px solid #009ce5;
}
#footer #footer-in{
    width: 790x;
    margin: 0 auto;
    padding: 30px 0;
}
#footer #footer-in #holdings {
    display: none;
}
#footer #footer-in ul{
    display: inline-block;
}
#footer #footer-in li{
    float: left;
    margin-left: 13px;
}
#footer #footer-in li img{
    vertical-align: bottom;
}
#footer #footer-in li:first-child{
    margin-left: 0;
}
#footer #footer-in p img{
    vertical-align: middle;
    padding-left: 15px;
}
@media screen and (max-width: 750px)
{
    #footer{
        width: 100%;
        min-width: initial;
        min-width: auto;
        display: block;
        border-top: 12px solid #009ce5;
        text-align: center;
        line-height: 1.2em;
        font-size: 10px;
    }
    #footer #footer-in{
        width: 100%;
        margin: 0 auto;
        display: block;
        text-align: center;
        padding: 12px 0;
    }
    #footer #footer-in li.re-kai{
        line-height: 1.6em;
    }
    #footer #footer-in #holdings {
        display: inline-block;
        width: 100%;
        margin: 12px 0 15px 0;
        padding: 12px 0 0 0;
        border-top: 1px solid #c9c9c9;
        color: #c9c9c9;
        font-size: 9px;
    }
    #footer #footer-in #holdings a{
        display: inline-block;
        padding-left: 15px;
        background: url(../images/common/linkicon01.png) no-repeat left center;
    }
    #footer #footer-in ul{
        display: block;
    }
    #footer #footer-in li{
        float: none;
        margin-left: 0;
    }
    #footer #footer-in p img{
        vertical-align: middle;
        padding-left: 15px;
    }
}