@charset "utf-8";
/* CSS Document */

/*********************
		共通設定
*********************/

/* ----------------------------------------
*	ブラウザ初期化スタイル
---------------------------------------- */
*,th,td,form,fieldset{
	margin:0px;
	padding:0px;
	font-style:normal ;
	font-weight:normal ;
	font-family:"メイリオ",Meiryo, Geneva, Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px ;
	line-height:1.4;
	list-style:none ;
}

/* ----------------------------------------
*	汎用要素スタイル 
---------------------------------------- */
a{
	text-decoration:none;
	color:#3300FF;
}
a:hover{
	text-decoration:underline;
	color:#FF0000;
}
input,select{
	border:solid 1px #999999;
	line-height:1.2;
	z-index:1;
}
body{
/*	background-color:#FFE5FF;*/
}


/* ----------------------------------------
*	汎用クラス要素スタイル 
---------------------------------------- */
.marker_red,
.value_1  {
	color:#FF3333;
}
.marker_blue,
.value_3 {
	color:#3333FF;
}
.marker_orange{
	color:#FF6600;
}
.marker_gray,
.value_0 {
	color:#666666;
}
.error {
	font-weight:bold;
	color:#FF0000;
	font-size:40px;
}
.high {
	font-weight:bold;
}
.complete_message {
	font-weight:bold;
	color:#FE5030;
	font-size:25px;
}

.submit{
	clear:both;
	margin:15px auto;
	padding:15px 0;
	text-align:center;
	border-bottom:#999999 solid 2px;
}
.submit input{
	width:150px;
	height:24px;
	background:#FFFFFF url(../imgs/buttons.png) no-repeat left;
	border:none;
	outline:none;
	letter-spacing:0.5em;
	text-align:center;
	cursor:pointer;
}
.submit input:active{
	background-position:right;
	outline:none;
}

/* ----------------------------------------
*	共通項目スタイル 
---------------------------------------- */

/*	メニュー	menu
---------------------------------------- */
div#admin_head{
	width:100%;
	height:30px;
	background:#FFFFFF;
	border-bottom:solid 1px #333333;
/*	position:absolute; */
	top:0;
}
div#admin_head h1{
	float:left;
	padding-left:15px;
}
div#admin_head h1 a{
	font-weight:bold;
	color:#000000;
	font-size:14px;
	text-decoration:underline;
	line-height:30px;
}
div#admin_head p{
	float:right;
	padding-right:15px;
	height:30px;
	text-align:right;
}
div#admin_head p a{
	line-height:30px;
}

ul#nav {
    margin: 2em 0 0 2em;
    float: left;
    border: solid #ccc 1px;
    border-right: none;
    height: 40px;

}

ul#nav li {
	float: left;
	border-right: solid #ccc 1px;
	height: 40px;
	width: 220px;
	text-align: center;
	line-height: 40px;
}

ul#nav li.hover {
	background: #eee;
}

ul#nav li a {
	display: block;
	height: 20px;
	width: 220px;
	color: #252525;
	text-decoration: none;
	padding:10px 0;
}

ul#nav li ul {
	border: none;
	display: none;
	background: #666;
	overflow: hidden;
	opacity: .9;
	filter: alpha(opacity=90);
}

ul#nav li ul li {
	border: none;
}
ul#nav li ul li.hover {
	background: #777;
}

ul#nav li ul li a {
    color: #efefef;
}



