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

@charset "utf-8";

/*=======================================================
 * Style for BODY
 *=======================================================*/
	body.index {
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 12px;
		line-height: 20px;
		color: #ffffff;
		margin:0px;
		padding:0px;
		background-image: url(../images/back.jpg);
		background-repeat: repeat-x;
		background-color:#222222;
	}

	body.in {
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 12px;
		line-height: 20px;
		color: #ffffff;
		margin:0px;
		padding:0px;
		background-image: url(../images/back2.jpg);
		background-repeat: repeat-x;
		background-color:#222222;
	}

	body a:link{text-decoration:none; color:#EF9719;}
	body a:visited{text-decoration:none; color:#EF9719;}
	body a:active{text-decoration:none; color:#EF9719;}
	body a:hover {text-decoration:none; color:#FFFFFF;} 


	/* メイン幅 */
	#content {
		width: 890px;
		margin-right: auto;
		margin-left: auto;
	}

	div.clear {
		clear:both;
	}

/*=======================================================
 * Style for HEDDER
 *=======================================================*/
	#hedder {
		width:890px;
		height:31px;
		background-color:#222222;
		background-image: url(../images/hedder.jpg);
		background-repeat: no-repeat;
		clear:both;
	}

	#hedder ul{
		margin:0px;
		padding:0px;
		padding-left:0px;
	}

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

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

	#hedder li span{
		visibility:hidden;
		font-size: 8px;
	}

	#hedder li#n1 a{width:123px; height: 31px; background: url(../images/shamei.jpg) no-repeat; padding-right:557px;}
	#hedder li#n2 a{ width:67px; height: 31px; background: url(../images/botton1.jpg) no-repeat;}
	#hedder li#n3 a{ width:73px; height: 31px; background: url(../images/botton2.jpg) no-repeat;}
	#hedder li#n4 a{ width:70px; height: 31px; background: url(../images/botton3.jpg) no-repeat;}

	#photo {
		width:890px;
		height:119px;
		background-image: url(../images/1.jpg);
		background-repeat: no-repeat;
	}

	#flash {
		width:890px;
		height:269px;
	}

	#main_menu {
		width:890px;
		height:51px;
		clear:both;
	}

	#main_menu ul{
		margin:0px;
		padding:0px;
		padding-left:0px;
	}

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

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

	#main_menu li span{
		visibility:hidden;
		font-size: 8px;
	}

	#main_menu li#n1 a{width:124px; height: 51px; background: url(../images/botton/1.jpg) no-repeat;}
	#main_menu li#n1_on a{width:124px; height: 51px; background: url(../images/botton/1-2.jpg) no-repeat;}
	#main_menu li#n1 a:hover{width:124px; height: 51px; background: url(../images/botton/1-2.jpg) no-repeat;}

	#main_menu li#n2 a{ width:123px; height: 51px; background: url(../images/botton/2.jpg) no-repeat;}
	#main_menu li#n2_on a{ width:123px; height: 51px; background: url(../images/botton/2-2.jpg) no-repeat;}
	#main_menu li#n2 a:hover{ width:123px; height: 51px; background: url(../images/botton/2-2.jpg) no-repeat;}

	#main_menu li#n3 a{ width:122px; height: 51px; background: url(../images/botton/3.jpg) no-repeat;}
	#main_menu li#n3_on a{ width:122px; height: 51px; background: url(../images/botton/3-2.jpg) no-repeat;}
	#main_menu li#n3 a:hover{ width:122px; height: 51px; background: url(../images/botton/3-2.jpg) no-repeat;}

	#main_menu li#n4 a{width:146px; height: 51px; background: url(../images/botton/4.jpg) no-repeat;}
	#main_menu li#n4_on a{width:146px; height: 51px; background: url(../images/botton/4-2.jpg) no-repeat;}
	#main_menu li#n4 a:hover{width:146px; height: 51px; background: url(../images/botton/4-2.jpg) no-repeat;}

	#main_menu li#n5 a{ width:158px; height: 51px; background: url(../images/botton/5.jpg) no-repeat;}
	#main_menu li#n5_on a{ width:158px; height: 51px; background: url(../images/botton/5-2.jpg) no-repeat;}
	#main_menu li#n5 a:hover{ width:158px; height: 51px; background: url(../images/botton/5-2.jpg) no-repeat;}

	#main_menu li#n6 a{ width:217px; height: 51px; background: url(../images/botton/6.jpg) no-repeat;}
	#main_menu li#n6_on a{ width:217px; height: 51px; background: url(../images/botton/6-2.jpg) no-repeat;}
	#main_menu li#n6 a:hover{ width:217px; height: 51px; background: url(../images/botton/6-2.jpg) no-repeat;}

