@charset "utf-8";
/*----------------------------------------------------------
01: base
02: container
03: header
04: mainContents
05: subContents
05: footer
----------------------------------------------------------*/
/* 01: base
==========================================================*/
html {
	background:url(../img/bg_main.gif) repeat;
	height: 100%;
}
body {
	text-align: center;
	font-family: "MS PGothic", "ＭＳ Ｐゴシック", Osaka, "HiraginoKakugo Pro W3", "ヒラギノ角ゴ Pro W3", sans-serif, Meiryo, "メイリオ";
	font-size: 100%;
	color: #333333;
	line-height: 1.0;
	padding: 0;
	margin: 0;
	background: url(../img/bg_container.gif) center top repeat-y;
	height: 100%;
	min-height:100%; 
}
html > body{ 
    height:auto; 
}
h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, form, fieldset, pre, blockquote, address, div, span, img {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	list-style: none;
}
img {
	border: 0;
	vertical-align: top;
}
textarea {
	font-size: 100%;
}
label {
	cursor: pointer;
}
hr {
	display: none;
}
noscript {
	font-size: 78%;
	font-weight: bold;
}
/* ------link------ */
a:link {
	color: #663300;
	text-decoration: underline;
}
a:visited {
	color: #663300;
	text-decoration: underline;
}
a:active {
	color: #663300;
	text-decoration: underline;
}
a:hover {
	color: #663300;
	text-decoration: none;
}
/* 02: container
==========================================================*/
#container {
	width: 714px;
	margin: 0px auto;
	text-align: left;
	font-size: 78%;
	position: relative;
	z-index: 0;
}
/* 03: header
==========================================================*/
#header {
	width: 715px;
	height: 142px;
	position: relative;
	background: url(../img/help_bg.gif) left top no-repeat;
	z-index: 2;
}
/* ------search------ */
#logo {
	position: absolute;
	left: 0;
	top: 0;
}
#logo a {
	display: block;
	padding-top: 24px;
}
/* ------character------ */
#character {
	position: absolute;
	left: 179px;
	top: 11px;
}
/* ------search------ */
#searchSec #search {
	width: 115px;
	position: absolute;
	left: 365px;
	top: 43px;
	color: #666666;
	border: 1px solid #CCCCCC;
}
#searchSec #button {
	position: absolute;
	left: 487px;
	top: 43px;
}
#searchSec #googleLogo {
	position: absolute;
	left: 311px;
	top: 46px;
}
/* ------fontSize------ */
#fontSize dt {
	width: 154px;
	position: absolute;
	right: 0px;
	top: 40px;
}
#fontSize dd img {
	cursor: pointer;
}
#fontSize #fontL {
	position: absolute;
	right: 49px;
	top: 40px;
	font-size: 120%;
}
#fontSize #fontM {
	position: absolute;
	right: 23px;
	top: 40px;
	font-size: 100%;
}
#fontSize #fontS {
	position: absolute;
	right: 0px;
	top: 40px;
	font-size: 85%;
}
.fontL {
	font-size: 120%;
}
.fontM {
	font-size: 100%;
}
.fontS {
	font-size: 85%;
}
/* ------help------ */
#help li {
	position: absolute;
}
#help #aggravating {
	right: 290px;
	top: 7px;
}
#help #contact {
	right: 186px;
	top: 7px;
}
#help #link {
	right: 109px;
	top: 7px;
}
#help #sitemap {
	right: 9px;
	top: 7px;
}
/* ------glovalnav------ */
#gNav {
	width: 715px;
	position: absolute;
	left: 0;
	top: 75px;
	background: url(../img/gnav_bg.gif) center bottom no-repeat;
	padding-bottom: 5px;
}
#gNav li {
	float: left;
	position: relative;
}
#gNav li li {
	clear: both;
}
#gNav ul {
	position: absolute;
	top: -999em;	
}
#gNav li:hover a, 
#gNav li.sfHover a {
	background: #FFF;
}
#gNav li:hover ul,
#gNav li.sfHover ul {
	top: 45px;
	left: 0;
}
#gNav .mHome {
	width: 68px;
}
#gNav .mAboutus {
	width: 136px;
}
#gNav .mBusiness {
	width: 87px;
}
#gNav .mStore {
	width: 88px;
}
#gNav .mSpecialty {
	width: 125px;
}
#gNav .mOnlineshop {
	width: 88px;
}
#gNav .mOnlineshop ul{
	display: none;
}
#gNav .mTopics {
	width: 123px;
}
/* 04: mainContents
==========================================================*/
#mainContents {
	width: 496px;
	float: left;
	z-index: 1;
}
/* ------pankuzu------ */
#mainContents #pankuzu {
	line-height: 1.0 !important;
	font-size: 85%;
	color: #666666;
	padding-top: 1px;
	margin: 0;
	text-indent: 0;
}
#mainContents p {
	line-height: 1.5;
	margin-bottom: 0.6em;
	text-indent: 1em;
}
#mainContents h1 {
	margin: 10px 0 20px 0 ;
	position: relative;
}
#mainContents h2 {
	background:url(../img/h2_bg_bottom.gif) left bottom no-repeat;
	margin: 30px 0 10px 0;
	font-size: 140%;
	color: #400404;
	clear: both;
}
#mainContents h2.spring {
	background:url(../img/h2_bg_bottom_spring.gif) left bottom no-repeat;
	margin: 30px 0 10px 0;
	font-size: 140%;
	color: #400404;
	clear: both;
}
#mainContents h2.summer {
	background:url(../img/h2_bg_bottom_summer.gif) left bottom no-repeat;
	margin: 30px 0 10px 0;
	font-size: 140%;
	color: #400404;
	clear: both;
}
#mainContents h2.autumn {
	background:url(../img/h2_bg_bottom_autumn.gif) left bottom no-repeat;
	margin: 30px 0 10px 0;
	font-size: 140%;
	color: #400404;
	clear: both;
}
#mainContents h2.winter {
	background:url(../img/h2_bg_bottom_winter.gif) left bottom no-repeat;
	margin: 30px 0 10px 0;
	font-size: 140%;
	color: #400404;
	clear: both;
}
#mainContents h2 span {
	display: block;
	background:url(../img/h2_bg_top.gif) left top no-repeat;
	font-weight: bold;
	padding: 9px;
}
#mainContents h3 {
	background:url(../img/h3_bg.gif) left center no-repeat;
	padding: 4px 0 4px 12px;
	margin: 20px 0 5px 0;
	font-size: 120%;
	font-weight: bold;
	clear: both;
}
#mainContents h4 {
	font-size: 100%;
	font-weight: bold;
	color: #336600;
	margin: 2px 0;
}
#mainContents ul, ol {
	margin: 1em 0 1em 10px;
	line-height: 1.5;
}
#mainContents ol {
	margin-left: 25px;
}
#mainContents ol li {
	list-style: decimal;
}
#mainContents ul li {
	margin-left: 15px;
	list-style: square;
}
#mainContents dl {
	margin-bottom: 1em;
	line-height: 1.5;
}
/*　リンクアイコン　*/
#mainContents .link a,
#mainContents a.link,
#mainContents span.link {
	background: url(../img/icon_link.gif) 0.2em 0.2em no-repeat;
	padding-left: 12px;
	list-style: none;
	margin-left: 0;
}
#mainContents .blank a,
#mainContents a.blank,
#mainContents span.blank {
	background: url(../img/icon_blank.gif) left center no-repeat;
	padding-left: 12px;
}
#mainContents .pdf a,
#mainContents a.pdf,
#mainContents span.pdf {
	background: url(../img/icon_pdf.gif) 0em 0.2em no-repeat;
	padding: 3px 0 5px 20px;
}
#mainContents li.link,
#mainContents li.blank,
#mainContents li.pdf {
	list-style: none;
	margin-left: 0;
}
#mainContents .link,
#mainContents .blank,
#mainContents .pdf {
	text-indent: 0;
}
#mainContents span.link,
#mainContents span.blank,
#mainContents span.pdf {
	display: inline-block;
}
/* table */
#mainContents table {
	line-height: 1.5;
	margin-bottom: 10px;
}
#mainContents table h3 {
	margin-top: 0;
}
#mainContents table img {
	margin-bottom: 10px;
}
#mainContents table span {
	margin-top: 5px;
	display: inline;
}
#mainContents table.typeA {
	border-collapse: collapse;
}
#mainContents table.typeA th {
	background: #eeebbf;
	border: 1px solid #666666;
	padding: 8px;
	font-weight: normal;
}
#mainContents table.typeA td {
	border: 1px solid #666666;
	padding: 8px;
}
#mainContents table.typeB td {
	padding-right: 15px;
	padding-bottom: 10px;
}
#mainContents table.typeB img {
	margin-bottom: 0;
}
/* 右寄せ */
#mainContents .rightTxt {
	text-align: right;
}
/* 強調 */
#mainContents em {
	color: #c54646;
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
}
/* インデントなし */
#mainContents .indentNone {
	text-indent: 0;
}
/* ※注釈 */
#mainContents .annotation {
	text-indent: -1em;
	margin-left: 1em;
	margin-bottom: 0;
}
/* 画像左回り込み */
#mainContents .leftImage {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
/* 画像右回り込み */
#mainContents .rightImage {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
}
/* 右回り込み解除 */
#mainContents .clear {
	clear: both;
	height: 1px;
}
/*　レイアウトテーブルマージン解除　*/
#mainContents table.clear {
	margin-bottom: 0;
}
/* pagetop */
#mainContents .pagetop {
	width: 100%;
	margin: 20px 0;
	text-align: right;
	clear: both;
}
/* ページ内リンク */
#mainContents .sectionLink {
	background: url(../img/sectionLink_bottom.gif) left bottom no-repeat;
	padding-bottom: 1px;
}
#mainContents .sectionLink ul {
	margin: 0;
	padding: 4px 0 7px 0;
	background: url(../img/sectionLink_top.gif) left top no-repeat;
	overflow: hidden;
	width: 100%;
}
#mainContents .sectionLink li {
	float: left;
	list-style: none;
	margin: 5px 10px 0 10px;
}
#mainContents .sectionLink li a {
	background: url(../img/icon_sectionLink.gif) left center no-repeat;
	padding-left: 12px;
	white-space: nowrap;
	display: block;
}
/* form */
#mainContents form {
	margin: 15px auto;
}
#mainContents form table {
	margin-bottom: 15px;
}
#mainContents form p {
	text-indent: 0;
}
.quiz #mainContents form th {
	width: 150px;
}
#mainContents form td {
	vertical-align: middle;
}
#mainContents form table.total {
	padding: 8px;
	text-align: right;
}
#mainContents form table.total td {
	padding: 8px;
}
#mainContents form #answer,
#mainContents form #name,
#mainContents form #name2,
#mainContents form #kana,
#mainContents form #kana2,
#mainContents form #email,
#mainContents form #email2,
#mainContents form #address,
#mainContents form #address2  {
	width: 320px;
}
#mainContents form #comment {
	width: 320px;
}
#mainContents form input#zip,
#mainContents form input#zip2 {
	width: 80px;
}
#mainContents .button {
	text-align: center;
	margin: 15px auto;
}
#mainContents .button input {
	cursor: pointer;
}
#mainContents form .errorMessage {
	text-align: left;
	color: #CC0000;
}
#mainContents form .error th,
#mainContents form .error td {
	background-color: #e3bda1 !important;
}
#mainContents form .submitbtm {
	margin: 0 10px;
}
#mainContents form #amount1,
#mainContents form #amount2,
#mainContents form #amount3,
#mainContents form #amount4 {
	width: 3.5em;
}
#mainContents form #weight1,
#mainContents form #weight2,
#mainContents form #weight3,
#mainContents form #weight4{
	width: 2em;
}
#mainContents form strong span {
	font-weight: bold;
}
/* 05: subContents
==========================================================*/
#subContents {
	width: 200px;
	float: right;
}
/* ------sNavi------ */
#sNavi {
	background: url(../img/sNavi_bg_bottom.gif) center bottom no-repeat;
	padding-bottom: 5px;
}
#sNavi dl {
	background: url(../img/sNavi_bg.gif) repeat-y;
}
#sNavi dd {
	margin: 1px 5px;
	line-height: 1.1;
	width: 190px;
}
#sNavi dd a {
	padding: 10px 10px 8px 13px;
	background: url(../img/sNavi_bg_menu.gif) no-repeat #ededed;
	display: block;
}
#sNavi dd a:link {
	color: #666666;
	text-decoration: none;
}
#sNavi dd a:visited {
	color: #666666;
	text-decoration: none;
}
#sNavi dd a:active {
	color: #666666;
	text-decoration: none;
}
#sNavi dd a:hover {
	color: #666666;
	text-decoration: underline;
}
/* ------bunner------ */
#bunner li {
	margin: 9px 0;
}
/* 05: footer
==========================================================*/
#footer {
	width: 100%;
	clear: both;
	background: url(../img/footer_bg.gif) center top no-repeat;
	padding: 18px 0 30px 0;
	text-align: center;
}
#footer ul {
	text-align: center;
	display: inline;
}
#footer li {
	display: inline;
	margin: 0 7px;
}
address {
	text-align: center;
	display: inline;
}
/* 追加
==========================================================*/
a:hover img.rollover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	zoom:1;/
}




/*どろんこ*/

#mainContents #doronko_table img {
	margin: 0px;
}


#mainContents #doronko_table tr {
	border-bottom:1px dashed #CCCCCC;
	}