/* reset css */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted #000;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}


/* -------------------------------------------------- */

body {background:url(/img/common/bg_body.gif) #ccc center 0 repeat-y;color:#333;}
#wrapper {width:930px;margin:0 auto;padding:0 10px;}
#contents {padding:10px 0 0 0;border-top:1px solid #000;}
#sideA {float:left; width:170px;background:url(/img/common/bg_side.gif) transparent right 0 repeat-y;}
#main {float:right;width:740px;padding:0 0 0 10px;}

#content {float:left; width:547px;padding:0 10px 0 0;}
#sideB   {float:right;width:173px;padding:0 0 0 10px;background:url(/img/common/bg_side.gif) transparent left 0 repeat-y;}

a {color:#333;}

.sp {display:none;}

/* header -------------------------------------------------- */
header {width:930px;height:143px;background:url(/img/common/bg_header2.jpg) transparent 0 0 no-repeat;border-top:5px solid #fe0000;}
header #logo {margin:36px 0 0 100px;}

/* navigation -------------------------------------------------- */
nav ul {height:27px;border-bottom:5px solid #b32929;}
nav ul li {display:block;float:left;;height:27px;}
nav ul li:first-child {margin:0 0 0 170px;}
nav ul li a {display:block;height:27px;margin:0 1px 0 0;}
nav ul li.nav1 a {width:120px;height:27px;}
nav ul li.nav3 a,
nav ul li.nav4 a,
nav ul li.nav5 a,
nav ul li.nav6 a {width:121px;height:27px;}
nav ul li.nav2 a {width:141px;height:27px;}
nav ul li.nav1 a {background:url(/img/common/head_menu.gif) transparent 0 0 no-repeat;}
nav ul li.nav2 a {background:url(/img/common/head_menu.gif) transparent -120px 0 no-repeat;}
nav ul li.nav5 a {background:url(/img/common/head_menu.gif) transparent -261px 0 no-repeat;}
nav ul li.nav4 a {background:url(/img/common/head_menu.gif) transparent -382px 0 no-repeat;}
nav ul li.nav6 a {background:url(/img/common/head_menu.gif) transparent -503px 0 no-repeat;}
nav ul li.nav3 a {background:url(/img/common/head_menu.gif) transparent -624px 0 no-repeat;}
nav ul li.nav1 a.active {background:url(/img/common/head_menu.gif) transparent 0 -33px no-repeat;}
nav ul li.nav2 a.active {background:url(/img/common/head_menu.gif) transparent -120px -33px no-repeat;}
nav ul li.nav5 a.active {background:url(/img/common/head_menu.gif) transparent -261px -33px no-repeat;}
nav ul li.nav4 a.active {background:url(/img/common/head_menu.gif) transparent -382px -33px no-repeat;}
nav ul li.nav6 a.active {background:url(/img/common/head_menu.gif) transparent -503px -33px no-repeat;}
nav ul li.nav3 a.active {background:url(/img/common/head_menu.gif) transparent -624px -33px no-repeat;}
nav ul li.nav1 a:hover {background:url(/img/common/head_menu.gif) transparent 0 -66px no-repeat;}
nav ul li.nav2 a:hover {background:url(/img/common/head_menu.gif) transparent -120px -66px no-repeat;}
nav ul li.nav5 a:hover {background:url(/img/common/head_menu.gif) transparent -261px -66px no-repeat;}
nav ul li.nav4 a:hover {background:url(/img/common/head_menu.gif) transparent -382px -66px no-repeat;}
nav ul li.nav6 a:hover {background:url(/img/common/head_menu.gif) transparent -503px -66px no-repeat;}
nav ul li.nav3 a:hover {background:url(/img/common/head_menu.gif) transparent -624px -66px no-repeat;}
nav ul li.nav1 a.active:hover {background:url(/img/common/head_menu.gif) transparent 0 -33px no-repeat;}
nav ul li.nav2 a.active:hover {background:url(/img/common/head_menu.gif) transparent -120px -33px no-repeat;}
nav ul li.nav5 a.active:hover {background:url(/img/common/head_menu.gif) transparent -261px -33px no-repeat;}
nav ul li.nav4 a.active:hover {background:url(/img/common/head_menu.gif) transparent -382px -33px no-repeat;}
nav ul li.nav6 a.active:hover {background:url(/img/common/head_menu.gif) transparent -503px -33px no-repeat;}
nav ul li.nav3 a.active:hover {background:url(/img/common/head_menu.gif) transparent -624px -33px no-repeat;}

nav ul li a span {display:none;}


/* content -------------------------------------------------- */
#content h1.top-midashi {padding:10px 0;font-size:84%;}
#content .page-asset {width:530px;}
#content .page-asset p {padding:10px;font-size:84%;line-height:1.5;}
#content .page-asset ul {padding:0 0 0 30px;}
#content .page-asset ul li {font-size:84%;line-height:1.5;}
#content .page-asset h2 {padding:10px 10px 0 10px;}
#content .page-asset h2.midashi {padding:0 0 0 20px;}

#content .midashi {
	width:510px;
	height:25px;
	padding:0 0 0 20px;
	background:url(/img/common/bg_content_midashi.gif) transparent 0 0 no-repeat;
	font-size:82%;
	font-weight:normal;
	line-height:25px;
}
#content .toptxt {padding:10px;font-size:84%;line-height:1.5;}

#content #bnrtop {width:530px;height:160px;}


.top_tebori #profil {padding:10px 0;}
.top_tebori #profil dl {float:left;width:200px;font-size:84%;}
.top_tebori #profil dl dt {padding:0 0 5px 0;font-weight:bold;}
.top_tebori #profil dl dd {padding:0 0 10px 0;}
.top_tebori #profil p  {float:right;width:319px;padding:0;}
.top_tebori #profil p img {margin:0 0 5px 0;}

ul#pankuzu {width:530px;padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px dotted #ccc;}
ul#pankuzu li {display:inline;font-size:84%;}
ul#pankuzu li.last a {font-weight:bold;text-decoration:none;}
ul#pankuzu li:after {content:" > ";}
ul#pankuzu li.last:after {content:"";}

/* toppage */
#topShopSearch {width:530px;padding:10px 0 0 0;}
#shopSearch {width:530px;padding:0;}
#topShopSearch .midashi {margin:0 0 10px 0;}
#shopSearch .midashi {}
#topShopSearch .map,
#shopSearch .map {float:left;width:350px;}
#topShopSearch .newshoplist,
#shopSearch .newshoplist {float:right;width:170px;}
#topShopSearch .newshoplist ul li,
#shopSearch .newshoplist ul li {padding:0 0 5px 0;list-style-type:none;font-size:84%;line-height:1.3;}
#topShopSearch .smiletenchou p {padding:0 0 5px 0;font-size:84%;line-height:1.4;}

#content #topTopics dl {padding:10px;font-size:84%;line-height:1.5;}
#content #topTopics dl dt {float:left;width:9em;}
#content #topTopics dl dd {margin:0 0 0 7.5em;}

#content #topMame dl {width:530px;padding:10px 0;font-size:84%;line-height:1.5;}
#content #topMame dl dt {padding:5px;background:#fff9ee;color:#db8400;font-weight:bold;}
#content #topMame dl dd {padding:5px 10px 20px 10px;}


/* shoplist */
#content #shopfilter {width:488px;padding:10px;margin:10px;border:1px solid #ccc;background:#ffffcc;}
#content #shopfilter h2 {padding:0 0 10px 0;}
#content #shopfilter p {padding:0 0 0 0;font-size:84%;line-height:1.5;}
#content #shopfilter #search input {margin-right:10px;}
#content .shoplist {width:530px;margin:0 0 20px 0;}
#content .shoplist dl {border-left:3px solid #666;border-right:3px solid #666;border-bottom:3px solid #666;font-size:84%;}
#content .shoplist dl dt {padding:5px 10px 5px 10px;border-top:1px solid #666;border-bottom:1px dotted #ccc;background:#f0f0f0;font-weight:bold;line-height:1.5;}
#content .shoplist dl dd {padding:5px 10px 5px 10px;line-height:1.5;}
#content .shoplist #fs-result dl {border-top:2px solid #666;}
#content .shoplist #fs-result #fs-result-msg p {padding:0 0 10px 0;font-size:84%;}
#content .shoplist #fs-result #fs-paginate {padding:10px 0 20px 0;margin:0 0 30px 0;}
#content .shoplist #fs-result #fs-paginate ul li {list-style-type:none;}
#content .shoplist #fs-result #fs-paginate ul li a {display:block;float:left;padding:10px;margin:0 5px 0 0;border:1px solid #ccc;font-size:84%;text-align:center;text-decoration:none;}
#content .shoplist #fs-result #fs-paginate ul li.fs-current a {background:#eee;font-weight:bold;}
#content h2.cityname {width:514px;padding:5px;border-left:3px solid #666;border-right:3px solid #666;border-top:3px solid #666;background:#69c;color:#fff;text-align:center;}

/* shopdtl */
#content .shopdtl {width:530px;}
#content .shopdtl h1 {padding:5px;margin:0 0 10px 0;border-left:5px solid #333;}
#content .shopdtl .shopmes {width:530px;margin:10px 10px 20px 10px;font-size:84%;line-height:1.5;}
#content .shopdtl dl {margin:10px 0 20px 0;background:#f0f0f0;border-bottom:1px solid #ccc;font-size:84%;}
#content .shopdtl dl dt {float:left;width:8em;padding:5px;border-top:1px solid #ccc;line-height:1.5;}
#content .shopdtl dl dd {margin:0 0 0 8em;padding:5px;border-top:1px solid #ccc;background:#fff;line-height:1.5;}

#content .shopdtl #map {width:530px;height:300px;margin:10px 0;}
#content .shopdtl p.access {padding:10px 10px 0 10px;font-size:84%;line-height:1.5;}
#content .shopdtl-item {width:507px;margin:20px auto;}
#content .shopdtl-item p {padding:;}

/* smile */
#content #smileCurrent {width:530px;padding:10px 0;}
#content #smileCurrent dl {padding:10px;margin:0 0 10px 0;background:#fcfcfc;border:1px solid #ccc;font-size:84%;}
#content #smileCurrent dl dt {float:left;width:122px;}
#content #smileCurrent dl dt img {width:120px;border:1px solid #ccc;}
#content #smileCurrent dl dd {margin:0 0 0 132px;line-height:1.5;}
#content #smileCurrent dl dd .shop-name {font-weight:bold;}
#content #smileCategory ul {padding:10px;}
#content #smileCategory ul li {list-style-type:none;font-size:84%;line-height:1.5;}

#content .smiledtl {width:530px;}
#content .smiledtl p {padding:10px;font-size:84%;line-height:1.5;}
#content .smiledtl .midashi {margin-bottom:10px;}


/* item */
#content #itemlist ul {padding:1px;}
#content #itemlist ul li {float:left;padding:5px;list-style-type:none;}
#content #itemlist ul li img {width:166px;}
#content #itemlist ul.list {padding:0 0 0 0;}
#content #itemlist ul.list li {float:left;padding:8px;width:160px;font-size:84%;line-height:1.5;list-style-type:none;}
#content #itemlist ul.list li img {width:160px;}
#content #itemlist ul.list li a {font-weight:bold;}
#content #itemlist ul.sp {display:none;}

#content .itemdtl {width:530px;}
#content .itemdtl p {padding:10px 10px 20px 10px;font-size:84%;line-height:1.5;}
#content .itemdtl ul {margin:0 0 0 30px;}
#content .itemdtl ul li {font-size:84%;line-height:1.5;}
#content .itemdtl .youto-list {padding:10px 0 20px 0;}
#content .itemdtl .youto-list ul {padding:10px 0 0 0;margin:0}
#content .itemdtl .youto-list ul li {min-height:60px;padding:0 10px 10px 80px;margin:10px 0 0 0;border-bottom:1px dotted #ccc;font-size:84%;line-height:1.5;list-style-type:none;}
#content .itemdtl .youto-list ul li.kj {background:url(/img/item/inkan/small_kojin_jituin.jpg) 10px 0 no-repeat;}
#content .itemdtl .youto-list ul li.kg {background:url(/img/item/inkan/small_kojin_ginkouin.jpg) 10px 0 no-repeat;}
#content .itemdtl .youto-list ul li.km {background:url(/img/item/inkan/small_kojin_mitomein.jpg) 10px 0 no-repeat;}
#content .itemdtl .youto-list ul li.hj {background:url(/img/item/inkan/small_hojin_yakusyokuin.jpg) 10px 0 no-repeat;}
#content .itemdtl .youto-list ul li.hg {background:url(/img/item/inkan/small_hojin_ginkouin.jpg) 10px 0 no-repeat;}
#content .itemdtl .youto-list ul li.hk {background:url(/img/item/inkan/small_hojin_kakuin.jpg) 10px 0 no-repeat;}
#content .itemdtl .youto-list .kojin {float:left; width:250px;}
#content .itemdtl .youto-list .hojin {float:right;width:250px;}

#content .itemdtl ul.design-list {padding:0 5px;margin:0;width:520px;}
#content .itemdtl ul.design-list li {float:left;width:250px;padding:10px 5px;margin:0;list-style-type:none;font-size:84%;line-height:1.4;}

#content .itemdtl ul.inzai-list,
#content .itemdtl ul.inzai-list-h {margin:0;}
#content .itemdtl ul.inzai-list li,
#content .itemdtl ul.inzai-list-h li {float:left;padding:10px;list-style-type:none;font-size:84%;text-align:center;}
#content .itemdtl ul.inzai-list-h li img {width:80px;}
#content .itemdtl ul.shotai-list {margin:0;}
#content .itemdtl ul.shotai-list li {float:left;padding:10px 5px;list-style-type:none;font-size:84%;text-align:center;}

#content .itemdtl ol.flow {margin:0 0 0 30px;}
#content .itemdtl ol.flow li {padding:0 0 0 0;font-size:84%;line-height:1.5;}
#content .itemdtl .map {margin:0 0 20px 90px;}
#content .itemdtl dl.item-dllist {margin:0 0px 0px 10px;}
#content .itemdtl dl.item-dllist dt {clear:both;float:left;padding:0 10px 0 0;}
#content .itemdtl dl.item-dllist dd {margin:0 0 10px 110px;min-height:100px;font-size:84%;line-height:1.5;}

#content .itemdtl dl.item-calendarlist {margin:0 0px 0px 10px;}
#content .itemdtl dl.item-calendarlist dt {clear:both;float:left;padding:0 10px 0 0;}
#content .itemdtl dl.item-calendarlist dd {margin:0 0 10px 110px;min-height:185px;font-size:84%;line-height:1.5;}

/* news */
#content .newsdtl h1.title {padding:0 0 10px 0;border-bottom:1px dotted #333;font-size:120%;font-weight:bold;}
#content .newsdtl p.date {padding:10px 0;font-size:80%;text-align:right;}
#content .newsdtl h2 {padding:20px 0 5px 0;}
#content .newsdtl .asset-body,
#content .newsdtl .asset-more {padding:0 0 20px 0;}
#content .newsdtl .asset-body p,
#content .newsdtl .asset-more p {font-size:84%;line-height:1.5;}
#content .newsdtl .asset-body table,
#content .newsdtl .asset-more table {width:100%;}
#content .newsdtl .asset-body table th,
#content .newsdtl .asset-more table th,
#content .newsdtl .asset-body table td,
#content .newsdtl .asset-more table td {padding:10px;border:1px solid #ccc;font-size:84%;line-height:1.5;}
#content .newsdtl .asset-body table th,
#content .newsdtl .asset-more table th {background:#eee;font-weight:bold;}

/* sideA -------------------------------------------------- */
#sideA .widget p.midashi {
	width:140px;
	height:21px;
	padding:0 0 0 20px;
	background:url(/img/common/bg_side_midashi.gif) transparent 0 0 no-repeat;
	font-size:82%;
	line-height:21px;
}
#sideA .widget ul.side-menu {
	margin:0 10px 20px 0;
}
#sideA .widget ul.side-menu li {
	padding:5px 0 5px 20px;
	background:url(/img/common/ico_arrow_gray.gif) transparent 10px center no-repeat;
	border-bottom:1px dotted #ba6c32;
	font-size:76%;
	line-height:1.4;
	list-style-type:none;
}
#sideA .store-image .img {padding:0 0 5px 0;}
#sideA .store-image .txt {font-size:68%;}
#sideA .store-image ul li {margin-top:0;padding-top:0;}
#sideA .side-bnr {padding:0 0 10px 0;}
#sideA .ondanka-bnr p {width:156px;padding:0 0 10px 0;font-size:80%;line-height:1.4;}

