@charset "utf-8";

/* -------------------------------------------------------------------------

		useful styles
		
		汎用的なClassを定義
		
------------------------------------------------------------------------- */
.sp{
	display: none;
}

@media screen and (max-width:768px) {
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}
}

/* indentマイナス
------------------------------------------------- */
.indent{
    margin-left: 15px;
    text-indent: -15px;
}
/* float clear
------------------------------------------------- */

/*for modern browser*/
.clear_fix:after{
    content:" ";
    display:block;
    height:0;
    clear:both;
	font-size:0;
    line-height:0; 
    visibility:hidden;
}

/*for IE 5.5-7*/
.clear_fix{
	zoom:1;
}

.clear_both{
	clear:both;
	height:1px;
	font-size:1px;
	text-align:center;
	line-height:0;
}

/* float
------------------------------------------------- */

.float_r{
	float:right;
	display:inline;
}

.float_l{
	float:left;
	display:inline;
}

/* margin
------------------------------------------------- */

.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;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}

.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;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}

.mr0{margin-right:0px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}

.ml0{margin-left:0px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}

.mt-5{margin-top:-5px !important;}
.mt-10{margin-top:-10px !important;}
.mt-15{margin-top:-15px !important;}
.mt-20{margin-top:-20px !important;}
.mt-25{margin-top:-25px !important;}
.mt-30{margin-top:-30px !important;}
.mt-35{margin-top:-35px !important;}
.mt-40{margin-top:-40px !important;}
.mt-50{margin-top:-50px !important;}
.mt-60{margin-top:-60px !important;}

/* padding
------------------------------------------------- */

.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;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}

.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;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}

.pr0{padding-right:0px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}
.pr60{padding-right:60px !important;}

.pl0{padding-left:0px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}
.pl60{padding-left:60px !important;}

/* align
------------------------------------------------- */

.align_l{
	text-align:left;
}

.align_r{
	text-align:right;
}

.align_c{
	text-align:center;
}

/* font
------------------------------------------------- */

.smaller {
	font-size:smaller;
}

.larger {
	font-size:larger;
}

.bold{
	font-weight:bold !important;
}

/* fluid image
------------------------------------------------- */

.fluid_img{
	max-width:100%;
	height:auto;
	width:auto\9; /* IE8 */;
}

/* justify layout
Usage:
<ul class="just_layout">
	<li class ="just_item"></li>
</ul>
------------------------------------------------- */

.just_layout {
	text-align:justify;
	text-justify:distribute-all-lines;
	zoom:1;
	display:block;
	line-height:0;
}

.just_layout:after{
	line-height:0;
	visibility:hidden;
	content:"";
	display:inline-block;
	width:100%;
}

.just_layout .just_item{
	display:inline-block;
	text-align:left;
	vertical-align:top;
	line-height:normal;
}

* html .just_layout .just_item{
	display:inline;
	zoom:1;
}

*:first-child+html .just_layout .just_item{
	display:inline;
	zoom:1;
}

/* display
------------------------------------------------- */
.block{
	display: block;
}
.inline{
	display: inline;
}

/* list
------------------------------------------------- */

.list_discl{
	margin-left:1.2em;
	list-style:disc;
}

.list_square{
	margin-left:1.2em;
	list-style:square;
}

.list_decimal{
	margin-left:1.7em;
	list-style:decimal;
}

.list_decimal_zero{
	margin-left:2.3em;
	list-style:decimal-leading-zero;
}

/* list style (IE8以上)
------------------------------------------------- */

/* ---- ■ ---- */

.notes_square{
	margin-left:1.3em;
	text-indent:-1.3em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

.notes_square:before{
	content:"■ ";
}

/* ---- ※（注釈） ---- */

.notes{
	margin-left:1.3em;
	text-indent:-1.3em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

.notes:before{
	content:"※ ";
}


/* ---- ※n （番号付き注釈）---- */

.notes_num{
	counter-increment:decimal_notes;
	margin-left:2em;
	text-indent:-2em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

.notes_num:before{
	content:"※"counter(decimal_notes)" ";
}


/* ---- ※ ---- */

.list_asterisk{
	margin-left:1.3em;
}

.list_asterisk li{
	text-indent:-1.3em;
}

.list_asterisk li:before{
	content:"※ ";
}


/* ---- ・ ---- */

.list_dot{
	margin-left:1em;
}

.list_dot li{
	text-indent:-1em;
}

.list_dot li:before{
	content:"・";
}

/* ---- 1. ---- */
.list_decimal_01{
	margin-left:1.4em;
}

.list_decimal_01 li{
	counter-increment:decimal_01;
	text-indent:-1.4em;
}

.list_decimal_01 li:before{
	content:counter(decimal_01) ". ";
}

/* ---- (1) ---- */
.list_decimal_02{
	margin-left:1.9em;
}

.list_decimal_02 li{
	counter-increment:decimal_02;
	text-indent:-1.9em;
}

.list_decimal_02 li:before{
	content:"(" counter(decimal_02) ") ";
}

/* ---- [1] ---- */
.list_decimal_03{
	margin-left:1.9em;
}

.list_decimal_03 li{
	counter-increment:decimal_03;
	text-indent:-1.9em;
}

.list_decimal_03 li:before{
	content:"[" counter(decimal_03) "] ";
}

/* ---- ① ---- */
.list_decimal_04{
	padding-left:1.7em;
}

.list_decimal_04 li{
	counter-increment:decimal_04;
	text-indent:-1.7em;
}

.list_decimal_04 li:before{
	content:counter(decimal_04);
	border:1px solid #000;
	padding:0 4px;
	font-size:10px;
	margin-right:5px;
	text-align:center;
	line-height:1;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}