@charset "Shift_JIS";
/* --------------------------------------------

	ベールネットさん_オートスクエア CSS
	updated: April. 2009
	designed:  AZ
	
	1.general
	2.header
	3.wrapper
	4.gnav
	5.main
	6.footer

-------------------------------------------- */


/* --------------------------------------------
general
-------------------------------------------- */

body {
	margin:0 auto;
	padding:0;
	background-color:#ffffff;
	color:#222222;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size:75%;
	line-height:1.6em;
}

h1,
h2,
h3,
h4,
div,
p,
ul,
ol,
li,
a,
img {
	margin:0;
	padding:0;
	border:0;
}

.clear { clear:both; }

.text_left { text-align:left; }

.red { color:#FF0000; }

small { font-size:0.9em; }

/* --------------------------------------------
header
-------------------------------------------- */
#header_box {
    background-color:#B5D76D;
	width:780px;
	height:auto;
	margin:0 auto;
}

#header_box #header_text {
    color:#FFFFFF;
	font-size:0.9em;
	text-align:left;
	padding-left:10px;
}

#header_box #header_left {
    background:url(../img/tmp/header_bg_left.gif) no-repeat;
	width:450px;
	height:98px;
	float:left;
}

#index #header_box #header_left h1 {
    background:url(../img/tmp/logo.jpg) no-repeat;
	text-indent:-9999px;
	margin:5px 0 0 10px;
}

#header_title {
    background:url(../img/tmp/logo.jpg) no-repeat;
	text-indent:-9999px;
	margin:5px 0 0 10px;
}

#index #header_box #header_left h1 a {
    display:block;
	width:310px;
	height:75px;
}

#header_title a {
    display:block;
	width:310px;
	height:75px;
}

#header_box #header_right {
    background:url(../img/tmp/header_bg_right.gif) no-repeat;
	width:330px;
	height:98px;
	float:right;
}

#header_box #header_right p {
    text-decoration:none;
	float:right;
	display:inline;
	margin:45px 10px 0 0;
}

/* --------------------------------------------
wrapper
-------------------------------------------- */
#wrapper {
    background-color:#B5D76D;
	width:780px;
	margin:0 auto;
	padding:0;
}

* html #wrapper {
    background-color:#B5D76D;
	width:778px;
	margin:0 auto;
	padding:0;
}

/* --------------------------------------------
gnav
-------------------------------------------- */
#gnav_box {
    width:200px;
	height:auto;
	float:left;
}

#gnav{
   width: 194px;
   height: auto;
   margin:0 0 10px 3px;
}

#gnav li.gnav_top,
#gnav li.gnav_auction,
#gnav li.gnav_point,
#gnav li.gnav_howtobuy,
#gnav li.gnav_howtosell,
#gnav li.gnav_cost,
#gnav li.gnav_rule,
#gnav li.gnav_qanda,
#gnav li.gnav_form {
     height:50px;
	 list-style:none;
	 text-indent:-9999px;
}

#gnav li.gnav_top a.link,
#gnav li.gnav_auction a.link,
#gnav li.gnav_point a.link,
#gnav li.gnav_howtobuy a.link,
#gnav li.gnav_howtosell a.link,
#gnav li.gnav_cost a.link,
#gnav li.gnav_rule a.link,
#gnav li.gnav_qanda a.link,
#gnav li.gnav_form a.link,
#gnav li.gnav_top a:hover,
#gnav li.gnav_auction a:hover,
#gnav li.gnav_point a:hover,
#gnav li.gnav_howtobuy a:hover,
#gnav li.gnav_howtosell a:hover,
#gnav li.gnav_cost a:hover,
#gnav li.gnav_rule a:hover,
#gnav li.gnav_qanda a:hover,
#gnav li.gnav_form a:hover {
    background-position:-194px 0;
}

li.gnav_top a{
    background:url(../img/tmp/gnav_top.gif) no-repeat 0 0;
}

li.gnav_auction a{
    background:url(../img/tmp/gnav_auction.gif) no-repeat 0 0;
}