/* sideB -------------------------------------------------- */
#sideB .fckaihatsu {padding:0 0 10px 0;}
#sideB .fckaihatsu p {padding:0 0 5px 0;}
#sideB .fckaihatsu ul {padding:0 0 0 20px;}
#sideB .fckaihatsu ul li {padding:0 0 5px 0;font-size:84%;}

#sideB .service-bnr ul li,
#sideB .item-bnr ul li {padding:0 0 10px 0;list-style-type:none;font-size:76%;text-align:center;line-height:1.5;}
#sideB .bnr-jawic p {font-size:80%;text-align:center;line-height:1.4;}

/* footer -------------------------------------------------- */
footer {padding:10px 0;border-top:5px solid #fe0000;}
footer .footer-menu {padding:0 0 20px 0;text-align:center;}
footer .footer-menu li {display:inline;padding:0 5px 0 5px;border-right:1px solid #ba6c32;font-size:72%;}
footer .footer-menu li:first-child {border-left:1px solid #ba6c32;}
footer .permission {margin:0 0 20px 0;color:#777d41;font-size:84%;text-align:center;line-height:1.4;}
footer .copyright {padding:20px 0 20px 0;border-top:1px dotted #ccc;color:#777d41;font-size:84%;text-align:center;line-height:1.4;}



/* clearfix -------------------------------------------------- */
nav ul:after,
#contents:after,
#topShopSearch:after,
#shopSearch:after,
#content #smileCurrent dl:after,
#content #itemlist ul:after,
#content .itemdtl .youto-list:after,
#content .itemdtl ul.design-list:after,
#content .itemdtl ul.list-box:after,
.top_tebori #profil:after {
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
nav ul,
#contents,
#topShopSearch,
#shopSearch,
#content #smileCurrent dl,
#content #itemlist ul,
#content .itemdtl .youto-list,
#content .itemdtl ul.design-list,
#content .itemdtl ul.list-box,
.top_tebori #profil {display: inline-block;}

/* Hides from IE Mac */
* html nav ul,
* html #contents,
* html #topShopSearch,
* html #shopSearch,
* html #content #smileCurrent dl,
* html #content #itemlist ul,
* html #content .itemdtl .youto-list,
* html #content .itemdtl ul.design-list,
* html #content .itemdtl ul.list-box,
* html .top_tebori #profil {height: 1%;}
nav ul,
#contents,
#topShopSearch,
#shopSearch,
#content #smileCurrent dl,
#content #itemlist ul,
#content .itemdtl .youto-list,
#content .itemdtl ul.design-list,
#content .itemdtl ul.list-box,
.top_tebori #profil {display:block;}
/* End Hack */ 

