@charset "utf-8";
/*
 * CSS common.css depoc.yoshi
 */

/*
 * ------- commonModule ---------------------
 */
/* clerfix */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size:0em; overflow:hidden; line-height:0; font-size: 0.1em; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /*\*//*/ eight: auto; overflow: hidden; /**/ }

/* section */
.section:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.section { min-height: 1px; }
.section p{ text-align: justify; text-justify: distribute; }
.section dd{ text-align: justify; text-justify: distribute; }
* html .section { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ }

/* incnt */
.incnt:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.incnt { min-height: 1px; margin: 0 auto; width: 1000px; position: relative; }

/* inbox */
.inbox:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.inbox { min-height: 1px; }
.inbox_s_banner { min-height: 1px; }

/* cnt floaf */
.cnt_left:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.cnt_left { min-height: 1px; float: left; }
.cnt_right:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
.cnt_right { min-height: 1px; float: right; }

/* clearboth */
.clearboth { clear:both; }

/* inlineBlock */
.inlineBlock { display: inline-block; *display: inline; *zoom: 1; }

/* boxSize */
.boxSize { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }













/*
 * ------- privateInitSetteing ---------------------
 */
/* img */
img { max-width:100%; height: auto; font-size: 0; line-height: 0; }
.ie8 img { width:auto; }

/* table */
table { width:100%; }
table th, table td { text-align: left; vertical-align: middle; list-style: none; }