/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; width: 100%; margin:5px;}
ul.dropdown li                      { font-weight: bold; float: left; background: #ccc; position: relative; border:#555 solid 1px; margin:0 1px;}
ul.dropdown a:hover		            { color: #000; }
ul.dropdown li a                    { display: block; width: 200px; padding: 12px 0; text-align:center; color: #222; position: relative; z-index: 2000; }
ul.dropdown li a:hover,
ul.dropdown li a.hover              { background: #A8BEDB; position: relative; }

/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ display: none; position: absolute; top: 5px; left: 5px; width: 180px; z-index: 1000; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #555; margin:1px;}
ul.dropdown ul li a					{ display: block; background: #eee !important; } 
ul.dropdown ul li a:hover			{ display: block; background: #A8BEDB !important; } 


/*	フッター	footer
---------------------------------------- */
div#footer{
	clear:both;
	text-align:center;
	border-top:solid 1px #333333;
	border-bottom:solid 1px #333333;
	padding:5px;
}

/*	コンテンツ部	contents
---------------------------------------- */
div#contents{
	margin-top:80px;
	margin-bottom:30px;
}
div#heading_caption{
	text-align:left;
	height:22px;
	line-height:22px;
	margin:0px auto 15px 20px;
	padding:0px 10px;
	border-left:groove 5px #333333;
	border-bottom:solid 1px #333333;
	overflow:hidden;
}
div#heading_caption h2{
	font-size:14px;
	font-weight:bold;
	float:left;
	letter-spacing:3px;
}
.page_flow_l{
/*	float:left; */
	overflow:hidden;
	text-align:left;
	padding-left:5px;
	margin:7px 0;
}
.page_flow_r{
	float:right;
	text-align:right;
}
.page_flow_l a,
.page_flow_r a{
	margin:0 3px;
}
.page_flow_l li,
.page_flow_r li{
	float:left;
}
.page_flow_l li{
	margin-right:5px;
}
.page_flow_r a{
	padding-left:15px;
}
.page_flow_r a:hover{
	background:url(../imgs/list-style.png) no-repeat left;
	padding-left:15px;
}

.page_flow_l li.page_no a,
.page_flow_l li.page_no span{
	float:left;
	display:block;
	border:solid 1px #999999;
	width:20px;
	height:15px;
	text-align:center;
	margin:0px 2px;
}
.page_flow_l li.page_no a:hover{
	border-color:#ff0000;
	text-decoration:none;
}
.page_flow_l li.page_no span{
	background:url(../imgs/table-th.gif) repeat-y;
}


/*	マウスオーバーでtrの背景色変更
---------------------------------------- */
/*通常*/
#contents .off td,
#contents .off1 td{
	border-top:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
}

#contents .off th,
#contents .off1 th{
	border-top:solid 1px #000000;
	border-right:solid 1px #000000;
}

#contents .off2 td{
	border-right:solid 1px #CCCCCC;
}

#contents .off{
	background-color:#FFFFFF;
}
/*通常 隔行*/
#contents .off1{
	background-color:#F3F3F3;
}
/*通常 項目区切り*/
#contents .off2{
	background-color:#FFFFFF;
	border-top:double 3px #000000;
}
/*オーバー*/
#contents .on{
	background-color:#FFE3C1;
	/*background-color:#FFCCCC;*/
}
#contents .on td{
	border-top:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
}

#contents .on th{
	border-top:solid 1px #000000;
	border-right:solid 1px #000000;
}

/*オーバー項目区切り*/
#contents .on2{
	background-color:#FFE3C1;
	/*background-color:#FFCCCC;*/
	border-top:double 3px #000000;
}
#contents .on2 td{
	border-top:double 3px #000000;
	border-right:solid 1px #CCCCCC;
}
#contents .on2 th{
	border-top:double 3px #000000;
	border-right:solid 1px #000000;
}


/*	マウスオーバーで写真表示
---------------------------------------- */
dl.photo_on{
	position:relative;
}
dl.photo_off dt,
dl.photo_on dt{
	color:#FF0000;
	cursor:pointer;
}
dl.photo_off dd{
	display:none;
	position:absolute;
}
dl.photo_on dd{
	position:absolute;
	background-color:#FFFFFF;
	border:outset 1px #999999;
	padding:10px;
}
dl.photo_on dd{
	top:0;
	right:50px;
}

.photobox {
	width:200px;
}
.photobox dl {
	float:left;
}


/*	マウスオーバーで付加情報表示
---------------------------------------- */
dl.addinfo_on{
	position:relative;
}
dl.addinfo_off dt,
dl.addinfo_on dt{
	color:#0000FF;
	cursor:pointer;
}
dl.addinfo_off dd{
	display:none;
	position:absolute;
}
dl.addinfo_on dd {
	position:absolute;
	background-color:#FFFFFF;
	border:outset 1px #999999;
	padding:10px;
}
dl.addinfo_on dd{
	top:0px;
	right:0px;
}
dl.addinfo_on dd p {
	font-weight:bold;
}




