@charset "utf-8";

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

/* HTML5 RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, ins, kdb, 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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, 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, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, ol { list-style: none; }
blockquote q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
img { border: 0; vertical-align: bottom; font-size: 100%; outline: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCC; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; margin: 0; }
:focus { outline: 0; }


/* clearfix */
.box_A:after,
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix,
* html .box_A { zoom: 1; } /* IE6 */
*:first-child+html .clearfix,
*:first-child+html .box_A { zoom: 1; } /* IE7 */
.box_A,
.clearfix { overflow: hidden; } /* for Dreamweaver */

/* 文字サイズ・装飾 */
strong	{ font-size: 100%; font-weight: bold; }
small	{ font-size: 88%; }
.red	{ color: #C33; }
.green	{ color: #22AC1F; }
.navy	{ color: #00186c; }
.blue	{ color: #00F; }
.orange	{ color: #F60; }

.bgGray		{ background-color: #dddddd; }
.bgPink		{ background-color: #fff4f4; }

.txtCenter	{ text-align: center; }
.txtRight	{ text-align: right; }
.txtLeft	{ text-align: left; }
.txtSmall	{ font-size: 88%; }
.txtSmall2	{ font-size: 72%; }
.txtKome	{ margin-left: 1em; text-indent: -1em; }
.txtIndent1	{ text-indent: 1em; }
.txtBig		{ font-size: 116%; }
.txtStrong	{ font-weight: bold; }
.txtNormal	{ font-weight: normal; }
.verticalT	{ vertical-align: top; }
.verticalM	{ vertical-align: middle; }
.verticalB	{ vertical-align: bottom; }
.nowrap		{ white-space: nowrap; }

.txtOverline	{ text-decoration: overline; }

.lineHeight14	{ line-height: 1.4em !important; }
.lineHeight16	{ line-height: 1.8em !important; }
.lineHeight18	{ line-height: 1.6em !important; }

.clear-type {
	-webkit-transform-origin: 0 0;
		   -webkit-transform: scale(1, 1.01);
	   -moz-transform-origin: 0 0;
			  -moz-transform: scale(1, 1.01);
		-ms-transform-origin: 0 0;
			   -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
		 -o-transform-origin: 0 0;
				-o-transform: scale(1, 1.01);
}

.capt { font-size: 90%; line-height: 1.4em; color: #666666; }



/*リスト*/
li			{ vertical-align: top; }
.square		{ list-style: square; }
.decimal	{ list-style: decimal;}
.disc			{ list-style: disc;}
.circle		{ list-style: circle; }
.lower-alpha	{ list-style: lower-alpha; }
.decimal li,.disc li,.circle li,.lower-alpha li {
	padding-top: 0.2em; padding-bottom: 0.2em; margin-left: 1.4em;
}

/* 画像等半透明化 */
.opacity,
a:hover img {
	opacity: 0.7;
	-moz-opacity: 0.7;			/* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;		/* Safari 1.x */
}

/* 文字 */
.micho {
	line-height: 1.4em;
	margin-bottom: 0.4em;
	font-family:
		"Times New Roman",
		"ＭＳ Ｐ明朝", "MS PMincho",
		"HG明朝E",
		"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",
		serif;
}
h2, h3, h4, h5, h6, caption { line-height: 1.4em; margin-bottom: 0.1em; }
h2			{ font-size: 300%; }
h3			{ font-size: 230%; line-height: 1.8em; }
h4			{ font-size: 170%; }
h5, caption	{ font-size: 140%; border-left: 5px solid #e93933; padding-left: 5px; }
h6			{ font-size: 120%; }
h5, caption { margin-bottom: 0.4em; }

/*その他*/
.clearBoth	{ clear: both;}
.anchor		{ display: block; }

.fL { float:  left; display: inline; }
.fR { float: right; display: inline; }

.shadow {
	-webkit-box-shadow: rgba(0,0,0,0.35) 3px 3px 3px;
       -moz-box-shadow: rgba(0,0,0,0.35) 3px 3px 3px;
            box-shadow: rgba(0,0,0,0.35) 3px 3px 3px;
}
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */
/* ---------------------------------------------------------------- */


a		{ color: #e93933; text-decoration: underline; }
a:hover	{ color: #ff72b1; text-decoration: underline; }

html {
	margin: 0;
	padding: 0;
	background-image: url(../images/common/bg_body.png);
	background-position:
		center top;
	background-repeat:
		repeat-x,
		no-repeat;
	background-color: #e0dfc9;
	font-size: 62.5%;
	width: 100%;
	height: 100%;
	min-width: 1000px;
	min-height: 820px;
}
body {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	color: #000;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6em;
	font-family:
		Verdana, 
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", Meiryo,
		"ＭＳ Ｐゴシック", "MS PGothic",
		sans-serif;
}
html#home {
	background: none #ffffff;
}
html#home body {
	width: 100%;
	min-width: 1000px;
	height: 100%;
	background-image: url(../images/home/body_bg.jpg);
	background-position: center center;
	background-size: cover;
}


/* ---------------------------------------------------------------- */
/* header --------------------------------------------------------- */
#header {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	/*height: 240px;*/
	height: 250px;
}
#header h1 {
	position: absolute;
	/*top: 30px;*/
	top: 40px;
	left: 0;
	margin: 0;
	padding: 0;
}
#header h1 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 381px;
	height: 103px;
	overflow: hidden;
	text-align: left;
	text-indent: 100%;
	color: transparent;
	white-space: nowrap;
	background-image: url(../images/common/logo.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#header .address {
	position: absolute;
	/*top: 60px;*/
	top: 70px;
	right: 20px;
	display: block;
	float: right;
	text-align: left;
}

#header #mainmenu {
	position: relative;
	top: 150px;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0;
}
#header #mainmenu li {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#header #mainmenu li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 70px;
	overflow: hidden;
	text-align: left;
	text-indent: 100%;
	color: transparent;
	white-space: nowrap;
	background-image: url(../images/common/mainmenu.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#header #mainmenu li a.menu00 { width: 130px; background-position:    0px    0px; }
#header #mainmenu li a.menu01 { width: 204px; background-position: -133px    0px; }
#header #mainmenu li a.menu02 { width: 105px; background-position: -337px    0px; }
#header #mainmenu li a.menu03 { width: 206px; background-position: -442px    0px; }
#header #mainmenu li a.menu04 { width: 236px; background-position: -648px    0px; }
#header #mainmenu li a.menu05 { width: 119px; background-position: -905px    0px; }
#header #mainmenu li a.menu00:hover			{ background-position:    0px  -70px; }
#header #mainmenu li a.menu01:hover			{ background-position: -133px  -70px; }
#header #mainmenu li a.menu02:hover			{ background-position: -337px  -70px; }
#header #mainmenu li a.menu03:hover			{ background-position: -442px  -70px; }
#header #mainmenu li a.menu04:hover			{ background-position: -648px  -70px; }
#header #mainmenu li a.menu05:hover			{ background-position: -905px  -70px; }
#header #mainmenu li.current a.menu00		{ background-position:    0px -140px; }
#header #mainmenu li.current a.menu01		{ background-position: -133px -140px; }
#header #mainmenu li.current a.menu02		{ background-position: -337px -140px; }
#header #mainmenu li.current a.menu03		{ background-position: -442px -140px; }
#header #mainmenu li.current a.menu04		{ background-position: -648px -140px; }
#header #mainmenu li.current a.menu05		{ background-position: -905px -140px; }

/* header home only ----------------------------------------------- */
#home #header h1 {
	position: absolute;
	top: 60px;
	left: 0;
	margin: 0;
	padding: 0;
}
#home #header h1 a {
	display: block;
	margin: 0;
	padding: 0;
	width: 626px;
	height: 172px;
	overflow: hidden;
	text-align: left;
	text-indent: 100%;
	color: transparent;
	white-space: nowrap;
	background-image: url(../images/home/logo.png);
	background-position: left top;
	background-repeat: no-repeat;
}
#home #header #mainmenu {
	top: 0;
	right: 0;
	text-align: right;
}

/* --------------------------------------------------------- header */
/* ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- */
/* footer --------------------------------------------------------- */
#footer {
	margin: 30px 0 10px 0;
	padding: 0;
	text-align: center;
}

#footer .footerlink {
	position: relative;
	left: 50%;
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
}
#footer .footerlink li {
	position: relative;
	left: -50%;
	float: left;
	margin: 0 0 0 -1px;
	padding: 0 8px;
	line-height: 1em;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
#footer .footerlink li a {
	color: #000000;
	text-decoration: none;
}
#footer .footerlink li a:hover {
	color: #e93933;
	text-decoration: underline;
}

