/* --------------------------------------------

	VALUACTY WEBSITE

	created by
	
	 Eishirou Yamamoto
	 					20008.08.02
---------------------------------------------/*

/* --------------------------------------------

	common.css
	
---------------------------------------------*/



/* -------------------------------------------
	HTML reset
--------------------------------------------*/

BODY {
	margin:0;
	padding:0;
}


IMG, A {
	border:none;
}

/* -------------------------------------------
	HTML height100%
--------------------------------------------*/

html {
    height:100%;
}

body {
    height:100%;
}

* html div#container {
    height:100%;
}

div#container {
    width: 700px;
    margin:0px auto;
	background-image:url(Images/main_bg.gif);
	background-repeat:no-repeat;
	background-position:-1px 55px;
    position:relative;
    min-height: 100%;
	padding:0 5px 0 5px;
}

body > #container {
        height: auto;
}

div#main{
	width:700px;
    padding-bottom:70px;
}

#footer{
    position:absolute;
    bottom:0px;
	width:700px;
    height:40px;
	padding:30px 0 0 0;
}

/* -------------------------------------------
	dot bdr 
--------------------------------------------*/

.bdr_dot {
	width:auto;
	background-image:url(Images/bdr_dot.gif);
	background-repeat:repeat-x;
	height:1px;
	font-size:1px;
	margin:0 auto;
}


/* -------------------------------------------
	font
--------------------------------------------*/

BODY {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size:10pt;
	color:#333333;
	overflow-x:hidden;
}

/* -------------------------------------------
	link
--------------------------------------------*/

A:link, A:active, A:visited {
	color:#FF4713;
	text-decoration:none;
}

A:hover {
	text-decoration:underline;
}

A.link_mark:link, A.link_mark:active, A.link_mark:visited {
	color:#333333;
	background-image:url(Images/mrk_link_txt.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding:0 0 0 10px;
}


/* -------------------------------------------
	H tag
--------------------------------------------*/

H1,H2 {
	display:none;
}

/* -------------------------------------------
	float reset
--------------------------------------------*/

.clear {
	clear:both;
	line-height:0;
	font-size:0;
	height:0px;
}


/* -------------------------------------------
	contents ins IMG
--------------------------------------------*/

DIV.picture {
	text-align:center;
	margin:35px 0 0 0;
}

DIV.picture_mrg_s {
	text-align:center;
	margin:10px 0 0 0;
}

DIV.pic_txt {
	width:500px;
	font-size:80%;
	text-align:right;
	color:#999999;
	margin:5px  auto 0 auto;
}


/* -------------------------------------------
	sttl
--------------------------------------------*/


/* with right menu */
#main_with_right DIV.sttl {
	width:500px;
	margin:30px auto 0 auto;
	text-align:left;
}

.sttl_txt {
	width:500px;
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	margin:30px auto 0 auto;
}


/* -------------------------------------------
	header
--------------------------------------------*/

#header {
	position:relative;
	width:700px;
	height:59px;
}

/* header fontselector */

#font_selector {
	position:absolute;
	top:0px;
	right:0px;
	z-index:10;
	width:132px;
	height:24px;
	background-image:url(Images/header_fontselect_bg.gif);
	background-repeat:no-repeat;
}

.font_select_txt {
	width:80px;
	text-align:center;
	color:#666666;
	line-height:24px;
	padding:0 0 0 2px;
}

#font_selector A SPAN {
	display:none;
}

#font_selector A.font_select_middle, #font_selector A.font_select_large {
	display:block;
	width:19px;
	height:18px;
}

#font_selector A.font_select_middle {
	position:absolute;
	top:3px;
	right:29px;
	z-index:11;
	background-image:url(Images/header_fontselect_middle.gif);
	background-position:bottom;
}

#font_selector A.font_select_large {
	position:absolute;
	top:3px;
	right:7px;
	z-index:12;
	background-image:url(Images/header_fontselect_large.gif);
	background-position:top;
}

#font_selector A.font_select_large:hover {
	background-position:bottom;
}

/* header logo */

#header_logo {
	position:absolute;
	top:13px;
	left:2px;
	z-index:5;
}

/* header txt */

