@charset "shift_jis";

/* --------------------------------- */
/* 初期設定 */



*{
	margin		: 0;
	padding		: 0;
}

html{
	direction	: ltr;
	border		: 0;
}

address,blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,map,ol,p,pre,ul{
	display		: block;
}

code, pre, samp, var, kbd, input, select, textarea{
	font-family	: "メイリオ","ＭＳ Ｐゴシック", Arial, sans-serif;
}

img {
	border: 0px;
}

table {
	border-collapse: collapse;
	/* border-collapse: separate; */
}

input, select, textarea{
	font-size: 12px;	
}

a,a:link,a:visited,a:active { color: #FF6600; text-decoration: none; font-weight: normal;}
a:hover { color: #E32390; text-decoration: underline;}

.c-both {
	clear:both;
}

.none {
	display:none;
}

input,textarea {font-size:11px;}



/* 初期設定 End */
/* --------------------------------- */

/* =============================================================== 
	フォント 
=============================================================== */
.none {display:none}

.bold {font-weight:bold;}

.normal {font-weight:normal;}

.red {color:#FF0000;}

.blue {color:#0000FF;}

.f11 {font-size:11px;}

/* =============================================================== 
	共通 
=============================================================== */

body {
	width:100%;
	font-family	: "メイリオ","ＭＳ Ｐゴシック", Arial, sans-serif;
	text-align: center;
	background-color:#F3F3F3;
}

#body {
	width:100%;
	height:100%;
	text-align: center;
	background-image: url(./images/bg.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}

#container {
	margin:0px auto 0px auto;
	width:624px;
	background-image:url(./images/container_bg.jpg);
	background-repeat:repeat-y;
	background-position:center top;
}

.inside {
	margin:0px auto 0px auto;
	width:624px;
	background-image:url(./images/head_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

.inside2 {
	margin:0px auto 0px auto;
	width:624px;
	background-image:url(./images/head_bg2.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

/*=====================
　ヘッダー　*/

#head {
	clear:both;
	margin:0px auto 0px auto;
	width:624px;
	height:236px;
	overflow:hidden;
}

#head2 {
	clear:both;
	margin:0px auto 0px auto;
	width:624px;
	height:74px;
	overflow:hidden;
}

#head .left, #head2 .left {
	float:left;
	padding:0px 0px 0px 17px;
	height:74px;
}

#head .right, #head2 .right {
	float:left;
	margin:0px 0px 0px 0px;
	padding:15px 0px 0px 40px;
	text-align:left;
}

#head .right h1, #head2 .right h1 {
	margin:0px 0px 2px 0px;
	height:17px;
	font-size:13px;
	color:#000;
	text-align:left;
	font-weight:bold;
	overflow:hidden;
}

#head .right h2, #head2 .right h2 {
	width:200px;
	font-size:11px;
	color:#787878;
	text-align:left;
	font-weight:normal;
}

#head .img {clear:both;}



/*=====================
　メイン　*/

#main {
	clear:both;
	margin:0px auto 0px auto;
	width:600px;
	overflow:hidden;
}

#main .root {
	clear:both;
	margin:0px auto 10px auto;
	padding:10px 0px 3px 0px;
	width:580px;
	font-size:11px;
	color:#666;
	text-align:left;
	border-bottom:1px dotted #CCC;
}

#main .main {
	clear:both;
	margin:0px auto 0px auto;
	padding:5px 0px 20px 0px;
	width:580px;
}

#main .main .content {
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:476px;
}


/*=====================
　サイド　*/

#main .main .side {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100px;
}


/*=====================
　グローバルメニュー　*/

#main .main .side .gnavi {
	margin:0;
	padding:0;
	width:100px;
	height:296px;
	background-image:url(./images/gnavi_bg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
}

#main .main .side .gnavi p {
	display:block;
	margin:0;
	padding:0;
	width:100px;
	height:31px;
	list-style:none;
	overflow:hidden;
}

#main .main .side .gnavi p a {
	display:block;
	margin:0;
	padding:0;
	width:100px;
	height:31px;
	text-indent: -9999px;
	background-image:url(./images/gnavi.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
}