/* form */
form input[type="text"] { width: 100%; height: 30px; line-height: 1; }
form textarea { width: 100%; height: 100px; }
form p.ermsg { color: #cb1c24; }

/* */
li, ol, ul, dl, dt, dd { list-style-type : none; padding: 0; margin: 0; list-style: none; }












/*
 * ------- commonSetteing.css3 ---------------------
 */
/* csshover */
a.csshover, a.csshover:hover { -webkit-transition: 0.7s; -moz-transition: 0.7s; -o-transition: 0.7s; transition: 0.7s; }
a.csshover img:hover { filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }

/* textshadow */
.textshadowStyle { text-shadow: 1px 1px 3px #000; }

/* boxshadow */
.boxshadowStyle { -moz-box-shadow: inset 1px 1px 3px #000; -webkit-box-shadow: inset 1px 1px 3px #000; box-shadow: inset 1px 1px 3px #000; }

/* radius */
.radiusStyle { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

/* transition */
.transitionStyle { -webkit-transition: 1.5s; -moz-transition: 1.5s; -o-transition: 1.5s; transition: 1.5s; }

/* alpha */
.alphaStyle { filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; }

/* bgalpha */
.bgalphaStyle { background-color:rgba(255,255,255,0.2); }

/* gradient */
.gradientStyle {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
	background-image: -moz-linear-gradient(top, #ffffff, #000000);
	background-image: -ms-linear-gradient(top, #ffffff, #000000);
	background-image: -o-linear-gradient(top, #ffffff, #000000);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
	background-image: -webkit-linear-gradient(top, #ffffff, #000000);
	background-image: linear-gradient(top, #ffffff, #000000);
}




/*
 * ------- commonSetteing.text ---------------------
 */
/* txtLinkSetting */
a:link,
a:visited { color:#1a1a1a;}
a:hover,
a:active { color:#aaa; }

/* txt center */
.tc { text-align: center!important; }
.tr { text-align: right!important; }




/*
 * ------- commonSetteing.image ---------------------
 */
/* imgHover */
.hover { cursor: pointer; }

/* imgFloat */
img.left { float: left; margin-right: 30px; margin-bottom: 15px; _position: relative; _zoom:1; }
img.right { float: right; margin-left: 30px; margin-bottom: 15px; _position: relative; _zoom:1; }

/* imgStyle */
img.imgStyle { font-size: 0.1em; line-height: 0.1em; }

/* imghover imgwrap scaledown scaleup */
.imgwrap { overflow: hidden; }
.imgwrap img { max-width: none; width: 100%; cursor: pointer; }
.imgwrap img.scaledown {
	-moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
	-moz-transform: scale( 1.05 ); -webkit-transform: scale( 1.05 ); -o-transform: scale( 1.05 ); -ms-transform: scale( 1.05 ); transform: scale( 1.05 );
}
.imgwrap:hover img.scaledown { -moz-transform: scale( 1.00 ); -webkit-transform: scale( 1.00 ); -o-transform: scale( 1.00 ); -ms-transform: scale( 1.00 ); transform: scale( 1.00 ); }
.imgwrap img.scaleup { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.imgwrap img.scaleup:hover { -webkit-filter: opacity(0.7); opacity:0.7; -moz-transform: scale( 1.05 ); -webkit-transform: scale( 1.05 ); -o-transform: scale( 1.05 ); -ms-transform: scale( 1.05 ); transform: scale( 1.05 ); }




/*
 * ------- commonSetteing.list ---------------------
 */
/* li-ol indext */
ul.indext li, ol.indext li { padding-left: 1em; text-indent: -1em; }

/* li caution */
ul.caution { padding-top: 10px; font-size: 0.9em; }
ul.caution li { padding-left: 1em; text-indent: -1em; }
ul.caution li:before { content:"※"; }

/* li center */
ul.center { text-align:center; }
ul.center li { display: inline-block; }

/* packs slides */
ul.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
ul.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
ul.rslides li:first-child { position: relative; display: block; float: left; }
ul.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }




/*
 * ------- commonSetteing.container ---------------------
 */
/* incnt */
.incnt { width: 960px; }
@media screen and (max-width: 959px) {
	.incnt { margin: 0 4%; width: 92%; }
}

/* incnt_min */
.minwrap { width: 880px; }
@media screen and (max-width: 959px) {
	.minwrap { margin: 0 4%; width: 92%; }
}





/*
 * ------- commonSetteing.table ---------------------
 */
/* table list */
table.likelist {  }
table.likelist th, table.likelist td { padding: 15px; border: 1px solid #ccc; }
table.likelist th { background: #f3f3f3; }
@media screen and (max-width: 640px) {
	table.likelist thead { display: none; }
	table.likelist tr { display: block; }
	table.likelist th, table.likelist td { padding: 0px!important; border: none!important; display: list-item; background: none!important; text-align: left!important; width: auto; }
	table.likelist th { font-size: 1.1em; font-weight: bold; }
	table.likelist tr td:last-child { margin-bottom: 10px; }
}




/*
 * ------- commonSetteing.display ---------------------
 */
/* display adjust */
.middleblock, .middleonlyblock, .spblock, .sponlyblock, .narrowblock, .tabletblock, .tabletonlyblock  { display: none; }
.middlethide, .sphide, .narrowhide, .tablethide { display: block; }
@media screen and (max-width: 959px) {
	.tabletblock, .tabletonlyblock  { display: block; }
	.tablethide { display: none; }
}
@media screen and (max-width: 767px) {
	.middleblock, .middleonlyblock  { display: block; }
	.middlehide { display: none; }
}
@media screen and (max-width: 640px) {
	.spblock, .sponlyblock { display: block; }
	.middleonlyblock, .sphide { display: none; }
}
@media screen and (max-width: 480px) {
	.narrowblock { display: block; }
	.sponlyblock, .narrowhide { display: none; }
}




/*
 * ------- privateCommonSetteing ---------------------
 */
.txtBlue { color: #004896; }
.txtRed { color: #ce1225; }
.txtBold { font-weight: bold; }

.sectitle { border-left: 3px solid #004896; height: 30px; background: url(../img/common/bg_1.png) repeat; padding: 10px 0 0 15px; margin-bottom: 25px; line-height: 0.1em; font-size: 0.1em; }
#index .sectitle { border-top: 1px solid #004896; border-left: none; }
.sectitle img { height: 20px; }
@media screen and (max-width: 959px) {
	.sectitle { margin-bottom: 20px; }
}
.section { margin-bottom: 55px; }
@media screen and (max-width: 959px) {
	.section { margin-bottom: 30px; }
}

@media screen and (max-width: 959px) {
	.inbox_h_banner { margin-bottom: 50px; }
}

@media screen and (max-width: 640px) {
	#index .h_banner_sp { margin-bottom: 50px; }
}




















/*
 * ------- commonSetteing.margin-padding ---------------------
 */
/* padding */
.pt0 { padding-top: 0px!important; }
.pt5 { padding-top: 5px!important; }
.pt10 { padding-top: 10px!important; }
.pt15 { padding-top: 15px!important; }
.pt20 { padding-top: 20px!important; }
.pt25 { padding-top: 25px!important; }
.pt30 { padding-top: 30px!important; }
.pt40 { padding-top: 40px!important; }
.pt50 { padding-top: 50px!important; }
.pt60 { padding-top: 60px!important; }
.pt70 { padding-top: 70px!important; }
.pt80 { padding-top: 80px!important; }
.pt90 { padding-top: 90px!important; }
.pt100 { padding-top: 100px!important; }
.pb0 { padding-bottom: 0px!important; }
.pb5 { padding-bottom: 5px!important; }
.pb10 { padding-bottom: 10px!important; }
.pb15 { padding-bottom: 15px!important; }
.pb20 { padding-bottom: 20px!important; }
.pb25 { padding-bottom: 25px!important; }
.pb30 { padding-bottom: 30px!important; }
.pb40 { padding-bottom: 40px!important; }
.pb50 { padding-bottom: 50px!important; }
.pb60 { padding-bottom: 60px!important; }
.pb70 { padding-bottom: 70px!important; }
.pb80 { padding-bottom: 80px!important; }
.pb90 { padding-bottom: 90px!important; }
.pb100 { padding-bottom: 100px!important; }
.pl0 { padding-left: 0px!important; }
.pl5 { padding-left: 5px!important; }
.pl10 { padding-left: 10px!important; }
.pl15 { padding-left: 15px!important; }
.pl20 { padding-left: 20px!important; }
.pl25 { padding-left: 25px!important; }
.pl30 { padding-left: 30px!important; }
.pl40 { padding-left: 40px!important; }
.pl50 { padding-left: 50px!important; }
.pr0 { padding-right: 0px!important; }
.pr5 { padding-right: 5px!important; }
.pr10 { padding-right: 10px!important; }
.pr15 { padding-right: 15px!important; }
.pr20 { padding-right: 20px!important; }
.pr25 { padding-right: 25px!important; }
.pr30 { padding-right: 30px!important; }
.pr40 { padding-right: 40px!important; }
.pr50 { padding-right: 50px!important; }
/* margin */
.mt0 { margin-top: 0px!important; }
.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mt25 { margin-top: 25px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mt50 { margin-top: 50px!important; }
.mt60 { margin-top: 60px!important; }
.mt70 { margin-top: 70px!important; }
.mt80 { margin-top: 80px!important; }
.mt90 { margin-top: 90px!important; }
.mt100 { margin-top: 100px!important; }
.mb0 { margin-bottom: 0px!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb25 { margin-bottom: 25px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb60 { margin-bottom: 60px!important; }
.mb70 { margin-bottom: 70px!important; }
.mb80 { margin-bottom: 80px!important; }
.mb90 { margin-bottom: 90px!important; }
.mb100 { margin-bottom: 100px!important; }
.ml0 { margin-left: 0px!important; }
.ml5 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }
.ml25 { margin-left: 25px!important; }
.ml30 { margin-left: 30px!important; }
.ml40 { margin-left: 40px!important; }
.ml50 { margin-left: 50px!important; }
.mr0 { margin-right: 0px!important; }
.mr5 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mr25 { margin-right: 25px!important; }
.mr30 { margin-right: 30px!important; }
.mr40 { margin-right: 40px!important; }
.mr50 { margin-right: 50px!important; }