@charset "utf-8";

/* RESET */
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:12px/1.231 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* clear */
.clear{zoom: 1;}.clear:after {content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}

em {
    font-style: italic;
}
/* General Style Info */
body {
    line-height: 18px;
    background-color: #F7F6F2;
}
a {
    color: #444444;
	text-decoration: underline;
}
a:hover {
	color: #FB9F9F;
	text-decoration:none;
}
a img {
	border:none;
}
h1, h2, h3, h4 {
	font-weight: normal;
}
h2 {
}
h3 {
}
h4 {
}


/* Layout */
#container {
    background: url(../img/common/BG/BG_container.jpg) repeat-y left top;
    margin: 0 auto;
    width: 1000px;
	text-align: left;
}
#container_in {
    background: url(../img/common/BG/BG_container_foot.jpg) no-repeat left bottom;
    padding: 20px 25px 20px 25px;
}
#header{
    margin: 0 20px;
    height: 160px;
    position: relative;
}
#header h1 {
    margin: 0 0 10px 0;
    width: 294px;
    height: 80px;
}
#header h1 a {
	background: url(../img/common/IMG/logo.gif) no-repeat left;
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    width: 294px;
    height: 80px;
}
#header #search_box {
    position: absolute;
    top: 7px;
    right: 0;
}
#header #search_box li {
    float: left;
}
#header #search_box li.search_btn {
    padding: 2px 0 0 0;
}
#header #SearchQuery {
    width: 220px;
    line-height: 22px;
    height: 22px;
    border: 1px solid #BEBEBE;
}
#header #search_submit {
    margin: 0 0 0 10px;
    padding: 0 8px;
    color: #FFFFFF;
    line-height: 18px;
    height: 18px;
    background-color: #000000;
    border: 1px solid #000000;
}
#header #headerFreeArea {
    text-align: right;
    position: absolute;
    top: 40px;
    right: 0;
    width: 602px;
    padding: 15px 0 0 0;
}
#header #navigation {
    position: absolute;
    left: 0;
    bottom: 0;
}
#header #navigation li {
    float: left;
}
/* */
#footer {
    margin: 0 auto;
    width: 960px;
	clear: both;
}
#footer ul {
    float: right;
    padding: 5px 0;
    clear: both;
}
#footer ul li {
    font-size: 94%;
    padding: 0 6px;
    float: left;
}
#footer ul li.separator {
    border-right: 1px solid #000000;
}
#footer ul li a {
    text-decoration: none;
}
#footer ul li a:hover {
    text-decoration: underline;
}
#footer .copy {
    text-align: right;
    clear: both;
}

/* Tables */
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}
/* pagetopLink */
.pagetopLink {
    text-align: right;
}


/* Forms */
form {
	clear: both;
	padding: 0;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
}
label {
}
select {
	clear: both;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	padding: 0 3px;
}

/* Notices and Errors */
div.message,
p.message {
    background: url(../img/common/IMG/ICON_message.gif) no-repeat 10px 5px;
    padding: 5px 30px;
    color: #666666;
	background-color: #F4F597;
    margin: 0 0 10px 0;
}
div.error-message {
    background: url(../img/common/IMG/ICON_message.gif) no-repeat 10px 5px;
    padding: 5px 30px;
    color: #666666;
	background-color: #F4F597;
    margin: 0 0 10px 0;
}
p.error {
    background: url(../img/common/IMG/ICON_message.gif) no-repeat 10px 5px;
    padding: 5px 30px;
    color: #666666;
	background-color: #F4F597;
    margin: 0 0 10px 0;
}
.notice {
    background: url(../img/common/IMG/ICON_message.gif) no-repeat 10px 5px;
    padding: 5px 30px;
    color: #666666;
	background-color: #F4F597;
    margin: 0 0 10px 0;
}
.success {
	background: green;
	color: #fff;
}