#footer address {
	clear: both;
	margin: 0;
	padding: 0 0 20px 0;
	font-style: normal;
	line-height: 1em;
}
#footer p.copy {
	margin: 0;
	padding: 0;
	line-height: 1em;
}

#home #footer {
	margin: 0;
	padding: 0;
}

/* home only ------------------------------------------------------ */
#home #footer {
	position: absolute;
	right: 0;
	bottom: 0;
}
#home #footer p.copy {
	display: inline-block;
	margin: 0;
	padding: 2px 10px;
	color: #ffffff;
	text-shadow: 1px 1px 0px #000000;
	background-color: rgba(0,0,0,0.7);
}
/* --------------------------------------------------------- footer */
/* ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- */
/* page title ----------------------------------------------------- */

#pagetitle {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 179px;
	text-align: center;
}
#pagetitle h2 {
	margin: 0;
	padding: 0;
}

/* ----------------------------------------------------- page title */
/* ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- */
/* mainarea ------------------------------------------------------- */
#mainarea {
	margin: 0;
	padding: 20px;
	background-color: rgba(255,255,255,0.8);
}

#mainarea .box_A {
	margin: 0 0 30px 0;
	padding: 10px;
	position: relative;
}
#mainarea .box_A h3 {
	margin: -10px -10px 16px -10px;
	padding: 0 0 0 36px;
	min-height: 50px;
	background-image: url(../images/common/h3_back.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#mainarea .box_B {
	position: relative;
	margin: 0;
	padding: 19px;
	border: 1px solid #e6d3c3;
	-webkit-border-radius: 12px;
	   -moz-border-radius: 12px;
	        border-radius: 12px;
	zoom:1;
	behavior: url("/js/pie/PIE.htc");	/*CSS3 PIE*/
}

