@charset "shift_jis";
/* CSS Document */

em { font-weight: normal; font-style: normal; }

select { height:22px; }
input[type=text] { height:20px;}

/*------------------------------------------------------------------------
tauchi 2011.01
--------------------------------------------------------------------------*/
#mokutekilist		{ display:block; margin:0 0 0 0px; }
#mokutekilist td {text-align:left ; font-size:13px ; padding:5px 5px 5px 5px;}
#mokutekilist td.midashi {text-align:center ; font-size:12px ;background-color:#eeeeee;}
#mokutekilist td.midashiS {text-align:center ; font-size:10px ;line-height:12px ;background-color:#eeeeee;}
#mokutekilist td.gazou {text-align:center ; font-size:12px ; min-height:60px}
#mokutekilist td.bikou {text-align:left ; vertical-align:top; font-size:12px ;line-height:16px}
#mokutekilist td.syousai {text-align:left ; vertical-align:top; font-size:12px ;line-height:15px}
#mokutekilist td.syousai input{text-align:left ; font-size:11px ; height:17px ; padding-left:3px}
#mokutekilist td.suuti {text-align:right ; font-size:12px ;line-height:15px ; padding-right:5px}

#mokutekilist em {color :#777799 ;font-style: normal;}

#mokutekilist input[type="text"] {height:16px ;background-color:#eeeeee; }

#msg01 { font-size:11px ; color:#900 ;}