#header_txt {
	position:absolute;
	top:38px;
	right:2px;
	z-index:15;
}


/* header home link */

.home_link {
	position:absolute;
	top:4px;
	right:140px;
	text-align:left;
	font-size:80%;
}

/* -------------------------------------------
	menu
--------------------------------------------*/

#menu {
	width:700px;
	height:45px;
	background-image:url(Images/menu_bg_main.gif);
	background-repeat:no-repeat;
}


/* -------------------------------------------
	right menu
--------------------------------------------*/

#with_right_menu {
	position:relative;
	width:700px;
	background-image:url(Images/main_bg_rightmenu.gif);
	background-repeat:repeat-y;
}

#main_with_right {
	width:560px;
}

#right_menu {
	position:absolute;
	width:140px;
	right:0px;
	top:-3px;
}

#right_menu DIV.title {
	width:126px;
	height:23px;
	background-image:url(Images/right_menu_title.gif);
	background-repeat:no-repeat;
	padding:0 0 0 14px;
	line-height:23px;
	font-weight:bold;
	font-size:9pt;
	color:#FFFFFF;
	margin:0 0 13px 0;
}

#right_menu A:link,
#right_menu A:active,
#right_menu A:visited,
#right_menu A:hover {
	display:block;
	width:123px;
	height:26px;
	background-image:url(Images/right_menu_link.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding:0 0 0 17px;
	font-size:9pt;
	line-height:26px;
	color:#666666;
	margin:8px 0 8px 0;
}

#right_menu A:hover {
	background-position:bottom;
	text-decoration:none;
}

#right_menu SPAN {
	display:block;
	width:123px;
	height:26px;
	background-image:url(Images/right_menu_link_on.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding:0 0 0 17px;
	font-size:10pt;
	line-height:26px;
	color:#FFFFFF;
	margin:8px 0 8px 0;
}


/* -------------------------------------------
	contents with right menu
--------------------------------------------*/

#main_with_right DIV.title {
	position:relative;
	width:530px;
	height:88px;
	background-image:url(Images/bdr_dot.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#main_with_right DIV.title IMG.ttl {
	margin:22px 0 0 32px;
}

#main_with_right DIV.title DIV.page_num {
	position:absolute;
	top:15px;
	right:0px;
}


#main_with_right P {
	width:500px;
	margin:15px 0 0 32px;
	line-height:2em;
	text-align:justify;
	text-justify:distribute;
}

#main_with_right P.sub_txt {
	font-size:80%;
	color:#999999;
	line-height:1.3em;	
}

#main_with_right P.end_txt {
	font-size:120%;
	line-height:2em;
	font-weight:bold;	
}


/* with right menu page navi */

#with_right_menu DIV.page_navi {
	width:668px;
	height:43px;
	background-image:url(Images/menu_bg_rightmenu_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:30px 0 0 32px;
}

#with_right_menu DIV.page_end {
	width:668px;
	height:2px;
	background-image:url(Images/menu_bg_rightmenu_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin:0 0 0 32px;
}

#with_right_menu DIV.page_navi TABLE.navi_body {
	width:500px;
	height:43px;
	background-color:#F3F3F3;
	margin:0 0 0 -2px;
}

#with_right_menu DIV.page_navi TABLE.navi_body TD.back {
	text-align:left;
	padding:0 0 0 12px;
}

#with_right_menu DIV.page_navi TABLE.navi_body TD.next {
	text-align:right;
	padding:0 12px 0 0;
}

#with_right_menu DIV.page_navi TABLE.navi_body TD.back A {
	background-image:url(Images/mrk_link_txt_back.gif);
	background-repeat:no-repeat;
	background-position:center right;
	padding:0 12px 0 0;
	line-height:43px;
}


#with_right_menu DIV.page_navi TABLE.navi_body TD.next A {
	background-image:url(Images/mrk_link_txt.gif);
	background-repeat:no-repeat;
	background-position:center left;
	padding:0 0 0 12px;
	line-height:43px;
}

#with_right_menu DIV.page_navi TABLE.navi_body TD.back A SPAN,
#with_right_menu DIV.page_navi TABLE.navi_body TD.next A SPAN {
	margin:0 0 0 5px;
}