#home #mainarea {
	background: none;
}

/* home only ------------------------------------------------------ */
#home #mainarea #topics {
	margin: 36px 0 0 50px;
	padding: 0;
}
#home #mainarea #topics li {
	margin: 0 0 30px 0;
	padding: 0;
}
/* ------------------------------------------------------- mainarea */
/* ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- */
/* etc ------------------------------------------------------------ */

/* h3 のようなアンダーライン画像付 */
.imgUnderline {
	padding-bottom: 4px;
	background-image: url(../images/common/h3_back_ichigonashi.png);
	background-position: left bottom;
	background-repeat: no-repeat;
}

/* 画像枠線リンク */
img.btnImg { border: 1px solid #DDD; padding: 1px; background: #FFF; }
img:hover.btnImg {
	border: 1px solid #F90;
}

/* キャプション */
.caption {
	font-size: 90%;
	line-height: 1.4em;
	color: #777777;
}

/* テーブル基本 */
table {
	line-height: 138.5%;
	border-collapse: collapse;
}
th,td {
	padding: 5px;
	vertical-align: top;
	border: 1px solid #e6d3c3;
}

thead th {
	text-align: center;
	background-color: #fdebea;
}
tbody th {
	background-color: #fcfbf4;
}
caption {
	text-align: left;
	font-weight: bold;
}

table.noborder th,
table.noborder td {
	border: 0 none !important;
}

/* ボタンリンク */
a.btn_A, a.btn_B {
	position: relative;
	display: inline-block;
	padding: 2px 10px;
	text-decoration: none;
	cursor: pointer;
	-webkit-border-radius: 13px;
	   -moz-border-radius: 13px;
	        border-radius: 13px;
	behavior: url("/js/pie/PIE.htc");	/*CSS3 PIE*/
}
a.btn_A {
	background-color: #e93933;
	color: #ffffff;
}
a.btn_A:hover {
	background-color: #deb7b6;
}
a.btn_B {
	background-color: #deb7b6;
	color: #ffffff;
}
a.btn_B:hover {
	background-color: #e93933;
}

/* ページスクロール */
.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 600;
}
.pagetop a {
	background: url(../images/common/btn_pagetop.png) no-repeat;
	width: 50px;
	height: 50px;
	display: block;
	text-indent: 100%;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	color: transparent;
}

