@charset "utf-8";

/*----------------------------------------------------------------
Copyright(c) 2016 Karaage. All Rights Reserved.
----------------------------------------------------------------*/




/*-- common file   ---------------------------------------------*/

/*--全般的設定-----------------------*/
body {
	margin: 0px;
	padding: 0px;
	font: 14px "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
* {
	margin: 0px;
	padding: 0px;
}
p {
	line-height: 1.5;
}
img {
	border-style: none;
}
div a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


/*--指定なしリンクの設定-----------------------*/

a {
	color: #003366;
}
a:hover {
	color: #666666;
}
a:visited {
	color: #003366;
}

/*--フロートに使用-----------------------*/
.float-left {
	float: left;
}
.float-right {
	float: right;
}

/*--マージン指定-----------------------*/
.m-0 {
	margin: 0px;
	padding: 0px;
}
.mb-05 {
	margin: 0px 0px 5px;
	padding: 0px;
}
.mb-10 {
	margin: 0px 0px 10px;
	padding: 0px;
}
.mb-20 {
	margin: 0px 0px 20px;
	padding: 0px;
}
.mb-30 {
	margin: 0px 0px 30px;
	padding: 0px;
}
.ml-20 {
	margin-left: 20px;
}
.pt-10{
	padding: 10px 0 0 0;
}

/*--余白-----------------------*/
.plr-10 {
	padding-right: 10px;
	padding-left: 10px;
}
.pl-30 {
	padding-left: 30px;
}
.pa-20 {
	padding:20px;
}
.link_p {
	padding: 0 20px 30px 20px ;
}



/*--行揃え-----------------------*/
.center {
	text-align: center;
}
.right {
	text-align: right;
}

/*--リスト指定-----------------------*/
.ul_non {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/*--フォント指定-----------------------*/
.red {
	color: #990000;
}
.big1 {
	font-size: larger;
}
.small {
	font-size: smaller;
}
.font-10px {
	font-size: 10px;
}
.font-16px {
	font-size: 16px;
}


/*--横幅指定-----------------------*/
.w-100 {
	width: 100px;
}
.w-150 {
	width: 150px;
}
.w-200 {
	width: 200px;
}
.w-250 {
	width: 250px;
}
.w-300 {
	width: 300px;
}
.w-350 {
	width: 350px;
}
.w-400 {
	width: 400px;
}
.w-500 {
	width: 500px;
}

.sp_only {
	display:none;
}
.w-100p_pc {
	width: 100% !important;
	height:auto !important;

}


/*--フロート解除-----------------------*/
.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	display: block;
}

/**************************************/
/*clearfix*/
/**************************************/

.clearfix:after {
 content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */
