@charset "utf-8";
/* ===================================================================
CSS information
style info : body初期設定
=================================================================== */

/* --------------------------------------------------------
	default
-------------------------------------------------------- */
/* html,bodyタグの設定 */
html, body{
	margin: 0;	/* 余白の削除 */
	padding: 0;	/* 余白の削除 */
	height: 100%;	/* 縦の高さを100% */
	width: 100%;	/* 横の幅を100% */
}

html{
	font-size: 62.5%;
}

body{
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3', Meiryo,'メイリオ' ,sans-serif;
	-webkit-text-size-adjust: none;
}

.left{
	float: left;
}

.right{
	float: right;
}

.test{
	border:1px solid #f00;
}

.center{
	text-align: center;
}

.bold{
	font-weight: bold;
}

ul,ol{
	list-style: none;
}

.clearfloat {
	clear: both;
}

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}
.clearfix {
	*zoom: 1;
}

/* --------------------------------------------------------
	site setting
-------------------------------------------------------- */

textarea{padding:2px 0;}

a{
	color: #3F8DCC;
	text-decoration: underline;
}
a:hover{
	color: #3F8DCC;
	text-decoration: none;
}

p{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
}

p a {
	text-decoration: none;
	color: #3F8DCC;
}

p a:hover {
	text-decoration: underline;
	color: #3F8DCC;
}

/* 画像リンク */
#main a img,
#footer a img{
	box-shadow: #fff 0 0 0;
}
#main a img, x:-moz-any-link, x:default {
	box-shadow: #fff 0 0 0;
}
#footer a img, x:-moz-any-link, x:default {
	box-shadow: #fff 0 0 0;
}

/* --------------------------------------------------------
	font-size
-------------------------------------------------------- */
.f10{
	font-size: 10px;
	font-size: 1.0rem;
}

.f12{
	font-size: 12px;
	font-size: 1.2rem;
}

.f16{
	font-size: 16px;
	font-size: 1.6rem;
}

.f18{
	font-size: 18px;
	font-size: 1.8rem;
}

.f20{
	font-size: 20px;
	font-size: 2.0rem;
}

.red{
	color: #FF0000;
}

/* --------------------------------------------------------
	margin
-------------------------------------------------------- */
.m_b5{
	margin-bottom: 5px;
}

.m_b10{
	margin-bottom: 10px;
}

.m_b15{
	margin-bottom: 15px;
}

.m_b20{
	margin-bottom: 20px;
}

.m_b25{
	margin-bottom: 25px;
}

.m_b30{
	margin-bottom: 30px;
}