/*=======================================================
 * CSS by Future Associates
 *=======================================================*/

/*=======================================================
 * Style for BODY  メイン幅 width: 
 *=======================================================*/
	body {
		margin:0px;
		padding:0px;
		background-color:#FFFFFF;
		background-image: url(../images/bg.jpg);
		background-repeat: repeat-x;
	}

	#container {
		width: 982px;
		margin-right: auto;
		margin-left: auto;
	}

	#main_line {
		width: 982px;
		background-image: url(../images/line.jpg);
		background-repeat: repeat-y;
	}

	#main_contents {
		width: 980px;
		margin-right: auto;
		margin-left: auto;
	}

	div.clear {
		clear:both;
	}

	br.clear {
		clear:both;
	}

/*=======================================================
 * Style for HRDDER
 *=======================================================*/
	/*ヘッダエリア*/
	#hedder_area {
		width: 980px;
		height: 100px;
		background-image: url(../images/hedder.jpg);
		background-repeat: no-repeat;
	}

	/*メインメニュー*/
	#navi_botton {
		width: 980px;
		height: 40px;
		background-image: url(../images/menu_bg.jpg);
		background-repeat: no-repeat;
		clear:both;
	}

	#navi_botton ul{
		margin:0px;
		padding:0px;
		padding-top:0px;
	}

	#navi_botton li{
		list-style-type:none;
		float:left;
		padding-top:0px;
		padding-left:0px;
	}

	#navi_botton li a{
		padding: 0px;
		display: block;
		text-decoration: none;
	}

	#navi_botton li span{
		visibility:hidden;
	}

	#navi_botton li#n1 a{width:140px; height: 40px; background: url(../images/botton1.jpg) no-repeat;}
	#navi_botton li#n1_on a{width:140px; height: 40px; background: url(../images/botton1-2.jpg) no-repeat;}
	#navi_botton li#n1 a:hover{width:140px; height: 40px; background: url(../images/botton1-2.jpg) no-repeat;}

	#navi_botton li#n2 a{ width:140px; height: 40px; background: url(../images/botton2.jpg) no-repeat;}
	#navi_botton li#n2_on a{ width:140px; height: 40px; background: url(../images/botton2-2.jpg) no-repeat;}
	#navi_botton li#n2 a:hover{ width:140px; height: 40px; background: url(../images/botton2-2.jpg) no-repeat;}

	#navi_botton li#n3 a{ width:140px; height: 40px; background: url(../images/botton3.jpg) no-repeat;}
	#navi_botton li#n3_on a{ width:140px; height: 40px; background: url(../images/botton3-2.jpg) no-repeat;}
	#navi_botton li#n3 a:hover{ width:140px; height: 40px; background: url(../images/botton3-2.jpg) no-repeat;}

	#navi_botton li#n4 a{width:140px; height: 40px; background: url(../images/botton4.jpg) no-repeat;}
	#navi_botton li#n4_on a{width:140px; height: 40px; background: url(../images/botton4-2.jpg) no-repeat;}
	#navi_botton li#n4 a:hover{width:140px; height: 40px; background: url(../images/botton4-2.jpg) no-repeat;}

	#navi_botton li#n5 a{width:140px; height: 40px; background: url(../images/botton5.jpg) no-repeat;}
	#navi_botton li#n5_on a{width:140px; height: 40px; background: url(../images/botton5-2.jpg) no-repeat;}
	#navi_botton li#n5 a:hover{width:140px; height: 40px; background: url(../images/botton5-2.jpg) no-repeat;}

	#navi_botton li#n6 a{width:140px; height: 40px; background: url(../images/botton6.jpg) no-repeat;}
	#navi_botton li#n6_on a{width:140px; height: 40px; background: url(../images/botton6-2.jpg) no-repeat;}
	#navi_botton li#n6 a:hover{width:140px; height: 40px; background: url(../images/botton6-2.jpg) no-repeat;}

	#navi_botton li#n7 a{width:140px; height: 40px; background: url(../images/botton7.jpg) no-repeat;}
	#navi_botton li#n7_on a{width:140px; height: 40px; background: url(../images/botton7-2.jpg) no-repeat;}
	#navi_botton li#n7 a:hover{width:140px; height: 40px; background: url(../images/botton7-2.jpg) no-repeat;}


	#flash_left_area {
		width: 660px;
		height: 300px;
		float : left;
	}

	#flash_right_area {
		width:320px;
		height: 300px;
		background-image: url(../images/flash_right_area.jpg);
		background-repeat: no-repeat;
		float : left;
	}

	/*登録メニュー*/
	#flash_right_area_botton {
		width: 258px;
		margin-right: auto;
		margin-left: auto;
	}

	#flash_right_area_botton ul{
		margin:0px;
		padding:0px;
		padding-top:79px;
	}

	#flash_right_area_botton li{
		list-style-type:none;
		padding-top:20px;
		padding-left:0px;
	}

	#flash_right_area_botton li a{
		padding: 0px;
		display: block;
		text-decoration: none;
	}

	#flash_right_area_botton li span{
		visibility:hidden;
	}

	#flash_right_area_botton li#n1 a{width:258px; height: 39px; background: url(../images/flash_right_area_botton1.jpg) no-repeat;}
	#flash_right_area_botton li#n1_on a{width:258px; height: 39px; background: url(../images/flash_right_area_botton1-2.jpg) no-repeat;}
	#flash_right_area_botton li#n1 a:hover{width:258px; height: 39px; background: url(../images/flash_right_area_botton1-2.jpg) no-repeat;}

	#flash_right_area_botton li#n2 a{ width:258px; height: 39px; background: url(../images/flash_right_area_botton2.jpg) no-repeat;}
	#flash_right_area_botton li#n2_on a{ width:258px; height: 39px; background: url(../images/flash_right_area_botton2-2.jpg) no-repeat;}
	#flash_right_area_botton li#n2 a:hover{ width:258px; height: 39px; background: url(../images/flash_right_area_botton2-2.jpg) no-repeat;}

	#flash_area_kage {
		width:980px;
		height: 34px;
		background-image: url(../images/flash_area_kage.jpg);
		background-repeat: no-repeat;
	}

	#sub_menu_area {
		width:980px;
		height: 32px;
		background-image: url(../images/sub_menu_area.jpg);
		background-repeat: no-repeat;
	}

	#sub_menu_area_position {
		width: 940px;
		margin-right: auto;
		margin-left: auto;
	}

	a.btn, a.btn_arw {
		text-decoration: none;
		white-space: nowrap;
		font-size: 12px;
		line-height: 30px;
		color: #09286B;
		margin: 1px;
	}
	a.btn {
		background-color: #f2f2f2;
		border: #09286B 1px outset;
		padding: 4px 5px 3px 5px;
	}
	a.btn:visited, a.btn_arw:visited {
		color: #09286B;
	}
	a.btn:hover, a.btn_arw:hover {
		font-size: 12px;
		line-height: 30px;
		color: #09286B;
		border: #09286B 1px inset;
		text-decoration: none;
	}
	a.btn:hover {
		background-color: #E8EEF7;
		padding: 4px 5px 3px 5px;
	}

