@charset "utf-8";
/* CSS Document */

/* --------------------------------------
　リセット
--------------------------------------- */
* {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
img {border: 0px;}
ul li {list-style-type: none;}
select option {padding: 0px 5px;}

address, caption, cite, code, dfn, em, th, var {font-style: normal; font-weight: normal;}

/* For Firefox */
select option {padding: 0px 5px;}

/* List Default */
ul.ul_normal {margin-left: 40px; padding-left: 2em;}
ul.ul_normal li {list-style-type: disc;}
ol.ol_normal {padding-left: 2em;}
ol.ol_normal li {list-style-type: decimal;}

/* --------------------------------------
　共通
--------------------------------------- */
body {font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,"Osaka‐等幅";}
/* Mac UTF-8 ERR */
/*\*//*/
input, textarea, select, option {font-family: Osaka, "ＭＳ Ｐゴシック", sans-serif;}
/**/

/* --------------------------------------
　テキスト
--------------------------------------- */
.fsmall1 {font-size: 12px; line-height: 1.5em;}
.fbase {font-size: 13px; line-height: 1.5em;}
.fbig1 {font-size: 16px; line-height: 1.5em;}
.fbig2 {font-size: 19px; line-height: 1.5em;}
.fbold {font-weight: bold;}
.flight {color: #999999;}

/* --------------------------------------
　フロート解除
--------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	zoom: 1;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* --------------------------------------
　レイアウト
--------------------------------------- */
#wrapper {
	width: 920px;
	margin: 0 auto;
}
#container {
}
#side {
	float: left;
	display: block;
	width: 200px;
}
#main {
	margin-left: 220px;
}
#maintop #setbox {
	margin: 5px 0;
}
#maintop ul.fl1 {
	float: left;
	display: block;
	width: 232px;
}
#maintop ul.fr1 {
	float: right;
	display: block;
	width: 232px;
}
#maintop ul.fc1 {
	float: left;
	display: block;
	width: 422px;
	height: 380px;
	margin: 0 10px;
}
#maintop ul.fl2 {
	float: left;
	display: block;
	width: 452px;
}
#maintop ul.fr2 {
	float: right;
	display: block;
	width: 452px;
}
#maintop li {
	margin-bottom: 10px;
}
#main #totop,
#main #pnavi {
	text-align: right;
	margin: 7px;
}

/* --------------------------------------
　デザイン
--------------------------------------- */
#wrapper {
	color: #000000;
	background: #FFFFFF;
}
strong {
	color:#CC3300;
}
em {
	font-weight: bold;
	color:#663333;
}
#stext {
	margin-top: 20px;
}
#stext li {
	padding: 5px 10px;
	border-bottom: 1px solid #DDDDDD;
}

/* --------------------------------------
　リンク
--------------------------------------- */
a, a:link {}
a:visited {}
a:hover, a:active {color: #CC3300;}

#btnnavi {
	margin-bottom: 20px;
}
#btnnavi li {
	float: right;
	width: 125px;
}
#btnnavi li a {
	float: right;
	display: block;
	overflow: hidden;
	width: 120px;
	height: 0 !important;
	height /**/: 30px;
	padding-top: 30px;
	text-indent: -99999px;
}

#btnnavi li.contact a {background: url(../images/btncontact.jpg) no-repeat;}
#btnnavi li.top a {background: url(../images/btntop.jpg) no-repeat;}

/* 通常リンク */ #btnnavi li a {background-position: 0 0;}
/* オンマウス */ #btnnavi li a:hover {background-position: 0 -40px;}

#snavi li a {
	display: block;
	overflow: hidden;
	width: 200px;
	height: 0 !important;
	height /**/: 54px;
	padding-top: 54px;
	text-indent: -99999px;
}

#snavi li.snavi01 a {background: url(../images/snavi01.gif) no-repeat;}
#snavi li.snavi02 a {background: url(../images/snavi02.gif) no-repeat;}
#snavi li.snavi03 a {background: url(../images/snavi03.gif) no-repeat;}
#snavi li.snavi04 a {background: url(../images/snavi04.gif) no-repeat;}
#snavi li.snavi05 a {background: url(../images/snavi05.gif) no-repeat;}
#snavi li.snavi06 a {background: url(../images/snavi06.gif) no-repeat;}
#snavi li.snavi07 a {background: url(../images/snavi07.gif) no-repeat;}
#snavi li.snavi08 a {background: url(../images/snavi08.gif) no-repeat;}
#snavi li.snavi09 a {background: url(../images/snavi09.gif) no-repeat;}