/* Related */
div.related {
	clear: both;
	display: block;
}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}
/* CONTENT BODY */
#content_body {
    padding: 10px 20px 15px 20px;
}
#content_body .freearea {
    margin: 0 0 10px 0;
}
#content_main {
    float: left;
    width: 602px;
}
#content_main.content {
    line-height: 1.7;
}
#content_side {
    float: right;
    width: 294px;
}
#BreadList {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #BEBEBE;
}
#BreadList a {
    text-decoration: none;
}
/* INDEX */
#content_main.ids h2 {
    margin: 0 0 17px 0;
}
dl dd.more {
    text-align: right;
}
.ids .bigTopicsBox {
    border-bottom: 1px solid #BEBEBE;
    margin: 0 0 14px 0;
    padding: 0 0 14px 0;
}
.ids .bigTopicsBox dt {
    margin: 0 0 10px 0;
}
.ids .bigTopicsBox dt img {
    display: block;
}
.ids .bigTopicsBox dd.category img {
    float: left;
}
.ids .bigTopicsBox dd.category span {
    line-height: 15px;
    float: right;
}
.ids .bigTopicsBox dd.title {
    line-height: 1.7;
    font-size: 15px;
    font-weight: bold;
}
.ids dd {
    line-height: 1.5;
    clear: both;
}
#entry_box .mediumTopicsBox,
.ids .mediumTopicsBox {
    margin: 0 0 15px 0;
}
#entry_box .mediumTopicsBox dl,
.ids .mediumTopicsBox dl {
    width: 294px;
    float: right;
}
#entry_box .mediumTopicsBox dl dd.title,
.ids .mediumTopicsBox dl dd.title {
    font-size: 15px;
    font-weight: bold;
}
#entry_box .smallTopicsBox,
.ids .smallTopicsBox {
    padding: 9px 0 10px 0;
    background: url(../img/common/BG/BG_smallBox_dot.gif) no-repeat left top;
    width: 294px;
}
#entry_box .smallTopicsBox.left,
.ids .smallTopicsBox.left {
    float: left;
}
#entry_box .smallTopicsBox.right,
.ids .smallTopicsBox.right {
    float: right;
}
#entry_box .smallTopicsBox dl,
.ids .smallTopicsBox dl {
    width: 204px;
    float: right;
}
#entry_box .smallTopicsBox dl dt,
.ids .smallTopicsBox dl dt {
    line-height: 15px;
}
#entry_box .smallTopicsBox dl dt img,
.ids .smallTopicsBox dl dt img {
    margin: 0 5px 0 0;
    float: left;
}
#entry_box .smallTopicsBox dl dd.title,
.ids .smallTopicsBox dl dd.title {
    font-size: 13px;
    font-weight: bold;
}
#entry_box .smallTopicsBox dl dd.text a,
.ids .smallTopicsBox dl dd.text a {
    text-decoration: none;
}
#entry_box .smallTopicsBox dl dd.text a:hover,
.ids .smallTopicsBox dl dd.text a:hover {
    color: #666666;
    text-decoration: underline;
}
#entry_box h2 {
    border-top: 1px solid #BEBEBE;
    border-bottom: 1px solid #BEBEBE;
    margin: 0 0 15px 0;
    padding: 0 5px;
    line-height: 40px;
}
#entry_box h3 {
    padding: 5px 0;
    border-top: 1px solid #BEBEBE;
}
.page_content {
    margin: 0 0 15px 0;
}
.page_content .category_title {
    margin: 0 0 25px 0;
}
#body_care #title {
    border-left: 4px solid #EFC221;
}
#goods #title {
    border-left: 4px solid #A0CE86;
}
#shop_spot #title {
    border-left: 4px solid #8971AD;
}
.page_content #title {
    margin: 0 0 15px 0;
    padding: 0 10px;
    position: relative;
	border-bottom: 1px dashed #BEBEBE;
}
.page_content h2 span {
    font-weight: bold;
    font-size: 14px;
}
.page_content #title span.date {
    position: absolute;
    right: 0;
    top: 10px;
}
/* コンテンツを入れるボックス */
.page_content .section {
    clear: both;
    margin: 0 0 15px 0;
}
.page_content .right .imgBox {
    float: right;
}
.page_content .right p {
    text-justify: inter-ideograph;
    text-align: justify;
    float: left;
}
.page_content .left .imgBox {
    float: left;
}
.page_content .left p {
    text-justify: inter-ideograph;
    text-align: justify;
    float: right;
}
.page_content p {
    margin: 0 0 1em 0;
}
.page_content .imgBox img {
    margin: 0 0 10px 0;
    display: block;
}
.page_content .imgBox .caption {
    float: none;
    width: auto;
    font-size: 10px;
    line-height: 1.4;
}
.page_content .imgBox .rtext {
    text-align: right;
}
/* イメージボックスとPタグのサイズ */
.page_content .img180 .imgBox {width: 180px;}
.page_content .img180 p {width: 400px;}