/*=======================================================
 * Style for MAIN 2カラム部
 *=======================================================*/
	#contents_area {
		width: 940px;
		margin-right: auto;
		margin-left: auto;
	}

	#left_area {
		width: 620px;
		padding-right:20px;
		float : left;
	}

	#right_area {
		width:300px;
		float : left;
	}

/*=======================================================
 * Style for TITLE
 *=======================================================*/
	div.title span{
		visibility:hidden;
	}

	div.title1 {
		width:620px;
		height: 25px;
		background-image: url(../images/title1.jpg);
		background-repeat: no-repeat;
	}

	div.title2 {
		width:620px;
		height: 25px;
		background-image: url(../images/title2.jpg);
		background-repeat: no-repeat;
	}

	div.title3 {
		width:620px;
		height: 25px;
		background-image: url(../images/title3.jpg);
		background-repeat: no-repeat;
	}

	div.title4 {
		width:620px;
		height: 25px;
		background-image: url(../images/title4.jpg);
		background-repeat: no-repeat;
	}

	div.title5 {
		width:620px;
		height: 25px;
		background-image: url(../images/title5.jpg);
		background-repeat: no-repeat;
	}

	div.title6 {
		width:620px;
		height: 25px;
		background-image: url(../images/title6.jpg);
		background-repeat: no-repeat;
	}

	div.title7 {
		width:620px;
		height: 25px;
		background-image: url(../images/title7.jpg);
		background-repeat: no-repeat;
	}

	div.title8 {
		width:620px;
		height: 25px;
		background-image: url(../images/title8.jpg);
		background-repeat: no-repeat;
	}

	div.title9 {
		width:620px;
		height: 25px;
		background-image: url(../images/title9.jpg);
		background-repeat: no-repeat;
	}

	div.title10 {
		width:620px;
		height: 25px;
		background-image: url(../images/title10.jpg);
		background-repeat: no-repeat;
	}

	div.title11 {
		width:620px;
		height: 25px;
		background-image: url(../images/title11.jpg);
		background-repeat: no-repeat;
	}

	div.title12 {
		width:620px;
		height: 25px;
		background-image: url(../images/title12.jpg);
		background-repeat: no-repeat;
	}
















	div.mini_title1 {
		width:300px;
		height: 26px;
		background-image: url(../images/mini_title1.jpg);
		background-repeat: no-repeat;
	}