/* 通常リンク */ #snavi li a {background-position: 0 0;}
/* オンマウス */ #snavi li a:hover {background-position: -200px 0;}
/* ステイ */ #snavi li a.stay {background-position: -400px 0;}

/* --------------------------------------
　コンテンツ
--------------------------------------- */
#maincon h2 {
	background: url(../images/bcgh2.gif) left top repeat-y;
	padding: 20px 0 5px 40px;
	margin-bottom: 10px;
	border-bottom: 3px double #CCCCCC;
	color: #3F3427;
}
#maincon h3 {
	padding: 30px 0 0 10px;
	margin: 0 0 10px 30px;
	border-bottom: 3px dotted #CCCCCC;
	color: #4D3212;
}
#maincon p {
	padding: 10px 0 0 40px;
}
#maincon h2.second {
	margin-top: 20px;
}

/* --------------------------------------
　お客様の声（top）
--------------------------------------- */
.commentwrap {
	background: url(../images/top02.jpg) left top no-repeat;
	height: 181px;
}
.commentwrap p a {
	display: block;
	overflow: hidden;
	width: 231px;
	height: 0 !important;
	height /**/: 30px;
	padding-top: 30px;
	text-indent: -99999px;
}
.commentarea {
	margin: 5px 0 0 10px;
	padding: 0 8px 0 5px;
	width: 202px;
	height: 116px;
	overflow: auto;
}
.commentarea {
	\width: 214px;
	w\idth: 202px;
}
.commentarea p {
	margin-bottom: 5px;
	text-align: center;
}
.commentarea dt {
	border-bottom: 1px dotted #CCCCCC;
}
.commentarea dd {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

/* --------------------------------------
　新着（top）
--------------------------------------- */
.textareawrap {
	background: url(../images/top04.jpg) left top repeat-y;
	padding: 50px 0 10px 20px;
}
.textarea {
	width: 388px;
	height: 170px;
	overflow: auto;
}
.textarea {
	\width: 390px;
	w\idth: 388px;
}
.textarea p {
	margin-bottom: 5px;
	text-align: center;
}
.textarea dt {
	float: left;
	display: block;
	width: 6.5em;
}
.textarea dd {
	margin-left: 7em;
	zoom: 1;
}

/* --------------------------------------
　イベントカレンダー（top）
--------------------------------------- */
.calendertop {
	background: url(../images/top11.jpg) left top no-repeat;
	height: 283px;
}
.calendertop p.calendertopttl a {
	display: block;
	overflow: hidden;
	width: 451px;
	height: 0 !important;
	height /**/: 68px;
	padding-top: 68px;
	text-indent: -99999px;
}
.calendertop p.calendertopimg {
	margin-left: 20px;
}
.calendertop p.calendertopimg a {
	display: block;
	overflow: hidden;
	float: left;
	width: 210px;
}

/* --------------------------------------
　入力フォーム
--------------------------------------- */
#freekit {
	margin: 10px 0 40px 40px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}
#freekit fieldset {
	border: none;
}
#freekit dl {
	border-top: 3px double #DDDDDD;
	padding: 10px 20px 20px 20px;
}
#freekit dt {
	margin-top: 10px;
}
#freekit dd {
	padding: 5px 0;
	border-bottom: 1px dotted #DDDDDD;
}
#freekit em {
	color: #CC3300;
	padding-left: 1em;
}
#freekit .submit {
	margin: 0 0 20px 0;
	text-align: center;
}
#freekit select {
	background: #F7F7F7;
}
#freekit .text1 {
	width: 150px;
}
#freekit .text2 {
	width: 4em;
}
#freekit .text3 {
	width: 200px;
}
#freekit .text4 {
	width: 500px;
}
#freekit .text1, #freekit .text2, #freekit .text3, #freekit .text4 {
	background: #FFFFFF url(../images/input_bg.gif) left top repeat-x;
	border: 3px double #CCCCCC;
	padding: 2px;
}