/*	数値桁数の文字色変更
---------------------------------------- */
/*0～10*/
#contents .value_black{
	color:#000000;
}
/*10～50*/
#contents .value_blue{
	color:#6600FF;
}
/*50～100*/
#contents .value_green{
	color:#00CC00;
}
/*100～500*/
#contents .value_purple{
	color:#FF00FF;
}
/*500～1000以上*/
#contents .value_red{
	color:#FF0066;
}

/*	 曜日別の文字色変更
---------------------------------------- */
/*月・火・水・木・金*/
#contents .Mon,
#contents .Tue,
#contents .Wed,
#contents .Thu,
#contents .Fri,
#contents .Day{
	color:#000000;
}
/*土*/
#contents .Sat{
	color:#0000FF;
}
/*日*/
#contents .Sun{
	color:#FF0000;
}


/*	 条件検索フォーム
---------------------------------------- */
dl.search_off,
dl.search_on{
	margin:10px;
	width:350px;
	_width:auto;
}
dl.search_off dt.search_dt,
dl.search_on dt.search_dt{
	cursor:pointer;
	width:350px;
	background-color:#ff9999;
	border:outset 1px #999999;
	text-align:center;
	padding:2px;
}
dl.search_off dd.search_dd{
	display:none;
	position:absolute;
}
dl.search_on dd.search_dd{
	position:absolute;
	background-color:#FFFFFF;
	border:outset 1px #999999;
	padding:10px;
}

div.search_rslist_box{
	margin:10px 20px;
}
div.search_rslist_box fieldset{
	padding:10px;
}
div.search_rslist_box input{
	margin:0 2px;
}
div.search_rslist_box dl{
	clear:both;
	margin-bottom:10px;
	overflow:hidden;
	border-bottom:solid 1px #aaaaaa;
}
div.search_rslist_box dt{
	clear:both;
	float:left;
	width:180px;
	margin-bottom:5px;
	font-weight:bold;
	padding-left:23px;
	background:url(../imgs/allow.png) no-repeat left;
}
div.search_rslist_box dd{
	float:left;
	width:80%;
	margin-bottom:5px;
}
div.search_rslist_box dd input{
	margin-right:5px;
	vertical-align:text-bottom;
}
div.search_rslist_box dd span{
	color:#ff0000;
	font-size:10px;
}

div.search_rslist_box ul{
	clear:both;
}
div.search_rslist_box li{
	float:left;
	width:12%;
	margin-bottom:5px;
	padding:2px;
	overflow:hidden;
}
div.search_rslist_box li select{
	width:220px;
	margin-left:10px;
}
div.search_rslist_box p{
	clear:both;
	padding-bottom:10px;
}
div.search_rslist_box p.submit a{
	margin-left:10px;
}


.search_rslist_box dd .fi_xs{
	width:50px;
}
.search_rslist_box dd .fi_ss{
	width:100px;
}search_rslist_box
.fact_input dd .fi_sm{
	width:130px;
}
.search_rslist_box dd .fi_s{
	width:200px;
}
.search_rslist_box dd .fi_l{
	width:80%;
}

#term_point {
	width: 98%;
	margin:10px auto;
}

#term_point dt{
	font-weight:bold;
	font-size:14px;
}

#term_point dd{
	font-weight:bold;
	font-size:20px;
	color:#F94796;
}

/*	 Tableデザイン－共通
---------------------------------------- */
table#graph_table,
table#graph_table2 {
	display:none;
}


.sheet_container {
	text-align:center;
	width:98%;
	margin:0 auto;
}

