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

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

	body.in {
		margin:0px;
		padding:0px;
		background-color:#EEEEEE;
		background-image: url(../images/in_background.jpg);
		background-repeat: repeat-x;
	}

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

	div.clear {
		clear:both;
	}

	br.clear {
		clear:both;
	}

	div.photo {
		float:left;
		padding-left:5px;
		padding-right:5px;
		padding-bottom:10px;
	}

	div.photo_150 {
		width: 150px;
		margin-right: auto;
		margin-left: auto;
	}

	div.photo_225 {
		width: 225px;
		margin-right: auto;
		margin-left: auto;
	}

/*=======================================================
 * Style for HRDDER
 *=======================================================*/
	#hedder_photo1 {
		width: 974px;
		height: 208px;
		background-image: url(../images/hedder_photo1-5.jpg);
		background-repeat: no-repeat;
	}

	#hedder_photo2 {
		width: 974px;
		height: 139px;
		background-image: url(../images/hedder_photo2-5.jpg);
		background-repeat: no-repeat;
	}


/*=======================================================
 * Style for HRDDER（共通）
 *=======================================================*/
	/*メインメニュー*/
	#navi_botton {
		width: 974px;
		height: 70px;
		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:15px;
		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:90px; height: 40px; background: url(../images/botton1.jpg) no-repeat;}
	#navi_botton li#n1_on a{width:90px; height: 40px; background: url(../images/botton1-2.jpg) no-repeat;}
	#navi_botton li#n1 a:hover{width:90px; height: 40px; background: url(../images/botton1-2.jpg) no-repeat;}

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

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

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

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

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

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

/*=======================================================
 * Style for MAIN 2カラム部
 *=======================================================*/

	#left_area {
		width: 708px;
		padding-top:20px;
		float : left;
	}

	#right_area {
		width:246px;
		float : left;
		padding-left:20px;
		padding-top:20px;
	}

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

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

	.text2 {
		color:2E2E2E;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 12px;
		line-height: 28px;
	}

	.toptext {
		color:2E2E2E;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 12px;
		line-height: 28px;
	}


	.text13 {
		color:2E2E2E;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 13px;
		line-height: 22px;
	}

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

	.text14 {
		color:2E2E2E;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 14px;
		line-height: 22px;
	}

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

	.text15 {
		color:2E2E2E;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 15px;
		line-height: 22px;
	}

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

	.text16 {
		color:2E2E2E;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 16px;
		line-height: 22px;
	}

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

	.text17 {
		color:2E2E2E;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 17px;
		line-height: 22px;
	}

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

	.text18 {
		color:2E2E2E;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 18px;
		line-height: 22px;
	}

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

	.text19 {
		color:2E2E2E;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 19px;
		line-height: 22px;
	}

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

	.text20 {
		color:2E2E2E;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 20px;
		line-height: 22px;
	}

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

/*=======================================================
 * Style for インデックス
 *=======================================================*/
	#blog_area {
		width: 708px;
		height: 368px;
		background-image: url(../images/blog_area.jpg);
		background-repeat: no-repeat;
		background-position: right bottom;
	}

	#left_blog_area {
		width: 500px;
		float : left;
	}

	#right_blog_area {
		width:208px;
		float : left;
	}

	#right_blog_area_position {
		width:198px;
		padding-left:10px;
	}

	div.blog_area_flame {
	    	width:500px;
		height:280px;
		border-top:none;
		overflow: auto;
		scrollbar-face-color: #E6E6E6;
		scrollbar-track-color: #EBEBEB;
		scrollbar-arrow-color: #E6E6E6;
		scrollbar-highlight-color: #E6E6E6;
		scrollbar-shadow-color: #E6E6E6;
		scrollbar-3dlight-color: #F0F0F0;
		scrollbar-darkshadow-color: #A0A0A0;
	}

	div.blog_area_main {
    		width:480px;
		margin-right: auto;
		margin-left: auto;
	}

	div.line {
		width: 480px;
		height: 11px;
		background-image: url(../images/line.jpg);
		background-repeat: no-repeat;
	}

	div.line2 {
		width: 708px;
		height: 11px;
		background-image: url(../images/line2.jpg);
		background-repeat: no-repeat;
	}


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

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

	div.title_second span{
		visibility:hidden;
	}

	div.title {
		padding-bottom:20px;
	}

	div.title_second {
		padding-top:28px;
		padding-bottom:20px;
	}

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

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

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

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

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

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

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

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

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

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

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

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

	div.title13 {
		width:708px;
		height: 28px;
		background-image: url(../images/title13.jpg);
		background-repeat: no-repeat;
	}

	div.title14 {
		width:708px;
		height: 28px;
		background-image: url(../images/title14.jpg);
		background-repeat: no-repeat;
	}

	div.title15 {
		width:708px;
		height: 28px;
		background-image: url(../images/title15.jpg);
		background-repeat: no-repeat;
	}

	div.title16 {
		width:708px;
		height: 28px;
		background-image: url(../images/title16.jpg);
		background-repeat: no-repeat;
	}

	div.title17 {
		width:708px;
		height: 28px;
		background-image: url(../images/title17.jpg);
		background-repeat: no-repeat;
	}

	div.title18 {
		width:708px;
		height: 28px;
		background-image: url(../images/title18.jpg);
		background-repeat: no-repeat;
	}

	div.title19 {
		width:708px;
		height: 28px;
		background-image: url(../images/title19.jpg);
		background-repeat: no-repeat;
	}

	div.title20 {
		width:708px;
		height: 28px;
		background-image: url(../images/title20.jpg);
		background-repeat: no-repeat;
	}

	div.title_mini1 {
		width:240px;
		height: 80px;
		background-image: url(../images/title_mini1.jpg);
		background-repeat: no-repeat;
	}


	div.title_mini2 {
		width:246px;
		height: 70px;
		background-image: url(../images/title_mini2.jpg);
		background-repeat: no-repeat;
	}