/* --------------------------------------
　担当者
--------------------------------------- */
#charge {
}
#charge .setbox {
	margin-bottom: 10px;
	padding: 10px;
	border: 3px double #dddddd;
}
#charge table {
	width: 670px;
}
#charge th {
	width: 210px;
}
#charge td {
	width: 560px;
	vertical-align: top;
}
#charge dl {
	padding: 5px 5px 5px 20px;
}
#charge dt {
	margin-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
}
#charge dd {
}
#charge dd p {
	padding: 0;
}

/* --------------------------------------
　お客様の声
--------------------------------------- */
#voice {
}
#voice h4 {
	padding-left: 5px;
	margin-bottom: 10px;
	border-bottom: 3px double #dddddd;
}
#voice .setbox {
	margin-bottom: 10px;
	padding: 10px;
	border: 3px double #dddddd;
}
#voice table {
	width: 670px;
}
#voice th {
	width: 110px;
	vertical-align: top;
}
#voice td {
	width: 560px;
	vertical-align: top;
}
#voice dl {
	padding: 0 0 0 20px;
}
#voice dt {
	margin-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
}
#voice img {
	padding: 1px;
	border: 3px double #dddddd;
}
#voice dd {
}
#voice dd p {
	padding: 0;
}

/* --------------------------------------
　買取手順
--------------------------------------- */
#step01,
#step02,
#step03 {
	margin: 10px 0;
}
#step p.step,
#step01 p.step,
#step02 p.step,
#step03 p.step {
	margin: 0;
	padding: 0;
}
#step01 dl {
	margin: 10px 0 10px 40px;
}
#step01 dl ol {
	margin: 10px 0 10px 40px;
}
#step02 ol {
	margin: 10px 0 10px 80px;
}
#step li {
	float: left;
}
#step li a {
	display: block;
	overflow: hidden;
	width: 230px;
	height: 0 !important;
	height /**/: 185px;
	padding-top: 185px;
	text-indent: -99999px;
	margin-bottom: 40px;
}

#step li.step01 a {background: url(../images/step01.jpg) no-repeat;}
#step li.step02 a {background: url(../images/step02.jpg) no-repeat;}
#step li.step03 a {background: url(../images/step03.jpg) no-repeat;}


/* --------------------------------------
　選ばれる理由
--------------------------------------- */
#point01,
#point02,
#point03 {
	border: 3px double #DDDDDD;
	margin: 10px 0;
}
#point01 p.reason,
#point02 p.reason,
#point03 p.reason {
	padding: 25px 80px 15px 120px;
}

/* --------------------------------------
　イベントカレンダー
--------------------------------------- */
#calendermemo {
	padding: 10px 0 0 40px;
}
#calendermemo table {
	width: 650px;
	border-top: 1px dashed #DDDDDD;
}
#calendermemo th {
	text-align: left;
	border-bottom: 1px dashed #DDDDDD;
	width: 9em;
}
#calendermemo td {
	border-bottom: 1px dashed #DDDDDD;
}
#campaignpickup {
	padding: 0 0 0 40px;
}
#campaignpickup li {
	float: left;
	width: 185px;
	overflow: hidden;
	margin: 10px 30px 0 0;
	text-align: center;
	border: 1px solid #CCCCCC;
}
#campaignpickup h4 span {
	display: block;
	padding: 3px 0;
	color: #FFFFFF;
	font-weight: normal;
	background: #222222;
}
#campaignpickup dl {
}
#campaignpickup dt {
	padding: 2px 0;
	text-align: center;
	background: #E5DACA;
}
#campaignpickup dd {
	padding: 2px 0;
}


#linkbuy a {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	overflow: hidden;
	width: 175px;
	height: 0 !important;
	height /**/: 65px;
	padding-top: 65px;
	text-indent: -99999px;
}

/* --------------------------------------
　iframe
--------------------------------------- */
#if{
	margin: 0 auto;
	width: 725px;
}
#if iframe {
	width: 723px;
	height: 190px;
}