#main .gnavi p.m01 a {background-position:0px 0px;}
#main .gnavi p.m01 a:hover {background-position:-100px 0px;}
#main .gnavi p.m02 a {background-position:0px -31px;}
#main .gnavi p.m02 a:hover {background-position:-100px -31px;}
#main .gnavi p.m03 a {background-position:0px -62px;}
#main .gnavi p.m03 a:hover {background-position:-100px -62px;}
#main .gnavi p.m04 a {background-position:0px -93px;}
#main .gnavi p.m04 a:hover {background-position:-100px -93px;}
#main .gnavi p.m05 a {background-position:0px -124px;}
#main .gnavi p.m05 a:hover {background-position:-100px -124px;}
#main .gnavi p.m06 a {background-position:0px -155px;}
#main .gnavi p.m06 a:hover {background-position:-100px -155px;}
#main .gnavi p.m07 a {background-position:0px -186px;}
#main .gnavi p.m07 a:hover {background-position:-100px -186px;}
#main .gnavi p.m08 a {background-position:0px -217px;}
#main .gnavi p.m08 a:hover {background-position:-100px -217px;}


/*　End
=====================*/


/*=====================
　フッター　*/

#foot {
	clear:both;
	margin:0px auto 0px auto;
	width:600px;
	height:135px;
	background-image:url(./images/foot_bg.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#foot h4 {
	clear:both;
	padding:30px 0px 15px 0px;
	font-size:11px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}

#foot h5 {
	clear:both;
	padding:30px 0px 15px 0px;
	font-size:11px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}

#foot h6 {
	clear:both;
	padding:30px 0px 15px 0px;
	font-size:11px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}

#foot ul li {
	clear:both;
	display:inline;
	font-size:11px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}
#foot ul li a {color:#FFF; font-weight:bold;}

#foot .copy {
	clear:both;
	padding:15px 0px 0px 0px;
	font-size:11px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
}





/* =============================================================== 
	インデックス 
=============================================================== */