/*=======================================================
 * Style for MAIN    左 width:px;  右 width:px;
 *=======================================================*/
	#contents_bg {
		width:890px;
		background-image: url(../images/contents_bg.jpg);
		background-repeat: repeat-y;
	}

	#navi {
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 12px;
		font-weight:nomal;
		color: #ffffff;
	}

	#main_contents {
		width:890px;
		clear:both;
	}

/*=======================================================
 * Style for LEFT
 *=======================================================*/
	#left {
		width:218px;
		background-color:#8A8A8A;
		float:left;
	}

	#left_contents {
		width:208px;
		height:1100px;
		margin-top: 5px;
		background-image: url(../images/left_bg.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		margin-right: auto;
		margin-left: auto;
	}

	#left_contents_in {
		width:208px;
		margin-top: 5px;
		background-image: url(../images/left_bg.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		margin-right: auto;
		margin-left: auto;
	}

	#side_bottom_bg {
		width:208px;
		margin-top: 5px;
		background-image: url(../images/left_bg.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		margin-right: auto;
		margin-left: auto;
	}

	/*縦並びのメニュー*/

	#left_menu {
		width: 208px;
	}

	#left_menu ul{
		margin:0px;
		padding:0px;
		padding-left:1px;
		list-style-type:none;
	}

	#left_menu li a{
		padding: 0px;
		display: block;
		list-style-type:none;
		text-decoration: none;
	}

	#left_menu li span{
		visibility:hidden;
		font-size: 8px;
	}

	#left_menu li#n1 a{width:207px; height: 70px; background: url(../images/botton/7.jpg) no-repeat; padding-bottom:1px;}
	#left_menu li#n1_on a{width:207px; height: 70px; background: url(../images/botton/7-2.jpg) no-repeat; padding-bottom:1px;}
	#left_menu li#n1 a:hover{width:207px; height: 70px; background: url(../images/botton/7-2.jpg) no-repeat; padding-bottom:1px;}

	#left_menu li#n2 a{ width:207px; height: 70px; background: url(../images/botton/8.jpg) no-repeat; padding-bottom:1px;}
	#left_menu li#n2_on a{ width:207px; height: 70px; background: url(../images/botton/8-2.jpg) no-repeat; padding-bottom:1px;}
	#left_menu li#n2 a:hover{ width:207px; height: 70px; background: url(../images/botton/8-2.jpg) no-repeat; padding-bottom:1px;}

	#left_menu li#n3 a{ width:207px; height: 70px; background: url(../images/botton/9.jpg) no-repeat; padding-bottom:1px;}
	#left_menu li#n3_on a{ width:207px; height: 70px; background: url(../images/botton/9-2.jpg) no-repeat; padding-bottom:1px;}
	#left_menu li#n3 a:hover{ width:207px; height: 70px; background: url(../images/botton/9-2.jpg) no-repeat; padding-bottom:1px;}

	#left_menu li#n4 a{ width:207px; height: 70px; background: url(../images/botton/10.jpg) no-repeat; padding-bottom:1px;}
	#left_menu li#n4_on a{ width:207px; height: 70px; background: url(../images/botton/10-2.jpg) no-repeat; padding-bottom:1px;}
	#left_menu li#n4 a:hover{ width:207px; height: 70px; background: url(../images/botton/10-2.jpg) no-repeat; padding-bottom:1px;}

	#left_menu li#n5 a{ width:207px; height: 70px; background: url(../images/botton/11.jpg) no-repeat; padding-bottom:1px;}
	#left_menu li#n5_on a{ width:207px; height: 70px; background: url(../images/botton/11-2.jpg) no-repeat; padding-bottom:1px;}
	#left_menu li#n5 a:hover{ width:207px; height: 70px; background: url(../images/botton/11-2.jpg) no-repeat; padding-bottom:1px;}

	#left_menu li#n6 a{ width:207px; height: 70px; background: url(../images/botton/12.jpg) no-repeat; padding-bottom:1px;}
	#left_menu li#n6_on a{width:207px; height: 70px; background: url(../images/botton/12-2.jpg) no-repeat; padding-bottom:1px;}
	#left_menu li#n6 a:hover{width:207px; height: 70px; background: url(../images/botton/12-2.jpg) no-repeat; padding-bottom:1px;}

	#left_menu li#n7 a{width:207px; height: 70px; background: url(../images/botton/13.jpg) no-repeat; padding-bottom:1px;}
	#left_menu li#n7_on a{width:207px; height: 70px; background: url(../images/botton/13-2.jpg) no-repeat; padding-bottom:1px;}
	#left_menu li#n7 a:hover{width:207px; height: 70px; background: url(../images/botton/13-2.jpg) no-repeat; padding-bottom:1px;}

	#left_menu li#n8 a{ width:207px; height: 70px; background: url(../images/botton/14.jpg) no-repeat; padding-bottom:10px;}
	#left_menu li#n8_on a{ width:207px; height: 70px; background: url(../images/botton/14-2.jpg) no-repeat; padding-bottom:10px;}
	#left_menu li#n8 a:hover{ width:207px; height: 70px; background: url(../images/botton/14-2.jpg) no-repeat; padding-bottom:10px;}

	#left_menu li#n10 {
		width:207px;
		height:500px;
		background-color:#312F30;
	}

	#left_menu li#n11 a{ width:207px; height: 70px; background: url(../images/botton/16.jpg) no-repeat; padding-bottom:1px;}
	#left_menu li#n11_on a{ width:207px; height: 70px; background: url(../images/botton/16-2.jpg) no-repeat; padding-bottom:1px;}
	#left_menu li#n11 a:hover{ width:207px; height: 70px; background: url(../images/botton/16-2.jpg) no-repeat; padding-bottom:1px;}

	#left_menu li#n12 a{ width:207px; height: 81px; background: url(../images/botton/17.jpg) no-repeat;}
	#left_menu li#n12_on a{ width:207px; height: 81px; background: url(../images/botton/17.jpg) no-repeat;}
	#left_menu li#n12 a:hover{ width:207px; height: 81px; background: url(../images/botton/17.jpg) no-repeat;}


	#left_menu_top {
		width: 208px;
	}

	#left_menu_top ul{
		margin:0px;
		padding:0px;
		padding-left:1px;
		list-style-type:none;
	}

	#left_menu_top li a{
		padding: 0px;
		display: block;
		list-style-type:none;
		text-decoration: none;
	}

	#left_menu_top li span{
		visibility:hidden;
		font-size: 8px;
	}

	#left_menu_top li#n9 a{ width:207px; height: 70px; background: url(../images/botton/15.jpg) no-repeat; padding-bottom:1px; background-color:#312F30;}
	#left_menu_top li#n9_on a{ width:207px; height: 70px; background: url(../images/botton/15-2.jpg) no-repeat; padding-bottom:1px; background-color:#312F30;}
	#left_menu_top li#n9 a:hover{ width:207px; height: 70px; background: url(../images/botton/15-2.jpg) no-repeat; padding-bottom:1px; background-color:#312F30;}



	div.left_menu_list {
		width: 207px;
		background-color:#312F30;
	}

	div.left_menu_list ul{
		margin:0px;
		padding:0px;
		padding-left:0px;
		list-style-type:none;
	}

	div.left_menu_list li a{
		list-style-type:none;
	}


