@charset "utf-8";
/*-------------------------------------*/
/* fontの調整 */
/*-------------------------------------*/

.fSize10 {font-size:10px;}
.fSize12 {font-size:12px;}
.fSize14 {font-size:14px;}
.fSize16 {font-size:16px;}
.fSize18 {font-size:18px;}
.fSize20 {font-size:20px;}
.fSize22 {font-size:22px;}
.fSize24 {font-size:24px;}
.fSize26 {font-size:26px;}

.fSize9 {font-size:9px;}
.fSize11 {font-size:11px;}
.fSize13 {font-size:13px;}
.fSize15 {font-size:15px;}
.fSize17 {font-size:17px;}
.fSize19 {font-size:19px;}
.fSize21 {font-size:21px;}
.fSize23 {font-size:23px;}
.fSize25 {font-size:25px;}

.bld {font-weight:bold;}
.red {color:#C36;}
.pap {color:#5b007f;}
.white {color:#fff;}
.black {color:#000;}
.dark_gray {color:#666;}
.back_pap {background-color:#9a3ac1;}
.fNomal { font-weight:normal;}
.fS_m {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}



/*-------------------------------------*/
/* マージン、パディングの調整 */
/*-------------------------------------*/

.mCT { margin:10px auto;}

.mB0{ margin-bottom:  0px; display: block;}
.mB5{ margin-bottom:  5px; display: block;}
.mB10{margin-bottom: 10px; display: block;}
.mB15{margin-bottom: 15px; display: block;}
.mB20{margin-bottom: 20px; display: block;}
.mB30{margin-bottom: 30px; display: block;}
.mB40{margin-bottom: 40px; display: block;}
.mB50{margin-bottom: 50px; display: block;}
.mB60{margin-bottom: 60px; display: block;}
.mB70{margin-bottom: 70px; display: block;}
.mB80{margin-bottom: 80px; display: block;}
.mB90{margin-bottom: 90px; display: block;}
.mB100{margin-bottom: 100px; display: block;}
.mT3{ margin-top: 3px; display: block;}
.mT5{ margin-top: 5px; display: block;}
.mT10{margin-top: 10px; display: block;}
.mT15{margin-top: 15px; display: block;}
.mT20{margin-top: 20px; display: block;}
.mT30{margin-top: 30px; display: block;}
.mT40{margin-top: 40px; display: block;}
.mT50{margin-top: 50px; display: block;}
.mT70{margin-top: 70px; display: block;}
.mL5{ margin-left: 5px; display: block;}
.mL10{margin-left: 10px; display: block;}
.mL11{margin-left: 11px; display: block;}
.mL12{margin-left: 12px; display: block;}
.mL13{margin-left: 13px; display: block;}
.mL14{margin-left: 14px; display: block;}
.mL15{margin-left: 15px; display: block;}
.mL20{margin-left: 20px; display: block;}
.mL30{margin-left: 30px; display: block;}
.mR5{ margin-right: 5px;  display: block;}
.mR10{
	margin-right: 5px;
	display: block;
}
.mR15{margin-right: 15px; display: block;}
.mR20{margin-right: 20px; display: block;}
.mR30{margin-right: 30px; display: block;}
.pB5{ padding-bottom: 5px;  display: block;}
.pB10{padding-bottom: 10px; display: block;}
.pB15{padding-bottom: 15px; display: block;}
.pB20{padding-bottom: 20px; display: block;}
.pB30{padding-bottom: 30px; display: block;}
.pB40{padding-bottom: 40px; display: block;}
.pB50{padding-bottom: 50px; display: block;}

.pT3{padding-top: 3px;}
.pT5{padding-top: 5px; display: block;}
.pT10{padding-top: 10px; display: block;}
.pT15{padding-top: 15px; display: block;}
.pT20{padding-top: 20px; display: block;}
.pT30{padding-top: 30px; display: block;}

.pT450{padding-top: 450px; display: block;}
.pT460{padding-top: 460px; display: block;}
.pT480{padding-top: 480px; display: block;}
.pT500{padding-top: 500px; display: block;}
.pT540{padding-top: 540px; display: block;}

.pR5{padding-right: 5px; display: block;}
.pR10{padding-right: 10px; display: block;}
.pR15{padding-right: 15px; display: block;}
.pR20{padding-right: 20px; display: block;}
.pR30{padding-right: 30px; display: block;}
.pL5{padding-left: 5px; display: block;}
.pL10{padding-left: 10px; display: block;}
.pL12{padding-left: 12px; display: block;}
.pL13{padding-left: 13px; display: block;}
.pL15{padding-left: 15px; display: block;}
.pL20{padding-left: 20px; display: block;}
.pL30{padding-left: 30px; display: block;}
.pA10{padding:10px; display:block;}
.pA15{padding:15px; display:block;}
.pA20{padding:20px; display:block;}
.pA25{padding:25px; display:block;}
.pA30{padding:30px; display:block;}

/*-------------------------------------*/
/* 幅指定 */
/*-------------------------------------*/

.wid180 {width:180px; display:block;}
.wid190 {width:190px; display:block;}
.wid200 {width:200px; display:block;}
.wid300 {width:300px; display:block;}
.wid350 {width:350px; display:block;}
.wid400 {width:400px; display:block;}
.wid430 {width:430px; display:block;}
.wid450 {width:450px; display:block;}
.wid500 {width:500px; display:block;}
.wid550 {width:550px; display:block;}
.wid600 {width:600px; display:block;}
.wid650 {width:650px; display:block;}
.wid680 {width:680px; display:block;}
.wid700 {width:700px; display:block;}

.hit200 {height:200px; display:block;}
.hit300 {height:300px; display:block;}
.hit400 {height:400px; display:block;}
.hit500 {height:500px; display:block;}
.hit600 {height:600px; display:block;}







/*-------------------------------------*/
/* コンテンツを左に右に振り分ける */
/*-------------------------------------*/

/* float */
.fL { float : left; display: block;}
.fR { float : right; display: block;}

/* textAlign */
.tC{ text-align: center; margin:0 auto;}
.tR{ text-align: right; margin:0 auto;}
.tL{ text-align: left; margin:0 auto;}


/*-------------------------------------*/
/* ラインヘイト */
/*-------------------------------------*/

.lh08 {line-height:.8em;}
.lh1 {line-height:1em;}
.lh12 {line-height:1.2em;}
.lh13 {line-height:1.3em;}
.lh14 {line-height:1.4em;}
.lh15 {line-height:1.5em;}
.lh16 {line-height:1.6em;}
.lh17 {line-height:1.7em;}
.lh18 {line-height:1.8em;}
.lh19 {line-height:1.9em;}
.lh2 {line-height:2em;}

/*-------------------------------------*/
/* 浮動コンテンツのクリア */
/*-------------------------------------*/
.clear{
	clear: both;
	height: 0;
}

/*//clearFix Coponents//*/
.clear {clear:both;}
.clearfix{
	display: block;
	padding: 0px;
} 
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }
 
.clearfix:after {
	content: url(pixel.gif);
	display: block;
	clear: both;
	height: 0;
}

/*-------------------------------------*/
/*
imgタグを含む<a>タグにクラスとして指定することで、
ロールオーバー時にハイライト表示　＜白＞
*/
/*-------------------------------------*/
.innerBorderWh a:hover img {
	margin: -1px;
	border: solid 1px #ccc;
}

/**//* for IE6 *//**/
* html .innerBorderWh a:hover {
	zoom: 1;
}
	* html .innerBorderWh a:hover img {
		/* for BackCompat mode
			margin-left: -2px;
			margin-right: -2px;
		over here */
		float: left;
		position: relative;
	}


/*-------------------------------------*/
/*
imgタグを含む<a>タグにクラスとして指定することで、
ロールオーバー時にハイライト表示　＜黄色＞
*/
/*-------------------------------------*/
.innerBorderYellow a:hover img {
	margin: -1px;
	border: solid 1px yellow;
}

/**//* for IE6 *//**/
* html .innerBorderYellow a:hover {
	zoom: 1;
}
	* html .innerBorderYellow a:hover img {
		/* for BackCompat mode
			margin-left: -2px;
			margin-right: -2px;
		over here */
		float: left;
		position: relative;
	}


/*-------------------------------------*/
/*
imgタグを含む<a>タグにクラスとして指定することで、
ロールオーバー時にハイライト表示　＜グレー＞
*/
/*-------------------------------------*/

.innerBorder a:hover img {
	border: solid 1px #6633ff;
	margin:-1px -1px 0 0;
}

/**//* for IE6 *//**/
* html .innerBorder a:hover {
	zoom: 1;
}
	* html .innerBorder a:hover img {
		/* for BackCompat mode
			margin-left: -6px;
			margin-right: -6px;
		over here */
		float: left;
		position: relative;
	}


/*-------------------------------------*/
/* 1pxの仕切り線を表示 */
/*-------------------------------------*/

/*//1px border//*/
.border{
	width:100%;
	height:1px;
	background-color:#ccc;
	overflow:hidden;
}

/*============== Design ===================*/

.btn_gray {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 14px;
	color: #050505;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

.btn_s {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 14px;
	color: #050505;
	padding: 3px 10px;
	background-color:#dedede;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

.btn_first:hover,
.btn_gray:hover,
.btn_s:hover {
	color: #050505;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ccf1ff 50%,
		#b2dbff 50%,
		#c7ceff);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ccf1ff),
		color-stop(0.50, #b2dbff),
		to(#c7ceff));
}

/*
---------------------------------------------*/


.btn_first {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 14px;
	color: #fff;
	padding: 10px 20px;
	background-color:#ee4b72;
	background: -moz-linear-gradient(
		top,
		#f55474 0%,
		#b8046a);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#f55474),
		to(#b8046a));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
}



.box_bk_yello {
	background-color:#ffffe0;
	}

.box_bk_orange {
	background-color:#fffaeb;
	}
	
.box_bk_green {
	background-color:#f5fff2;
	}
	
/*
---------------------------------------------*/

div#footerArea {  
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: 70px;  
    background-color: #fbfbfb;
    border-top: 5px solid #9a3ac1;  
    color: #000;
font-weight:bold;
z-index:8000;
	/*opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";*/
} 


div#footerArea .telinfo {
width:1000px;
margin:0 auto;
padding:0px 30px;
}


div#footerArea p {
line-height:1.2;
width:450px;
}
/*
---------------------------------------------*/
/*.checkbox_hover {
		display:block;
		background-color:#fbfbfb;
		border-spacing: 0;
}

.checkbox_hover:hover {
	display:block;
	background-color:#ffffee;
	border-spacing: 0;
	/*-moz-box-shadow:
		inset 0px 3px 3px rgba(000,000,000,0.2);
	-webkit-box-shadow:

		inset 0px 3px 3px rgba(000,000,000,0.2);
	box-shadow:

		inset 0px 3px 3px rgba(000,000,000,0.2);*/
	}

label:hover {
   background-color: #9a3sc1;
}