@charset "utf-8";

/* ===================================================================
 common.css
=================================================================== */
html {
	-webkit-text-size-adjust: 100%;
}

* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*-----------------------------------------------
body
----------------------------------------------- */
body {
	background: #fcfcf2;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 14px;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
	-webkit-touch-callout: none;
	color: #333333;
}

/* ------------------------------
 　画像に疑似ロールオーバー
------------------------------ */

a:hover .rollover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*-----------------------------------------------
リンク指定
----------------------------------------------- */
a:link {
    color: #666666;
    text-decoration: none;
}
a:visited {
    color: #666666;
    text-decoration: none;
}
a:hover {
    color: #333333;
    text-decoration: underline;
    cursor: pointer;
}


/*--------------------
clearfixの設定
--------------------*/

.clearfix:after {
	content :".";
	display :block;
	visibility :hidden;
	height :0.1px;
	font-size :0.1em;
	line-height :0;
	clear :both;
}

.clearfix{
	display :inline-block;
}

/* Holly Hack Targets IE Win only \*/
* html .clearfix{height :1%;}
.clearfix{display :block;}
/* End Holly Hack */

/*-----------------------------------------------
汎用
----------------------------------------------- */
.f-left {
	float:left;
	padding: 0 10px 10px 0;
}
.f-right {
	float:right;
	padding: 0 0 10px 10px;
}
.clear {
    clear: both;
}

/*-----------------------------------------------
font
----------------------------------------------- */
h2,
h3,
h4,
h5 {
	font-size: 100%;
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}

/* フォントカラー
----------------------------------------------------------------------------- */



/* マージン・パディング
----------------------------------------------------------------------------- */
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb100 {
	margin-bottom: 100px;
}
.mt0 {
	margin-top: 0 !important;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.pt0 {
	padding-top: 0 !important;
}

/* フォントサイズ
----------------------------------------------------------------------------- */
.f90 {
	font-size: 90%;
}