table.fact_sheet {
  width: 98%;
  border-spacing: 0;
  margin:10px auto;
/*  font-size:14px; */
}
table.fact_sheet th {
  color: #fff;
  padding: 8px 15px;
  background: #258;
  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
  font-weight: bold;
  border-left:1px solid #258;
  border-top:1px solid #258;
  border-bottom:1px solid #258;
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(34,85,136,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
table.fact_sheet thead th:first-child {
  border-radius: 5px 0 0 0;
}
table.fact_sheet thead th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #258;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

table.fact_sheet tfoot th:first-child {
  border-radius: 0 0 0 5px;
}
table.fact_sheet tfoot th:last-child {
  border-radius:0 0 5px 0;
  border-right:1px solid #258;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

table.fact_sheet tbody th {
	text-shadow:none;
	border-left:1px solid #84b2e0;
	border-bottom:1px solid #84b2e0;
	border-top:none;
	color: #316292;
	background-color:threedlightshadow;
	background-image:-moz-linear-gradient(top, threedhighlight 15%, threedlightshadow 80%);
	background-image:-webkit-linear-gradient(top, threedhighlight 15%, threedlightshadow 80%);
	background-image:-o-linear-gradient(top, threedhighlight 15%, threedlightshadow 80%);
	background-image:linear-gradient(top, threedhighlight 15%, threedlightshadow 80%);
}

table.fact_sheet tbody tr.total th {
	background-image:-moz-linear-gradient(top, threedshadow 10%, threeddarkshadow 55%, threedshadow);
	background-image:-webkit-linear-gradient(top, threedshadow 10%, threeddarkshadow 55%, threedshadow);
	background-image:-o-linear-gradient(top, threedshadow 10%, threeddarkshadow 55%, threedshadow);
	background-image:linear-gradient(top, threedshadow 10%, threeddarkshadow 55%, threedshadow);
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#fff;
}

table.fact_sheet tbody tr.total {
	background: #888;
}
table.fact_sheet tbody tr.total:nth-child(2n+1) {
	background: #555;
}

table.fact_sheet tbody tr.total td{
	border-left:1px solid #bbb;
	border-bottom:1px solid #bbb;
	color:#fff;
}

table.fact_sheet tbody tr.total th.div ,
table.fact_sheet tbody tr.total td.div {
  border-bottom:1px solid #fff;
}









table.fact_sheet tr th.div ,
table.fact_sheet tr td.div {
  border-bottom:1px solid #258;
}

table.fact_sheet tbody td em {
	font-weight:bold;
}

table.fact_sheet tbody tr th,
table.fact_sheet tr td {
  padding: 3px 10px;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
  text-align: center;
}
table.fact_sheet tbody tr th:last-child,
table.fact_sheet tr td:last-child {
  border-right: 1px solid #84b2e0;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

table.fact_sheet tr {
  background: #fff;
}
table.fact_sheet tr:nth-child(2n+1) {
  background: #f1f6fc;
}
/*
table.fact_sheet tr:last-child td {
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table.fact_sheet tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
table.fact_sheet tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
*/
table.fact_sheet tr:hover {
  background: #bbd4ee;
}




.td_wide_fix {
	width:200px;
}

.td_wide_fix_ss {
	width:100px;
}

.td_wide_fix_s {
	width:150px;
}

.td_wide_fix_l {
	width:250px;
}

.td_wide_fix_ll {
	width:280px;
}

.td_wide_fix_b {
	width:300px;
}

.td_wide_fix li{
	float:left;
	padding:3px;
}

table.fact_sheet dl{
	clear:both;
	width:95%;
	text-align:center;
}
/* For modern browsers */
table.fact_sheet dl:before, table.fact_sheet dl:after { content:""; display:table; }
table.fact_sheet dl:after { clear:both; }
table.fact_sheet dl { zoom:1; }


table.fact_sheet dl dt{
	float:left;
	padding:1px 3px;
	margin-bottom:2px;
	width:35%;
/*	clear:both;
	*/
	border-bottom:#666 solid 1px;
}
table.fact_sheet dl dd{
	float:left;
	padding:1px 3px;
	margin-bottom:2px;
	/* width:60%;
 */
	border-bottom:#666 dotted 1px;
}

table.fact_sheet ul {
	width:95%;
}
table.fact_sheet ul li{
	float:left;
	width:20%;
	margin-right:1%;
}



table.fact_sheet.min td, 
table.fact_sheet.min th {
	font-size:10px;
}


/*
table.fact_sheet,
table.fact_sheet_02,
table.fact_sheet_03{
	width:100%;
	margin:0px auto 5px auto;
	clear:both;
	border-collapse:collapse;
	border-spacing:0;
	border:solid 1px #333333;
}
table.fact_sheet th,
table.fact_sheet_02 th,
table.fact_sheet_03 th{
	border:solid 1px #333333;
	padding:2px 3px;
	background:url(../imgs/table-th.png) repeat-y left;
	white-space:nowrap;
}
table.fact_sheet_02 th{
	width:100px;
}
table.fact_sheet_03 th
	width:33%;
}
table.fact_sheet td,
table.fact_sheet_02 td,
table.fact_sheet_03 td{
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #333333;
	text-align:left;
	padding:2px 3px;
	white-space:nowrap;
}

table.fact_sheet td.num,
table.fact_sheet_02 td.num,
table.fact_sheet_03 td.num{
	text-align:right;
}

table.fact_sheet_02 td{
	white-space:normal;
	width:33%;
	_width:25%;
}
table.fact_sheet td input,
table.fact_sheet_02 td input{
	border:solid 1px #999999;
}
table.fact_sheet thead{
	border-bottom:double 3px #000000;
}
table.fact_sheet thead th{
	_border-bottom:double 3px #000000;
}
table.fact_sheet tfoot{
	border-top:double 3px #000000;
}
table.fact_sheet tfoot th{
	_border-top:double 3px #000000;
}
table.fact_sheet img,
table.fact_sheet_02 img{
	border-width:0px;
}
table.fact_sheet .width_50 {
	width:700px;
}
table.fact_sheet .width_20 {
	width:100px;
}
*/
/*	 Formデザイン－共通
---------------------------------------- */
/* ----- 入力・確認 ----- */
.fact_input{
	width:90%;
	margin:5px auto;
	border:solid 1px #666666;
	-moz-border-radius: 20px;
	padding:20px 30px;
}
.fact_input dl{
	overflow:hidden;
	margin:auto;
}
.fact_input dt{
	clear:both;
	float:left;
	width:20%;
	border-top:solid 1px #999999;
	background:url(../imgs/table-th.png) repeat-y left;
	padding:10px;
	margin-top:1px;
}
.fact_input dd{
	float:left;
	border-top:solid 1px #999999;
	width:75%;
	padding:10px;
	margin-top:1px;
}
.fact_input dd li{
	float:left;
	_width:120px;
	width:200px;
	margin-right:15px;
	vertical-align:text-bottom;
}
.fact_input dd .fi_xs{
	width:50px;
}
.fact_input dd .fi_ss{
	width:100px;
}
.fact_input dd .fi_sm{
	width:130px;
}
.fact_input dd .fi_s{
	width:200px;
}
.fact_input dd .fi_l{
	width:80%;
}

.fact_input dd input,
.fact_input dd select{
	margin:0px 5px;
	padding:0px 2px;
}
.fact_input dd select{
	padding-right:0;
	width:200px;
}
.fact_input dd input:focus,
.fact_input dd textarea:focus,
.fact_input dd select:focus{
	background-color:#FFF0F0;
}
.fact_input dd li input{
/*	border:none;	*/
	width:auto;
}
.fact_input dd textarea{
	width:90%;
	padding:0px 2px;
}
.fact_input dd textarea.tx_ss{
	width:200px;
	padding:0px 2px;
}
.fact_input dd p{
	clear:both;
	padding-top:3px;
}
.fact_input dd span,
.fact_input dd em{
	color:#FF0000;
}
.fact_input dd em{
	font-weight:bold;
}
.fact_input hr{
	clear:both;
	margin:15px auto;
}

/* ----- 完了 ----- */
div#contents_complete{
	width:400px;
	margin:50px auto;
	text-align:center;
	padding:15px;
	border:double 3px #999999;
}
div#contents_complete p{
	margin:20px auto;
}


/*	 ボックスデザイン－共通
---------------------------------------- */
.fact_box{
	width:92%;
	clear:both;
	margin:0px auto 20px auto;
	border:solid 1px #666666;
	-moz-border-radius: 20px;
	padding:20px;
	overflow:auto;
}
.fact_box h3{
	border-bottom:solid 1px #999999;
	background:url(../imgs/table-caption.png) repeat-y left;
	padding:3px 5px 2px 5px;
	clear:both;
}
.fact_box dl{
	width:70px;
	height:100px;
	margin:10px;
	float:left;
	text-align:center;
	border:outset 1px #666666;
}
.fact_box dt{
	padding-top:3px;
}
.fact_box dt span{
	color:#FF0000;
}
.fact_box dl a{
	display:block;
}
.fact_box img{
	border-width:0;
}


/*	 ボックスデザイン－共通
---------------------------------------- */
.fact_box2{
	width:95%;
	clear:both;
	margin:0px auto 20px auto;
	border:solid 1px #666666;
	-moz-border-radius: 20px;
	padding:20px;
	overflow:auto;
}
.fact_box2 h3{
	border-bottom:solid 1px #999999;
	background:url(../imgs/table-caption.png) repeat-y left;
	padding:3px 5px 2px 5px;
	clear:both;
}
.fact_box2 dl{
	width:360px;
	/*height:100px;*/
	margin:10px;
	float:left;
	/*text-align:center;*/
	border:outset 1px #666666;
}
.fact_box2 dt{
	padding-top:3px;
}
.fact_box2 dt span{
	color:#FF0000;
}
.fact_box2 dl a{
	display:block;
}
.fact_box2 img{
	border-width:0;
}



/* ----------------------------------------
*	個別ページスタイル －shop
---------------------------------------- */

/*	 login_form	ログイン
---------------------------------------- */
body#login_form{
	padding-top:150px;
}
body#login_form fieldset{
	width:500px;
	overflow:hidden;
	margin:auto;
	padding:10px 20px 20px 20px;
	-moz-border-radius: 10px;
}
body#login_form dl{
	width:500px;
	margin:0px auto;
	overflow:hidden;
}
body#login_form dt{
	width:150px;
	float:left;
	clear:both;
	text-align:right;
	padding-right:5px;
	margin-bottom:10px;
}
body#login_form dd{
	width:320px;
	float:left;
	margin-bottom:10px;
}
body#login_form dd input{
	width:300px;
}