/*=======================================================
 * Style for SIDE
 *=======================================================*/
	#banners {
		width: 246px;
		height: 415px;

	}

	#banners ul{
		margin:0px;
		padding:0px;
	}

	#banners li{
		list-style-type:none;
		padding-bottom:9px;
	}

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

	#banners li span{
		visibility:hidden;
	}

	#banners li#n1 a{width:246px; height: 91px; background: url(../images/side_parts1.jpg) no-repeat;}
	#banners li#n1_on a{width:246px; height: 91px; background: url(../images/side_parts1.jpg) no-repeat;}
	#banners li#n1 a:hover{width:246px; height: 91px; background: url(../images/side_parts1.jpg) no-repeat;}

	#banners li#n2 a{ width:246px; height: 85px; background: url(../images/side_parts2.jpg) no-repeat;}
	#banners li#n2_on a{ width:246px; height: 85px; background: url(../images/side_parts2.jpg) no-repeat;}
	#banners li#n2 a:hover{ width:246px; height: 85px; background: url(../images/side_parts2.jpg) no-repeat;}

	#banners li#n3 a{ width:246px; height: 68px; background: url(../images/side_parts3.jpg) no-repeat;}
	#banners li#n3_on a{ width:246px; height: 68px; background: url(../images/side_parts3.jpg) no-repeat;}
	#banners li#n3 a:hover{ width:246px; height: 68px; background: url(../images/side_parts3.jpg) no-repeat;}

	#banners li#n4 a{width:246px; height: 67px; background: url(../images/side_parts4.jpg) no-repeat;}
	#banners li#n4_on a{width:246px; height: 67px; background: url(../images/side_parts4.jpg) no-repeat;}
	#banners li#n4 a:hover{width:246px; height: 67px; background: url(../images/side_parts4.jpg) no-repeat;}

	#banners li#n5 a{width:246px; height: 68px; background: url(../images/side_parts5.jpg) no-repeat;}
	#banners li#n5_on a{width:246px; height: 68px; background: url(../images/side_parts5.jpg) no-repeat;}
	#banners li#n5 a:hover{width:246px; height: 68px; background: url(../images/side_parts5.jpg) no-repeat;}

	#banners_top {
		width: 246px;
		height: 185px;

	}

	#banners_top ul{
		margin:0px;
		padding:0px;
	}

	#banners_top li{
		list-style-type:none;
		padding-bottom:9px;
	}

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

	#banners_top li span{
		visibility:hidden;
	}

	#banners_top li#n1 a{width:246px; height: 91px; background: url(../images/side_parts1.jpg) no-repeat;}
	#banners_top li#n1_on a{width:246px; height: 91px; background: url(../images/side_parts1.jpg) no-repeat;}
	#banners_top li#n1 a:hover{width:246px; height: 91px; background: url(../images/side_parts1.jpg) no-repeat;}

	#banners_top li#n2 a{ width:246px; height: 85px; background: url(../images/side_parts2.jpg) no-repeat;}
	#banners_top li#n2_on a{ width:246px; height: 85px; background: url(../images/side_parts2.jpg) no-repeat;}
	#banners_top li#n2 a:hover{ width:246px; height: 85px; background: url(../images/side_parts2.jpg) no-repeat;}

/*=======================================================
 * Style for SPACE
 *=======================================================*/
	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:#666666;
	}

	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:#2E2E2E;
		line-height: 22px;
	}

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

/*=======================================================
 * Style for TEXT
 *=======================================================*/
	.default {
		color: #666666;
	}
	.white {
		color: #ffffff;
	}
	.black {
		color: #000000;
	}
	.green {
		color: #008000;
	}
	.silver {
		color: #C0C0C0;
	}
	.lime {
		color: #00FF00;
	}
	.blue {
		color: #336699;
	}
	.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.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;
	}

	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;
	}