.page_content .img190 .imgBox {width: 190px;}
.page_content .img190 p {width: 390px;}

.page_content .img200 .imgBox {width: 200px;}
.page_content .img200 p {width: 380px;}

.page_content .img210 .imgBox {width: 210px;}
.page_content .img210 p {width: 370px;}

.page_content .img220 .imgBox {width: 220px;}
.page_content .img220 p {width: 360px;}

.page_content .img230 .imgBox {width: 230px;}
.page_content .img230 p {width: 350px;}

.page_content .img240 .imgBox {width: 240px;}
.page_content .img240 p {width: 340px;}

.page_content .img250 .imgBox {width: 250px;}
.page_content .img250 p {width: 330px;}

.page_content .img260 .imgBox {width: 260px;}
.page_content .img260 p {width: 320px;}

.page_content .img270 .imgBox {width: 270px;}
.page_content .img270 p {width: 310px;}

.page_content .img280 .imgBox {width: 280px;}
.page_content .img280 p {width: 300px;}

.page_content .img290 .imgBox {width: 290px;}
.page_content .img290 p {width: 300px;}

.page_content .img300 .imgBox {width: 300px;}
.page_content .img300 p {width: 290px;}

.page_content .dataBox {
    padding: 10px 0 0 0;
    background: #F7F6F2 url(../img/common/BG/BG_dataBoxTOP.gif) no-repeat left top;
    text-align: center;
    clear: both;
}
.page_content .dataBox .inner {
    padding: 0 0 10px 0;
    background: #F7F6F2 url(../img/common/BG/BG_dataBoxBtm.gif) no-repeat left bottom;
}
/*--------------------------------------*/
#content_side .news_topics {
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    border-bottom: 2px solid #000000;
}
#content_side .news_topics a {
    text-decoration: none;
}
#content_side .news_topics a:hover {
    text-decoration: underline;
}
#content_side .news_topics p.more {
    padding: 10px 0 0 0;
    text-align: right;
}
#content_side .news_topics li {
    line-height: 1.5;
    padding: 10px 10px 0 10px;
}
#content_side #month_life {
    margin: 0 0 10px 0;
}
/* CONTENT */
#BackNumber {
    margin: 0 0 15px 0;
}
.BackNumberBox {
    border-top: 1px dotted #BEBEBE;
    padding: 10px 0;
    clear: both;
}
.BackNumberBox dl {
    width: 200px;
    float: right;
}
#BackNumber .more {
    text-align: right;
}
/* ページTOP リンク */
p.pagetop {
    text-align: right;
}

/* freearea */
.freearea {
    clear: both;
}

#content_wrap {
    zoom: 1;
    position: relative;
    height: auto;
    _height: 100%;
}
ul#paging {
    clear: both;
}
ul#paging li {
    padding: 0 2px;
    float: left;
}
ul#paging li a {
    text-decoration: none;
}
ul#paging li a#prev,
ul#paging li a#next {
    text-decoration: none !important;
}
ul#paging li a.page1 {
    text-decoration: underline;
}
.paging {
    height: auto;
    _height: 100%;
    zoom: 1;
}
.paging:after {content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}

/* Pickup Topics */
#pickup_topics {
    margin: 0 0 20px 0;
    padding: 10px;
    border: 1px solid #333333;
}
#pickup_topics p.date {
    padding: 2px 0 0 0;
    margin: 0 0 5px 0;
}
#pickup_topics div.ImgBox {
    margin: 0 0 7px 0;
}
#pickup_topics dt {
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: bold;
}
#pickup_topics p.more {
    text-align: right;
}

/* CATEGORY BLOCK */
#category_block {
    margin: 0 0 10px 0;
}
/* SearchResult */
#search .page_content dt {
    margin: 0 0 5px 0;
    color: #007337;
    border-bottom: 1px solid #007337;
    line-height: 1.5;
    font-weight: bold;
    font-size: 1.2em;
}
#search .page_content dt a {
    text-decoration: none;
}
#search .page_content dd.url {
    text-align: right;
}
#search .page_content dd.url a {
    text-decoration: none;
    font-weight: normal;
}

#search .page_content span.query {
    font-weight: bold;
    background-color: #F9F900;
}


/* */
ul.paging {
    clear: both;
    width: 100%;
}
ul.paging li {
    padding: 0 3px;
    float: left;
}