.index h5 {
	width:476px;
	height:32px;
	font-size:15px;
	color:#FFF;
	text-align:left;
	text-indent:15px;
	line-height:35px;
	background-image:url(./images/index/h5.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
}

.index .box {
	margin:0px auto 0px auto;
	padding:10px 0px 30px 0px;
	width:450px;
	text-align:center;
	line-height:20px;
}

/* ==================== 
	メリット */

.index .adv {font-size:12px; text-align:left;}
.index .adv p {margin:0px 0px 10px 0px; font-size:14px; font-weight:bold;}
.index .adv li {
	padding:0px 0px 8px 15px;
	list-style:none;
	background-image:url(./images/ico_arrow.jpg);
	background-repeat:no-repeat;
	background-position:left 4px;
}

/* ==================== 
	導入までの流れ */

.index .step p {margin:0px 0px 5px 0px;}







/* =============================================================== 
	会社概要 
=============================================================== */

.company h3 {
	margin:0px 0px 10px 0px;
	width:476px;
	height:32px;
	font-size:15px;
	color:#FFF;
	text-align:left;
	text-indent:15px;
	line-height:35px;
	background-image:url(./images/index/h5.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
}

.company .box {
	margin:0px auto 0px auto;
	padding:10px 0px 30px 0px;
	width:450px;
	text-align:center;
}

.company table.box {
	font-size:12px;
	text-align:left;
	border:1px solid #DDD;
}
.company table.box td {
	padding:5px;
	font-size:12px;
	text-align:left;
	border:1px solid #DDD;
}
.company table.box td.title {color:#666; font-weight:bold; background-color:#EEE;}





/* =============================================================== 
	顧客情報の取り扱い 
=============================================================== */

.privacy h3 {
	width:476px;
	height:32px;
	font-size:15px;
	color:#FFF;
	text-align:left;
	text-indent:15px;
	line-height:35px;
	background-image:url(./images/index/h5.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
}

.privacy .box {
	margin:0px auto 0px auto;
	padding:10px 0px 30px 0px;
	width:450px;
	text-align:center;
	line-height:20px;
}

.privacy .box {font-size:12px; text-align:left;}
.privacy .box p {margin:0px 0px 10px 0px; font-size:12px;}
.privacy .box p.date {margin:0px 0px 10px 0px; padding:10px 0px 0px 0px; font-size:12px; color:#999; text-align:right; font-weight:bold; border-top:1px dotted #CCCCCC;}
.privacy .box li {
	padding:0px 0px 8px 15px;
	list-style:none;
	background-image:url(./images/ico_arrow.jpg);
	background-repeat:no-repeat;
	background-position:left 4px;
}







/* =============================================================== 
	料金表 
=============================================================== */

.price {text-align:center;}

.price h3 {
	margin:0px 0px 10px 0px;
	width:476px;
	height:32px;
	font-size:15px;
	color:#FFF;
	text-align:left;
	text-indent:15px;
	line-height:35px;
	background-image:url(./images/index/h5.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
}

.price h4 {
	margin:0px auto 20px auto;
	padding:0px 0px 0px 0px;
	width:460px;
	font-size:15px;
	color:#FC590A;
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #FC590A;
}

.price p {
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:450px;
	font-size:12px;
	color:#000;
	text-align:left;
}

.price .box {
	margin:20px auto 30px auto;
	width:450px;
	text-align:center;
}

.price table.box {
	font-size:12px;
	text-align:left;
	border:1px solid #DDD;
}
.price table.box td {
	padding:5px;
	font-size:12px;
	text-align:left;
	border:1px solid #DDD;
}
.price table.box td.title {color:#666; font-weight:bold; background-color:#EEE;}
.price table.box td.red {font-weight:bold;}

.price .box2 {margin:0px auto 20px auto; width:437px;}

.price .box2 li {
	padding:0px 0px 8px 15px;
	font-size:12px;
	text-align:left;
	text-indent:0px;
	line-height:20px;
	background-image:url(./images/ico_arrow.jpg);
	background-repeat:no-repeat;
	background-position:left 4px;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}

.price .img {margin:0px auto 30px auto; text-align:center;}










/* =============================================================== 
	お見積もり 
=============================================================== */

.estimate {text-align:center;}

.estimate h3 {
	margin:0px 0px 10px 0px;
	width:476px;
	height:32px;
	font-size:15px;
	color:#FFF;
	text-align:left;
	text-indent:15px;
	line-height:35px;
	background-image:url(./images/index/h5.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
}

.estimate p {
	margin:0px auto 10px auto;
	padding:0px 0px 0px 0px;
	width:450px;
	font-size:12px;
	color:#000;
	text-align:left;
}

.estimate .box {
	margin:0px auto 20px auto;
	width:450px;
	text-align:center;
}

.estimate table.box {
	font-size:12px;
	text-align:left;
	border:1px solid #DDD;
}
.estimate table.box td {
	padding:5px;
	font-size:12px;
	text-align:left;
	border:1px solid #DDD;
}
.estimate table.box td.title {
	width:140px;
	color:#666;
	font-weight:bold;
	vertical-align:top;
	white-space: normal;
	background-color:#EEE;
}

.estimate input.txt {font-size:12px; height:20px;}

.estimate .btn {text-align:center;}

.estimate table.btn {
	margin:0px auto 20px auto;
	width:150px;
}
.estimate table.btn td {text-align:center; vertical-align:top;}




/* =============================================================== 
	買取のご案内 
=============================================================== */

.purchase {text-align:center;}

.purchase h3 {
	margin:0px 0px 0px 0px;
	width:476px;
	height:32px;
	font-size:15px;
	color:#FFF;
	text-align:left;
	text-indent:15px;
	line-height:35px;
	background-image:url(./images/index/h5.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
}

.purchase p {margin:0px auto 16px auto;}

.purchase h4 {
	width:466px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	background-position:left top;
	overflow:hidden;
}

.purchase #aa {
	margin:0px auto 0 auto;
	height:55px;
	background-image:url(./purchase/images/img1.jpg);
}

.purchase #bb {
	margin:0px auto 16px auto;
	height:80px;
	background-image:url(./purchase/images/img3.jpg);
}

.purchase #cc {
	margin:0px auto 0 auto;
}

.purchase #dd {
	margin:0px auto 16px auto;
	height:121px;
	background-image:url(./purchase/images/img6.jpg);
}