﻿/* 背景と配置 */
body {
 margin: 0px 0px 0px 0px;
}


/* リンク設定 */
a:link {color:#3333ff; }
a:visited {color:#2222ee;}
a:active { color: #6666ff; text-decoration:none;}
a:hover { color: #111133; text-decoration: none;}


/* 強調文字設定 */
h1 {
 margin: 0px;
 padding: 0px;
 font-weight: normal;
 color: #333333;
 font-size: 12px;
}

h2 {
 margin: 0px 0px 5px 0px;
 font-size: medium;
 color: #B02;
}

h3 {
 margin: 0px 0px 5px 0px;
 font-size: medium;
}

h4 {
 width:535px;
 color: #FFF;
 font-weight:bold;
 height:26px;
 background: url("img/genre.gif");
 padding: 4px 0px 0px 20px;
 overflow: hidden;
 font-size: 14px;
}

.tx1 {
 font-size: 130%;
 color: #cc0000;
 font-weight: bold;
}

.tx2 {
 font-size: 80%;
 font-weight: bold;
}

.tx3 {
 font-size: 90%;
 font-weight: bold;
}


p {
 margin: 0px;
}

strong{
 color: #449900;
}

.rlink {
 text-align: right;
 padding-bottom: 10px;
 font-size: 80%;
}

.rlink img {
 margin-right: 5px;
 vertical-align: middle;
}


/* 画像設定 */
img {border:0px;}

.line {
 margin-top: 10px;
 margin-bottom: 10px;
}


/* 全体の枠組み 横幅 */
#container {
 line-height: 130%;
 margin:0px auto 0px auto;
 width: 798px;
 height: 100%;
 background: #ffffff url("img/bcg.gif") center ;
 font-family: Verdana, Arial, sans-serif;
 padding: 0px 11px 20px 11px;
}


/* ヘッダ */
#head1 {
 padding: 10px 0px 5px 20px;
 height: 50px;
 width:780px;
}

#head1 h1 {
 margin: 0px;
 padding: 0px;
 font-weight: normal;
 color: #333333;
 font-size: 12px;
}

#logo {
 padding: 5px 0px 0px 0px;
 width: 194px;
 height: 22px;
 line-height: 22px;
 float: left;
 font-size: 12px;
}

#tel1 {
 font-size:16px;
 font-weight:bold;
 height: 22px;
 width: 300px;
 float: left;
 padding: 5px 0px 0px 20px;
}

#tel1 img {
 vertical-align: middle;
 margin: 0px 5px 0px 5px;
}

#other {
 height: 17px;
 font-size: 12px;
 float: left;
 padding: 10px 25px 0px 0px;
 width: 240px;
 text-align: right;
}

#other img {
 vertical-align: middle;
 margin: 0px;
}

#other a {
color:#666666;
font-weight:bold;
text-decoration:none;
}

#other a:hover {
 color:#CCC;
 font-weight:bold;
 background: #FFF;
}


/* ナビゲーション　*/

#navibar {
 background: #b21a0c;
 width:778px;
 padding: 0px 0px 0px 20px;
 font-size: 16px; 
 height: 34px;
 clear: both;
 overflow: hidden;
}

#globalnavi {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#globalnavi li {
 display: block;
 height: 34px;
 font-weight: bold;
 float: left;
}

#globalnavi li a {
 background-image: url(img/naviback.gif);
 font-size: 14px;
 line-height: 34px;

 display: block;
 text-decoration: none;
 color: #ffffff;
 padding: 0px 18px 0px 12px;
 overflow: hidden;
}

#globalnavi li a:hover {
 background-position: 0px -34px;
 color: #ff9900;
}


#head2 {
 margin: 0px;
 padding: 5px 0px 5px 20px;
 width: 780px;
 height:86px;
}

#eyec {
 width:193px;
 height:86px;
 float:left;
}

#tel2 {
 padding-left: 10px;
 float:left;
 width: 577px;
}

#tel2 ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#tel2 li {
 display: block;
 height: 40px;
 width: 171px;
 padding-left:20px; 
 color: #333333;
 font-weight: bold;
 float: left;
 background-image:url(img/telbacdk.gif) ;
 background-repeat:no-repeat;
 font-size:12px;
 line-height: 40px;
 margin-bottom: 4px;
}

.area {
 color:#FFF;
 margin-right:19px;
}

.area a, .nagoya a {
 color:#FFF !important;
  text-decoration: none !important;
}

.area a:hover, .nagoya a:hover {
	color: #FED !important;	
}

.nagoya {
 font-size: 12px;
 color:#FFF;
 margin-right:12px;
 letter-spacing: -0.2em;
}


/* Flashバナー */
#flashcontent {
 padding: 10px 0px 0px 20px;
 width:780px;
 height: 150px;
 clear: both;
}