/** メッセージボックス的な **/
.msg {padding:10px; padding-left:35px; margin:5px auto; width:95%;}

.msg.warning {background:url("../imgs/ico-warning.gif") 10px 50% no-repeat;}
.msg.info {background:url("../imgs/ico-info.gif") 10px 50% no-repeat;}
.msg.done {background:url("../imgs/ico-done.gif") 10px 50% no-repeat;}
.msg.error {background:url("../imgs/ico-delete.gif") 10px 50% no-repeat;}

.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}






/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxClose { font-weight:bold; padding-top:3px; padding-right:10px;}
#cboxClose:hover { font-weight:bold; color:#0000FF; padding-top:3px; padding-right:10px;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
/* #cboxOverlay{background:#fff;} */
#cboxOverlay{background:#F4F4F2;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../imgs/colorbox/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../imgs/colorbox/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../imgs/colorbox/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../imgs/colorbox/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../imgs/colorbox/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../imgs/colorbox/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../imgs/colorbox/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../imgs/colorbox/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
    #cboxLoadedContent{margin-bottom:20px;}
    #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
    #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
    #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
    #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
    #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
    #cboxLoadingOverlay{background:url(../imgs/colorbox/loading.gif) 5px 5px no-repeat #fff;}
    #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../imgs/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../imgs/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../imgs/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../imgs/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../imgs/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../imgs/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../imgs/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../imgs/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