/* --------------------------------------
　SHOPSERVEと設定ほぼ同じ　違う場所にはメモ
--------------------------------------- */
/* ヘッダー */
#header{
	width:920px;
	height:95px;
	background:url(http://www.stay246.jp/USERTHEMEIMG/vol1/stay246.yl.shopserve.jp//head_back_kaitori.gif) no-repeat;
	position:relative;
	margin-top:18px;/* shopserveと違う*/
	padding-bottom: 5px;
	border-bottom-width: 20px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#header { /* IE7 Safari Firefox 用 *//* shopserveと違う*/
height:auto;
min-height:95px;
}

.shoplogo { /* サイトロゴブロック（設定の場合） */
	margin:0px;
	padding:0px;
	width: 920px;
}

.siteName { /* サイト名 h1 （テキスト） */
	position:relative;
	top:0px; left:-150px;
	margin:0px;
	padding:0px;
	font-size:8pt;
	color:#666666;
	font-weight:normal;
}

.siteName a {
 color:#0060a9;
	text-decoration:none;
}

.siteName a:hover {
 color:#0060a9;
	text-decoration:underline;
}

.sitecopy { /* サイトコピー h2 （ロゴがテキストの場合使用）*/
	display:none;
}

.sitecopy a {
 color:#666;
	text-decoration:none;
}

.sitecopy a:hover {
 color:#666;
 text-decoration:underline;
}

/* ヘッダー　グランドナビ */
#g_navi {
	position:absolute;
	top:65px;/* shopserveと違う*/
	right: 0;/* shopserveと違う*/
	clear: both;
	height:25px;
    margin-bottom:150px;
}

#g_navi ul {
	margin:0px;
	padding:0px;
	list-style: none;
}
#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:37px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
#g_navi li.g_navi01 a {
	width:122px;
	background-image: url(http://www.stay246.jp/USERTHEMEIMG/vol1/stay246.yl.shopserve.jp//g_navi4.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#g_navi li.g_navi02 a {
	width:101px;
	background-image: url(http://www.stay246.jp/USERTHEMEIMG/vol1/stay246.yl.shopserve.jp//g_navi4.jpg);
	background-repeat: no-repeat;
	background-position: -122px 0px;
}
#g_navi li.g_navi03 a {
	background:url(http://www.stay246.jp/USERTHEMEIMG/vol1/stay246.yl.shopserve.jp//g_navi4.jpg) no-repeat -223px 0px;
	width:101px;
}
#g_navi li.g_navi04 a {
	background:url(http://www.stay246.jp/USERTHEMEIMG/vol1/stay246.yl.shopserve.jp//g_navi4.jpg) no-repeat -324px 0px;
	width:101px;
}
#g_navi li.g_navi05 a {
	background:url(http://www.stay246.jp/USERTHEMEIMG/vol1/stay246.yl.shopserve.jp//g_navi4.jpg) no-repeat -425px 0px;
	width:101px;
}
#g_navi li.g_navi06 a {
	background:url(http://www.stay246.jp/USERTHEMEIMG/vol1/stay246.yl.shopserve.jp//g_navi4.jpg) no-repeat -526px 0px;
	width:101px;

}
#g_navi li.g_navi07 a {
	background:url(http://www.stay246.jp/USERTHEMEIMG/vol1/stay246.yl.shopserve.jp//g_navi4.jpg) no-repeat -626px 0px;
	width:100px;

}
#g_navi li.g_navi08 a {
	background:url(http://www.stay246.jp/USERTHEMEIMG/vol1/stay246.yl.shopserve.jp//g_navi4.jpg) no-repeat -726px 0px;
	width:101px;

}


/* フッター */
#footer {
	padding:0px;
	margin:0px;
	width:920px;
	height:40px;
	text-align:center;	
}

#footer { /* IE7 Safari Firefox 用 *//* shopserveと違う*/
	height:auto;
	min-height:40px;
}

.footnavi { /*フッターメニューテキスト設定*/
	width: 880px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.footnavi a{ color:#666666;text-decoration:none;}
.footnavi a:hover { color:#666666;text-decoration:underline;}

#copyright { /* コピーライト */
	margin:0px;
	width:auto;
	height:35px;
	padding-top:10px;
	color:#666666;
	text-align:center;
	background:url(http://www.stay246.jp/USERTHEMEIMG/vol1/stay246.yl.shopserve.jp//footer.jpg) repeat-x;
}

#footer>#copyright { /* IE7 Safari Firefox 用 */
	height:auto;
	min-height:20px;
	width: 920px;
}