/* 縦３段中央メイン */
 #main {
 padding: 0px;
 margin: 0px;
 clear: both;
 width: 798px;
}


/* 左サイドバー */

#left {
 float: left;
 width: 171px;
 padding: 10px 0px 10px 20px;
 display:inline;
}

#navi {
 padding: 0px;
 width: 171px;
}

#n_menu {
 list-style-type: none;
 padding: 23px 0px 0px 0px;
 background:url(img/menutitle.gif) no-repeat;
 background-color: #ffffff;
 margin: 0px
}

#n_link {
 list-style-type: none;
 padding: 28px 0px 0px 0px;
 background:url(img/menulink.gif) no-repeat;
 background-color: #ffffff;
 margin: 0px
}

#n_link img {
	margin-bottom: 7px;
}

#navi li {
 font-weight: bold;
 font-size:12px;
}

#navi li a {
 display: block;
 height: 37px;
 width: 151px;
 padding-top: 6px;
 padding-left:23px;
 background-image:url(img/menuback.gif) ;
 color: #333;
 text-decoration:none;
 overflow: hidden;
}

#navi li a:hover{
 display: block;
 background-position: 0px -37px;
 color:#999;
}

#home #navi .banner a, #home #navi .banner a:hover, #navi .banner a, #navi .banner a:hover  {
 display: block;
 height: 74px;
 width: 171px;
 padding: 5px 0px 0px 0px;
 text-decoration:none;
 overflow: hidden;
 background-color: #FFF;
}



/* 右メイン */
#contents {
 float: left;
 width: 589px;
 padding: 0px 0px 10px 0px;
 display:inline;
}
#contents2 {
 float: left;
 width: 579px;
 padding: 0px 0px 10px 10px;
 display:inline;
}

.intro {
 padding: 10px 10px 5px 20px;
 color:#333;
 font-size: 75%;
}

.intro2 {
 padding: 0 0 5px;
 color:#333;
 font-size: 75%;
}

.info {
 background: url(img/infoback.gif);
 width: 510px;
 padding: 10px 25px 10px 55px;
}

.info2 {
 background: url(img/infoback.gif);
 width: 500px;
 padding: 10px 25px 10px 35px;
}

#kaitori1{
 width:501px;
 padding:0px;
 background:url(img/kaitoriback1.gif);
}

#kaitori2{
 width: 471px;
 padding:10px 10px 10px 20px;
 background:url(img/kaitoriback2.gif);
 color:#333;
 font-size: 80%;
}

#kaitori3 {
 width:501px;
 padding:0px;
 background:url(img/kaitoriback3.gif);
}

#kai_ic {
 font-weight: bold;
 color: #b21a0c;
 text-align: center;
 margin: 0px;
}

#kai_ic img {
 margin: 0px 3px 0px 3px;
} 

#kouka {
 width: 311px;
 padding: 90px 20px 150px 170px;
 font-size: 10px;
 line-height: 140%;
 color:#FFF;
 background: url(img/k_back.jpg);
}

#kbana {
 background:#231815;
 padding:10px 0px 20px 8px;
 margin-bottom: 0;
 font-size: 0.8em;
}



/*****  パンくずリスト  *****/

#pan {    	
	font-size: 12px;
	padding: 5px 0 7px 20px;
	background: #FFF;
}  
 
#pan ol {  
	margin: 0;
	padding: 0;
}

#pan li {   
	display:inline;   
	line-height:110%;     
}   

#pan li a {   
	padding-right:20px;   
	margin-right: 5px;
	color: #333;
	text-decoration: none;
	background:url(img/panimg.gif) no-repeat right center;   
} 

#pan li a:hover { 
	color: #666;
}


/* フッター */
#footer, #footer_n {
 color: #333;
 width:798px;
 clear: both;
 margin-top: 10px;
 padding: 0px;
}

#footer {
 background:url(img/footback.gif) repeat-x;
}

#blist {
 font-size: 70%;
 width: 760px;
 padding: 130px 20px 20px 20px;
}

.alist {
 padding: 10px 20px 5px 20px;
 width: 760px;
 height: 12px;
}

.alist ul {
 margin: 0px;
 list-style-type: none;
 padding-left: 0px;
}

.alist li {
 float: left;
 width: 133px;
 padding-left: 7px;
 border-left: solid 3px #333399;
 height: 18px;
 font-size: 10px;
 display: block;
}


/* 加盟店募集 */

#box1 {
 width: 554px;
 height: 20px;
 background: url(img/box1.gif);
 color: #FFF;
 font-weight: bold;
 text-align: center;
 margin-left: 5px;
 font-size:14px;
 line-height: 20px;
}

