@charset "utf-8";

/**********************************************************************************/
/*----------------------------- ユニバーサルセレクタ -----------------------------*/
/**********************************************************************************/
* {
	margin:0;
	padding:0
} 
h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd,
table,caption,th,td,img,form {
	margin:0;
	padding:0;
	border:none;
	font-style:normal;
	font-weight:normal;
	font-size:18px;
	text-align:left;
	color: #272b2f;
}
p {
	margin:0;
	padding:0;
	border:none;
	font-style:normal;
	font-weight:normal;
	font-size:18px;
	text-align:left;
}

textarea {font-size:180%}
img {vertical-align:bottom}

.clear {clear:both}

ul li {
    font-size: 14px;
    list-style: none outside none;
}

/**********************************************************************/
/*----------------------------- font設定 -----------------------------*/
/**********************************************************************/
body {font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}
input, textarea {font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif}
/* for IE6 */
* html body {font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif}
* html input, * html textarea {font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif}

/******************************************************************************/
/*----------------------------- 通常リンクの設定 -----------------------------*/
/******************************************************************************/
a:link{
	color:#036FC2;}

a:visited{
	color:#036FC2;
	}
a:hover{
	color:#00ACEE;
	}
a{text-decoration:none;}

/********************************************************************/
/*----------------------------- ベース -----------------------------*/
/********************************************************************/
html, body {
	height:100%;
	font-size:18px;
	color:#4c4c4c;
}

/**********************************************************************/
/*----------------------------- cFix設定 -----------------------------*/
/**********************************************************************/
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px
	}
/*cFix*/
.cFix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
	}
/* IE-mac */
* html .cFix {height:1%}
.cFix {display:block}

/*===============================================
	float
===============================================*/
.fl{float:left !important;}
.fr{float:right !important;}

/*===============================================
	margine
===============================================*/

.m0auto{margin: 0 auto;} 

.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;}
.mb50{margin-bottom:50px !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;}
.mt50{margin-top:50px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml200{margin-left:200px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
/*===============================================
	padding
===============================================*/
.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;}

.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;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}

/*===============================================
	@media screen
===============================================*/

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

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