#with_right_menu DIV.page_navi TABLE.navi_body TD.next A:link,
#with_right_menu DIV.page_navi TABLE.navi_body TD.back A:link,
#with_right_menu DIV.page_navi TABLE.navi_body TD.next A:active,
#with_right_menu DIV.page_navi TABLE.navi_body TD.back A:active,
#with_right_menu DIV.page_navi TABLE.navi_body TD.next A:visited,
#with_right_menu DIV.page_navi TABLE.navi_body TD.back A:visited {
	color:#333333;
}

#with_right_menu DIV.page_navi TABLE.navi_body TD.back A:hover, 
#with_right_menu DIV.page_navi TABLE.navi_body TD.next A:hover {
	text-decoration:underline;
}


#with_right_menu DIV.page_navi TABLE.navi_body TD.back A IMG,
#with_right_menu DIV.page_navi TABLE.navi_body TD.next A IMG {
	vertical-align:middle;
	margin:0 0 4px 0;
}



/* -------------------------------------------
	footer
--------------------------------------------*/

#footer DIV.pagetop {
	height:17px;
	text-align:right;
	padding:0 4px 0 0;
}

#footer DIV.bdr_footer {
	height:2px;
	font-size:1px;
	line-height:0;
	background-image:url(Images/bdr_footer.gif);
	background-repeat:repeat-x;
}

#footer DIV.privacy {
	float:left;
	margin:4px 0 0 2px;
	font-size:8pt;
}

#footer DIV.copyright {
	float:right;
	margin:4px 2px 0 0;
	font-size:8pt;
}


/* -------------------------------------------
	TOP page
--------------------------------------------*/

.top_photo {
	margin:-3px 0 0 0;
}

.top_lead {
	text-align:center;
	margin:43px 0 0 0;
}

.top_txt {
	width:395px;
	text-align:justify;
	text-justify:distribute;
	line-height:1.5em;
	letter-spacing:3px;
	margin:35px auto 0 auto;
}

.top_btn {
	text-align:center;
	margin:30px 0 30px 0;
}

/* -------------------------------------------
	management
--------------------------------------------*/

DIV.management_list {
	width:500px;
	margin:10px auto 0 auto;
}


TABLE.management_list_tbl {
	width:500px;
	margin:0 auto;
	background-color:#F5F5F5;
	border:10px solid #F5F5F5;
}

TABLE.management_list_tbl TD.title {
	text-align:left;
	color:#91C01F;
	padding:5px 8px 10px 8px;
	font-size:110%;
	font-weight:bold;
}

TABLE.management_list_tbl TD.title SPAN {
	font-size:80%;
	font-weight:normal;
	color:#999999;
}

