@charset "utf-8";

/* ============================================================ *
   Copyright (c) ADVANCE. All Right Reserved. 
 * ============================================================ */

/* ------------------------------------------------------------ *
   Container
 * ------------------------------------------------------------ */
#container #mainArea {
	float:left;
	margin-top:10px;
	width:700px;
	text-align:center;
	background:url(../img/bg_contents.gif) no-repeat;
}

#container #rightArea {
	float:right;
	margin-top:17px;
	width:190px;
	text-align:left;
}


/* ------------------------------------------------------------ *
   Container #mainArea
 * ------------------------------------------------------------ */
#mainArea .case {
	margin:7px auto 0;
	width:686px;
}

#mainArea .head {
	text-align:left;
	height:200px;
	background-color:#fff;
}

#mainArea .head2 {
	text-align:left;
}

#mainArea #buy .head {background:url(../img/contents_head_buy.jpg) no-repeat;}
#mainArea #sold .head {background:url(../img/contents_head_sold.jpg) no-repeat;}
#mainArea #search .head {background:url(../img/contents_head_search.jpg) no-repeat;}
#mainArea #question .head {background:url(../img/contents_head_question.gif) no-repeat;}
#mainArea #about .head {background:url(../img/contents_head_about.gif) no-repeat;}
#mainArea #inquiry .head2 {background-color:#fff;}

#mainArea .head h3 {
	margin-top:15px;
	margin-left:10px;
	padding-left:20px;
	background:url(../img/icon_contents_h3.gif) no-repeat;
}

#mainArea .head p {margin-top:15px; margin-left:10px;}

#mainArea .head2 p {margin-top:15px; margin-left:10px;}

#mainArea .contents {
	margin:0 auto 0;
	width:666px;
	text-align:left;
}

#mainArea #inquiry .contactus {
	padding:30px 30px 0;
	background-color:#fff;
}

#mainArea .contents p.obi {
	text-indent:10px;
	line-height:20px;
	font-weight:bold;
	color:#fff;
	background:url(../img/bg_slantedline_blue.gif);
}

#mainArea .contents h3 {
	margin-top:10px;
	padding-left:20px;
	background:url(../img/icon_contents_h3.gif) no-repeat;
}

#mainArea .contents .flow {
	margin-top:10px;
	padding-right:5px;
	height:140px;
	border:1px solid #ccc;
}
/* Style IE6 Hack */
*html #mainArea .contents .flow {height:142px;}

#mainArea .contents .flow p.image {
	float:left;
	margin:5px 5px 0 5px;
}
/* Style IE6 Hack */
*html #mainArea .contents .flow p.image {
	margin-left:2px;
	margin-right:3px;
}
#mainArea .contents .flow p.image2 {
	float:left;
	margin:5px 5px 0 0;
}
/* Style IE6 Hack */
*html #mainArea .contents .flow p.image2 {
	margin-left:2px;
	margin-right:3px;
}

#mainArea .contents .flow p.title {
	margin-top:5px;
	font-size:14px;
	font-weight:bold;
	background:url(../img/bg_flow_tit.gif) no-repeat right;
	line-height:20px;
}

#mainArea .contents .flow p.title2 {
	margin-top:5px;
	font-size:14px;
	font-weight:bold;
	background:url(../img/bg_flow_tit2.gif) no-repeat right;
	line-height:20px;
}

#mainArea #buy .contents .flow p.title {color:#f12938;}
#mainArea #buy .contents .flow p.title2 {color:#f12938;}

#mainArea #sold .contents .flow p.title {color:#ff5a00;}
#mainArea #sold .contents .flow p.title2 {color:#ff5a00;}

#mainArea .contents .flow p.title img {
	vertical-align:text-bottom;
	margin-right:5px;
}
#mainArea .contents .flow p.title2 img {
	vertical-align:text-bottom;
	margin-right:5px;
}

#mainArea .contents .flow p.come {
	margin-top:5px;
	line-height:1.5em;
}

#mainArea form p {margin-top:5px;}

#mainArea form p input {padding:5px;}

/* ------------------------------------------------------------ *
   Container #mainArea #buy .contents
 * ------------------------------------------------------------ */
#mainArea #buy .contents .system {
	margin-top:10px;
	width:100%;
	font-size:14px;
	text-align:center;
}

#mainArea #buy .contents .system span {font-size:12px; font-weight:normal;}
#mainArea #buy .contents .system span em {font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

#mainArea #buy .contents .system td {
	padding:7px 0;
	width:170px;
	font-weight:bold;
	border:1px solid #ccc;
}

#mainArea #buy .contents .system th {
	padding:7px 0;
	border:1px solid #ccc;
}
#mainArea #buy .contents .system .gray {background-color:#f2f2f2;}
#mainArea #buy .contents .system .orange {background-color:#ffd1a3;}
#mainArea #buy .contents .system .blue {background-color:#b2d8ff;}
#mainArea #buy .contents .system .red {background-color:#ffadad;}
#mainArea #buy .contents .system .yellow {background-color:#fff799;}

#mainArea #buy .contents .caution {
	margin-top:10px;
	padding:10px;
	border:1px solid #ccc;
}

#mainArea #buy .contents .caution span {font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

#mainArea #buy .contents .caution p.border {
	padding-top:5px;
	margin-top:5px;
	border-top:1px dashed #ccc;
}