li.gnav_point a{
    background:url(../img/tmp/gnav_point.gif) no-repeat 0 0;
}

li.gnav_howtobuy a{
    background:url(../img/tmp/gnav_howtobuy.gif) no-repeat 0 0;
}

li.gnav_howtosell a{
    background:url(../img/tmp/gnav_howtosell.gif) no-repeat 0 0;
}

li.gnav_cost a{
    background:url(../img/tmp/gnav_cost.gif) no-repeat 0 0;
}

li.gnav_rule a{
    background:url(../img/tmp/gnav_rule.gif) no-repeat 0 0;
}

li.gnav_qanda a{
    background:url(../img/tmp/gnav_qanda.gif) no-repeat 0 0;
}

li.gnav_form a{
    background:url(../img/tmp/gnav_form.gif) no-repeat 0 0;
}

#gnav_box ul li a{
   display: block;
   width:100%;
   height:100%;
}

/* --------------------------------------------
main
-------------------------------------------- */
#main_box {
    background-color:#FFFFFF;
    width:569px;
	height:auto;
	float:right;
	padding:7px 0 0 7px;
	margin:7px 3px 0 0;
}

* html #main_box {
    background-color:#FFFFFF;
    width:570px;
	height:auto;
	float:right;
	padding:7px 0 0 7px;
	margin:7px 1px 0 0;
}

#index #main_box h2 {
    background:url(../img/main_title.gif) no-repeat 0 0;
	width:562px;
	height:28px;
	text-indent:-9999px;
	margin:0;
	padding:0;
}

#auction #main_box h1,
#point #main_box h1,
#howtobuy #main_box h1,
#howtosell #main_box h1,
#cost #main_box h1,
#qanda #main_box h1,
#form_top #main_box h1,
#form_faq #main_box h1,
#form_buy #main_box h1,
#form_sell #main_box h1,
#rule #main_box h1,
#company #main_box h1 {
	width:562px;
	height:28px;
	text-indent:-9999px;
	margin:0;
	padding:0;
}

#auction #main_box h1 { background:url(../img/auction/main_title.gif) no-repeat 0 0; }
#point #main_box h1 { background:url(../img/point/main_title.gif) no-repeat 0 0; }
#howtobuy #main_box h1 { background:url(../img/howtobuy/main_title.gif) no-repeat 0 0; }
#howtosell #main_box h1 { background:url(../img/howtosell/main_title.gif) no-repeat 0 0; }
#cost #main_box h1 { background:url(../img/cost/main_title.gif) no-repeat 0 0; }
#qanda #main_box h1 { background:url(../img/qanda/main_title.gif) no-repeat 0 0; }
#form_top #main_box h1 { background:url(../img/form/main_title_top.gif) no-repeat 0 0; }
#form_faq #main_box h1 { background:url(../img/form/main_title_faq.gif) no-repeat 0 0; }
#form_buy #main_box h1 { background:url(../img/form/main_title_buy.gif) no-repeat 0 0; }
#form_sell #main_box h1 { background:url(../img/form/main_title_sell.gif) no-repeat 0 0; }
#rule #main_box h1 { background:url(../img/sub/main_title_rule.gif) no-repeat 0 0; }
#company #main_box h1 { background:url(../img/sub/main_title_company.gif) no-repeat 0 0; }

#auction #main_box #main,
#howtobuy #main_box #main,
#howtosell #main_box #main {
	margin:0 8px 0 0;
	float:right;
	display:inline;
	width:525px;
}

#cost #main_box #main,
#qanda #main_box #main {
	margin:0 7px 0 10px;
	float:right;
	display:inline;
	width:537px;
}

#point #main_box #main {
	margin:0 8px 0 0;
	float:right;
	display:inline;
	width:551px;
}

#form_top #main_box #main {
    margin:25px auto;
	width:450px;
}

#form_faq #main_box #main,
#form_buy #main_box #main,
#form_sell #main_box #main {
    padding:10px 0 0 13px;
}

