@charset"euc-jp";

/*text.css*/
/*テキスト*/

/* ---------------------------------------------------------
　hx
--------------------------------------------------------- */
h1 { 
	font-size:10px;
	padding:5px 0 0 0; 
	color:#555;
}

h2 {
	padding:0;
	color:#FFF;
	font-size:15px;
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	font-size:14px;
	font-weight:bold;
	margin:0 0 0 0;
	padding:0;	
}

h4 {
	font-weight:bold;
	padding:5px;
	margin:20px 10px 15px 10px;

}

h5 {

}

h6 {

}

strong{
	font-weight:bold;
}

blockquote {
	margin: 1em 0 0 0;
	font-size: 0.6em;
	font-style: oblique;
}

/* ---------------------------------------------------------
　既存スタイル
--------------------------------------------------------- */
/* 文字の装飾 */

.lg			{ color:#07A07F; font-weight:bold; }

.lg2		{ color:#3366FF; font-weight:bold; }

.llg		{ font-size:22px; color:#0000FF; font-weight:bold; }

.mark		{ color:#FF3300; font-weight:bold; font-size:14px; }

.bk			{ text-decoration: blink; }


/* 文字の色 */

.black		{ color:#333333 !important; }

.red		{ color:#FF0000 !important; }

.green	{ color:#008000 !important; }

.blue		{ color:#006699 !important; }

.gray		{ color:#bbbbbb !important; }

.yellow		{ color:#FFFF00; } 

.white		{ color:#FFFFFF; }

.blown		{ color:#433c36; }

.darkblue	{ color:#335060; }

.orange		{ color:#FF6600 !important; }

.black		{ color:#000000; }

.a_black a:link { color:#000;}
.a_black a:visited { color:#000;}

/* 文字の太さ */

.bold		{ font-weight:bold; }

.normal		{ font-weight:normal; }

/* 文字のサイズ */

.f10		{ font-size:10px;　}

.f12		{ font-size:12px;}

.f14		{ font-size:14px; }

.f16		{ font-size:16px; }

.f18		{ font-size:18px; }

.f20		{ font-size:20px; }

/* パディング */

.pd5		{ padding:5px; }

.pd10		{ padding:10px; }

.pd15		{ padding:15px; }

.pd20		{ padding:20px; }

/* TOPパディング */

.pdt5		{ padding-top:5px; }

.pdt10		{ padding-top:10px; }

.pdt15		{ padding-top:15px; }

.pdt20		{ padding-top:20px; }

/* マージン */

.sp5		{ margin:5px 0; }

.sp10		{ margin:10px 0; }

.sp15		{ margin:15px 0; }

.sp20		{ margin:20px 0; }

.sp30		{ margin:30px 0; }

.sp40		{ margin:40px 0; }


/* TOPマージン */

.spt5		{ margin-top:5px; }

.spt10		{ margin-top:10px; }

.spt15		{ margin-top:15px; }

.spt20		{ margin-top:20px; }

.spt30		{ margin-top:30px; }

.spt40		{ margin-top:40px; }

.spt50		{ margin-top:50px; }

/* 左マージン */

.spl5		{ margin-left:5px; }

.spl10		{ margin-left:10px; }

.spl15		{ margin-left:15px; }

.spl20		{ margin-left:20px; }

/* 右マージン */

.spr5		{ margin-right:5px; }

.spr10		{ margin-right:10px; }

.spr15		{ margin-right:15px; }

.spr20		{ margin-right:20px; }


/* 下マージン */

.spb5		{ margin-bottom:5px; }

.spb10		{ margin-bottom:10px; }

.spb15		{ margin-bottom:15px; }

.spb20		{ margin-bottom:20px; }

.spb30		{ margin-bottom:30px; }

/* vertical-align */

.v_bottom	{ vertical-align:bottom; }

.v_top		{ vertical-align:top; }

/* 回り込み */

.float_left	{ float:left; }

.float_right{ float:right; }

/* align */

.a_center	{ text-align:center !important; }

.a_right	{ text-align:right !important; }

.a_left		{ text-align:left !important; }

/* フロートクリア */

span.clear	{ height: 1px; margin: 0; padding: 0; font-size: 1px; line-height: 1px; display: block; clear: both; }

.cf:after{
	content: '';
	display: block;
	clear: both;
}
.cf{ zoom:1; }

/* ---------------------------------------------------------
　画像ぴこっとなるやつ
--------------------------------------------------------- */

a.btn:hover	{ position:relative;top:1px;left:1px; }

a.btn:hover img	{ 
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

input[type=image]#inq_all:hover,
input[type=image]#Submit:hover{ 
	position:relative;top:1px;left:1px;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/* ---------------------------------------------------------
　IE８でcheckboxを改行するため
--------------------------------------------------------- */

.nwrp		{ font-size:1px; color:white; }

.nowrap		{ white-space:nowrap; }

.checked	{ color:#669900; font-weight:bold; }


/* ---------------------------------------------------------
　その他装飾
--------------------------------------------------------- */
.border{
	padding:2px;
	border:#DDDDDD solid 1px;
}



/* デザイン装飾 */
img.dropshadow,
input.dropshadow{
	box-shadow: 1px 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;
	-webkit-box-shadow: 1px 1px 3px #ccc;
}

div.shadow,
img.shadow,
input.shadow{
	box-shadow: 3px 3px 10px #000;
	-moz-box-shadow: 3px 3px 10px #000;
	-webkit-box-shadow: 3px 3px 10px #000;
}


/* ---------------------------------------------------------
　送信ボタン
--------------------------------------------------------- */
.submit_btn {
	border: 1px solid #888888;
	background: #f8f8f8;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d0d0d0));
	background: -webkit-linear-gradient(top, #f8f8f8, #d0d0d0);
	background: -moz-linear-gradient(top, #f8f8f8, #d0d0d0);
	background: -ms-linear-gradient(top, #f8f8f8, #d0d0d0);
	background: -o-linear-gradient(top, #f8f8f8, #d0d0d0);
	background-image: -ms-linear-gradient(top, #f8f8f8 0%, #d0d0d0 100%);
	padding: 10px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0px 0px 5px #ccc;
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	text-shadow: #fff 0 1px 0;
	color: #333;
	font-size: 20px;
	text-decoration: none;
	vertical-align: middle;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.submit_btn:hover {
	text-shadow: #fff 0 1px 0;
	border: 1px solid #999;
	background: #FCF5CC;
	background: -webkit-gradient(linear, left top, left bottom, from(#F0F8FD), to(#D6E9F8));
	background: -webkit-linear-gradient(top, #F0F8FD, #D6E9F8);
	background: -moz-linear-gradient(top, #F0F8FD, #D6E9F8);
	background: -ms-linear-gradient(top, #F0F8FD, #D6E9F8);
	background: -o-linear-gradient(top, #F0F8FD, #D6E9F8);
	background-image: -ms-linear-gradient(top, #F0F8FD 0%, #D6E9F8 100%);
	color: #2688D9;
	cursor: pointer;
}
.submit_btn:active {
	color: #74B3E7;
}


/* ---------------------------------------------------------
　ページトップへ戻る
--------------------------------------------------------- */
 
#pagetop {
	font-size: 10px;
	position:absolute;
	top:-54px;
	left:810px;
}

/* ---------------------------------------------------------
　chrome 10px underline対策
--------------------------------------------------------- */
.crm_text{
	font-size:x-small;
	padding-bottom:1px;
}