td.jobListMidashi_excel { font-size:18px; color:#6C3;}
td.jobListMidashi_kval { font-size:18px; color:#FC0;}


/*------------------------------------------------------------------------
cost 
--------------------------------------------------------------------------*/

#cost_menu_01 { width:760px; height:50px; background-color:#F0EDDF; text-align:left; font-size:12px; vertical-align:middle; padding:4px;}

#cost_koumoku_01 { width:760px;background-color:#f3f3f3; padding:4px;}
#cost_koumoku_01 input.hinban { width:110px; font-size:13px ;background-color:#ffffff;padding-left:5px;height:22px; margin:3px;}
#cost_koumoku_01 input.daisuu { width:40px; font-size:13px ;background-color:#ffffff;padding-left:5px;height:22px; }
#cost_koumoku_01 em { font-weight:bold; }

#cost_koumoku_02 { width:760px;background-color:#f3f3f3; padding:4px; height:300px;}
#no {width:20px; text-align:right; float: left;}

#cost_menu_03 { width:940px; height:35px; background-color:#F0EDDF; text-align:left; font-size:12px; vertical-align:middle; padding:10px;} /* 2017.12 width:920px*/
#cost_koumoku_03 { width:940px;background-color:#f3f3f3; padding:10px;}/* 2017.12 width:920px*/
#cost_menu_03 em { font-weight:bold; }
#cost_koumoku_03 em { font-weight:bold; font-size:13px;}



#cost_step1_kz input.btn {  height:22px ; }
#cost_step1_kz { float:left; padding-right:30px ;}
#cost_step1_ta { float:left; }

#cost_step1_kz textarea 
     { border:2px solid #999; width:230px; line-height :18px ; background-color:#F3F3FA ;padding:3px ; margin:10px 0;word-break:break-all;} 
#cost_step1_ta textarea 
     { border:2px solid #999; width:230px; line-height :18px ; background-color:#EBE4EB ;padding:3px ; margin:10px 0;word-break:break-all;}
	 
 


/*------------------------------------------------------------------------
cost step2
--------------------------------------------------------------------------*/
#cost_step2 { font-size:12px;}

/*#cost_step2_kz { border:1px solid #666; width:420px;font-size:12px;background-color:#E0E3ED}
#cost_step2_ta { border:1px solid #666; width:420px;font-size:12px;background-color:#FAE9E2}*/
#cost_step2_kz { border:1px solid #666; width:420px;font-size:12px;background-color:#fff; }
#cost_step2_ta { border:1px solid #666; width:420px;font-size:12px;background-color:#fff;}

#cost_step2 td { height:20px; padding: 0px 3px;}
#cost_step2 input.txtHinban {width:150px;font-size:13px ;background-color:#ffffff; padding-left:2px; height:20px}
#cost_step2 input.txtKakaku {width:45px; font-size:13px ;background-color:#ffffff;padding-left:2px;height:22px;  }
#cost_step2 input.txt2 	  {width:20px; font-size:13px ;background-color:#ffffff;padding-left:2px;height:22px; }
#cost_step2 input.txt3 	  {width:30px; font-size:13px ;background-color:#ffffff;padding-left:2px;height:22px; }

#cost_step2_kz tr.hinban { background-color:#CCD7F2;}
#cost_step2_kz tr.other  { background-color:#FAFDE1;}
#cost_step2_ta tr.hinban { background-color:#E8D9E4;}
#cost_step2_ta tr.other  { background-color:#FAFDE1;}

#cost_step2 td.bikou { font-size:11px; color:#336;}

/*------------------------------------------------------------------------
cost 営業時間、電力会社などの設定
--------------------------------------------------------------------------*/
#cost_settei  { width:520px;  font-size:12px ;background-color:#F0EDDF; padding:5px ;}
#cost_settei em { font-weight:600 ; }

/*------------------------------------------------------------------------
----2column layout----
--------------------------------------------------------------------------*/

/*#container_cost_left	{ display:block; width: 35px; float: left; margin:0 0 0 15px; }  */
#container_cost_left	{ display:block; width: 0px; float: left; margin:0 0 0 5px; }  
#container_cost_right	{ display:block; width: 945px; float: right; margin:0 15px 0 0; } 
#cost_step2_kz em { color:#900; font-size:12px;}


*html #container_cost_left	{ display:block; width: 0px; float: left; margin:0 0 0 7px; }  
*html #container_cost_right	{ display:block; width: 945px; float: right; margin:0 7px 0 0; }
 
/*------------------------------------------------------------------------
用途で検索
--------------------------------------------------------------------------*/
#search_youto { font-size:14px;}

#search_youto td.sub1 { width:150px; vertical-align:top; font-size:12px; color:#000; padding:5px 5px; background-color:#EAEAEA;}
#search_youto td.sub2 { width:600px; vertical-align:top; font-size:12px; padding:5px 8px;}
#search_youto a { color:#666; text-decoration:underline;}
#search_youto a:hover { color:#C06; text-decoration:underline;}

#search_youto td { border: 1px #8CC5E3 solid;}
#search_youto table { border-collapse: collapse; /* 枠線の表示方法 */ }

.youto_kubunA{ height:40px; position : relative ;}
.youto_kubunB{ height:20px; position : absolute ;bottom : 0 ; font-size:14px; font-weight:bold;}


#midashi_1 { color:#666; font-size:14px; font-weight:bold;}
#midashi_2 { color:#06C; font-size:14px; line-height:10px;}


#youto_msg1 { font-size:14px; font-weight:bold;}
#youto_msg2 a {  color:#30F; text-decoration:underline;}
#youto_msg2 em { color:#c00; font-style:normal;}

/*------------------------------------------------------------------------
公共施設用照明器具を探す
--------------------------------------------------------------------------*/
.kokyo_tb1{	width: 80%;background-color: #CCCCCC; border:#aaa 1px solid;}/* 2023.01.23 100% →80%  */
.kokyo_tb1 td{line-height:22px;}
.kokyo_td_h{
	text-align: center;
	background-color: #D9D9D9;
	font-weight: bold;
	line-height:16px;
}

.kokyo_tr_border { border-top: #aaa 1px solid;}

.kokyo_td1{	width: 11%;	text-align: center;	background-color: #FFFFFF;}
.kokyo_td2{
	width: 22%;
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}
.kokyo_td3{
	width: 21%;
	padding-left: 4px;
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	color: #0032CB;
}
.kokyo_td4{	width: 11%;	background-color: #FFFFFF;	padding-left: 4px;}
.kokyo_td5{width: 9%;	background-color: #FFFFFF;	padding-left: 4px;}
.kokyo_td6{width: 9%;	background-color: #FFFFFF;	padding-left: 4px;}
.kokyo_td7{width: 17%;	background-color: #FFFFFF;	padding-left: 4px;}


/*------------------------------------------------------------------------
公共施設用照明器具を探す 2016 [2016.03.07] 
--------------------------------------------------------------------------*/
.koukyo_td1{	width: 9%;	text-align: center;	background-color: #FFFFFF; font-size:11px;}
.koukyo_td2{
	width: 11%;
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}
.koukyo_td3{
	width: 14%;
	padding-left: 4px;
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	color: #0032CB;
}
.koukyo_td4{	width: 10%;	background-color: #FFFFFF;	padding-left: 4px;}
.koukyo_td5{ width: 8%;	background-color: #FFFFFF;	padding-left: 4px;}
.koukyo_td6{ width: 11%;	background-color: #FFFFFF;	padding-left: 4px;}
.koukyo_td7{ width: 8%;	background-color: #FFFFFF;	padding-left: 4px;}

.koukyo_td8{ width: 19%;	background-color: #FFFFFF;	padding-left: 4px; font-size:13px;} /*10%*/
.koukyo_td9{ width: 10%;	background-color: #FFFFFF;	padding-left: 4px;} /*10%*/
/*.koukyo_td10{ width: 9%; background-color: #FFFFFF;	padding-left: 4px;}*/

.koukyo_td8  a{line-height:13px;}
.koukyo_td8  a:hover{ text-decoration:underline; color:#C00;}

.koukyo_td3  a:hover{ text-decoration:underline; color:#C00;}

/*
.koukyo_td9  a{line-height:13px;}
.koukyo_td9  a:hover{ text-decoration:underline;}

.koukyo_td10 a{line-height:13px;}
.koukyo_td10  a:hover{ text-decoration:underline;}
*/


/*------------------------------------------------------------------------
tab menu
--------------------------------------------------------------------------*/
.tab_menu{
	background-image: url(../common/img/bttab_bg.jpg);
	background-repeat:no-repeat; /*2017.12.15*/
	background-position: right top;
	padding-top: 28px;
	margin-top: 20px;
}


#youto_stop { width:700px; height:250px; text-align:center; padding-top:100px; font-size:16px;}
#msg_plus2015 { width:700px; height:50px; text-align:left; padding-top:5px; font-size:12px; color:#03F;}

/*----------------------------------------------------------------------------
--------------------------------------------------------------------------*/
.noDataMsg { margin:10px; font-size:14px; color:#900;}


/*------------------------------------------------------------------------
絞り込み検索　2019.03.08
--------------------------------------------------------------------------*/
.narrow_down {
	font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

/* 絞り込み01
------------------------------------------------- */
.narrow_down01 .h3_1 {
	font-size: 14px;
	border-bottom: 1px dotted #364854;
	font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	margin-bottom: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 1px;
}
.narrow_down01 .h3_2 {
	padding-top: 20px;
}

.narrow_down01 .toggle_wrap:last-of-type {
  border-bottom: 1px solid gray;
}
.narrow_down01 .toggle_switch {
	position: relative;
	cursor: pointer;
	padding: 5px 10px;
	background-color: #F4F2EC;
	border: 1px solid #B8BEC2 !important;
	background-image: url(../common/img/narrow_down/bg.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 10px;
}
.narrow_down01 .toggle_switch p {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
}
.narrow_down01 .toggle_switch.open {
  border-bottom: 1px solid gray;
  
}
.narrow_down01 .toggle_switch:hover {
}
.narrow_down01 .toggle_switch::after {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(../common/img/narrow_down/arrow_down.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 1px;
  transform: translateY(0);
  right: 1px;
  transition: transform .2s;
}
.narrow_down01 .toggle_switch.open::after {
  transform: rotateZ(180deg);
  top: 1px;
}
.narrow_down01 .toggle_contents {
  display: none;
}
.narrow_down01 .toggle_contents ul {
	padding-top: 10px;
}
.narrow_down01 .toggle_contents li {
	float: left;
	margin-right: 6px;
	margin-bottom: 30px;
	position: relative;
}

.narrow_down01 .toggle_contents  li:nth-child(4) {
	margin-right: 0px;
}

.narrow_down01 .toggle_contents li:nth-child(8) { /*  2019.03.18  追加  */
	margin-right: 0px;
}
.narrow_down01 .toggle_contents li a {
	display: block;
	color: #202020;
}
.narrow_down01 .toggle_contents li dl {
}
.narrow_down01 .toggle_contents li dl dt {
	padding-bottom: 10px;
}
.narrow_down01 .toggle_contents li dl dd {
	font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
}
.narrow_down01 .toggle_contents li dl dd img {
	margin-top: 3px;
	margin-left: 8px;
	vertical-align: top;
}

.narrow_down01 .toggle_contents li.ct05 {/*  2022.07.04  追加  */
	margin-right: 6px;
	
}

/* 絞り込み02
------------------------------------------------- */
.narrow_down02 .h3_1 {
	font-size: 14px;
	border-bottom: 1px dotted #364854;
	font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	margin-bottom: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
	letter-spacing: 1px;
}
.narrow_down02 .ti1  {
	position: relative;
	padding: 5px 10px;
	background-color: #F4F2EC;
	border: 1px solid #B8BEC2 !important;
	background-repeat: no-repeat;
	background-position: right center;
	margin-bottom: 15px;
}

.narrow_down02 .ti1 .p_left {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	float: left;
}
.narrow_down02 .ti1 .p_right {
	letter-spacing: 2px;
	float: right;
	padding-top: 3px;
}
.narrow_down02 .ti1 .p_right a{
	font-size: 12px;
	letter-spacing: 2px;
	float: right;
	color: #253239;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	line-height: 120%;
}
.narrow_down02 .ti1 .p_right a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}


.narrow_down02 li {
	float: left;
	margin-right: 6px;
	margin-bottom: 30px;
	position: relative;
}
.narrow_down .p1 {
	padding-left: 20px;
	font-weight: bold;
	font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.narrow_down02 li:nth-child(4) {
	margin-right: 0px;
}
.narrow_down02 li a {
	display: block;
	color: #202020;
}
.narrow_down02 li dl {
}
.narrow_down02 li dl dt {
	padding-bottom: 10px;
}
.narrow_down02 li dl dd {
	font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
}
.narrow_down02 li dl dd img {
	margin-top: 3px;
	margin-left: 8px;
	vertical-align: top;
}


/* 絞り込み08
------------------------------------------------- */

.l_navi_result {
	width: 180px;
}
.l_navi_result .resul_contents {
	vertical-align: top;
	border: 1px solid #CCCCCC;
	width: 180px;
}

.l_navi_result .resul_contents .title_result {
	background-color: #BFBFBF;
	height: 30px;
	letter-spacing: 1px;
}


/* add 2019.07.17 */
.l_navi_result .resul_contents a{ color:#333;}
.l_navi_result .resul_contents a:hover { color:#000;}

/*.l_navi_result .resul_contents .li_fst:hover {
	background-color:#F8F8F8;
}
.l_navi_result .resul_contents .li1:hover {
	background-color:#F8F8F8;
}
*//*-----------------*/



.l_navi_result .resul_contents .title_result p {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 5px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.l_navi_result .resul_contents .li_fst {
	background-image: url(../common/img/narrow_down/al2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	
}
		
.l_navi_result .resul_contents .li_fst p {
	font-size: 13px;
	padding-top: 15px;
	padding-bottom: 20px;
	text-align: center;
	font-weight: bold;
	font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.l_navi_result .resul_contents .li1 {
	background-image: url(../common/img/narrow_down/al2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
}
.l_navi_result .resul_contents .li1 p {
	font-size: 13px;
	padding-top: 10px;
	padding-bottom: 18px;
	text-align: center;
	font-weight: bold;
	font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
.l_navi_result .resul_contents .li_end {
	text-align: center;
}
.l_navi_result .resul_contents .li_end  p {
	font-size: 13px;
	padding-top: 14px;
	padding-bottom: 14px;
	text-align: center;
	font-weight: bold;
	font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

.l_navi_result .re_serect_bt {
	padding-top: 25px;
	padding-bottom: 25px;
}

.l_navi_result .toggle_wrap:last-of-type {
}
.l_navi_result .toggle_switch {
	position: relative;
	cursor: pointer;
	padding: 5px 10px;
	background-color: #BFBFBF;;
	background-image: url(../common/img/narrow_down/bg2.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.l_navi_result .toggle_switch p {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.l_navi_result .toggle_switch.open {
}
.l_navi_result .toggle_switch:hover {
}

.l_navi_result .toggle_switch::after {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(../common/img/narrow_down/arrow_down2.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 1px;
  transform: translateY(0);
  right: 1px;
  transition: transform .2s;
}
.l_navi_result .toggle_switch.open::after {
  transform: rotateZ(180deg);
  top: 1px;
}
.l_navi_result .toggle_contents {
  display: none;
}
.l_navi_result .toggle_contents ul {
	width: 180px;
}
.l_navi_result .toggle_contents ul li {
	width: 180px;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.l_navi_result .toggle_contents ul .end {
	border-bottom: 1px solid #CCCCCC;
}
.l_navi_result .toggle_contents ul li p {
	font-size: 12px;
	padding: 10px 7px;
	letter-spacing: 2px;
}
.l_navi_result .toggle_contents ul li p strong {
	font-size: 12px;
	letter-spacing: 2px;
}





/* トグルメニュー
------------------------------------------------- 

.menu-trigger {
  display: inline-block;
  position: relative;
  width: 36px;
  height: 28px;
  vertical-align: middle;
  cursor: pointer;
}
.menu-trigger span {
  display: inline-block;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #000;
  transition: all .5s .2s;
}
.menu-trigger.active span {
  background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(12px) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2) {
  top: 12px;
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  transform: translateY(-12px) rotate(45deg);
}
nav {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
nav ul {
  padding: 20px 0;
}
nav ul li {
  padding: 15px 0;
}
main p {
  margin-bottom: 50px;
}*/


/* ContentsArea
-------------------------- */
section {
	width: 100%;
	left: 0px;
	top: 0px;
}
#contents_modal {
	margin: 0 auto;
	padding: 10px 0 50px 0;
	width: 100%;
}

#open01,
#open02 {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
}

.close_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background: #000;
	opacity: 0.5;
	z-index: 110;
}

.modal_window {
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -200px;
	width: 400px;
	height: 300px;
	text-align: center;
	display: block;
	background: #fff;
	position: absolute;
	z-index: 130;
	-webkit-transform: scale(0);
}

.modal_window h2 {
	margin-bottom: 20px;
	width: 400px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 15px;
	background: #000;
}
.modal_window p {
	padding: 0 15px 15px 15px;
	font-size: 12px;
	line-height: 160%;
	text-align: left;
}


/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
	0% {opacity: 0;display: block;}
	100% {opacity: 1;}
}

div#modal div:target {
	-webkit-animation-name: modalFadeIn;
  	-webkit-animation-duration: 1s;
  	-webkit-animation-iteration-count: 1;
	opacity: 1;
	display: block;
}

@-webkit-keyframes modalScale {
	0% {opacity: 0;display: block; -webkit-transform:scale(0);}
	100% {opacity: 1; -webkit-transform:scale(1);}
}
div#modal div:target .modal_window {
	-webkit-animation-name: modalScale;
  	-webkit-animation-duration: 1s;
  	-webkit-animation-iteration-count: 1;
	-webkit-transform:scale(1);
	opacity: 1;
	display: block;
}