@charset "Shift_JIS";

@import url("./common.css");

/* ==================================================

  Main Style Sheet
  Last Update : 2006-09-03T22:51:00+09:00

  トップページ以外のスタイルシートです。

================================================== */

body {
    font-size: 84%;
    text-align: center;
}

.clear { clear: both; }
.bgn { background: none !important; }

.m0 { margin: 0 !important; }
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mr0 { margin-right: 0 !important; }
.ml0 { margin-left: 0 !important; }

a {
    /*\*/
    overflow: hidden;
    /**/
}

img { vertical-align: bottom; }
strong { font-weight: bold; }
hr { display: none; }
ul { list-style-type: none; }
ol { list-style-type: none; }

/* ================================================== */

div#whole {
    width: 760px;
    /*\*//*/
	font-size: 90%;
	/**/
    text-align: left;
    margin: 0 auto;
}

/* ================================================== */

#header {
    position: relative;
    top: 0;
    left: 0;
    padding-top: 10px;
}

#header p.firstText {
    position: absolute;
    top: 10px;
    left: 0;
}

#header p.infoLink {
    text-align: right;
    margin-bottom: 30px;
}

#header h1,
#header h1 a {
    display: block;
    width: 225px;
    height: 36px;
    background: url("../images/header_img_01.jpg") 0 0 no-repeat;
    text-indent: -9999px;
}

#header h1 {
    position: absolute;
    top: 38px;
    left: 0;
}

#header p.tel {
    text-align: right;
    margin-bottom: 6px;
}

#header ul {
    position: relative;
    top: 0;
    left: 0;
    background: url("../images/header_img_03.jpg") 0 0 no-repeat;
}

#header ul li {
    position: absolute;
    top: 0;
    width: 125px;
    height: 56px;
}

#header ul li.home {
    position: relative;
    top: 0;
    left: 0;
}
#header ul li.about { left: 127px; }
#header ul li.guide { left: 254px; }
#header ul li.shopping { left: 381px; }
#header ul li.event { left: 508px; }
#header ul li.inquiry { left: 635px; }

#header ul li a {
    display: block;
    width: 125px;
    height: 40px;
    text-indent: -9999px;
}

#header ul li.home a:hover { background: url("../images/header_img_03.jpg") 0 -56px no-repeat; }
#header ul li.about a:hover { background: url("../images/header_img_03.jpg") -127px -56px no-repeat; }
#header ul li.guide a:hover { background: url("../images/header_img_03.jpg") -254px -56px no-repeat; }
#header ul li.shopping a:hover { background: url("../images/header_img_03.jpg") -381px -56px no-repeat; }
#header ul li.event a:hover { background: url("../images/header_img_03.jpg") -508px -56px no-repeat; }
#header ul li.inquiry a:hover { background: url("../images/header_img_03.jpg") -635px -56px no-repeat; }

body.about #header ul li.about a { background: url("../images/header_img_03.jpg") -127px -56px no-repeat; }
body.guide #header ul li.guide a { background: url("../images/header_img_03.jpg") -254px -56px no-repeat; }
body.shopping #header ul li.shopping a { background: url("../images/header_img_03.jpg") -381px -56px no-repeat; }
body.event #header ul li.event a { background: url("../images/header_img_03.jpg") -508px -56px no-repeat; }
body.inquiry #header ul li.inquiry a { background: url("../images/header_img_03.jpg") -635px -56px no-repeat; }

/* ================================================== */

#content {
    float: left;
    display: inline;
    width: 570px;
    background: url("../images/content_lin_01.jpg") 555px 0 repeat-y;
    margin-bottom: 20px;
}

#content p.location {
    margin-bottom: 12px;
}

#content h2 {
    height: 30px;
    font-weight: bold;
    line-height: 30px;
    background: url("../images/content_tit_01.jpg") 0 0 no-repeat;
    margin-bottom: 25px;
    padding-left: 20px;
}

#content div.section {
    width: 542px;
}

#content div.section h3 {
    font-weight: bold;
    border-left: 4px solid #7da8f7;
    margin-bottom: 18px;
    padding: 3px 0 3px 5px;
}

#content div.section h4 {
    color: #009;
    font-weight: bold;
    margin-bottom: 7px;
}

#content div.section .img {
    margin-bottom: 10px;
}

#content div.section div.float {
    background: url("../images/content_lin_02.jpg") 0 100% repeat-x;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#content div.section div.float img {
    float: left;
    display: inline;
    margin-right: 15px;
}

#content div.section div.float p {
    line-height: 130%;
}

