@charset "utf-8";


/* ------------------------------------------------
 * ****** Images CSS *******
 * ------------------------------------------------*/

div#im_top_box {
	height: 280px;
	padding-left: 70px;
	padding-right: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#im_top_image {
	width: 200px;
	color: #FFF;
	text-align: right;
	float: left;
	/*behavior: url("iepngfix.htc");*/
}

div#iminfo {
	float: right;
	width: 460px;
	color: #FFF;
	text-align: left;
}
div#arch_upper_iminfo {
	width: 450px;
	margin-top: 5px;
}
div#arch_lower_iminfo {
	width: 450px;
}
div#iminfo_text_box {
	width: 450px;
	background-color: #4753a2;
	height: 150px;
	overflow: auto;
}
div#iminfo_text_box .iminfo_content  {
	margin-top: 0px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 10px;
	width: 400px;
	padding-left: 10px;
	line-height: 1.2;
	padding-bottom: 5px;

}
div#iminfo_text_box span  {
	width: 100px;
	color: #001e43;
	margin: 0px;
	font-weight: bold;
}

div#iminfo_text_box .iminfo_content a,
div#iminfo_text_box .iminfo_content a:link {
	color: #00a968;
	border: none;
	text-decoration: none;
	font-weight: bold;
}

div#iminfo_text_box .iminfo_content a:hover {
	color: #e73562;
	border: none;
	text-decoration: none;
	font-weight: bold;
}

div.im_title {
	text-align: left;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}



/* ------------------------------------------------
 * ******  sub CSS *******
 * ------------------------------------------------*/


div#im_box_w350 {
	width: 350px;
	background-color: #0e0d0f;
	line-height: 1.2;
	font-size: 14px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	height: auto;
}

div#im_box_w500 {
	width: 500px;
	background-color: #0e0d0f;
	line-height: 1.2;
	font-size: 14px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	height: auto;
}
div#im_work_title {
	text-align: center;
}

div#im_work_comment {
	font-size: 14px;
	text-align: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	line-height: 1.2;
}
  
div#im_related_list {
	float: left;
	padding-bottom: 5px;
	width: auto;
	padding-left: 10px;
	padding-top: 5px;
}


/* ------------------------------------------------
 * Images_related_navigator start
 * ------------------------------------------------*/
 
ul#im_related_navi {
	list-style-type: none;
}
ul#im_related_navi li {
	list-style-type: none;
	float: left;
	height: 22px;
	width: 75px;
}
ul#im_related_navi li a {
	display: block;
	height: 22px;
	width: 75px;
	outline: 0;
	background-color: transparent;
	background-repeat: no-repeat;
	text-indent: -10000px;
	background-position: 0 0;
}

ul#im_related_navi li a:hover {
	background-position: 0 100%;
}


ul#im_related_navi li.im_related_1 a {
	background-image: url(../img/im_rel_link_01.gif);
}

ul#im_related_navi li.im_related_2 a {
	background-image: url(../img/im_rel_link_02.gif);
}


/* ------------------------------------------------
 * Images_related_navigator end
 * ------------------------------------------------*/


div#im_close_sub {
	font-size: 12px;
	float: right;
	margin-right: 15px;
	border: 1px solid #666;
	margin-top: 3px;
}
div#im_close_sub a{
	display: block;
	height: 25px;
	width: 50px;
	background-image: url(../img/rel_sub_close.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	text-decoration: none;
	outline: 0;
	background-position: 0 0;
}
div#im_close_sub a:hover {
	color: #ff1493;
	background-position: 0 100%;
}