#mainArea #buy .contents .after {
	margin-top:10px;
	/*background:url(../buy/img/bg_after.gif) no-repeat right bottom;*/
}

#mainArea #buy .contents .after p.image {
	float:left;
	margin-right:15px;
}


/* ------------------------------------------------------------ *
   Container #mainArea .contents
 * ------------------------------------------------------------ */
	
#mainArea .contents .form {
	margin-top:10px;
	width:100%;
}

#mainArea .contents .hissu {
	color:#de0000;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#mainArea .contents .form tr {
	padding-bottom:3px;
}

#mainArea .contents .form th {
	padding:5px 0;
	width:150px;
	text-align:left;
	text-indent:10px;
	background:#f2f2f2;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#mainArea .contents .form td {
	padding:5px 0;
	padding-left:10px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#mainArea .contents .form td.space {
	padding:0;
	border:none;
	height:3px;
}



/* ------------------------------------------------------------ *
   Container #mainArea #question .contents
 * ------------------------------------------------------------ */

#mainArea #question .contents .qArea {}

#mainArea #question .contents .qArea .box  {
	padding:5px;
	width:315px;
	background:url(../img/bg_qarea.gif) repeat-x;
	border:1px solid #ccc;
}
/* Style IE6 Hack */
*html #mainArea #question .contents .qArea .box  {width:325px;}

#mainArea #question .contents .qArea .box  ul {margin:5px 10px;}

#mainArea #question .contents .qArea .box  ul li {
	margin-top:5px;
	padding-bottom:5px;
	padding-left:16px;
	background:url(../img/icon_q.gif) no-repeat 0 15%;
	border-bottom:1px dashed #ccc;
}

#mainArea #question .contents .qArea .color {color:#9357a8;}

#mainArea #question .contents .aArea {
	clear:both;
}

#mainArea #question .contents .aArea .box {
	margin-top:15px;
	padding:5px;
	background:url(../img/bg_qarea.gif) repeat-x;
	border:1px solid #ccc;
}

#mainArea #question .contents .aArea .box p.que {
	color:#de0000;
	font-weight:bold;
}

#mainArea #question .contents .aArea .box p img{
	margin-right:3px;
}

#mainArea #question .contents .aArea .box dl dt {color:#de0000;}

#mainArea #question .contents .aArea .box dl dd {padding-left:12px; margin:5px 0 10px;}

#mainArea #question .contents .aArea .box .come {margin:5px 10px;}

#mainArea #question .contents .aArea .box .come span {font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}


/* ------------------------------------------------------------ *
   Container #mainArea #about .contents
 * ------------------------------------------------------------ */

#mainArea #about .contents .info {/*height:200px;*/}

#mainArea #about .contents .info .image {
	float:left;
	margin-right:10px;
}

#mainArea #about .contents .shopdata {margin-top:15px;}

#mainArea #about .contents .shopdata .box {width:325px;}


#mainArea #about .contents .data {
	margin-top:10px;
	width:325px;
}

#mainArea #about .contents .data tr {
	padding-bottom:3px;
}

#mainArea #about .contents .data th {
	padding:5px;
	text-align:left;
}

#mainArea #about .contents .data td {
	padding:5px 0;
	padding-left:5px;
	border:1px solid #ccc;
}
#mainArea #about .contents .data td.space {
	padding:0;
	border:none;
	height:3px;
}

#mainArea #about .contents #map {
	margin-top:10px;
	border:1px solid #ccc;
}

#mainArea #about .contents .aboutus {
	clear:both;
	margin-top:15px;
}

#mainArea #about .contents .aboutus .inner {margin:10px;}

#mainArea #about .contents .aboutus .inner .image {
	float:left;
	margin-right:10px;
}

/* ------------------------------------------------------------ *
   Container #mainArea #inquiry .contactus
 * ------------------------------------------------------------ */

#inquiry .contactus .inquiry_tel {
	margin-top:10px;
	padding-left:10px;
	text-align:left;
}
#inquiry .contactus .inquiry_tel .image {
	float:left;
	margin-right:10px;
	padding-top:5px;
}

#inquiry .contactus .inquiry_mail {
	margin-top:10px;
	text-align:left;
}


#inquiry .contactus .form {
	margin-top:10px;
	width:100%;
}
/* Style IE6 Hack */
*html #inquiry .contactus .form {width:626px;}

#inquiry .contactus .hissu {
	color:#de0000;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#inquiry .contactus .form tr {
	padding-bottom:3px;
}

#inquiry .contactus .form th {
	padding:5px 0;
	width:150px;
	text-align:left;
	text-indent:10px;
	background:#f2f2f2;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#inquiry .contactus .form td {
	padding:5px 0;
	padding-left:10px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#inquiry .contactus .form td.space {
	padding:0;
	border:none;
	height:3px;
}

/* ------------------------------------------------------------ *
   .rightArea
 * ------------------------------------------------------------ */
#rightArea .pr {
	border:5px solid #ccc;
}

/* magazine */
#rightArea .magazine {
	/*margin-top:10px;*/
}

/* mobile */
#rightArea .mobile {
	margin-top:10px;
	height:84px;
	background-color:#fef8ce;
	border:1px solid #ccc;
}

#rightArea .mobile img.qr {
	float:left;
	margin:5px;
	width:74px; height:74px;
}