#auction #main_box #main h2,
#form_top #main_box #main h2,
#form_faq #main_box #main h2,
#form_buy #main_box #main h2,
#form_sell #main_box #main h2 {
    width:525px;
	height:25px;
	text-indent:-9999px;
	margin:20px 0 0 0;
	padding:0;
}

#howtobuy #main_box #main h2,
#howtosell #main_box #main h2 {
    width:525px;
	height:25px;
	text-indent:-9999px;
	margin:0;
	padding:0;
}


#cost #main_box #main h2,
#qanda #main_box #main h2 {
    width:537px;
	height:25px;
	text-indent:-9999px;
	margin:0;
	padding:0 0 10px 0;
}

#point #main_box #main h2 {
    width:551px;
	height:25px;
	text-indent:-9999px;
	margin:20px 0 0 0;
	padding:0;
}

#auction #main_box #main h2#auction { background:url(../img/auction/main_subtitle_auction.jpg) no-repeat 0 0; }
#auction #main_box #main h2#sinsa { background:url(../img/auction/main_subtitle_sinsa.jpg) no-repeat 0 0; }
#auction #main_box #main h2#kaijo { background:url(../img/auction/main_subtitle_kaijo.jpg) no-repeat 0 0; }
#cost #main_box #main h2#buy { background:url(../img/cost/main_subtitle_buy.gif) no-repeat 0 0; }
#cost #main_box #main h2#sell { background:url(../img/cost/main_subtitle_sell.gif) no-repeat 0 0; }
#cost #main_box #main h2#option { background:url(../img/cost/main_subtitle_option.gif) no-repeat 0 0; }
#howtobuy #main_box #main h2#buy_no1 { background:url(../img/howtobuy/main_subtitle_no1.jpg) no-repeat 0 0; }
#howtobuy #main_box #main h2#buy_no2 { background:url(../img/howtobuy/main_subtitle_no2.jpg) no-repeat 0 0; }
#howtobuy #main_box #main h2#buy_no3 { background:url(../img/howtobuy/main_subtitle_no3.jpg) no-repeat 0 0; }
#howtobuy #main_box #main h2#buy_no4 { background:url(../img/howtobuy/main_subtitle_no4.jpg) no-repeat 0 0; }
#howtobuy #main_box #main h2#buy_no5 { background:url(../img/howtobuy/main_subtitle_no5.jpg) no-repeat 0 0; }
#howtobuy #main_box #main h2#buy_no6 { background:url(../img/howtobuy/main_subtitle_no6.jpg) no-repeat 0 0; }
#howtosell #main_box #main h2#sell_no1 { background:url(../img/howtosell/main_subtitle_no1.jpg) no-repeat 0 0; }
#howtosell #main_box #main h2#sell_no2 { background:url(../img/howtosell/main_subtitle_no2.jpg) no-repeat 0 0; }
#howtosell #main_box #main h2#sell_no3 { background:url(../img/howtosell/main_subtitle_no3.jpg) no-repeat 0 0; }
#howtosell #main_box #main h2#sell_no4 { background:url(../img/howtosell/main_subtitle_no4.jpg) no-repeat 0 0; }
#point #main_box #main h2#value { background:url(../img/point/main_subtitle_value.jpg) no-repeat 0 0; }
#point #main_box #main h2#gaiso { background:url(../img/point/main_subtitle_gaiso.jpg) no-repeat 0 0; }
#point #main_box #main h2#naiso { background:url(../img/point/main_subtitle_naiso.jpg) no-repeat 0 0; }
#qanda #main_box #main h2#buy { background:url(../img/qanda/main_subtitle_buy.gif) no-repeat 0 0; }
#qanda #main_box #main h2#sell { background:url(../img/qanda/main_subtitle_sell.gif) no-repeat 0 0; }

#main_box p {
    text-decoration:none;
	text-align:left;
}

#auction #main_box p,
#cost #main_box p,
#point #main_box p,
#qanda #main_box p
#company #main_box p,
#rule #main_box p {
	padding:10px 5px 0 10px;
}

