@charset "UTF-8";
/* CSS Document */



/* ------ reset -------- */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
} 
table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
}
fieldset,img {  
	    border:0;
		vertical-align:top; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
} 
ol,ul { 
	    list-style:none; 
} 
caption,th { 
	    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
} 
q:before,q:after { 
	    content:''; 
} 
abbr,acronym { 
        border:0; 
}



textarea,
input,
select{
    font:99% arial,helvetica,clean,sans-serif;
}

table{
    font-size:inherit;
    font:100%;
}

pre,code,kbd,samp,tt{
    font-family:monospace;
    *font-size:100%;
    font:115% monospace;
    line-height:100%;
}


/*--  font-color  --*/

.red{color:#CC3433;}


/*--  font-size  --*/

.fs_l{font-size:107%;}

.fs_m{font-size:92%;}

.fs_s{font-size:77%;}

/*--  font-size + line-height  --*/

.fs_s12{font-size:77%;line-height:1.2em;}
.fs_s15{font-size:77%;line-height:1.5em;}


/*--  font-weight  --*/

.bold{font-weight:bold;}



/* ------  clearFix -------- */


.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*--  text-align  --*/

.ta_c{text-align:center;}
.ta_l{text-align:left!important;}
.ta_r{text-align:right;}

/*--  margin  --*/

.mh_10{margin:10px 0;}
.mh_30{margin:30px 0;}


/*--  margin-top  --*/

.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_25{margin-top:25px;}
.mt_30{margin-top:30px;}
.mt_40{margin-top:40px;}
.mt_50{margin-top:50px;}
.mt_60{margin-top:60px;}


/*--  margin-right  --*/

.mr_5{margin-right:5px;}
.mr_6{margin-right:6px;}
.mr_12{margin-right:12px;}
.mr_20{margin-right:20px;}


/*--  margin-left  --*/

.ml_2{margin-left:2px;}
.ml_10{margin-left:10px;}
.ml_15{margin-left:15px;}
.ml_30{margin-left:30px;}


/*--  margin-bottom  --*/

.mb_2{margin-bottom:2px;}
.mb_5{margin-bottom:5px;}
.mb_10{margin-bottom:10px;}
.mb_15{margin-bottom:15px;}
.mb_20{margin-bottom:20px;}
.mb_30{margin-bottom:30px;}
.mb_40{margin-bottom:40px;}

/*--  padding-top  --*/

.pt_10{padding-top:10px;}
.pt_15{padding-top:15px;}
.pt_20{padding-top:20px;}

/*--  padding-right  --*/

.pr_10{padding-right:10px;}
.pr_20{padding-right:20px;}


/*--  padding-left  --*/

.pl_15{padding-left:15px;}
.pl_20{padding-left:20px;}
.pl_30{padding-left:30px;}
.pl_35{padding-left:35px;}
.pl_40{padding-left:40px;}


/*--  float  --*/

.fl_l{float:left;}
.fl_r{float:right;}


/*--  indent  --*/

.ind1{text-indent:1em;}



/*------ box ------*/

.box_l{float:left;}
.box_r{float:right;}
.minibox_l{float:left;}
.minibox_r{float:right;}
.img_l{float:left;}
.img_r{float:right;}
.txt_l{float:left;}
.txt_r{float:right;}
.col3_set{float:left;}
.col3_1{float:left;}
.col3_2{float:right;}
.col3_3{float:right;}
.bgff{background:#fff;}
.bttr{background-color:transparent;}

/*-------------------------------------
			ƒXƒ}ƒz—p
---------------------------------------*/
.pcOnly{
	display:block !important;
}

.spOnly{
	display:none !important;
}


/*--break--*/
@media(max-width:768px){
	.pcOnly{
		display:none !important;
	}

	.spOnly{
		display:block !important;
	}
	
}