@charset "utf-8";



html

{

	margin: 0;

	padding: 0;

}



body

{

	background-image: url("images/back.jpg");

	background-position: center;

	background-repeat: repeat-y;

	margin: 0;

	padding: 0;

	text-align: center;

}



img

{

	border-width: 0;

}



h1

{

	background-color: #fff;

	border-bottom: solid 1px #96a9b3;

	margin-left: -20px;

	padding: 20px 0;

	font-size: 0;

	line-height: 0;

	text-align: center;

}



div#container

{

	margin: auto;

	text-align: left;

	width: 950px;

}

div#container:after

{

	content: "";

	clear: both;

	height: 0;

	display: block;

	visibility: hidden;

}



div#left

{

	float: left;

	width: 220px;

}

div#left div.blue

{

	background-color: #072e8b;

	margin-left: -32768px;

	padding-left: 32768px;

}

div#left h2

{

	background-color: #072e8b;

	margin: 0;

	padding: 0 0 5px 0;

	font-size: 0;

	line-height: 0;

	text-align: center;

	width: 220px;

}

div#left h2.last

{

	padding-bottom: 20px;

}

ul#bn

{

	margin: 0;

	padding: 0;

}

ul#bn li

{

	font-size: 0;

	line-height: 0;

	list-style-type: none;

	margin: 10px 10px 10px 20px;

	padding: 0;

}

ul#select

{

	margin: 0;

	padding: 0;

}

ul#select li

{

	list-style-type: none;

	margin: 0;

	padding: 0;

	text-align: center;

	width: 177px;

}

ul#select li a

{

	color: #333;

	text-decoration: none;

}



div#right

{

	float: right;

	width: 730px;

}



div#right h2

{

	margin: 0;

	padding: 0;

	text-align: center;

}



div#thum

{

	position: relative;

	width: 721px;

	height: 428px;

}



ul#idx_li

{

	margin: 0;

	padding: 0;

	zoom: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

}

ul#idx_li li

{

	border-bottom: solid 1px #96a9b3;

	border-right: solid 1px #96a9b3;

	margin: 0;

	padding: 1px;

	list-style-type: none;

	font-size: 0;

	line-height: 0;

	float: left;

	width: 100px;

	height: 104px;

}

ul#idx_li:after

{

	content: ""; 

	clear: both; 

	height: 0; 

	display: block; 

	visibility: hidden;

}

div#loading

{

	background-color: #fff;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

	width: 721px;

	height: 428px;

}

div#loading div.txt

{

	color: #ddd;

	font-size: 12px;

	position: absolute;

	text-align: center;

	top: 189px;

	width: 721px;

}

div#statusbar

{

	background-color: #ddd;

	width: 0;

	height: 10px;

	margin: auto;

	position: absolute;

	top: 209px;

	left: 310px;

}

div#idx_bn

{

	padding: 10px;

}

div#idx_bn:after

{

	content: ""; 

	clear: both; 

	height: 0; 

	display: block; 

	visibility: hidden;

}

div#tpx

{

	border: solid 1px #ccc;

	float: left;

	overflow: auto;

	height: 160px;

	width: 220px;

}

div#bn1

{

	float: left;

	font-size: 0;

	line-height: 0;

}

div#bn2

{

	margin-top: 2px;

	font-size: 0;

	line-height: 0;

}

div#bn3

{

	float: right;

	font-size: 0;

	line-height: 0;

	font-size: 0;

	line-height: 0;

}

div#bn4

{

	float: right;

	margin-right: 10px;

	font-size: 0;

	line-height: 0;

}

div#bn5

{

	float: right;

	margin-top: 10px;

}

div#bn5 div.t1

{

	background-color: #709bb0;

	color: #fff;

	font-size: 12px;

	line-height: 20px;

	padding: 0px 10px;

	margin: 1px 0 0 0;

	float: left;

}

div#bn5 div.t2

{

	float: left;

}

div#bn5 div.t3

{

	float: left;

}

div#bn5 input.txt

{

	border: solid 1px #709bb0;

	font-size: 14px;

	line-height: 16px;

	height: 18px;

	width: 330px;

	margin: 0;

	padding: 0;

}

div#bn5 input.btn

{

	height: 20px;

}



div#ulink

{

	float :left;

	font-size: 12px;

	margin-top: 16px;

}

div#ulink img.line

{

	margin: 0 4px;

}



div#twitter {

	height: 20px;

	vertical-align: bottom;

	position:absolute;

	top:28px;

	right: 50%;

	overflow:hidden;

	margin-right: -500px;

	}

div#twitter ul {

	display: block;

	margin: 0px;

	padding: 0px;

	height: 20px;

}

div#twitter li {

	display: block;

	margin: 0px;

	float: right;

	height: 20px;

	padding-left: 10px;

	list-style-type: none;

}







div#copy

{

	float: right;

	font-size: 11px;

	margin-top: 20px;

	zoom: 100%;

}

div#copy:after

{

	content: ""; 

	clear: both; 

	height: 0; 

	display: block; 

	visibility: hidden;

}



div#tlink

{

	float :left;

	font-size: 10px;

	line-height: 20px;

	margin: 20px 0 20px 10px;

}

div#tlink img.line

{

	margin: 0 4px;

}

div#tsearch

{

	float: right;

	margin: 20px 0;

}

div#tsearch div.t1

{

	background-color: #709bb0;

	color: #fff;

	font-size: 12px;

	line-height: 20px;

	padding: 0px 5px;

	margin: 1px 0 0 0;

	float: left;

	height: 20px;

}

div#tsearch div.t2

{

	float: left;

	height: 20px;

}

div#tsearch div.t3

{

	float: left;

	height: 20px;

}

div#tsearch input.txt

{

	border: solid 1px #709bb0;

	font-size: 14px;

	line-height: 16px;

	height: 18px;

	width: 70px;

	margin: 0;

	padding: 0;

}

div#tsearch input.btn

{

	height: 20px;

}



p#copy

{

	font-size: 11px;

	margin: 20px 0;

	text-align: right;

}



p.privacy

{

	padding-left: 20px;

	text-align: left;

}



a.link

{

	color: #333;

	text-decoration: none;

}

a.link:hover

{

	background-color: #eff;

	text-decoration: none;

}



.clear

{

	clear: both;

}

.hidden

{

	display: none;

	visibility: hidden;

}

.visible

{

	display: block;

	visibility: visible;

}

.center

{

	text-align: center;

}

.text_left

{

	text-align: left;

}

.text_right

{

	text-align: right;

}

.font_large

{

	font-size: 14px;

}

.font_normal

{

	font-size: 12px;

}

.font_small

{

	font-size: 10px;

}

.line_large

{

	line-height: 16px;

}

.line_normal

{

	line-height: 14px;

}

.line_small

{

	line-height: 12px;

}

.over:hover
{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}