#main_box .line {
	margin:20px 5px 5px 0;
}

#main_box #return_top {
    text-indent:-9999px;
	width:70px;
	height:auto;
	margin:0 9px 5px 0;
	padding:5px 0;
	float:right;
	display:inline;
}

.btn_form a:hover img {
    filter: alpha(opacity=70);
	opacity:0.70;
}

#main_box #return_top a {
    background:url(../img/tmp/btn_returntop.gif) no-repeat;
	display:block;
	width:100%;
	height:100%;
}

#main_box #return_top a:hover {
    filter: alpha(opacity=70);
	opacity:0.70;
}

#main_box .text_link a {
    color:#333399;
}

#main_box .text_link a:hover {
    color:#EB5A0C;
}
/*-----topページ用ここから-----*/
#index #main_box ul#text_box {
    width:520px;
	margin:5px 10px 0 0;
	padding:5px 0 0 30px;	
    list-style-type:square;
}

#index #main_box table {
    margin:0 auto;
	width:520px
}

#index #main_box table td {
    text-decoration:none;
	padding:0 10px;
	text-align:left;
}

#index #main_box #gaiyo {
	line-height:120%;
	font-size:xx-small;
	padding:10px 5px;
}
/*-----ここまで-----*/

/*-----auctionページ用ここから-----*/
#auction #main_box table {
    margin:0 5px 0 0;
	padding:10px 0 0 10px;
}

#auction #main_box #main table td.text_link {
    padding:10px 0 0 0;
}

#auction #main_box .link_box {
    margin:0 auto;
	padding:0 5px;
}

#auction #main_box .btn_form {
    padding:0 10px;
}

#auction #main_box .img_space {
    padding:10px 0;
}
/*-----ここまで-----*/

/*-----costページ用ここから-----*/
#cost #main_box #main table.maintable {
    font-size:0.9em;
	float:right;
	padding:0 0 15px 0;
}

#cost #main_box #main table.maintable th p {
    border:1px solid #999999;
	text-align:center;
	display:block;
	width:99%;
	margin:0;
	padding:2px 0 0 0;
}

#cost #main_box #main table.maintable td {
    border-bottom:1px solid;
	padding:3px 0 0 0;
	line-height:140%
}

#cost #main_box #main table#buy_table td {
    border-color:#330099;
}

#cost #main_box #main table#sell_table td {
    border-color:#EE7712;
}

#cost #main_box #main table#option_table td {
    border-color:#C83290;
}

#cost #main_box #main table#option_table td.no_line {
    border:none;
}

#cost #main_box #main table.maintable td
 table.subtable td {
    border:0;
	line-height:100%;
	padding:1px 15px 0 0;
}
/*-----ここまで-----*/

/*-----howtobuy&howtosellページ用ここから-----*/
#howtobuy #main_box #main .main_buy {
	background:url(../img/howtobuy/main_buy_bg.gif) left bottom no-repeat;
	position:relative;
}

#howtosell #main_box #main .main_sell {
	background:url(../img/howtosell/main_sell_bg.gif) left bottom no-repeat;
	position:relative;
}

#howtobuy #main_box #main p {
    border-left:6px solid #110070;
	margin:3px 0 0 14px;
	padding:5px 0 5px 10px;
}

#howtosell #main_box #main p {
    border-left:6px solid #FA4710;
	margin:3px 0 0 14px;
	padding:5px 0 5px 10px;
}

#howtobuy #main_box #main p#no_line,
#howtosell #main_box #main p#no_line {
    border-left:none;
	margin:3px 0 0 20px;
	padding:5px 0 5px 10px;
}

#howtobuy #main_box #main em#btn_big,
#howtosell #main_box #main em#btn_big {
    display:block;
    margin:0 auto;
	width:240px;
}

#howtobuy #main_box #main em#btn_small {
    position:absolute;
	top:65px;
	left:152px;
}