#box2 {
 background: url(img/box2.gif) repeat-x;
 border-left: solid 1px #666;
 border-right: solid 1px #666;
 width: 532px;

 padding: 5px 10px 5px 10px;
 margin-left: 5px;
}

#box3 {
 background: url(img/box3.gif);
 width: 554px;
 margin-left: 5px;
}

#box4 {
 background: #FFF url(img/ebis.jpg) no-repeat;
 border-left: solid 1px #666;
 border-right: solid 1px #666;
 width: 452px;
 padding: 20px 20px 20px 80px;
 margin-left: 5px;
}

#box4 ul{
 list-style-type: none;
 padding: 0px;
 margin: 0px;
}

#box4 li {
 float: left;
 width: 150px;
 height: 40px;
 line-height: 40px;
} 

#box4 a{
 font-weight: bold;
 text-decoration: none;
}

.mang {
 font-size: 75%;
 color:#333;
 padding: 0px 0px 5px 0px;
 width: 95%;
}

.mang3 {
 font-size: 80%;
 color:#333;
 padding: 0px 0px 5px 0px;
}

.mang2, .brd01, .brd02, .brd03 {
 color:#333;
 padding: 0px 0px 5px 0px;
 width: 95%;
}

.brd01 {
	background: url(img/cassinaback.gif) no-repeat right center;
}

.brd02 {
	background: url(img/bandbback.gif) no-repeat right center;
}

.brd03 {
	background: url(img/classiconback.gif) no-repeat right center;
}


.mang img, .mang2 img, .mang3 img, .brd01 img, .brd02 img, .brd03 img {
 float: left;
 margin-right: 10px;
}

.toi_num {
 width: 100%;
 padding: 5px 0px 5px 0px;
 text-align: right;
}

.g_box {
 padding: 0px 10px 5px 20px;
 width: 549px;
}

.g_box03 {
 padding: 0px 10px 5px 10px;
}

.g_box h2 {
 margin: 10px 0px 5px 0px;
 font-size: medium;
}

.g_box p {
 font-size: 80%;
 color:#333;
 margin-bottom: 5px;
}

.g_box li{
 float: left;
 margin-right: 40px;
}

.g_box ul{
 margin: 0px;
}


/* 買取 */
.kai {
 padding: 5px 0px 5px 0px;
 width: 95%;
}

.kai h3 {
 font-size: middle;
 color: #339900;
 margin: 0px;
}

.kai img {
 float: left;
 margin-right: 10px;
}

.kai p{
 font-size: 75%;
 color:#333;
}

.kaitel {
 width: 90%;
}

.lead1 {
 color: #b21a0c;
 font-weight: bold;
 clear: both;
 font-size: 90%;
}


/* サイトマップ */
.map1 {
 float: left;
 width: 250px;
 padding: 0px 10px 10px 0px;
}

.map1 h3 {
 background: url("img/leadback.gif");
 width: 234px;
 height: 22px;
 overflow: hidden;
 font-size:12px;
 color: #3333333;
 padding-left: 15px;
}

.map1 ul{
 list-style-type: none;
 margin: 0px;
 padding-left: 0px;
}

.map1 li{
 clear: both;
 width: 200px;
 margin: 0px;
 padding: 7px 0px 7px 20px;
}

.map1 img{
 margin-bottom: 20px;
}


.lined_table, table.lined_table tr td, table.lined_table tr th{
	border-top:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	border-collapse:collapse;
	padding:0.5em 1em;
	font-size: 90%;

}

table.lined_table tr th{
	background-color:#e8e5d9;
	text-align:center;
}

table{
 margin-top: 20px;
}


/* メールフォーム */
.style18 {
	color: #666666;
	font-weight: normal;
}
.style19 {
	color: #793100;
	font-weight: bold;
}
.style20 {color: #FF0000}


/* pageStructureCommon
----------------------------------------------- */
#home h1 {
	width: 789px;
	height: 343px;
	margin: 0 auto;
	padding: 12px 0 0 31px;
	background: url(img2/bgHeader.gif) no-repeat;
	font-family: Verdana,Arial,sans-serif;
	line-height: 130%;
}

#home2 h1 {
	width: 789px;
	height: 183px;
	margin: 0 auto;
	padding: 12px 0 0 31px;
	background: url(img2/bgHeader.gif) no-repeat;
	font-family: Verdana,Arial,sans-serif;
	line-height: 130%;
}

#home #kitchen, #home #yokohama, #home #frame {
	height:	183px;
}


/* g_box
----------------------------------------------- */
#home .g_box {
	padding: 440px 10px 5px 20px;
	width: 549px;
	background: url(img2/bgKitchen.jpg) no-repeat 20px 0;
}

.g_box02 {
	padding: 0px 10px 5px 20px;
	width: 549px;
	background: none;
}

.g_box02 h2 {
	margin: 10px 0px 5px 0px;
	font-size: medium;
}