TABLE.management_list_tbl TH,
TABLE.management_list_tbl TD {
	background-image:url(Images/bdr_dot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}


TABLE.management_list_tbl TH {
	text-align:left;
	padding:8px 8px 8px 8px;
	font-weight:normal;
}


TABLE.management_list_tbl TD {
	text-align:right;
	padding:8px 8px 8px 8px;
	font-weight:bold;
	color:#D98B46;
}

/* -------------------------------------------
	about page
--------------------------------------------*/

DIV.about_end_txt {
	width:500px;
	margin:30px auto 0 auto;
	text-align:right;
}

SPAN.about_bold_txt {
	font-weight:bold;
	font-size:110%;
}

UL.about_ul {
	width:500px;
	margin:15px auto 0 auto;
	padding:0;
}

UL.about_ul LI {
	list-style:none;
	background-image:url(Images/mrk_li.gif);
	background-repeat:no-repeat;
	background-position:5px 7px;
	padding:0 0 0 15px;
	margin:0 0 10px 0;
}


/* -------------------------------------------
	privacy page
--------------------------------------------*/

P SPAN.privacy_bold_txt {
	font-weight:bold;
	font-size:110%;
}

P SPAN.privacy_sttl {
	color:#8CBE1D;
	font-weight:bold;
}

P SPAN.privacy_txt_s {
	font-size:80%;
	color:#999999;
	line-height:1.8em;
}


/* -------------------------------------------
	list
--------------------------------------------*/

TABLE.address_list_tbl {
	width:500px;
	margin:30px auto 0 auto;
}

TABLE.address_list_tbl TH {
	width:140px;
	text-align:right;
	vertical-align:top;
	font-weight:normal;
	color:#8CBE1D;
	padding:0 25px 15px 0;
}

TABLE.address_list_tbl TD {
	text-align:left;
	vertical-align:top;
	padding:0 0 15px 0;
}

TABLE.address_list_tbl SPAN.address_list_sub_txt {
	font-size:80%;
	color:#999999;
}


/* -------------------------------------------
	inquiry
--------------------------------------------*/

FORM {
	width:500px;
	margin:10px 30px 0 30px;
}


.inquiry_form_txt {
	width:480px;
	margin:10px auto 0 auto;
	font-size:18pt;
	font-weight:normal;
	padding:10px 10px 5px 10px;
	background-color:#ECF4D9;
}

.inquiry_form_txt SPAN {
	font-weight:normal;
	font-size:8pt;
	color:#999999;
}


IFRAME.inquiry_form {
	width:500px;
	height:300px;
	margin:10px 30px 0 30px;
	overflow:hidden;
	border:none;
	padding:0;
}


/* -------------------------------------------
	article
--------------------------------------------*/

TABLE.article_tbl {
	width:500px;
	margin:20px auto 0 auto;
	border-bottom:1px solid #CDCDCD;
}

TABLE.article_tbl TH.sell,
TABLE.article_tbl TH.sold {
	background-image:url(Images/article_sell_bg.gif);
	background-repeat:no-repeat;
	height:23px;
	text-align:left;
	padding:0 0 5px 6px;
	line-height:23px;
	color:#FFFFFF;
	font-size:9pt;
}

TABLE.article_tbl TH.sell SPAN,
TABLE.article_tbl TH.sold SPAN {
	text-align:left;
	padding:0 0 0 6px;
	line-height:23px;
	color:#333333;
	font-size:80%;
	font-weight:normal;
}

TABLE.article_tbl TH.sold {
	background-image:url(Images/article_sold_bg.gif);
}

TABLE.article_tbl TD.photo {
	text-align:left;
	vertical-align:top;
	width:230px;
	background-image:url(Images/article_bdr_bg.gif);
	background-repeat:repeat-y;
	background-position:right;
}

TABLE.article_tbl TD.txt {
	width:262px;
	font-size:90%;
	color:#333333;
	vertical-align:top;
	text-align:left;
	padding:0 0 5px 8px;
	line-height:1.3em;
}

TABLE.article_tbl TD.txt SPAN {
	font-size:90%;
	color:#999999;
}

TABLE.article_tbl TD.btm {
	height:5px;
}

TABLE.article_tbl TD.btn {
	text-align:right;
	vertical-align:bottom;
}

TABLE.article_tbl TD UL {
	margin:10px 0 0 0;
	padding:0;
}

TABLE.article_tbl TD UL LI {
	font-size:90%;
	color:#999999;
	margin:5px 0 0 0;
	padding:0 0 0 10px;
	list-style:none;
	background-image:url(Images/article_li_bg.gif);
	background-repeat:no-repeat;
	background-position:0 2px;
	line-height:1.2em;
}

/* -------------------------------------------
	whatsnew
--------------------------------------------*/

#INFO {
	margin:30px auto 10px auto;
	width:600px;
}

#INFO IMG {
	margin:0 0 5px 0;
}

.info {
	width:598px;
	border:1px solid #E3E3E3;
	margin:0 0 7px 0;
}

#INFO TABLE {
	width:584px;
	margin:7px auto 0px auto;
}

#INFO TABLE TH {
	width:67px;
	font-size:85%;
	color:#999999;
	vertical-align:top;
	text-align:left;
	padding:2px 0 7px 0;
	font-weight:normal;
}

#INFO TABLE TD {
	vertical-align:top;
	text-align:left;
	padding-bottom:7px;
}

#OLDINFO {
	width:500px;
	margin:0 auto;
}


#OLDINFO .ttl {
	color:#81B322;
	font-weight:bold;
	width:480px;
	margin:15px auto 0 auto;
}

#OLDINFO A {
	display:block;
	width:470px;
	margin:5px auto 10px auto;
}