@charset "utf-8";

@media screen and (min-width: 0px) {
	body{
		color: #000000;
	}
}

/* 基本設定
===========================================================*/

img{
	max-width: 100%;
	width: auto;
	height: auto;	
}

a{ 
	color: #000000;
	text-decoration: none; 
}

a:hover{ 
	text-decoration: underline; 
}

a.underline{ 
	text-decoration: underline; 
}

a.underline:hover{ 
	text-decoration: none;
 }
 
.undernone{
	text-decoration: none;
}

.undernone:hover{
	text-decoration: none !important;
}
 
.imghover{
	cursor: pointer;
}

.imgchange{
	cursor: pointer;	
}

input[type="button"],input[type="image"]{
	 cursor: pointer; 
}

/* フォントサイズ
===========================================================*/

/* 基本サイズは12pxに設定されています */

.fs6 {font-size: 50% !important;}
.fs7 {font-size: 59% !important;}
.fs8 {font-size: 67% !important;}
.fs9 {font-size: 75% !important;}
.fs10 {font-size: 84% !important;}
.fs11 {font-size: 92% !important;}
.fs12 {font-size: 100% !important;}
.fs13 {font-size: 109% !important;}
.fs14 {font-size: 117% !important;}
.fs15 {font-size: 125% !important;}
.fs16 {font-size: 134% !important;}
.fs17 {font-size: 142% !important;}
.fs18 {font-size: 150% !important;}
.fs19 {font-size: 159% !important;}
.fs20 {font-size: 167% !important;}
.fs21 {font-size: 175% !important;}
.fs22 {font-size: 184% !important;}
.fs23 {font-size: 192% !important;}
.fs24 {font-size: 200% !important;}
.fs25 {font-size: 209% !important;}
.fs26 {font-size: 217% !important;}
.fs27 {font-size: 225% !important;}
.fs28 {font-size: 234% !important;}
.fs29 {font-size: 242% !important;}
.fs30 {font-size: 250% !important;}
.fs31 {font-size: 259% !important;}
.fs32 {font-size: 267% !important;}
.fs33 {font-size: 275% !important;}
.fs34 {font-size: 284% !important;}
.fs35 {font-size: 292% !important;}
.fs36 {font-size: 300% !important;}
.fs37 {font-size: 309% !important;}
.fs38 {font-size: 317% !important;}
.fs39 {font-size: 325% !important;}
.fs40 {font-size: 334% !important;}
.fs41 {font-size: 342% !important;}
.fs42 {font-size: 350% !important;}
.fs43 {font-size: 359% !important;}
.fs44 {font-size: 367% !important;}
.fs45 {font-size: 375% !important;}
.fs46 {font-size: 384% !important;}
.fs47 {font-size: 392% !important;}
.fs48 {font-size: 400% !important;}
.fs49 {font-size: 409% !important;}
.fs50 {font-size: 417% !important;}

/* opacity
===========================================================*/

.opacity000{
	-ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;	
}

.opacity100{
	-ms-filter: "alpha(opacity=100)" ;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;	
}

/* clearfix
===========================================================*/
.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  visibility: hidden;
  height:0;
}

.clearfix {
  min-height: 1%;
}

* html .clearfix {
  height: 1%;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* .block
===========================================================*/

.block{
	display: block;	
}

/* .inline-block
===========================================================*/

.inline-block{
	vertical-align: top;
	display: inline-block;
	/display: inline;
	/zoom: 1;	
}

/* .displaynone
===========================================================*/

.none{
	display: none !important;	
}

/* ボーダー無し
===========================================================*/

.blnone{ border-left: none !important;}
.brnone{ border-right: none !important;}
.bbnone{ border-bottom: none !important;}
.btnone{ border-bottom: none !important;}
.bnone{ border: none !important;}

/* テキストアライン
===========================================================*/

.tal { text-align: left !important;}
.tac { text-align: center !important;}
.tar { text-align: right !important;}

/* フロート
===========================================================*/

.flR { float: right !important;}
.flL { float: left !important;}
.clear { clear: both !important;}

/* ボーダーボックス
===========================================================*/

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

/* 改行用クラス
===========================================================*/

.area_block{
	line-height: inherit !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	border: none !important;
	font-size: inherit !important;
	color: inherit !important;
	background: none !important;
	display: block !important;
	margin: 0 !important;
    padding: 0 !important;
    width: auto !important;	
}

/* 改行用クラス（改行不可）
===========================================================*/

.strict_block{
	line-height: inherit !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	border: none !important;
	font-size: inherit !important;
	color: inherit !important;
	background: none !important;
	display: block !important;
	margin: 0 !important;
    padding: 0 !important;
    width: auto !important;	
	white-space: nowrap;
}

/*
---------------------- PCのみ -----------------------------
*/

@media screen and (min-width: 801px) {
	
.pcnone{
	display: none !important;	
}

/* 改行用クラス
===========================================================*/
.area_block_pc{
		line-height: inherit !important;
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;
		border: none !important;
		font-size: inherit !important;
		color: inherit !important;
		background: none !important;
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;	
}	
/* 改行用クラス（改行不可）
===========================================================*/
.strict_block_pc{
	line-height: inherit !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	border: none !important;
	font-size: inherit !important;
	color: inherit !important;
	background: none !important;
	display: block !important;
	margin: 0 !important;
    padding: 0 !important;
    width: auto !important;	
	white-space: nowrap;
}
}

/*
---------------------- PADのみ -----------------------------
*/

@media screen and (min-width: 601px) and (max-width: 800px) {

.padnone{
	display: none !important;	
}

}


/*
---------------------- スマホのみ -----------------------------
*/

@media screen and (max-width: 699px) {
	
.spnone{
	display: none !important;	
}

/* 改行用クラス
===========================================================*/
.area_block_sp{
		line-height: inherit !important;
		-webkit-border-radius: 0px !important;
		-moz-border-radius: 0px !important;
		border-radius: 0px !important;
		border: none !important;
		font-size: inherit !important;
		color: inherit !important;
		background: none !important;
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		width: auto !important;	
}
/* 改行用クラス（改行不可）
===========================================================*/
.strict_block_sp{
	line-height: inherit !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	border: none !important;
	font-size: inherit !important;
	color: inherit !important;
	background: none !important;
	display: block !important;
	margin: 0 !important;
    padding: 0 !important;
    width: auto !important;	
	white-space: nowrap;
}	
}