#content div.section div.float02 {
    background: url("../images/content_lin_02.jpg") 0 100% repeat-x;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

#content div.section div.float02 h4 {
    color: #000;
    margin-bottom: 5px;
}

#content div.section div.float02 p {
    line-height: 130%;
}

#content div.section div.float02 img {
    float: left;
    display: inline;
    margin-right: 15px;
}

#content div.section div.float03 {
    margin-bottom: 20px;
}

#content div.section div.float03 h3 {
    color: #009;
    border: none;
    margin-bottom: 10px;
    padding: 0;
}

#content div.section div.float03 p {
    line-height: 130%;
    margin-bottom: 1em;
}

#content div.section div.float03 img {
    float: right;
    display: inline;
    margin-left: 15px;
}

#content div.section table.data {
    width: 100%;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

#content div.section table.data tr th,
#content div.section table.data tr td {
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}

#content div.section table.data thead tr th {
    font-weight: bold;
    text-align: center;
    background: #e5eefd;
    padding: 5px 0;
}

#content div.section table.data tbody tr th {
    text-align: left;
    padding: 5px 0 5px 15px;
}

#content div.section table.data tbody tr td {
    text-align: center;
    padding: 5px 0;
}

#content div.section table.layout {
    width: 100%;
}

#content div.section table.layout tr td {
    background: url("../images/content_lin_02.jpg") 0 94% repeat-x;
    padding: 0 15px 25px 0;
}

#content div.section table.layout tr td div.item {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

#content div.section table.layout tr td div.item div.img {
    position: absolute;
    top: 0;
    left: 0;
}

#content div.section table.layout tr td div.item div.data {
    margin-left: 80px;
}

#content div.section table.layout tr td div.item div.data p {
    line-height: 130%;
    margin-bottom: 8px;
}

#content div.section table.layout tr td div.item div.data p.link,
#content div.section table.layout tr td div.item div.data p.price,
#content div.section table.layout tr td div.item div.cart {
    text-align: right;
}

#content div.section table.layout tr td div.item div.data p.price {
    color: #c00;
    font-weight: bold;
}

#content div.section table.layout tr td div.item div.cart select {
    vertical-align: bottom;
}

#content div.s01 { background: url("../../shopping/images/prt_index_01.jpg") 0 0 no-repeat; }
#content div.s02 { background: url("../../shopping/images/prt_index_01.jpg") 0 -34px no-repeat; }
#content div.s03 { background: url("../../shopping/images/prt_index_01.jpg") 0 -68px no-repeat; }
#content div.s04 { background: url("../../shopping/images/prt_index_01.jpg") 0 -102px no-repeat; }

#content div.section p.userVoiceFirst {
    color:#333;
    margin-bottom: 30px;
}

#content div.section div.userVoice {
    background: url("../images/content_lin_02.jpg") 0 100% repeat-x;
    padding-bottom: 1px;
    margin-bottom: 10px;
}

#content div.section div.userVoice h3 {
    color: #036;
    border: none;
    margin: 0 0 5px 0;
    padding: 0;
}

#content div.section div.userVoice div.floatRight {
    float: right;
    display: inline;
    margin: 0 0 10px 10px;
}

#content div.section div.userVoice p {
    color: #333;
    margin-bottom: 1em;
}

#content div.section div.userVoice p.userName {
    text-align: right;
    color: #333;
}

#content div.category {
    position: relative;
    top: 0;
    left: 0;
    height: 34px;
    margin-bottom: 10px;
}

#content div.category ul li,
#content div.category ul li a {
    display: block;
    height: 30px;
}

#content div.category ul li {
    position: absolute;
    top: 2px;
    font-weight: bold;
    text-align: center;
    line-height: 33px;
}

#content div.category ul li.s01 {
    position: relative;
    top: 2px;
    left: 2px;
    width: 135px;
}
#content div.category ul li.s02 { width: 133px; left: 138px; }
#content div.category ul li.s03 { width: 134px; left: 272px; }
#content div.category ul li.s04 { width: 133px; left: 407px; }

#content div.caution {
    width: 540px;
    background: #fdfafa;
    border: 1px solid #e4cccc;
    margin-bottom: 20px;
    padding: 10px 0 5px 0;
}

#content div.caution h3 {
    color: #c00;
    font-weight: bold;
    margin: 0 0 5px 15px;
}

#content div.caution h3 img {
    vertical-align: middle;
    margin-right: 2px;
}

#content div.caution p {
    line-height: 130%;
    margin: 0 15px 5px 15px;
}