/* 分割ボックス */
.box_x2, .box_x3, .box_x4 {
	overflow: hidden;
	white-space: nowrap;
	letter-spacing: -0.4em;
}
.box_x2 > li, .box_x3 > li, .box_x4 > li {
	display: inline-block;
	white-space: normal;
	letter-spacing: normal;
	margin-right: 2%;
}
/* 分割ボックス x2 */
.box_x2 > li	{ width: 49.0%; }
/* 分割ボックス x3 */
.box_x3 > li	{ width: 32.0%; }
.box_x3 > li.x2	{ width: 66.0%; }
/* 分割ボックス x4 */
.box_x4 > li	{ width: 23.5%; }
.box_x4 > li.x2	{ width: 49.0%; }
.box_x4 > li.x3	{ width: 74.5%; }

/* etc */
.inlineblock {
	display: inline-block;
}
.block {
	display: block;
}


/* ---------------------------------------------------------------- */
.kodawari .h4_01, .kodawari .h4_02, .kodawari .h4_03, .kodawari .h4_04 {
	margin: 0 0 0.3em 0;
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	text-indent: 100%;
	overflow: hidden;
	text-align: left;
}
.kodawari .h4_01 {
	background-image: url(../images/kodawari/h4_01.png);
}
.kodawari .h4_02 {
	background-image: url(../images/kodawari/h4_02.png);
}
.kodawari .h4_03 {
	background-image: url(../images/kodawari/h4_03.png);
}
.kodawari .h4_04 {
	background-image: url(../images/kodawari/h4_04.png);
}
/* ---------------------------------------------------------------- */
.namae {
	margin: 0;
	padding: 0;
	font-size: 286%;
	line-height: 1.4em;
}
.namae small {
	font-size: 50%;
}

/* ------------------------------------------------------------ etc */
.bg_tsuchi_01 {
	background: url(../images/kodawari/bg_tsuchi_01.jpg) no-repeat right bottom;
}
.bg_tsuchi_02 {
	position: absolute;
	top: 0;
	right: 0;
}
.bg_kisetsu_01 {
	background: url(../images/kodawari/bg_kisetsu_01.jpg) no-repeat right top;
}
.bg_kisetsu_02 {
	background: url(../images/kodawari/bg_kisetsu_02.jpg) no-repeat left bottom;
	padding-left: 430px;
}
.bg_kisetsu_03 {
	background: url(../images/kodawari/bg_kisetsu_03.jpg) no-repeat right top;
	min-height: 340px;
}
.bg_kisetsu_04 {
	background: url(../images/kodawari/bg_kisetsu_04.jpg) no-repeat left top;
	padding-left: 480px;
	min-height: 210px;
}

.fb-page-top {
	position: absolute !important;
	right: 10px;
	bottom: 26px;
	width: 400px;
	height: 300px;
}
/* ---------------------------------------------------------------- */


/* soldout -------------------------------------------------------- */
#soldout {
	position: absolute;
	right: 30px;
	bottom: 30px;
	background-color: #ffffff;
	width: 480px;
	height: 300px;
}

#soldout_02 {
	width: 450px;
	height: 150px;
	background-color: #ffffff;
}
.soldout_02 {
	margin-top: 16px !important;
}
.soldout_02 li {
	margin-bottom: 18px !important;
}
/* ---------------------------------------------------------------- */


/* 外部リンク */
#extlink {
	position: absolute;
	right: 10px;
	bottom: 30px;
}

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

/*マージン*/
.mb0	{ margin-bottom:  0px !important; }
.mb5	{ margin-bottom:  5px !important; }
.mb10	{ margin-bottom: 10px !important; }
.mb20	{ margin-bottom: 20px !important; }
.mb30	{ margin-bottom: 30px !important; }
.mb40	{ margin-bottom: 40px !important; }
.mb50	{ margin-bottom: 50px !important; }

.mr10	{ margin-right: 10px !important; }
.mr20	{ margin-right: 20px !important; }
.mr30	{ margin-right: 30px !important; }
.mr40	{ margin-right: 40px !important; }
.mr50	{ margin-right: 50px !important; }