/*=======================================================
 * Style for  RIGHT
 *=======================================================*/
	#right {
		width:672px;
		float:right;
	}

	#right_contents {
		width:660px;
		height:100%;
		margin-left: 12px;
		margin-bottom: 0px;
		background-image: url(../images/right_contents_bg.jpg);
		background-repeat: repeat-y;
	}

	#right_contents_in {
		width:660px;
		height:100%;
		margin-left: 12px;
		margin-bottom: 0px;
		background-image: url(../images/right_contents_bg.jpg);
		background-repeat: repeat-y;
	}

	#right_contents_main {
		width:650px;
		margin-top: 5px;
		margin-left: 5px;
	}

	#right_contents_main a:link{text-decoration:none; color:#EF9719;}
	#right_contents_main a:visited{text-decoration:none; color:#EF9719;}
	#right_contents_main a:active{text-decoration:none; color:#EF9719;}
	#right_contents_main a:hover {text-decoration:none; color:#FFFFFF;} 



	#special {
		width: 650px;
	}

	#special ul{
		margin:0px;
		padding:0px;
		padding-bottom:10px;
		list-style-type:none;
	}

	#special li a{
		padding: 0px;
		display: block;
		list-style-type:none;
		text-decoration: none;
	}

	#special li span{
		visibility:hidden;
		font-size: 8px;
	}

	#special li#n1 a{width:650px; height: 80px; background: url(../images/tsuriten_banner.jpg) no-repeat; padding-bottom:1px;}
	#special li#n1_on a{width:650px; height: 80px; background: url(../images/tsuriten_banner.jpg) no-repeat; padding-bottom:1px;}
	#special li#n1 a:hover{width:650px; height: 80px; background: url(../images/tsuriten_banner.jpg) no-repeat; padding-bottom:1px;}



	#banner {
		width:210px;
	}

	#banner ul{
		margin:0px;
		padding:0px;
		list-style-type:none;
	}

	#banner li a{
		padding: 0px;
		display: block;
		list-style-type:none;
		text-decoration: none;
	}

	#banner li span{
		visibility:hidden;
		font-size: 8px;
	}

	#banner li#n1 a{width:210px; height: 185px; background: url(../images/banner1.jpg) no-repeat; padding-bottom:1px; padding-bottom:10px;}
	#banner li#n1_on a{width:210px; height: 185px; background: url(../images/banner1.jpg) no-repeat; padding-bottom:1px; padding-bottom:10px;}
	#banner li#n1 a:hover{width:210px; height: 185px; background: url(../images/banner1.jpg) no-repeat; padding-bottom:1px; padding-bottom:10px;}

	#banner li#n2 a{width:210px; height: 185px; background: url(../images/banner2.jpg) no-repeat; padding-bottom:1px;}
	#banner li#n2_on a{width:210px; height: 185px; background: url(../images/banner2.jpg) no-repeat; padding-bottom:1px;}
	#banner li#n2 a:hover{width:210px; height: 185px; background: url(../images/banner2.jpg) no-repeat; padding-bottom:1px;}