.g_box02 p {
	font-size: 80%;
	color:#333;
	margin-bottom: 5px;
}

.g_box02 li{
	float: left;
	margin-right: 40px;
}

.g_box02 ul{
	margin: 0px;
}

#contents04 .g_box {
	width: 549px;
	padding: 0px 10px 5px 12px;
	background: none;
}

/* contents
----------------------------------------------- */
#home #contents {
	float: right;
	margin-right: 18px;
}

#home .intro {
	float: right;
	width: 559px;
	padding: 30px 10px 0 0;
	margin: 10px 0 5px 0;
	background: url(img/top_sub1.gif) no-repeat top left;
}

#home .intro02 {
	margin-top: 10px;
	font-weight: bold;
}

#home .intro03 {
	float: right;
	width: 559px;
	padding: 0 10px 0 0;
	margin: 10px 0 5px 0;
	background: none;
	font-size: 75%;
}

.intro04 {
 padding: 10px 28px 5px 12px;
 color:#333;
 font-size: 75%;
}

.intro05 {
 padding: 10px 28px 5px 12px;
 color:#333;
 font-size: 75%;
}

#contents03 {
 float: right;
 width: 589px;
 padding: 0 8px 10px 0;
 display:inline;
 text-align: left;
}

#contents04 {
 float: right;
 width: 569px;
 padding: 0px 10px 10px 0;
 display:inline;
 text-align: left;
}

#con04_inner {
	width: 395px;
	padding-left:170px;
	text-align: left;
 	background:transparent url(img/nagoback.jpg) no-repeat 0 10px !important;
}

.brand01 {
	background:transparent url(img/genre2.gif) no-repeat 0 0 !important;
}

.brand03 {
	background:transparent url(img/genre3.gif) no-repeat 0 0 !important;
}	

.brand04 {
	background:transparent url(img/genre4.gif) no-repeat 0 0 !important;
}

.brand05 {
	background:transparent url(img/genre5.gif) no-repeat 0 0 !important;
}

.brand06 {
	background:transparent url(img/genre6.gif) no-repeat 0 0 !important;
}	

.brand07 {
	background:transparent url(img/genre7.gif) no-repeat 0 0 !important;
}

.brand05, .brand06, .brand07 {
	margin: 10px 0;
	color: #FFF;
	font-weight:bold;
	height:26px;
	padding: 4px 0px 0px 20px;
	overflow: hidden;
	font-size: 14px;
}


/* left
----------------------------------------------- */
#home #left {
	float: left;
}


/* navibar
----------------------------------------------- */
#home #navibar {
	position: absolute;
	top: 65px;
	width: 778px;
	height: 34px;
}

#home #tel1 {
	position: absolute;
	top: 30px;
	margin-left: 194px;
	width: 300px;
	height: 22px;
}

#home #head2 {
	position: absolute;
	top: 99px;
	margin-left: 193px;
	width: 587px;
	height: 80px;
}

#home #other {
	position: absolute;
	top: 30px;
	margin-left: 514px;
	width: 240px;
	height: 17px;
}


/* footer
----------------------------------------------- */
address {
	margin: 10px 0;
	font-weight: normal !important;
	font-style: normal !important;
}

#footer02 {
	border-top: 2px #000000 solid;
	margin: 0;
	padding: 0 20px;
	font-size:70%;
	line-height: 130%;
}

#footer02 a {
	color: #333333;
	text-decoration: none;
}

#footer02 ul {
	margin: 0;
	padding: 0;
}

#footer02 li {
	display: inline;
	padding: 0;
}


/* color
----------------------------------------------- */
#home strong, #footer02 strong {
	color: #333333;
}

#home #navibar strong, #home #kouka strong, #home #head2 strong {
	color: #ffffff;
}

#home #kai_ic strong {
	color: #b21a0c;
}

#home #navi li a:hover strong {
	color: #999999;
}

#home #globalnavi li a:hover strong {
	color: #ff9900;
}

.Kitchen {
	color: #449900 !important;
	font-weight: bold;
}

.Kitchen strong {
	color: #449900 !important;
}

.tx1 strong {
	color: #cc0000 !important;
}


/* misc
----------------------------------------------- */
.intro03 h4 {
	margin-top: 23px;
}

#home h4 strong {
	color: #ffffff;
}

#blok01 {
	padding-left: 20px;
}

#blok01 a {
	text-decoration: none;
}

#blok01 strong {
	color:#3333ff !important;
}

#home #navi li a {
	width: 148px;
}

.skip {
	position: absolute;
	top: -10000px;
	width: 200px;
}

#home #flashcontent {
	position: absolute;
	top: 195px;
	width: 180px;
	height: 150px;
}

#home .top10 {
	margin-top: 10px;

}