@charset "utf-8";


/*全体の設定
---------------------------------------------------------------------------*/
body {	
	color: #464646;	/*全体の文字色*/
	margin: 0px;
	padding: 0px;
	font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";/*文字サイズ・行間・フォント設定*/
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #00a8ff;	/*リンクテキストの色*/
	text-decoration: underline;
}
a:hover {
	color: #00a8ff;	/*マウスオン時の文字色（全体）*/
}

/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	margin: 0 auto;
	width: 100%;
	background-color: #fff;
}

@media(min-width: 640px) {
	#container {
		max-width: 640px;
	}
}
@media(max-width: 320px) {
	img.sp { width: 130px; }
	#content p { font-size:12px;}
}


/*ヘッダー（サイトロゴが入ったブロック）
---------------------------------------------------------------------------*/
header {}

/*ボタン
---------------------------------------------------------------------------*/
.lo{ 
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.lo:hover{ 
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*content
---------------------------------------------------------------------------*/
#content {
	width: 100%;
	margin: 0 auto;
}

.box {
	width: 95%;
	margin: 0 auto 10px;
}
#content p {
	margin: 0 15px 10px;
	white-space: pre-wrap;
	line-height: 1.6;
}
.semail {
	width: 90%;
	margin: 0 auto;
	padding: 3%;
	font-size: 150%;
	background: #fefdbe;
	border: inset 2px #ddd;
}
.semail2 {
	width: 90%;
	margin: 0 auto;
	padding: 3%;
	font-size: 150%;
	background: #fff;
	border: inset 2px #ddd;
}
.bg_y {
	background: #fefdbe;
	line-height: 0;
}
.formtext {
	width: 96%;
	margin: 10px auto;
	padding: 2%;
	background: #fffed8;
}
.voicetable {
	width: 100%;
	margin: 0 auto;
}
.voicetable thead {
	font-size: 120%;
	background: #ddd;
	text-align: center;
}
.voicetable td {
	border-bottom: 1px solid #efefef;
	padding: 10px 0;
}
/*メインコンテンツ
---------------------------------------------------------------------------*/


/*フッター設定
---------------------------------------------------------------------------*/
footer {
	font-size: 10px;
	text-align: center;
	padding: 15px 0;
	background: #292929;
	color: #fff;
}
hr {
	border: 0;
	border-bottom: 1px solid #ededed;
	width: 100%;
	margin: 20px 0;
}
footer a, footer a:hover { color: #fff;}

/*その他
---------------------------------------------------------------------------*/
.clear { clear: both;}
.center { text-align: center;}

.left { float: left;}
.right { float: right; }

.aligncenter {
	display: block;
	margin: 0 auto;
}


/*フォント設定
---------------------------------------------------------------------------*/
.under { text-decoration: underline; }
.red { color: #d80011; }
.pink { color:#e61f8a; }
.ao { color: #003471; }
.kiro { color: #FF0; }
.gray { color: #666; }
.siro { color: #fff; }
.bold { font-weight: bold; }
.through { text-decoration: line-through; }

.yellow { background-color: #FF6; }

.justify { text-align: justify;}
.mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.s10 { font-size:10px;}
.s12 { font-size: 12px;}

.f90 { font-size:90%; }
.f105 { font-size:105%; }
.f110 { font-size:110%; }
.f120 { font-size:120%; }
.f130 { font-size:130%; }
.f150 { font-size:150%; }
.f200 { font-size:200%; }

/* margin
---------------------------------------------------------------------------*/
.m10 { margin: 10px; }

.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
.mt60 { margin-top: 60px;}
.mt70 { margin-top: 70px;}
.mt80 { margin-top: 80px;}

.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml40 { margin-left: 40px; }
.ml60 { margin-left: 60px; }
.ml75 { margin-left: 75px; }
.ml80 { margin-left: 80px; }

.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr400 { margin-right: 400px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb80 { margin-bottom: 80px; }

.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt40 { padding-top: 40px; }
.pt55 { padding-top: 55px; }
.pt60 { padding-top: 60px; }

.pb10 { padding-bottom: 10px; }
.pb40 { padding-bottom: 40px; }

.pl10 { padding-left: 10px; }
.pl30 { padding-left: 30px; }

.pr10 { padding-right: 10px; }