/*=======================================================
 * Style for  INDEX
 *=======================================================*/
	#news_top {
		width:650px;
		height:37px;
		background-image: url(../images/news_top.jpg);
		background-repeat: no-repeat;
	}

	#news_top span{
		visibility:hidden;
		font-size: 2px;
	}

	#news_naka {
		width:650px;
		background-image: url(../images/news_naka.jpg);
		background-repeat: repeat-y;
	}

	#news_naka_bg {
		background-image: url(../images/news_naka_bg.jpg);
		background-repeat: no-repeat;
		background-position: right bottom;
	}

	#news_naka_ichi {
		width: 610px;
		margin-right: auto;
		margin-left: auto;
		padding-top:10px;
		padding-bottom:10px;
	}

	#news_bottom_bar {
		background-image: url(../images/news_bottom.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
	}

	#event_top {
		width:650px;
		height:37px;
		background-image: url(../images/event_top.jpg);
		background-repeat: no-repeat;
	}

	#event_top span{
		visibility:hidden;
		font-size: 2px;
	}

	#event_naka {
		width:650px;
		background-image: url(../images/news_naka.jpg);
		background-repeat: repeat-y;
	}

	#event_naka_bg {
		background-image: url(../images/event_naka_bg.jpg);
		background-repeat: no-repeat;
		background-position: right bottom;
	}

	#event_naka_ichi {
		width: 610px;
		margin-right: auto;
		margin-left: auto;
		padding-top:10px;
		padding-bottom:10px;
	}

	#event_bottom_bar {
		background-image: url(../images/news_bottom.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
	}

	#index_left {
		width:425px;
		float:left;
	}

	#index_right {
		margin-left: 15px;
		width:210px;
		float:right;
	}

	#kensaku_bar {
		width:425px;
		height:60px;
		background-image: url(../images/kensaku_bar.jpg);
		background-repeat: no-repeat;
	}


	input.haba {
		width: 140px;
	}


	#catalog_bar {
		width:425px;
		height:52px;
		background-image: url(../images/catalog_bar.jpg);
		background-repeat: no-repeat;
	}

	div.line {
		width:423px;
		height:30px;
		margin-bottom: 0px;
		background-image: url(../images/line.jpg);
		background-repeat: repeat-y;
	}

	#p_nai_link ul{
		margin:0px;
		padding:0px;
		padding-bottom:10px;
		list-style-type:none;
	}

	#p_nai_link li a{
		padding: 0px;
		display: block;
		list-style-type:none;
		text-decoration: none;
	}

	#p_nai_link li span{
		visibility:hidden;
		font-size: 8px;
	}

	#p_nai_link li#n1 a{width:68px; height: 11px; background: url(../images/top.jpg) no-repeat; padding-bottom:1px;}
	#p_nai_link li#n1_on a{width:68px; height: 11px; background: url(../images/top.jpg) no-repeat; padding-bottom:1px;}
	#p_nai_link li#n1 a:hover{width:68px; height: 11px; background: url(../images/top.jpg) no-repeat; padding-bottom:1px;}