#content div.caution p.link {
    text-align: right;
}

#content div.inquiry {
    width: 542px;
    text-align: center;
    padding-top: 10px;
}

#content div.inquiry div.img {
    background: url("../images/content_prt_02.jpg") 50% 0 no-repeat;
    margin-bottom: 5px;
    padding-top: 41px;
}

#content p.bottomArrow {
    width: 542px;
    text-align: center;
    background: url("../images/content_prt_02.jpg") 50% 100% no-repeat;
    margin-bottom: 15px;
    padding-bottom: 25px;
}

#content div.section div.greeting {
    margin-bottom: 20px;
}

#content div.section div.greeting h3.img {
    padding: 0;
    border: none;
}

#content div.section div.greeting div.floatLeft {
    width: 335px;
    float: left;
    display: inline;
}

#content div.section div.greeting div.floatLeft p {
    margin-bottom: 1em;
}

#content div.section div.greeting div.floatLeft p.adviserName {
    color: #666;
    font-weight: bold;
    text-align: right;
}

#content div.section div.greeting div.floatRight {
    width: 200px;
    float: right;
    display: inline;
    background: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

#content div.section div.greeting div.floatRight img {
    margin: 0;
    padding: 0;
}

#content div.section div.profile {
    background: #e5e5e5;
    padding: 10px;
    margin-bottom: 20px;
}

#content div.section div.profile h4 {
    color: #036;
}

#content div.section div.merit h3 {
    padding: 0;
    border: none;
}

#content div.section div.merit div.meritSection {
    margin-bottom: 20px;
}

#content div.section div.merit div.meritSection div.floatLeft {
    width: 120px;
    float: left;
    display: inline;
}

#content div.section div.merit div.meritSection div.floatRight {
    width: 410px;
    float: right;
    display: inline;
}

/* ================================================== */

#side {
    float: right;
    display: inline;
    width: 190px;
    margin-bottom: 20px;
}

#side div.banner {
    margin-bottom: 8px;
}

#side div.banner ul li {
    margin-bottom: 5px;
}

#side div.section {
    margin-bottom: 5px;
}

#side div.section ul {
    border: 1px solid #ccd6e0;
    border-top: none;
    padding: 10px 0 5px 0;
}

#side div.section ul li {
    background: url("../images/side_prt_01.jpg") 0 0.4em no-repeat;
    margin: 0 0 5px 10px;
    padding-left: 10px;
}

/* ================================================== */

#footer {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    clear: both;
}

#footer p.pageTop {
    text-align: right;
    margin-bottom: 2px;
    padding-bottom: 8px;
    border-bottom: 2px solid #d9d9d9;
}

#footer p.link {
    line-height: 140%;
    background: url("../images/footer_prt_01.jpg") 0 100% repeat-x;
    margin-bottom: 10px;
    padding: 2px 0 5px 10px;
}

#footer address {
    color: #666;
}

#footer p.copyright,
#footer p.privacy {
    position: relative;
    text-align: right;
}

#footer p.copyright { top: -43px; }
#footer p.privacy { top: -38px; }


.tenpo {
	margin: 0px;
	padding: 6px 0px 6px 0px;
	width:420px;
    font-size: 90%;
	line-height: 140%;
	color:#333333;
	border-bottom:1px dotted #cccccc;
}
.tenpob {
	margin: 0px;
	padding: 6px 0px 6px 10px;
	width:120px;
    font-size: 90%;
	line-height: 140%;
	color:#333333;
	font-weight:bold;
	border-bottom:1px dotted #cccccc;
}

#content .table {
	margin: 0px;
	padding: 10px 10px 10px 10px;
	width:420px;
    font-size: 90%;
	line-height: 140%;
    background-color: #ffffff;
	color:#333333;
}
#content .tableb {
	margin: 0px;
	padding: 10px 10px 10px 10px;
	width:120px;
    font-size: 90%;
	line-height: 140%;
    background-color: #eeeeee;
	color:#333333;
}

/* 20110502追加================================================== */

#content div.section01 {
	width: 542px;
	background: url("../images/content_lin_01.jpg") 50% 0 repeat-y;
	margin-bottom: 20px;
}

#content div.section01 dl.floatLeft,
#content div.section01 dl.floatRight {
	display: inline;
	width: 260px;
}

#content div.section01 dl.floatLeft {
	float: left;
}

#content div.section01 dl.floatRight {
	float: right;
}

#content div.section01 dl dt {
	margin-bottom: 5px;
}

#content div.section01 dl dd.moreLink {
	text-align: right;
}