#howtosell #main_box #main em#btn_small {
    position:absolute;
	top:46px;
	left:152px;
}
/*-----ここまで-----*/

/*-----pointページ用ここから-----*/
#point #main_box p {
    margin-bottom:5px;
}

#point #main_box #main table {
    border-top:1px solid #333333;
	border-left:1px solid #333333;
	font-size:0.9em;
	text-align:center;
}

#point #main_box #main table td {
    border-bottom:1px solid #333333;
	border-right:1px solid #333333;
	padding:2px 5px;
}

#point #main_box #main .bg_gray {
    background-color:#cccccc;
}

#point #main_box #main ol {
    padding:0 0 0 35px;
}

#point 
 {
    margin-left:2px;
}
/*-----ここまで-----*/

/*-----qandaページ用ここから-----*/
#qanda #main_box #main #photo_buy {
    float:right;
	display:inline;
	padding:0;
}

#qanda #main_box #main dl {
    padding:0 0 10px 0;
	margin:0;
}

#qanda #main_box #main dt,
#qanda #main_box #main p {
    padding-left:17px;
}

#qanda #main_box #main table {
    margin:0 auto;
}
/*-----ここまで-----*/

/*-----formページ用ここから-----*/
#form_faq #main_box #main table,
#form_buy #main_box #main table,
#form_sell #main_box #main table {
	font-size:0.9em;
    margin:0;
    paddingtop:1px;
}

#form_faq #main_box #main table td,
#form_buy #main_box #main table td,
#form_sell #main_box #main table td {
    border-bottom:3px solid #ffffff;
	border-right:3px solid #ffffff;
	padding:5px 0 3px 5px;
	margin:0;
}

#form_faq #main_box #main .faq_item,
#form_faq #main_box #main #form_btn {
    background-color:#DBF1B1;
}

#form_buy #main_box #main .buy_item,
#form_buy #main_box #main #form_btn {
    background-color:#D9F1F7;
}

#form_sell #main_box #main .sell_item,
#form_sell #main_box #main #form_btn {
	background-color:#F9D255;
}

#form_faq #main_box #main .form_contents,
#form_buy #main_box #main .form_contents,
#form_sell #main_box #main .form_contents {
    background-color:#F2F2F2;
}

#form_faq #main_box #main #form_btn,
#form_buy #main_box #main #form_btn,
#form_sell #main_box #main #form_btn {
	width:95%;
	margin:0;
	padding:5px;
}

#form_faq #main_box #main p#confirm,
#form_buy #main_box #main p#confirm,
#form_sell #main_box #main p#confirm {
    font-size:0.8em;
}
/*-----ここまで-----*/

/*-----companyページ用ここから-----*/
#company #main_box p {
    margin:15px 0 0 13px;
}

#company #main_box table td {
    padding:5px 13px;
}

#company #main_box table a {
    color:#333333;
    text-decoration:none;
}

#company #main_box table a:hover {
    color:#EB5A0C;
}
/*-----ここまで-----*/

/*-----ruleページ用ここから-----*/
#rule #main p {
    font-size:0.9em;
}

#rule #main ol {
    font-size:0.9em;
    padding:5px 0 10px 33px;
	margin:0;
	width:510px;
}

#rule #main ol li {
    padding-bottom:10px;
	margin:0;
}

#rule #main ul {
    list-style-type:lower-alpha;
    padding:0 0 0 25px;
	margin:0;
}

#rule #main ul li {
    padding:0;
	margin:0;
}

/*-----ここまで-----*/

/* --------------------------------------------
footer
-------------------------------------------- */
#footer_box {
    background:#B5D76D url(../img/tmp/footer_bg.gif) no-repeat bottom;
	width:780px;
	height:55px;
	margin:0;
	padding:0;
}

#footer_box #footer_link {
    float:right;
	margin:3px 6px;
	display:inline;
}

#footer_box #footer_link a {
    color:#333333;
	font-size:0.9em;
    text-decoration:none;
	margin:3px;
}

#footer_box #footer_link a:hover {
    color:#EB5A0C;
}