/*=======================================================
 * Style for  内部共通
 *=======================================================*/
	#kensaku_bar2 {
		width:206px;
		height:55px;
		background-image: url(../images/kensaku_bar2.jpg);
		background-repeat: no-repeat;
	}

	input.haba2 {
		width: 60px;
	}

	#flash_in {
		width:890px;
		height:119px;
	}

	div.line_in {
		width:207px;
		height:20px;
		margin-bottom: 0px;
		background-image: url(../images/line_in.jpg);
		background-repeat: repeat-y;
	}


	div.side_list {
		width: 167px;
	}

	div.side_list ul{
		margin:0px;
		padding:0px;
		padding-left:1px;
		list-style-type:none;
	}

	div.side_list li a{
		padding: 0px;
		display: block;
		list-style-type:none;
		text-decoration: none;
	}

	div.side_list li span{
		visibility:hidden;
		font-size: 8px;
	}

	div.side_list li#n1 a{width:207px; height: 70px; background: url(../images/botton/7.jpg) no-repeat; padding-bottom:1px;}
	div.side_list li#n1_on a{width:207px; height: 70px; background: url(../images/botton/7-2.jpg) no-repeat; padding-bottom:1px;}
	div.side_list li#n1 a:hover{width:207px; height: 70px; background: url(../images/botton/7-2.jpg) no-repeat; padding-bottom:1px;}

	div.title {
		width:650px;
		height:40px;
		background-image: url(../images/title.jpg);
		background-repeat: no-repeat;
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 14px;
		color: #ffffff;
	}

	div.title_ichi {
		padding-top:10px;
		padding-left:30px;
	}

	div.shiro_waku_top {
		width:650px;
		height:20px;
		background-image: url(../images/shiro_waku_top.jpg);
		background-repeat: no-repeat;
	}


	div.shiro_waku_naka {
		width:650px;
		background-image: url(../images/shiro_waku_naka.jpg);
		background-repeat: repeat-y;
	}

	div.shiro_waku_bottom {
		width:650px;
		height:20px;
		background-image: url(../images/shiro_waku_bottom.jpg);
		background-repeat: no-repeat;
	}

	div.shiro_waku_naka_size {
		width: 620px;
		margin-right: auto;
		margin-left: auto;
	}

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


	td.color2 {
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 12px;
		line-height: 20px;
		color: #ffffff;
		background-color:#312F30;
	}

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


	tr.color2 {
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-size: 12px;
		line-height: 20px;
		color: #ffffff;
		background-color:#312F30;
	}

	#naka_contents_size {
		width: 620px;
		margin-right: auto;
		margin-left: auto;
	}

	#kabegami {
		background-image: url(../images/kabegami.jpg);
		background-repeat: no-repeat;
		background-position: right bottom;
	}

	#dic_bg {
		background-image: url(../images/dic_bg.jpg);
		background-repeat: no-repeat;
		background-position: right top;
	}

/*=======================================================
 * Style for  FOOTER
 *=======================================================*/

	#footer {
		padding: 5px 5px 5px 5px;
		background-color:#000;
		color:#EF9719;
	}


/*=======================================================
 * Style for  OTHER
 *=======================================================*/
	.black {
		color: #000000;
	}
	.green {
		color: #008000;
	}
	.silver {
		color: #C0C0C0;
	}
	.lime {
		color: #00FF00;
	}
	.blue {
		color: #0000FF;
	}
	.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;
	}
	.yellow {
		color: #FFFFCC;
	}
	input.haba_kanri {
		width: 36px;
	}