/*=======================================================
 * Style for トップページ
 *=======================================================*/
	div.line_text {
		width: 620px;
		margin-right: auto;
		margin-left: auto;
	}

	div.line_text ul {
		margin:0px;
		padding:0px;
	}

	div.line_text li {
		padding-top:4px;
		padding-bottom:4px;
		border-bottom: 1px dotted #A6A6A6;
		color:#666666;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 12px;
	}

	div.line_text a:link{text-decoration:none; color:#336699;}
	div.line_text a:visited{text-decoration:none; color:#336699;}
	div.line_text a:active{text-decoration:none; color:#336699;}
	div.line_text a:hover {text-decoration:none; color:#FF3366;} 


	div.right_line_text {
		width: 300px;
		margin-right: auto;
		margin-left: auto;
	}

	div.right_line_text ul {
		margin:0px;
		padding:0px;
	}

	div.right_line_text li {
		padding-top:4px;
		padding-bottom:4px;
		border-bottom: 1px dotted #A6A6A6;
		color:#666666;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 12px;
		line-height: 20px;
	}

	div.right_line_text a:link{text-decoration:none; color:#336699;}
	div.right_line_text a:visited{text-decoration:none; color:#336699;}
	div.right_line_text a:active{text-decoration:none; color:#336699;}
	div.right_line_text a:hover {text-decoration:none; color:#FF3366;} 



/*=======================================================
 * Style for FOOTER
 *=======================================================*/
	#footer_area {
		width:980px;
		height: 37px;
		background-image: url(../images/footer.jpg);
		background-repeat: no-repeat;
	}

	#footer_position {
		padding-top:18px;
		color:#336699;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 12px;
	}

/*=======================================================
 * Style for SPACE
 *=======================================================*/
	div.space5 {
		padding-top:5px;
	}

	div.space10 {
		padding-top:10px;
	}

	div.space14 {
		padding-top:14px;
	}

	div.space15 {
		padding-top:15px;
	}

	div.space20 {
		padding-top:20px;
	}

	div.space30 {
		padding-top:30px;
	}

	div.space40 {
		padding-top:40px;
	}

	div.space50 {
		padding-top:50px;
	}

	div.space60 {
		padding-top:60px;
	}

	div.space70 {
		padding-top:70px;
	}

	div.space80 {
		padding-top:80px;
	}

	div.space90 {
		padding-top:90px;
	}

	div.space100 {
		padding-top:100px;
	}

/*=======================================================
 * Style for TABLE COLOR
 *=======================================================*/
	table.number1 {
		background-color:#CCCCCC;
	}

	td.color1 {
		background-color:#CFEAFF;
	}
	td.color2 {
		background-color:#FFF4CE;
	}
	td.color3 {
		background-color:#C3E2DA;
	}
	td.color4 {
		background-color:#FBE9E7;
	}
	td.color5 {
		background-color:#FFFFFF;
	}

	table {
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 12px;
		color:#565656;
		line-height: 20px;
	}

	table a:link{text-decoration:none; color:#6666CC;}
	table a:visited{text-decoration:none; color:#6666CC;}
	table a:active{text-decoration:none; color:#6666CC;}
	table a:hover {text-decoration:none; color:#FF3366;} 

/*=======================================================
 * Style for TEXT
 *=======================================================*/

	div.text {
		color:#666666;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 12px;
		line-height: 20px;
	}

	div.text a:link{text-decoration:underline; color:#336699;}
	div.text a:visited{text-decoration:underline; color:#336699;}
	div.text a:active{text-decoration:underline; color:#336699;}
	div.text a:hover {text-decoration:none; color:#FF3366;} 

	.default {
		color: #cccccc;
	}
	.white {
		color: #ffffff;
	}
	.black {
		color: #000000;
	}
	.green {
		color: #008000;
	}
	.silver {
		color: #C0C0C0;
	}
	.lime {
		color: #00FF00;
	}
	.blue {
		color: #6666CC;
	}
	.olive {
		color: #808000;
	}
	.orange {
		color: #ff6600;
	}
	.maroon {
		color: #800000;
	}
	.navy {
		color: #000080;
	}
	.red {
		color: #FF0000;
	}
	.pink {
		color: #FB3AA5;
	}
	.purple {
		color: #800080;
	}
	.teal {
		color: #008080;
	}
	.fuchsia {
		color: #FF00FF;
	}
	.aqua {
		color: #00FFFF;
	}

/*=======================================================
 * Style for FORM
 *=======================================================*/
	input.haba50 {
		width:50px;
		border:solid 1px #999999;
	}

	input.haba100 {
		width:100px;
		border:solid 1px #999999;
	}

	input.haba150 {
		width:150px;
		border:solid 1px #999999;
	}

	input.haba200 {
		width:200px;
		border:solid 1px #999999;
	}

	input.haba250 {
		width:250px;
		border:solid 1px #999999;
	}

	input.haba300 {
		width:300px;
		border:solid 1px #999999;
	}

	input.haba400 {
		width:400px;
		border:solid 1px #999999;
	}

	select.ken {
		border:solid 1px #999999;
	}

	textarea {
		border:solid 1px #999999;
	}

	.TA01{
		background-color : #FFFFFF;
		border-top : 1px solid #CCCCCC;
		border-bottom : 1px solid #CCCCCC;
		border-left : 1px solid #CCCCCC;
		border-right : 1px solid #CCCCCC;
	}