.shadow {
	-moz-box-shadow: 0 0 10px #333;
	-webkit-box-shadow: 0 0 10px #333;
	box-shadow: 0 0 10px #333;
}

.main_image_box,
.s_image_box,
.ss_image_box {
	width: 282px;
	padding: 3px;
	margin: 2px;
	border: #888888 solid 1px;
	float:left;
}
.s_image_box { width: 102px; }
.ss_image_box { width: 82px; }


/***************************************/
/** alert ************/
#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #666;
	background: #CCC url(images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(images/info.gif);
}

#popup_content.confirm {
	background-image: url(images/important.gif);
}

#popup_content.prompt {
	background-image: url(images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

#m5ImgViewerBlocker {
	position: fixed;
	top: 0;
	left: 0;
	background: url(../images/blank.gif) repeat;
}

.m5ImgViewerPrev {
	box-shadow: 5px 5px 10px #666;
	-moz-box-shadow: 5px 5px 10px #666;
	-webkit-box-shadow: 5px 5px 10px #666;
}

#m5ImgViewerLoadingIcon {
	margin: -32px 0 0 -32px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 64px;
	height: 64px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #000 url(../images/m5imageviewerloading.gif) no-repeat center center;
	opacity: .8;
	filter: alpha(opacity=80);
}
#m5ImgViewerClose {
	margin: -10px 0 0 -10px;
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/m5imageviewerclose.png) no-repeat;
	z-index: 100;
	cursor: pointer;
}