.ml10	{ margin-left: 10px !important; }
.ml20	{ margin-left: 20px !important; }
.ml30	{ margin-left: 30px !important; }
.ml40	{ margin-left: 40px !important; }
.ml50	{ margin-left: 50px !important; }

.mt0	{ margin-top:  0px !important; }
.mt5	{ margin-top:  5px !important; }
.mt10	{ margin-top: 10px !important; }
.mt20	{ margin-top: 20px !important; }
.mt30	{ margin-top: 30px !important; }
.mt40	{ margin-top: 40px !important; }
.mt50	{ margin-top: 50px !important; }

.mRLauto { margin-left: auto; margin-right: auto !important; }

.p09	{ padding:  9px !important; }
.p10	{ padding: 10px !important; }
.p19	{ padding: 19px !important; }
.p20	{ padding: 20px !important; }
.p29	{ padding: 29px !important; }
.p30	{ padding: 30px !important; }

/*横幅*/
.w10  { width:  10px; }	.w20  { width:  20px; }	.w30  { width:  30px; }
.w40  { width:  40px; }	.w50  { width:  50px; }	.w60  { width:  60px; }
.w70  { width:  70px; }	.w80  { width:  80px; }	.w90  { width:  90px; }
.w100 { width: 100px; }	.w110 { width: 110px; }	.w120 { width: 120px; }
.w130 { width: 130px; }	.w140 { width: 140px; }	.w150 { width: 150px; }
.w160 { width: 160px; }	.w170 { width: 170px; }	.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }	.w210 { width: 210px; }	.w220 { width: 220px; }
.w230 { width: 230px; }	.w240 { width: 240px; }	.w250 { width: 250px; }
.w260 { width: 260px; }	.w270 { width: 270px; }	.w280 { width: 280px; }
.w290 { width: 290px; }
.w300 { width: 300px; }	.w310 { width: 310px; }	.w320 { width: 320px; }
.w330 { width: 330px; }	.w340 { width: 340px; }	.w350 { width: 350px; }
.w360 { width: 360px; }	.w370 { width: 370px; }	.w380 { width: 380px; }
.w390 { width: 390px; }
.w400 { width: 400px; }	.w410 { width: 410px; }	.w420 { width: 420px; }
.w430 { width: 430px; }	.w440 { width: 440px; }	.w450 { width: 450px; }
.w460 { width: 460px; }	.w470 { width: 470px; }	.w480 { width: 480px; }
.w490 { width: 490px; }
.w500 { width: 500px; }	.w510 { width: 510px; }	.w520 { width: 520px; }
.w530 { width: 530px; }	.w540 { width: 540px; }	.w550 { width: 550px; }
.w560 { width: 560px; }	.w570 { width: 570px; }	.w580 { width: 580px; }
.w590 { width: 590px; }
.w600 { width: 600px; }	.w610 { width: 610px; }	.w620 { width: 620px; }
.w630 { width: 630px; }	.w640 { width: 640px; }	.w650 { width: 650px; }
.w660 { width: 660px; }	.w670 { width: 670px; }	.w680 { width: 680px; }
.w690 { width: 690px; }
.w700 { width: 700px; }	.w710 { width: 710px; }	.w720 { width: 720px; }
.w730 { width: 730px; }	.w740 { width: 740px; }	.w750 { width: 750px; }
.w760 { width: 760px; }	.w770 { width: 770px; }	.w780 { width: 780px; }
.w790 { width: 790px; }
.w800 { width: 800px; }	.w810 { width: 810px; }	.w820 { width: 820px; }
.w830 { width: 830px; }	.w840 { width: 840px; }	.w850 { width: 850px; }
.w860 { width: 860px; }	.w870 { width: 870px; }	.w880 { width: 880px; }
.w890 { width: 890px; }
.w900 { width: 900px; }	.w910 { width: 910px; }	.w920 { width: 920px; }
.w930 { width: 930px; }	.w940 { width: 940px; }	.w950 { width: 950px; }
.w960 { width: 960px; }	.w970 { width: 970px; }	.w980 { width: 980px; }
.w990 { width: 990px; }
.w1000 { width: 1000px; }

.w100p	{ width: 100%; }



.bnrlist {
	letter-spacing: -.4em;
}
.bnrlist > div {
	letter-spacing: normal;
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0;
}
.bnrlist > div:last-child {
	margin-right: 0;
}