@charset "utf-8";
/*
=============================================================================================
初期設定
=============================================================================================
*/
html, body, span, aside, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	/*font-style: inherit;*/
	/*font-weight: inherit;*/
	line-height:1.5em;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	letter-spacing:0.1em;
	-webkit-box-sizing	: border-box;
	-moz-box-sizing			: border-box;
	-o-box-sizing				: border-box;
	-ms-box-sizing			: border-box;
	box-sizing					: border-box;
}
/*html, body { height:100%; width:100%; }*/
body {
	font-size:0.85rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, 'Pontano Sans', sans-serif;
	color:#333;
	position: relative;
	-webkit-text-size-adjust: none;
}
/* Chrome・safari */	@media screen and (-webkit-min-device-pixel-ratio:0) { body { font-size:0.8em; } }
/* opera12 */					@media (min-resolution: .001dpcm) { _:-o-prefocus, body { font-size:1em; };}
/* Opera10以上 */			@media not screen and (1) { body { font-size:1em; }}
/* Opera9以下 */			*+html:first-child body { font-size:1em; }
/* Firefox */					body, x:-moz-any-link { font-size:1em; }
/* for IF6 */					* html body { font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; }
:focus { outline: 0; }
ol, ul { list-style: none; }
table { empty-cells:show; border-spacing: 0; }
caption, th, td  { font-weight: normal; }
caption, th { vertical-align:middle; }
caption { text-align:left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a { text-decoration: underline; outline: none; }
a img, :link img, :visited img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, textarea, hr { margin: 0; padding: 0; }
fieldset, img, abbr, acronym { border: none; }
h1, h2, h3, h4, h5, h6 { font:1em "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; text-align:left; clear:both; }
fieldset, img, abbr, acronym { border: none; }
hr { border: 0; height: 1px; clear:both; }
img { vertical-align:top; }
address, caption, cite, code, dfn, em, strong, b, u, s, i, th, var { font-style: normal; }
sub, sup { line-height:1em; }
figure, figcaption { text-align:center; }
article, section, aside { margin-left:auto; margin-right:auto; }
article { margin-bottom:3rem; }
/*article > section { margin-top:2rem; margin-bottom:0; }
article > section > section { margin-top:1.5rem; margin-bottom:0; }
article > section > section > section, article > section > section > section > section, article > section > section > section > section > section { margin-top:1.0rem; margin-bottom:0; }
article > h1+section,
article > section > h2+section,
article > section > section > h3+section,
article > section > section > section > h4+section,
article > section > section > section > section > h5+section,
article > section > section > section > section > section > h6+section { margin-top:0rem; }*/
section { margin-top:0rem; margin-bottom:0rem; }
section > section { margin-top:3rem; margin-bottom:0rem; }
section > section > section { margin-top:2rem; margin-bottom:0rem; }
section > section > section > section,
section > section > section > section > section { margin-top:1rem; margin-bottom:0; }
h1+section,
section > h2+section,
section > section > h3+section,
section > section > section > h4+section,
section > section > section > section > h5+section,
section > section > section > section > section > h6+section { margin-top:0rem; }
#header, #headerInner, #container, #contents, #alpha, #beta, #gamma, #footer, #footerInner, div.box { position: relative; text-align: left; overflow:hidden; }
#header, #contents, #footer, div.box { display: block; clear:both; }
#alpha, #beta, #gamma { display: inline; float: left; clear: none; padding:20px 0; }
#container, #contents, #header, #footer { width:100%; /*overflow: hidden;*/ }
#container { 	background-color:#eee; }
#contents { background-color:#fff; }
#contents:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; }

/* 全体幅
-------------------------------------------------------------------------------------------*/
#header, #footer, #headerInner, #footerInner, #contents, #pagetop, nav#naver ul, nav#navi ul, div.box { margin: 0 auto; }
#headerInner, #footerInner, #contents, #pagetop, /*#header p, */nav#naver ul, nav#navi ul { width: 960px; float: none; clear: both; }	

/* 回り込み解除
-------------------------------------------------------------------------------------------*/
.ofh { overflow:hidden; float:none; clear:both; }
.clear { float:none; clear:both; width:100%; }

.clearfix:after{ content:"."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; }
.clearfix { zoom:1; }

#contents:before, #contents:after{ content: ""; display: table; }
#contents:after { clear: both; }
#contents { zoom: 1; }

/*
=============================================================================================
SECTION
=============================================================================================
*/
section.odd, section.even {
	padding:80px 0;
	margin-top:0 !important;
	margin-bottom:0 !important;
}

section.even {
	background-color:#00AEEB;
	color:#fff !important;
}

section.ttl {
	background-color:#008CBC;
	color:#fff !important;
	padding:50px 0;
	margin-top:0 !important;
	margin-bottom:0 !important;
}

section.ttl h1 {
	position: relative;
	display:block;
	clear:both;
	font-size:2rem;
	color:#fff;
	text-align:center;
}

/*
=============================================================================================
レイアウト
=============================================================================================
*/
/* Wide
-------------------------------------------------------------------------------------------*/
.layout-w #alpha		{ width: 100%; }
.layout-w #beta			{ width: 100%; }
.layout-w #gamma		{ width: 100%; }

/* Wide-Thin-Thin
-------------------------------------------------------------------------------------------*/
.layout-wtt #alpha	{ width: 560px; }
.layout-wtt #beta		{ width: 180px; margin-left:20px; }
.layout-wtt #gamma	{ width: 180px; margin-left:20px; }

/* Thin-Wide-Thin
-------------------------------------------------------------------------------------------*/
.layout-twt #alpha	{ width: 560px; margin-left: 200px}
.layout-twt #beta		{ width: 180px; margin-left: -760px; }
.layout-twt #gamma	{ width: 180px; margin-left: 20px; }

/* Wide-Thin
-------------------------------------------------------------------------------------------*/
.layout-wt #alpha		{ width: 760px; }
.layout-wt #beta		{ width: 180px; margin-left: 20px; }
.layout-wt #gamma		{ width: 960px; clear:both; }

/* Thin-Wide
-------------------------------------------------------------------------------------------*/
.layout-tw #alpha		{ width: 760px; margin-left: 200px; }
.layout-tw #beta		{ width: 180px; margin-left: -960px; }
.layout-tw #gamma		{ width: 960px; clear:both; }

/* Medium-Wide（白銀比）
-------------------------------------------------------------------------------------------*/
.layout-mw #alpha		{ width: 700px; margin-left: 260px; }
.layout-mw #beta		{ width: 240px; margin-left: -960px; }
.layout-mw #gamma		{ width: 960px; clear:both; }

/* Wide-Medium（白銀比）
-------------------------------------------------------------------------------------------*/
.layout-wm #alpha		{ width: 700px; }
.layout-wm #beta		{ width: 240px; margin-left: 20px; }
.layout-wm #gamma		{ width: 960px; clear:both; }

/*
=============================================================================================
h1-h6
=============================================================================================
*/
h1.clear, h2.clear, h3.clear, h4.clear, h5.clear, h6.clear { clear:none; }
h1.ttl a, h2.ttl a, h3.ttl a, h4.ttl a, h5.ttl a, h6.ttl a { text-decoration:none; }
h1.ttl, h1.ttl a {}
h2.ttl, h2.ttl a {}
h3.ttl, h3.ttl a {}
h4.ttl, h4.ttl a {}
h5.ttl, h5.ttl a {}
h6.ttl, h6.ttl a {}

/* タイトル
-------------------------------------------------------------------------------------------*/
h1.ttl {
	position: relative;
	display:block;
	clear:both;
	font-size:2rem;
	text-align:center;
	margin-bottom:1rem;
}

h2.ttl {
	position: relative;
	display:block;
	clear:both;
	font-size:1.6rem;
	text-align:center;
	margin-bottom:1rem;
}

h2.ttl span {
	display:block;
	font-size:0.6em;
	color:#999;
	padding:5px 0 0 0;
	margin:5px 0 0 0;
	border-top:1px dashed #ddd;
}

section.even h2.ttl span {
	border-top:1px dashed #ddd;
	color:#fff !important;
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

h3.ttl {
	position: relative;
	display:block;
	clear:both;
	font-size:1.4rem;
	text-align:center;
	margin-bottom:1rem;
}

h3.ttl span {
	display:block;
	font-size:0.8em;
	color:#999;
	padding:5px 0 0 0;
	margin:5px 0 0 0;
}

section.even h3.ttl span {
	color:#fff !important;
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

h4.ttl {
	position: relative;
	display:block;
	clear:both;
	font-size:1.2rem;
	text-align:center;
	margin-bottom:1rem;
}

h5.ttl {
	position: relative;
	display:block;
	clear:both;
	font-size:1rem;
	text-align:center;
	margin-bottom:1rem;
}

h6.ttl {
	position: relative;
	display:block;
	clear:both;
	font-size:1rem;
	text-align:center;
	margin-bottom:1rem;
}

/*
=============================================================================================
a
=============================================================================================
*/
a {
	margin:0;
	padding:0;
	text-decoration:none;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	/*color:#5A442E;*/
}

a, a:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

a:hover {
	outline: none;
	/*color:#785A3D;*/
}

a:active {
	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-o-transition:opacity 1s;
	transition: 1s;
	outline: none;
	/*color:#785A3D;*/
}

a img, a img:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

a img:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

/* 上部固定メニュー用ジャンプ時の余白指定 */
.bs {
	display:block;
	margin-top: -100px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 100px; /* 打ち消し用のパディング */
}

/* ボタン */
a.btn {
	display:block;
	text-align:center;
	padding:10px;
	background-color:#8CDBC1;
	color:#fff;
	-webkit-border-radius:	100px;
	-moz-border-radius:			100px;
	-o-border-radius:				100px;
	border-radius:					100px;
}

a.btn:hover { background-color:#38B48B; }

img.detail {
	display:block;
	margin:0 auto;
}

/*
=============================================================================================
hr
=============================================================================================
*/
/* 区切り線
-------------------------------------------------------------------------------------------*/
hr.hrSld { border-top: 1px solid #bbb; }
hr.hrDbl { border-top: 3px double #bbb; }
hr.hrDsh { border-top: 1px dashed #bbb; }
hr.hrDtd { border-top: 1px dotted #bbb; }
hr.hrDshBG { background-color: #fff; border-top: 2px dashed #bbb; }
hr.hrDtdBG { background-color: #fff; border-top: 2px dotted #bbb; }
hr.hrSld3D { border-top: 1px solid #bbb; border-bottom: 1px solid #fff; }
hr.hrDbl3D { border-top: 1px solid #bbb; border-bottom: 1px solid #fff; }
hr.hrDbl3D:after { content: ''; display: block; margin-top: 2px; border-top: 1px solid #bbb; border-bottom: 1px solid #fff; }
hr.hrDsh3D { border-top: 1px dashed #bbb; border-bottom: 1px dashed #fff; }
hr.hrDtd3D { border-top: 1px dotted #bbb; border-bottom: 1px dotted #fff; }

hr.hrStyle01 {
	border: 0;
	height: 1px;
	background: #333;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
	background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); 
	background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); 
	background-image: -o-linear-gradient(left, #ccc, #333, #ccc); 
}

hr.hrStyle02 {
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

hr.hrStyle03 {
	border: 0;
	border-bottom: 1px dashed #ccc;
	background: #999;
}

hr.hrStyle04 {
	height: 12px;
	border: 0;
	box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}

hr.hrStyle05 {
	border: 0;
	height: 0;
	box-shadow: 0 0 10px 1px black;
}

hr.hrStyle05:after {
	content: "\00a0";
}

hr.hrStyle06 {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

hr.hrStyle07 {
	height: 30px;
	border-style: solid;
	border-color: black;
	border-width: 1px 0 0 0;
	border-radius: 20px;
}

hr.hrStyle07:before {
	display: block;
	content: "";
	height: 30px;
	margin-top: -31px;    
	border-style: solid;
	border-color: black;
	border-width: 0 0 1px 0;
	border-radius: 20px;
}

hr.hrStyle08 {
	padding: 0;
	border: none;
	border-top: medium double #333;
	color: #333;
	text-align: center;
}

hr.hrStyle08:after {
	content: "§";
	display: inline-block;
	position: relative; 
	top: -0.7em;  
	font-size: 1.5em;
	padding: 0 0.25em;
	background: white;
}

/*
=============================================================================================
DIV,P,IMG
=============================================================================================
*/
/* 全枠囲み
-------------------------------------------------------------------------------------------*/
p.wrap {
	padding:1.2em;
	border:1px #ddd solid;
	background-color:#fcfcfc;
}

div.wrap {
	padding:1.2em;
	border:10px #F18814 solid;
	-webkit-border-radius:	20px;
	-moz-border-radius:			20px;
	-o-border-radius:				20px;
	border-radius:					20px;
}

div.block {
	display:block;
	position:relative;
}

/*
=============================================================================================
DL,DT,DD
=============================================================================================
*/
.styleDsh dt, .styleDtd dt, .styleDbl dt, .styleSld dt, .styleNol dt {
	border-bottom-width:1px;
	border-bottom-color:#ddd;
	padding-bottom:5px;
	margin-bottom:5px;
	font-weight:bolder;
}

.styleDsh dd, .styleDtd dd, .styleDbl dd, .styleSld dd, .styleNol dd {
	margin-left:1em;
	padding-bottom:1em;
}

/* DTの下線
-------------------------------------------------------------------------------------------*/
.styleDsh dt { border-bottom-style:dashed;	}/*ダッシュ*/
.styleDtd dt { border-bottom-style:dotted;	}/*ドット*/
.styleDbl dt { border-bottom-style:double; border-bottom-width:3px; }/*ダブル*/
.styleSld dt { border-bottom-style:solid;		}/*ソリッド*/
.styleNol dt { border-bottom-style:none;		}/*無*/

/* WRAP
-------------------------------------------------------------------------------------------*/
dl.wrap {
	vertical-align:top;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

dl.wrap dt {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:2px 2px 0 2px;
}

dl.wrap dd {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:2px;
}

/*
=============================================================================================
UL,LI
=============================================================================================
*/
.styleDe > li, .styleDi > li, .styleCi > li, .styleSq > li, .styleAl > li, .styleAu > li, .styleRl > li, .styleRu > li, .styleNo > li, .styleArw > li, .styleBltBk > li, .styleBltRd > li, .styleBltOg > li, .styleBltYw > li, .styleBltGr > li, .styleBltBl > li, .styleBltPr > li, .styleBltPk > li, .styleChk > li, .stylePdf > li, .styleKom > li, .styleAst > li, .styleAstS > li, .styleKak > li {
	margin-bottom:5px;
}

/*.styleDe > li:first-child, .styleDi > li:first-child, .styleCi > li:first-child, .styleSq > li:first-child, .styleAl > li:first-child, .styleAu > li:first-child, .styleRl > li:first-child, .styleRu > li:first-child, .styleNo > li:first-child, .styleArw > li:first-child, .styleBlt > li:first-child, .styleKm > li:first-child {
	margin-top:0;
}*/

/* リスト表示
-------------------------------------------------------------------------------------------*/
.styleDe > li { list-style-type:decimal;			}/*数字*/
.styleDi > li { list-style-type:disc;					}/*黒丸*/
.styleCi > li { list-style-type:circle;				}/*中抜き丸*/
.styleSq > li { list-style-type:square;				}/*四角*/
.styleAl > li { list-style-type:lower-alpha;	}/*アルファベット小文字*/
.styleAu > li { list-style-type:upper-alpha;	}/*アルファベット大文字*/
.styleRl > li { list-style-type:lower-roman;	}/*ローマ数字小文字*/
.styleRu > li { list-style-type:upper-roman;	}/*ローマ数字大文字*/
.styleNo > li { list-style-type:none;					}/*無*/

.styleCir > li, .styleChk > li, .styleArw > li, .styleBltBk > li, .styleBltRd > li, .styleBltOg > li, .styleBltYw > li, .styleBltGr > li, .styleBltBl > li, .styleBltPr > li, .styleBltPk > li, .stylePin > li {
	list-style-type: none;
	padding: 1px 0 1px 20px;
	margin: 2px 0;
	background-position: left 3px;
	background-repeat:no-repeat;
}

.styleCir > li		{ background-image: url(images/bg_cir.gif); }
.styleChk > li		{ background-image: url(images/bg_chk.gif); }
.styleArw > li		{ background-image: url(images/bg_allow.gif); }
.styleBltBk > li	{ background-image: url(images/bg_bltBk.png); }
.styleBltRd > li	{ background-image: url(images/bg_bltRd.png); }
.styleBltOg > li	{ background-image: url(images/bg_bltOg.png); }
.styleBltYw > li	{ background-image: url(images/bg_bltYw.png); }
.styleBltGr > li	{ background-image: url(images/bg_bltGr.png); }
.styleBltBl > li	{ background-image: url(images/bg_bltBl.png); }
.styleBltPr > li	{ background-image: url(images/bg_bltPr.png); }
.styleBltPk > li	{ background-image: url(images/bg_bltPk.png); }
.stylePin > li		{ background-image: url(images/bg_pin.png); }

.styleKom > li, .styleAst > li, .styleAstS > li { padding-left: 1em; }

.styleKom > li:before, .styleAst > li:before, .styleAstS > li:before {
	display: block;
	float: left;
	margin-left: -1em;
	width: 1em;
	text-align: center;
}

.styleKom > li:before { content: "※"; }
.styleAst > li:before { content: "＊"; }
.styleAstS > li:before { content: "*"; }

.stylePin > li {
	list-style-type: none;
	padding: 5px 0 5px 30px;
	background: url(images/bg_pin.png) no-repeat 0 5px;
	margin: 5px 0;
}

.stylePdf > li {
	list-style-type: none;
	padding: 5px 0 5px 24px;
	background: url(images/bg_pdf.gif) left 5px no-repeat;
}

.stylePdf > li span {
	font-size:11px;
	padding-left:0.5em;
	color:#888;
}

.styleKak > li {
	list-style-type:none;
	list-style-position:inside;
	counter-increment: cnt;
}
		
.styleKak > li:before {
	display: marker;
	content: "（" counter(cnt) "）";
}

/* WRAP
-------------------------------------------------------------------------------------------*/
ul.wrap {
	display:table;
	/*display: block;*/
	display: block\9; /* IE 8, 9用の指定 */
	word-spacing: -1em;
	letter-spacing: -1em;
	list-style-type:none;
}

:root ul.wrap {
	font-size: 1px;
	letter-spacing: -1px;
	word-spacing: -1px;
}
/* Opera12 */			@media (min-resolution: .001dpcm) { _:-o-prefocus, ul.wrap { word-spacing:-1em; }; }
/* Opera10以上 */	@media not screen and (1) { ul.wrap { word-spacing:-1em; } }
/* Opera9以下 */	*+html:first-child ul.wrap { word-spacing:-1em; }
/* Firefox */			ul.wrap, x:-moz-any-link { display: block; }

ul.wrap > li {
	display:-moz-inline-box;
	display: inline-block;
	vertical-align:top;
	font-size: 1rem/*12.5em*/;
	letter-spacing: normal;
	word-spacing: normal;
	*display: inline;
	*zoom: 1;
}
/* opera12 */			@media (min-resolution: .001dpcm) { _:-o-prefocus, ul.wrap li { font-size:1rem; };}
/* Opera10以上 */	@media not screen and (1) { ul.wrap li { font-size:1rem; }}
/* Opera9以下 */	*+html:first-child ul.wrap li { font-size:1rem; }
/* Firefox */			ul.wrap li, x:-moz-any-link { font-size:1rem; }

ul.lst01, ul.lst02, ul.lst03, ul.lst04, ul.lst05, ul.lst06, ul.lst07, ul.lst08, ul.lst09, ul.lst10, ul.lst01f, ul.lst02f, ul.lst03f, ul.lst04f, ul.lst05f, ul.lst06f, ul.lst07f, ul.lst08f, ul.lst09f, ul.lst10f { width:100%; }
.lst01f > li, .lst02f > li, .lst03f > li, .lst04f > li, .lst05f > li, .lst06f > li, .lst07f > li, .lst08f > li, .lst09f > li, .lst10f > li { float:left; clear:none; }
/* 1列 */		.lst01 > li, .lst01f > li	{ width: 100%; }
/* 2列 */		.lst02 > li, .lst02f > li	{ width: 50%; }
/* 3列 */		.lst03 > li, .lst03f > li	{ width: 33.333%; }
/* 4列 */		.lst04 > li, .lst04f > li	{ width: 25%; }
/* 5列 */		.lst05 > li, .lst05f > li	{ width: 20%; }
/* 6列 */		.lst06 > li, .lst06f > li	{ width: 16.666%; }
/* 7列 */		.lst07 > li, .lst07f > li	{ width: 14.25%; }
/* 8列 */		.lst08 > li, .lst08f > li	{ width: 12.5%; }
/* 9列 */		.lst09 > li, .lst09f > li	{ width: 11.111%; }
/* 10列 */	.lst10 > li, .lst10f > li	{ width: 10%; }

/*
=============================================================================================
TABLE,TH,TD
=============================================================================================
*/
.styleT th, .styleT td, .styleTdsh th, .styleTdsh td, .styleTsld th, .styleTsld td, .styleT0 th, .styleT0 td, .styleT1 th, .styleT1 td, .styleT2 th, .styleT2 td, .styleT3 th, .styleT3 td, .styleT4 th, .styleT4 td { padding:10px; }
.styleT th, .styleT thead td, .styleTdsh th, .styleTdsh thead td, .styleTsld th, .styleTsld thead td, .styleT0 th, .styleT0 thead td, .styleT1 th, .styleT1 thead td, .styleT2 th, .styleT2 thead td, .styleT3 th, .styleT3 thead td, .styleT4 th, .styleT4 thead td { text-align:center; }

/* 枠なし
-------------------------------------------------------------------------------------------*/
table.styleT { border-collapse:collapse; }

/* 横線のみ（点線）
-------------------------------------------------------------------------------------------*/
table.styleTdsh { border-collapse:collapse; border-top:1px dashed #ddd; }
.styleTdsh th, .styleTdsh td { border-bottom:1px dashed #ddd; }

/* 横線のみ（直線）
-------------------------------------------------------------------------------------------*/
table.styleTsld { border-collapse:collapse; border-top:1px solid #ddd; }
.styleTsld th, .styleTsld td { border-bottom:1px solid #ddd; }

/* 全枠
-------------------------------------------------------------------------------------------*/
table.styleT0 { border-collapse:collapse; }
.styleT0 th, .styleT0 td { border:1px solid #ddd; }

/* 下線のみ
-------------------------------------------------------------------------------------------*/
table.styleT1 { border-collapse:collapse; border-top:1px dashed #ddd; }
.styleT1 th, .styleT1 td { border-bottom:1px dashed #ddd; }

/* シンプル
-------------------------------------------------------------------------------------------*/
table.styleT2 { border-style:none; border-collapse:collapse; }
.styleT2 th, .styleT2 td { border-width:1px; border-color:#ccc; border-style:solid; }
.styleT2 thead th, .styleT2 thead td { background-color:#000; color:#fff; }
.styleT2 th { font-weight:normal; background-color:#eee; }
.styleT2 td { background-color:#fff; }

/* 浮き出し
-------------------------------------------------------------------------------------------*/
table.styleT3 {
	padding: 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #ddd #eee #eee #ddd;
	background-color: #ececec;
	border-collapse:separate;
}

.styleT3 caption {
	padding: 0.2em 0 0.3em;
}

.styleT3 th, .styleT3 td {
	border-style: solid;
	border-width: 1px;
	border-collapse: separate;
	border-spacing: 1px;
}

.styleT3 thead th, .styleT3 thead td {
	border-color: #fff #d0d0d0 #d0d0d0 #fff;
	background-color: #e0e0e0;
	font-weight:normal;
}

.styleT3 th  {
	border-color: #fff #ddd #ddd #fff;
	background-color: #eee;
	font-weight:normal;
}

.styleT3 td {
	border-color: #fff #eee #eee #fff;
	background-color: #f8f8f8;
}

/* 矢印付き
-------------------------------------------------------------------------------------------*/
table.styleT4 {
	border-collapse: separate;
	border-spacing: 0px 15px;
}
 
.styleT4 th {
	background: #005dac;
	vertical-align: middle;
	overflow: visible;
	position: relative;
	color: #fff;
	font-weight:bolder;
	-webkit-border-radius:	6px 0 0 6px;
	-moz-border-radius:			6px 0 0 6px;
	-o-border-radius:				6px 0 0 6px;
	border-radius:					6px 0 0 6px;
	height:auto;
}

.styleT4 th a {
	color:#fff;
}

/*.styleT4 th:after {
	left: 99%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-left-color: #005dac;
	border-width: 10px;
	margin-top: -10px;
}*/

.styleT4 td {
	border:2px solid #005dac;
	padding-left: 20px;
}

.styleT4 td:last-child {
	-webkit-border-radius:	0 6px 6px 0;
	-moz-border-radius:			0 6px 6px 0;
	-o-border-radius:				0 6px 6px 0;
	border-radius:					0 6px 6px 0;
}

/* 角丸
-------------------------------------------------------------------------------------------*/
table.styleT5 {
	border-spacing: 0;
	border: 1px solid #ccc;
	-webkit-border-radius:	6px;
	-moz-border-radius:			6px;
	-o-border-radius:				6px;
	border-radius:					6px;

	box-shadow: 0 2px 5px -3px rgb(0,0,0,0.5);
}

.styleT5 th, .styleT5 td {
	padding:10px;
	background:#FFF;
	border-bottom:solid 1px #CCC;
	border-right:solid 1px #CCC;
}

.styleT5 th {
	background:#e3dcd5;
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.8);
	color:#69655c;
	vertical-align:middle;
}

.styleT5 th img {
	float:left;
	clear:none;
	margin:3px 5px 3px 0;
}

/* フォーム部品 */
.styleT5 input[type="text"],
.styleT5 textarea {
	padding: 5px;
	color:#474c6f;
	background:#fcfcfc;
	border:1px solid #ccc;
	-webkit-border-radius:3px;
	-moz-border-radius:		3px;
	-o-border-radius:			3px;
	border-radius:				3px;
	-webkit-box-shadow:	inset 0px 4px 8px -6px rgba(0,0,0,0.3);
	-moz-box-shadow:		inset 0px 4px 8px -6px rgba(0,0,0,0.3);
	-o-box-shadow:			inset 0px 4px 8px -6px rgba(0,0,0,0.3);
	box-shadow:					inset 0px 4px 8px -6px rgba(0,0,0,0.3);
}

.styleT5 textarea {
	height:auto;
}

.styleT5 input[type="file"] {
	padding: 5px;
	margin-top:0.5em;
}

.styleT5 input[type="submit"],
.styleT5 input[type="reset"],
.styleT5 input[type="button"] {
	width:50%;
	padding:10px;
	color:#fff;
	background: #7A6450;
	background: -moz-linear-gradient(top, #B4A08D 0%, #7A6450 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B4A08D), color-stop(100%,#7A6450));
	background: -webkit-linear-gradient(top, #B4A08D 0%,#7A6450 100%);
	background: -o-linear-gradient(top, #B4A08D 0%,#7A6450 100%);
	background: -ms-linear-gradient(top, #B4A08D 0%,#7A6450 100%);
	background: linear-gradient(to bottom, #B4A08D 0%,#7A6450 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B4A08D', endColorstr='#7A6450',GradientType=0 );
	border:0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	text-shadow: 1px 1px 2px #000;
}

.styleT5 input[type="submit"]:hover,
.styleT5 input[type="reset"]:hover,
.styleT5 input[type="button"]:hover {
	background: #7A6450;
	background: -moz-linear-gradient(top, #7A6450 0%, #B4A08D 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7A6450), color-stop(100%,#B4A08D));
	background: -webkit-linear-gradient(top, #7A6450 0%,#B4A08D 100%);
	background: -o-linear-gradient(top, #7A6450 0%,#B4A08D 100%);
	background: -ms-linear-gradient(top, #7A6450 0%,#B4A08D 100%);
	background: linear-gradient(to bottom, #7A6450 0%,#B4A08D 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7A6450', endColorstr='#B4A08D',GradientType=0 );
}

/* 左上角丸　最初の行の最初のセル */
.styleT5 tr:first-child th:first-child,
.styleT5 tr:first-child td:first-child {
	-webkit-border-radius:	6px 0 0 0;
	-moz-border-radius:			6px 0 0 0;
	-o-border-radius:				6px 0 0 0;
	border-radius:					6px 0 0 0;
}

/* 右上角丸　最初の行の最後のセル */
.styleT5 tr:first-child th:last-child,
.styleT5 tr:first-child td:last-child {
	-webkit-border-radius:	0 6px 0 0;
	-moz-border-radius:			0 6px 0 0;
	-o-border-radius:				0 6px 0 0;
	border-radius:					0 6px 0 0;
}

/* 左下角丸　最後の行の最初のセル */
.styleT5 tr:last-child th:first-child,
.styleT5 tr:last-child td:first-child {
	-webkit-border-radius:	0 0 0 6px;
	-moz-border-radius:			0 0 0 6px;
	-o-border-radius:				0 0 0 6px;
	border-radius:					0 0 0 6px;
}

/* 右下角丸　最後の行の最後のセル */
.styleT5 tr:last-child th:last-child,
.styleT5 tr:last-child td:last-child {
	-webkit-border-radius:	0 0 6px 0;
	-moz-border-radius:			0 0 6px 0;
	-o-border-radius:				0 0 6px 0;
	border-radius:					0 0 6px 0;
}

/* thaed,tbodyを使う場合の設定 */
.styleT5 thead th, .styleT5 thead td {
	background:#e3dcd5;
}

.styleT5 thead td {
	background:#e3dcd5;
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.8);
	color:#69655c;
}

.styleT5 thead+tbody th {
	background:#f4ede6;
}

.styleT5 tbody th {
	text-align:left;/*IE*/
}

.styleT5 tfoot th {
	text-align:center;
}

/* 左上角丸 thead内　最初の行の最初のセル */
.styleT5 thead tr:first-child th:first-child,
.styleT5 thead tr:first-child td:first-child {
	-webkit-border-radius:	6px 0 0 0;

	-moz-border-radius:			6px 0 0 0;
	-o-border-radius:				6px 0 0 0;
	border-radius:					6px 0 0 0;
}

/* 右上角丸 thead内　最初の行の最後のセル */
.styleT5 thead tr:first-child th:last-child,
.styleT5 thead tr:first-child td:last-child {
	-webkit-border-radius:	0 6px 0 0;
	-moz-border-radius:			0 6px 0 0;
	-o-border-radius:				0 6px 0 0;
	border-radius:					0 6px 0 0;
}

/* 左下角丸　thead内　最後の行の最後のセル */
.styleT5 thead tr:last-child th:first-child,
.styleT5 thead tr:last-child td:first-child {
	-webkit-border-radius:	0px;
	-moz-border-radius:			0px;
	-o-border-radius:				0px;
	border-radius:					0px;
}

/* 右下角丸　thead内　最後の行の最後のセル */
.styleT5 thead tr:last-child th:last-child,
.styleT5 thead tr:last-child td:last-child {
	-webkit-border-radius:	0px;
	-moz-border-radius:			0px;
	-o-border-radius:				0px;
	border-radius:					0px;
}

/* 角丸なし　thaedの後のtbody 最初の行の最初のセル
   角丸なし　thaedの後のtbody 最初の行の最後のセル */
.styleT5 thead+tbody tr:first-child th:first-child,
.styleT5 thead+tbody tr:first-child td:first-child,
.styleT5 thead+tbody tr:first-child th:last-child,
.styleT5 thead+tbody tr:first-child td:last-child {
	-webkit-border-radius:	0px;
	-moz-border-radius:			0px;
	-o-border-radius:				0px;
	border-radius:					0px;
}

/* 左下角丸　thaedの後のtbody 最後の行の最初のセル */
.styleT5 thead+tbody tr:last-child th:first-child,
.styleT5 thead+tbody tr:last-child td:first-child {
	-webkit-border-radius:	0 0 0 6px;
	-moz-border-radius:			0 0 0 6px;
	-o-border-radius:				0 0 0 6px;
	border-radius:					0 0 0 6px;
}

/* 右下角丸　thaedの後のtbody 最後の行の最後のセル */
.styleT5 thead+tbody tr:last-child th:last-child,
.styleT5 thead+tbody tr:last-child td:last-child {
	-webkit-border-radius:	0 0 6px 0;
	-moz-border-radius:			0 0 6px 0;
	-o-border-radius:				0 0 6px 0;
	border-radius:					0 0 6px 0;
}

/* マウスに反応
-------------------------------------------------------------------------------------------*/
table.styleT6 {
	background:#D3E4E5;
	border:1px solid #bbb;
	border-collapse:collapse;
	color:#fff;
}

.styleT6 caption {
	border:1px solid #5C443A;
	color:#5C443A;
	font-weight:bold;
	padding:6px 4px 8px 0px;
	text-align:center;
	text-transform:uppercase;
}

.styleT6 td, .styleT6 th { color:#333; }

.styleT6 tr { border:1px dotted #bbb; }

.styleT6 thead th, .styleT6 tfoot th,
.styleT6 thead td, .styleT6 tfoot td {
	background-color:#051957;
	color:#fff;
	padding:3px 10px 3px 10px;
	text-transform:uppercase;
}

.styleT6 tbody td a {
	color:#363636;
	text-decoration:none;
}

.styleT6 tbody td a:visited {
	color:gray;
	text-decoration:line-through;
}

.styleT6 tbody td a:hover {
	text-decoration:underline;
}

.styleT6 tbody th a {
	color:#363636;
	font-weight:normal;
	text-decoration:none;
}

.styleT6 tbody th a:hover { color:#363636; }

.styleT6 tbody td+td+td+td a {
	color:#03476F;
	padding-left:15px;
}

.styleT6 tbody td+td+td+td a:visited {}

.styleT6 tbody th, .styleT6 tbody td { /*vertical-align:middle;:top;*/ }

.styleT6 tfoot td {
	background:#5C443A;
	color:#fff;
	padding-top:3px;
}

.odd { background:#fff; }

.styleT6 tbody tr:hover {
	background:#99BCBF;
	border:1px solid #03476F;
	color:#000;
}

/*
=============================================================================================
CLASS指定
=============================================================================================
*/
/* Top量(margin)
-------------------------------------------------------------------------------------------*/
.mt00p	{ margin-top:0em !important; }
.mt01p	{ margin-top:1em !important; }
.mt02p	{ margin-top:2em !important; }
.mt03p	{ margin-top:3em !important; }
.mt04p	{ margin-top:4em !important; }
.mt05p	{ margin-top:5em !important; }
.mt06p	{ margin-top:6em !important; }
.mt07p	{ margin-top:7em !important; }
.mt08p	{ margin-top:8em !important; }
.mt09p	{ margin-top:9em !important; }
.mt10p	{ margin-top:10em !important; }

.mt05 	{ 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; }
.mt60 	{ margin-top:60px !important; }
.mt70 	{ margin-top:70px !important; }
.mt80 	{ margin-top:80px !important; }
.mt90 	{ margin-top:90px !important; }
.mt100	{ margin-top:100px !important; }
.mt200	{ margin-top:200px !important; }
.mt300	{ margin-top:300px !important; }
.mt400	{ margin-top:400px !important; }
.mt500	{ margin-top:500px !important; }
.mt600	{ margin-top:600px !important; }
.mt700	{ margin-top:700px !important; }
.mt800	{ margin-top:800px !important; }
.mt900	{ margin-top:900px !important; }

/* Left量(margin)
-------------------------------------------------------------------------------------------*/
.ml01p	{ margin-left:1em !important; }
.ml02p	{ margin-left:2em !important; }
.ml03p	{ margin-left:3em !important; }
.ml04p	{ margin-left:4em !important; }
.ml05p	{ margin-left:5em !important; }
.ml06p	{ margin-left:6em !important; }
.ml07p	{ margin-left:7em !important; }
.ml08p	{ margin-left:8em !important; }
.ml09p	{ margin-left:9em !important; }
.ml10p	{ margin-left:10em !important; }

.ml05		{ margin-left:5px !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; }
.ml60		{ margin-left:60px !important; }
.ml70		{ margin-left:70px !important; }
.ml80		{ margin-left:80px !important; }
.ml90		{ margin-left:90px !important; }
.ml100	{ margin-left:100px !important; }
.ml200	{ margin-left:200px !important; }
.ml300	{ margin-left:300px !important; }
.ml400	{ margin-left:400px !important; }
.ml500	{ margin-left:500px !important; }
.ml600	{ margin-left:600px !important; }
.ml700	{ margin-left:700px !important; }
.ml800	{ margin-left:800px !important; }
.ml900	{ margin-left:900px !important; }

/* Bottom量(margin)
-------------------------------------------------------------------------------------------*/
.mb00p	{ margin-bottom:0em !important; }
.mb01p	{ margin-bottom:1em !important; }
.mb02p	{ margin-bottom:2em !important; }
.mb03p	{ margin-bottom:3em !important; }
.mb04p	{ margin-bottom:4em !important; }
.mb05p	{ margin-bottom:5em !important; }
.mb06p	{ margin-bottom:6em !important; }
.mb07p	{ margin-bottom:7em !important; }
.mb08p	{ margin-bottom:8em !important; }
.mb09p	{ margin-bottom:9em !important; }
.mb10p	{ margin-bottom:10em !important; }

.mb05		{ 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; }
.mb60		{ margin-bottom:60px !important; }
.mb70		{ margin-bottom:70px !important; }
.mb80		{ margin-bottom:80px !important; }
.mb90		{ margin-bottom:90px !important; }
.mb100	{ margin-bottom:100px !important; }
.mb200	{ margin-bottom:200px !important; }
.mb300	{ margin-bottom:300px !important; }
.mb400	{ margin-bottom:400px !important; }
.mb500	{ margin-bottom:500px !important; }
.mb600	{ margin-bottom:600px !important; }
.mb700	{ margin-bottom:700px !important; }
.mb800	{ margin-bottom:800px !important; }
.mb900	{ margin-bottom:900px !important; }

/* Right量(margin)
-------------------------------------------------------------------------------------------*/
.mr00p	{ margin-right:0 !important; }
.mr01p	{ margin-right:1em !important; }
.mr02p	{ margin-right:2em !important; }
.mr03p	{ margin-right:3em !important; }
.mr04p	{ margin-right:4em !important; }
.mr05p	{ margin-right:5em !important; }
.mr06p	{ margin-right:6em !important; }
.mr07p	{ margin-right:7em !important; }
.mr08p	{ margin-right:8em !important; }
.mr09p	{ margin-right:9em !important; }
.mr10p	{ margin-right:10em !important; }

.mr05		{ margin-right:5px !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; }
.mr60		{ margin-right:60px !important; }
.mr70		{ margin-right:70px !important; }
.mr80		{ margin-right:80px !important; }
.mr90		{ margin-right:90px !important; }
.mr100	{ margin-right:100px !important; }
.mr200	{ margin-right:200px !important; }
.mr300	{ margin-right:300px !important; }
.mr400	{ margin-right:400px !important; }
.mr500	{ margin-right:500px !important; }
.mr600	{ margin-right:600px !important; }
.mr700	{ margin-right:700px !important; }
.mr800	{ margin-right:800px !important; }
.mr900	{ margin-right:900px !important; }

/* Top量(padding)
-------------------------------------------------------------------------------------------*/
.pt00p	{ padding-top:0em !important; }
.pt01p	{ padding-top:1em !important; }
.pt02p	{ padding-top:2em !important; }
.pt03p	{ padding-top:3em !important; }
.pt04p	{ padding-top:4em !important; }
.pt05p	{ padding-top:5em !important; }
.pt06p	{ padding-top:6em !important; }
.pt07p	{ padding-top:7em !important; }
.pt08p	{ padding-top:8em !important; }
.pt09p	{ padding-top:9em !important; }
.pt10p	{ padding-top:10em !important; }

.pt05		{ padding-top:5px !important; }
.pt10		{ padding-top:10px !important; }
.pt20		{ padding-top:20px !important; }
.pt30		{ padding-top:30px !important; }
.pt40		{ padding-top:40px !important; }
.pt50		{ padding-top:50px !important; }
.pt60		{ padding-top:60px !important; }
.pt70		{ padding-top:70px !important; }
.pt80		{ padding-top:80px !important; }
.pt90		{ padding-top:90px !important; }
.pt100	{ padding-top:100px !important; }
.pt200	{ padding-top:200px !important; }
.pt300	{ padding-top:300px !important; }
.pt400	{ padding-top:400px !important; }
.pt500	{ padding-top:500px !important; }
.pt600	{ padding-top:600px !important; }
.pt700	{ padding-top:700px !important; }
.pt800	{ padding-top:800px !important; }
.pt900	{ padding-top:900px !important; }

/* Left量(padding)
-------------------------------------------------------------------------------------------*/
.pl00p	{ padding-left:0em !important; }
.pl01p	{ padding-left:1em !important; }
.pl02p	{ padding-left:2em !important; }
.pl03p	{ padding-left:3em !important; }
.pl04p	{ padding-left:4em !important; }
.pl05p	{ padding-left:5em !important; }
.pl06p	{ padding-left:6em !important; }
.pl07p	{ padding-left:7em !important; }
.pl08p	{ padding-left:8em !important; }
.pl09p	{ padding-left:9em !important; }
.pl10p	{ padding-left:10em !important; }

.pl05		{ padding-left:5px !important; }
.pl10		{ padding-left:10px !important; }
.pl20		{ padding-left:20px !important; }
.pl30		{ padding-left:30px !important; }
.pl40		{ padding-left:40px !important; }
.pl50		{ padding-left:50px !important; }
.pl60		{ padding-left:60px !important; }
.pl70		{ padding-left:70px !important; }
.pl80		{ padding-left:80px !important; }
.pl90		{ padding-left:90px !important; }
.pl100	{ padding-left:100px !important; }
.pl200	{ padding-left:200px !important; }
.pl300	{ padding-left:300px !important; }
.pl400	{ padding-left:400px !important; }
.pl500	{ padding-left:500px !important; }
.pl600	{ padding-left:600px !important; }
.pl700	{ padding-left:700px !important; }
.pl800	{ padding-left:800px !important; }
.pl900	{ padding-left:900px !important; }

/* Bottom量(padding)
-------------------------------------------------------------------------------------------*/
.pb00p	{ padding-bottom:0em !important; }
.pb01p	{ padding-bottom:1em !important; }
.pb02p	{ padding-bottom:2em !important; }
.pb03p	{ padding-bottom:3em !important; }
.pb04p	{ padding-bottom:4em !important; }
.pb05p	{ padding-bottom:5em !important; }
.pb06p	{ padding-bottom:6em !important; }
.pb07p	{ padding-bottom:7em !important; }
.pb08p	{ padding-bottom:8em !important; }
.pb09p	{ padding-bottom:9em !important; }
.pb10p	{ padding-bottom:10m !important; }

.pb05		{ padding-bottom:5px !important; }
.pb10		{ padding-bottom:10px !important; }
.pb20		{ padding-bottom:20px !important; }
.pb30		{ padding-bottom:30px !important; }
.pb40		{ padding-bottom:40px !important; }
.pb50		{ padding-bottom:50px !important; }
.pb60		{ padding-bottom:60px !important; }
.pb70		{ padding-bottom:70px !important; }
.pb80		{ padding-bottom:80px !important; }
.pb90		{ padding-bottom:90px !important; }
.pb100	{ padding-bottom:100px !important; }
.pb200	{ padding-bottom:200px !important; }
.pb300	{ padding-bottom:300px !important; }
.pb400	{ padding-bottom:400px !important; }
.pb500	{ padding-bottom:500px !important; }
.pb600	{ padding-bottom:600px !important; }
.pb700	{ padding-bottom:700px !important; }
.pb800	{ padding-bottom:800px !important; }
.pb900	{ padding-bottom:900px !important; }

/* Right量(padding)
-------------------------------------------------------------------------------------------*/
.pr00p	{ padding-right:0em !important; }
.pr01p	{ padding-right:1em !important; }
.pr02p	{ padding-right:2em !important; }
.pr03p	{ padding-right:3em !important; }
.pr04p	{ padding-right:4em !important; }
.pr05p	{ padding-right:5em !important; }
.pr06p	{ padding-right:6em !important; }
.pr07p	{ padding-right:7em !important; }
.pr08p	{ padding-right:8em !important; }
.pr09p	{ padding-right:9em !important; }
.pr10p	{ padding-right:10em !important; }

.pr05		{ padding-right:5px !important; }
.pr10		{ padding-right:10px !important; }
.pr20		{ padding-right:20px !important; }
.pr30		{ padding-right:30px !important; }
.pr40		{ padding-right:40px !important; }
.pr50		{ padding-right:50px !important; }
.pr60		{ padding-right:60px !important; }
.pr70		{ padding-right:70px !important; }
.pr80		{ padding-right:80px !important; }
.pr90		{ padding-right:90px !important; }
.pr100	{ padding-right:100px !important; }
.pr200	{ padding-right:200px !important; }
.pr300	{ padding-right:300px !important; }
.pr400	{ padding-right:400px !important; }
.pr500	{ padding-right:500px !important; }
.pr600	{ padding-right:600px !important; }
.pr700	{ padding-right:700px !important; }
.pr800	{ padding-right:800px !important; }
.pr900	{ padding-right:900px !important; }

/* テキスト位置
-------------------------------------------------------------------------------------------*/
.txtR { text-align:right !important;/*右寄せ*/ }
.txtC { text-align:center !important;/*左右中央*/ }
.txtL { text-align:left !important;/*左寄せ*/ }
.txtT { vertical-align:top !important;/*上寄せ*/ }
.txtM { vertical-align:middle !important;/*上下中央寄せ*/ }
.txtB { vertical-align:bottom !important;/*下寄せ*/ }

/* 左側回り込み用
-------------------------------------------------------------------------------------------*/
.styleL, .alignleft		{ float:left; clear:none; margin:0 10px 10px 0; }
.styleLN							{ float:left; clear:none; }/*全マージン指定可*/

/* 右側回り込み用
-------------------------------------------------------------------------------------------*/
.styleR, .alignright	{ float:right; clear:none; margin:0 0 10px 10px; }
.styleRN							{ float:right; clear:none; }/*全マージン指定可*/

/* センター固定
-------------------------------------------------------------------------------------------*/
.styleC, .aligncenter	{ display: block; margin-left: auto; margin-right: auto; }
table.styleC					{ display:table !important; margin-left: auto; margin-right: auto; }

/* 幅指定（固定）
-------------------------------------------------------------------------------------------*/
.W10 { width:10px !important; }
.W20 { width:20px !important; }
.W30 { width:30px !important; }
.W40 { width:40px !important; }
.W50 { width:50px !important; }
.W60 { width:60px !important; }
.W70 { width:70px !important; }
.W80 { width:80px !important; }
.W90 { width:90px !important; }
.W100 { width:100px !important; }
.W110 { width:110px !important; }
.W120 { width:120px !important; }
.W130 { width:130px !important; }
.W140 { width:140px !important; }
.W150 { width:150px !important; }
.W160 { width:160px !important; }
.W170 { width:170px !important; }
.W180 { width:180px !important; }
.W190 { width:190px !important; }
.W200 { width:200px !important; }
.W210 { width:210px !important; }
.W220 { width:220px !important; }
.W230 { width:230px !important; }
.W240 { width:240px !important; }
.W250 { width:250px !important; }
.W260 { width:260px !important; }
.W270 { width:270px !important; }
.W280 { width:280px !important; }
.W290 { width:290px !important; }
.W300 { width:300px !important; }
.W310 { width:310px !important; }
.W320 { width:320px !important; }
.W330 { width:330px !important; }
.W340 { width:340px !important; }
.W350 { width:350px !important; }
.W360 { width:360px !important; }
.W370 { width:370px !important; }
.W380 { width:380px !important; }
.W390 { width:390px !important; }
.W400 { width:400px !important; }
.W410 { width:410px !important; }
.W420 { width:420px !important; }
.W430 { width:430px !important; }
.W440 { width:440px !important; }
.W450 { width:450px !important; }
.W460 { width:460px !important; }
.W470 { width:470px !important; }
.W480 { width:480px !important; }
.W490 { width:490px !important; }
.W500 { width:500px !important; }
.W510 { width:510px !important; }
.W520 { width:520px !important; }
.W530 { width:530px !important; }
.W540 { width:540px !important; }
.W550 { width:550px !important; }
.W560 { width:560px !important; }
.W570 { width:570px !important; }
.W580 { width:580px !important; }
.W590 { width:590px !important; }
.W600 { width:600px !important; }
.W610 { width:610px !important; }
.W620 { width:620px !important; }
.W630 { width:630px !important; }
.W640 { width:640px !important; }
.W650 { width:650px !important; }
.W660 { width:660px !important; }
.W670 { width:670px !important; }
.W680 { width:680px !important; }
.W690 { width:690px !important; }
.W700 { width:700px !important; }
.W710 { width:710px !important; }
.W720 { width:720px !important; }
.W730 { width:730px !important; }
.W740 { width:740px !important; }
.W750 { width:750px !important; }
.W760 { width:760px !important; }
.W770 { width:770px !important; }
.W780 { width:780px !important; }
.W790 { width:790px !important; }
.W800 { width:800px !important; }
.W810 { width:810px !important; }
.W820 { width:820px !important; }
.W830 { width:830px !important; }
.W840 { width:840px !important; }
.W850 { width:850px !important; }
.W860 { width:860px !important; }
.W870 { width:870px !important; }
.W880 { width:880px !important; }
.W890 { width:890px !important; }
.W900 { width:900px !important; }
.W910 { width:910px !important; }
.W920 { width:920px !important; }
.W930 { width:930px !important; }
.W940 { width:940px !important; }
.W950 { width:950px !important; }
.W960 { width:960px !important; }

/* 幅指定（比率）
-------------------------------------------------------------------------------------------*/
.W01p { width:1% !important; }
.W02p { width:2% !important; }
.W03p { width:3% !important; }
.W04p { width:4% !important; }
.W05p { width:5% !important; }
.W06p { width:6% !important; }
.W07p { width:7% !important; }
.W08p { width:8% !important; }
.W09p { width:9% !important; }
.W10p { width:10% !important; }
.W11p { width:11% !important; }
.W12p { width:12% !important; }
.W13p { width:13% !important; }
.W14p { width:14% !important; }
.W15p { width:15% !important; }
.W16p { width:16% !important; }
.W17p { width:17% !important; }
.W18p { width:18% !important; }
.W19p { width:19% !important; }
.W20p { width:20% !important; }
.W21p { width:21% !important; }
.W22p { width:22% !important; }
.W23p { width:23% !important; }
.W24p { width:24% !important; }
.W25p { width:25% !important; }
.W26p { width:26% !important; }
.W27p { width:27% !important; }
.W28p { width:28% !important; }
.W29p { width:29% !important; }
.W30p { width:30% !important; }
.W31p { width:31% !important; }
.W32p { width:32% !important; }
.W33p { width:33% !important; }
.W34p { width:34% !important; }
.W35p { width:35% !important; }
.W36p { width:36% !important; }
.W37p { width:37% !important; }
.W38p { width:38% !important; }
.W39p { width:39% !important; }
.W40p { width:40% !important; }
.W41p { width:41% !important; }
.W42p { width:42% !important; }
.W43p { width:43% !important; }
.W44p { width:44% !important; }
.W45p { width:45% !important; }
.W46p { width:46% !important; }
.W47p { width:47% !important; }
.W48p { width:48% !important; }
.W49p { width:49% !important; }
.W50p { width:50% !important; }
.W51p { width:51% !important; }
.W52p { width:52% !important; }
.W53p { width:53% !important; }
.W54p { width:54% !important; }
.W55p { width:55% !important; }
.W56p { width:56% !important; }
.W57p { width:57% !important; }
.W58p { width:58% !important; }
.W59p { width:59% !important; }
.W60p { width:60% !important; }
.W61p { width:61% !important; }
.W62p { width:62% !important; }
.W63p { width:63% !important; }
.W64p { width:64% !important; }
.W65p { width:65% !important; }
.W66p { width:66% !important; }
.W67p { width:67% !important; }
.W68p { width:68% !important; }
.W69p { width:69% !important; }
.W70p { width:70% !important; }
.W71p { width:71% !important; }
.W72p { width:72% !important; }
.W73p { width:73% !important; }
.W74p { width:74% !important; }
.W75p { width:75% !important; }
.W76p { width:76% !important; }
.W77p { width:77% !important; }
.W78p { width:78% !important; }
.W79p { width:79% !important; }
.W80p { width:80% !important; }
.W81p { width:81% !important; }
.W82p { width:82% !important; }
.W83p { width:83% !important; }
.W84p { width:84% !important; }
.W85p { width:85% !important; }
.W86p { width:86% !important; }
.W87p { width:87% !important; }
.W88p { width:88% !important; }
.W89p { width:89% !important; }
.W90p { width:90% !important; }
.W91p { width:91% !important; }
.W92p { width:92% !important; }
.W93p { width:93% !important; }
.W94p { width:94% !important; }
.W95p { width:95% !important; }
.W96p { width:96% !important; }
.W97p { width:97% !important; }
.W98p { width:98% !important; }
.W99p { width:99% !important; }
.W100p { width:100% !important; }

/* 文字サイズ（固定）
-------------------------------------------------------------------------------------------*/
.f06 { font-size:6px; line-height:1.5em !important; }
.f07 { font-size:7px; line-height:1.5em !important; }
.f08 { font-size:8px; line-height:1.5em !important; }
.f09 { font-size:9px; line-height:1.5em !important; }
.f10 { font-size:10px; line-height:1.5em !important; }
.f11 { font-size:11px; line-height:1.5em !important; }
.f12 { font-size:12px; line-height:1.5em !important; }
.f13 { font-size:13px; line-height:1.5em !important; }
.f14 { font-size:14px; line-height:1.5em !important; }
.f15 { font-size:15px; line-height:1.5em !important; }
.f16 { font-size:16px; line-height:1.5em !important; }
.f17 { font-size:17px; line-height:1.5em !important; }
.f18 { font-size:18px; line-height:1.5em !important; }
.f19 { font-size:19px; line-height:1.5em !important; }
.f20 { font-size:20px; line-height:1.5em !important; }
.f22 { font-size:22px; line-height:1.5em !important; }
.f24 { font-size:24px; line-height:1.5em !important; }

/* 文字サイズ（比率）
-------------------------------------------------------------------------------------------*/
.f06p { font-size:0.6em; line-height:1.5em !important; }
.f07p { font-size:0.7em; line-height:1.5em !important; }
.f08p { font-size:0.8em; line-height:1.5em !important; }
.f09p { font-size:0.9em; line-height:1.5em !important; }
.f11p { font-size:1.1em; line-height:1.5em !important; }
.f12p { font-size:1.2em; line-height:1.5em !important; }
.f13p { font-size:1.3em; line-height:1.5em !important; }
.f14p { font-size:1.4em; line-height:1.5em !important; }
.f15p { font-size:1.5em; line-height:1.5em !important; }
.f16p { font-size:1.6em; line-height:1.5em !important; }
.f17p { font-size:1.7em; line-height:1.5em !important; }
.f18p { font-size:1.8em; line-height:1.5em !important; }
.f19p { font-size:1.9em; line-height:1.5em !important; }
.f20p { font-size:2.0em; line-height:1.5em !important; }
.f22p { font-size:2.2em; line-height:1.5em !important; }
.f24p { font-size:2.4em; line-height:1.5em !important; }

/* 色関連
-------------------------------------------------------------------------------------------*/
.red		{ color:#C00;}
.pink		{ color:#C27898; }
.green	{ color:#85A164; }
.orange	{ color:#C97B6C; }
.blue		{ color:#005dac; }
.gray		{ color:#808080; }
.yellow	{ color:#B09C4F; }
.purple	{ color:#b79fcb; }
.white	{ color:#fff; }
.black	{ color:#000; }

.bgRed		{ background-color:#fef4f4; }
.bgBlue		{ background-color:#f0f8ff; }
.bgYellow	{ background-color:#fffde6; }
.bgGreen	{ background-color:#f7fade; }
.bgOrange	{ background-color:#fff0d9; }
.bgGray		{ background-color:#f8f8ff; }

/*
=============================================================================================
エントリー用
=============================================================================================
*/
.entry, .entryList, .more { float:none; clear:both; overflow:hidden; }
.entry a, .entryList a, .more a { text-decoration:underline; }
.entryList { border-bottom:1px dotted #ddd; padding-bottom:2em; }
.entry ul, .entryList ul, .more ul { list-style-type:disc; }
.entry ol, .entryList ol, .more ol { list-style-type:decimal; }
.entry ul, .entry ol, .entryList ul, .entryList ol, .more ul, .more ol { padding-left:1em; margin-left:1em; }
.entry li, .entryList li, .more li { margin-bottom:1em; }
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entryList h2, .entryList h3, .entryList h4, .entryList h5, .entryList h6, .more h2, .more h3, .more h4, .more h5, .more h6 { font-weight:bolder; padding:1em 0; }
.entry h2, .entryList h2, .more h2 { font-size:1.8em; }
.entry h3, .entryList h3, .more h3 { font-size:1.6em; }
.entry h4, .entryList h4, .more h4 { font-size:1.4em; }
.entry h5, .entryList h5, .more h5 { font-size:1.2em; }
.entry h6, .entryList h6, .more h6 { font-size:1em; }
.entry p, .entryList p, .more p { margin:0 0 1em 0; }
.entry th, .entry td, .entryList th, .entryList td, .more th, .more td { padding:5px; }
a.more-link { display:block; text-align:right; padding:10px 0; }
p.date { display:block; width:100%; text-align:right; color:#999; font-size:0.6em; margin:-10px 0 20px 0; }

/*
=============================================================================================
ヘッダー
=============================================================================================
*/
#header {}
#headerInner { background-color:#fff; }
#header a {}

/* ヘッダータイトル
-------------------------------------------------------------------------------------------*/
#header p {
	display:block;
	clear:both;
	line-height:1em;
	background-color:#008CBC;
	color:#fff;
	text-align:center;
	font-size: 12px;
	font-weight: normal;
	margin:0 auto;
	padding:8px 0 10px 0;
}

/* ロゴ
-------------------------------------------------------------------------------------------*/
a.logo img { display:block; margin:60px auto; }

/* ナビゲーション
-------------------------------------------------------------------------------------------*/
/*nav#naver {
	display:block;
	clear:both;
	text-align: center;
	background-color:#8C6437;
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}

nav#naver ul {
	display:block;
	clear: both;
	height:50px;
}

nav#naver li {
	float:left;
	clear:none;
	width:12.5%;
	padding:10px 0;
}

nav#naver li:hover {
	background-color:#DB9606;
}

nav#naver li, nav#naver li:hover {
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

nav#naver li a {
	display:block;
	font-size:12px;
	line-height:30px;
	text-align:center;
	color:#fff;
	border-right:1px dotted #fff;
}

nav#naver li:first-child a {
	border-left:1px dotted #fff;
	border-right:1px dotted #fff;
}*/

nav#navi {}

/* sticky（上部固定）メニュー
-------------------------------------------------------------------------------------------*/
.sticky {
  position: fixed;
  z-index: 9999;
	top: 0px;
	left: 0px;
  /*border-bottom: 5px solid #fff;*/
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.navbar { background-color:#fff; }

/*nav:not(.mm-menu) { display: none; }*/

#header a.menu {
	/*position: absolute;*/
	display: block;
	background:url(images/btn_menu.gif) center center no-repeat transparent;
	width: 40px;
	height: 40px;
	/*top: 40px;
	left: 10px;*/
}

/*
=============================================================================================
サイドバー　ウィジェット
=============================================================================================
*/
/*aside ul { margin-bottom:20px; list-style-type:none; }
aside ul li { padding-bottom:10px; }
aside div.contact {
	background:url(images/bg_contact.png) center top no-repeat;
	width:240px;
	height:240px;
	margin:0 auto;
	font-size:12px;
}
aside div.contact p.name {
	font-size:16px;
	padding:20px 0 5px 0;
	margin:0 20px 10px 20px;
	border-bottom:10px solid #38B48B;
}
aside div.contact p.name span { font-size:11px; }
aside div.contact p.add { margin:0 20px; }
aside div.contact p.tel, aside div.contact p.fax {
	font-size:18px;
	text-align:right;
	font-weight:bolder;
	margin:0 20px;
	padding:5px 0;
}

aside div.contact p.tel { background:url(images/bg_contact_tel.png) left center no-repeat; }
aside div.contact p.fax { background:url(images/bg_contact_fax.png) left center no-repeat; }*/

/*
=============================================================================================
フッター
=============================================================================================
*/
#footer {
	position: relative;
	clear:both;
	text-align:center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color:#008CBC;
}

#footerInner {
	clear:both;
	position:relative;
	font-size:12px;
	text-align:center;
}

#copy {
	display:block;
	clear:both;
	text-align: right;
	font-style:normal;
	font-size:11px;
	padding:30px 0 10px 0;
	color:#fff;
}

/* フッターナビゲーション
-------------------------------------------------------------------------------------------*/
div.cInfo, div.fBox {
	overflow:hidden;
	float:left;
	clear:none;
	width:25%;
	text-align:left;
}

div.cInfo { padding-top:30px; }

div.cInfo img {
	display:block;
	float:none;
	clear:both;
	margin-left:auto;
	margin-right:auto;
}

div.fBox a { color:#fff; text-decoration:none; }

div.fBox a:hover { color:#fff; text-decoration:underline; }

div.fBox > ul { width:100%; margin:140px 0 0 8px; }

div.fBox ul > li {
	background:url(images/bg_footer_li01.gif) left 3px no-repeat;
	font-size:12px;
	padding:0 0 0.5em 15px;
	margin-bottom:0.5em;
	border-bottom:1px dashed #80D7F5;
}

div.fBox ul > li ul {
	margin:6px 0 0 -14px;
}

div.fBox ul > li ul > li {
	background:url(images/bg_footer_li02.gif) left 10px no-repeat;
	font-size:11px;
	padding:7px 0 1px 15px !important;
	border-top:1px dotted #fff;
	border-bottom:none;
}

/*#footerInner ul.fNav {
	display:block;
	list-style-type:none;
	margin-bottom:20px;
}

#footerInner ul.fNav li {
	text-align:center;
	padding:0 1.5rem;
	border-right:1px solid #fff;
	line-height:12px;
	font-size:12px;
}

#footerInner ul.fNav li:first-child {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

#footerInner ul.fNav li a { color:#fff; }
#footerInner ul.fNav li a:hover { color:#fff; text-decoration:underline; }*/

/* ページ上部へ戻る
-------------------------------------------------------------------------------------------*/
.pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	line-height:1em;
	font-size: 10px;
	z-index:9999;
}

.pageTop a {
	background:#004B64;
	text-decoration: none;
	color: #fff;
	padding: 10px 15px;
	text-align: center;
	display: block;
	-webkit-border-radius:	10px;
	-moz-border-radius:			10px;
	-o-border-radius:				10px;
	border-radius:					10px;
}

.pageTop a:hover {
	text-decoration:underline;
	-webkit-border-radius:	0;
	-moz-border-radius:			0;
	-o-border-radius:				0;
	border-radius:					0;
}

/*
=============================================================================================
コンテンツ
=============================================================================================
*/
/* スライダー
-------------------------------------------------------------------------------------------*/
.slider-pro, #slider, .sp-slides { font-size:12px; background-color:#fff; }
.js-flickity { margin-bottom:1rem; }

/* 全体
-------------------------------------------------------------------------------------------*/
div.box {	margin:0 2rem; }

/* トップページ
-------------------------------------------------------------------------------------------*/
/* キャッチコピー */
h1.cc {
	font-size:2rem;
	line-height:1.5em;
	font-weight:normal;
	text-align:center;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/* お知らせ */
.news li {
	padding:5px 0;
	margin:0 0 10px 0;
	border-bottom:1px dotted #ccc;
}

.news li span {
	padding:2px 0;
	margin-right:10px;
}

.news li a { color:#333; }

.news li a:hover { text-decoration:underline; }

/* トップページコンテンツ */
ul.t1 {
	overflow:hidden;
	display:block;
	width:500px;
	border-top:1px solid #fff;
	margin:3rem auto 0 auto;
}

.t1 li {
	position:relative;
	overflow:hidden;
	padding:20px 0;
	border-bottom:1px solid #fff;
}

section.odd ul.t1 { border-top:1px solid #ddd; }
section.odd .t1 li { border-bottom:1px solid #ddd; }

c {
	display:block;
	margin:0 auto;
}

.t1 li p {
	position:absolute;
	width:300px;
	top:140px;
	left:200px;
}

ul.t2 {
	margin-top:3rem;
	overflow:hidden;
}

.t2 li {
	overflow:hidden;
	margin-bottom:3rem;
}

.t2 li img {
	float:left;
	clear:none;
	margin:0 10px 10px 20px !important;
}

.t2 li h2 {
	float:none;
	clear:none;
	font-size:1.6rem;
	margin:0 20px 10px 20px;
}

.t2 li h2 span { font-size:0.6em; }

.t2 li p {
	font-size:12px;
	margin:0 20px 1rem 20px;
}

section.odd .t2 li a	{ color:#00AEEB; }
section.even .t2 li a { color:#fff; }

ul.t3 {
	overflow:hidden;
	margin-bottom:2rem;
}

.t3 li {
	position:relative;
	text-align:center;
	font-size:12px;
	margin-bottom:1rem;
}

.t3 li img {
	display:block;
	margin:0 auto 10px auto;
}

.t3 li p {
	position:relative;
	font-size:12px;
	text-align:left;
	margin:0 30px;
}

.t3 li a.detail {
	position:absolute;
	display:block;
	left:0;
	right:0;
	bottom:0px;
	margin:0 auto;
}

.t3 li a.detail img {
	margin:0 auto !important;
}

/* 会社概要
-------------------------------------------------------------------------------------------*/
#gmap {
	width:100%;
	height:500px;
}

/* 商品紹介
-------------------------------------------------------------------------------------------*/
div.item {
	overflow:hidden;
	display:table;
	width:800px;
	background-color:#f8f8f8;
	vertical-align:middle;
	margin:3rem auto;
	padding:80px;
}

div.itemBlock {
	overflow:hidden;
}

div.item img {
	float:left;
	clear:none;
	margin:0 2rem 0 0;
}

div.item h3 {
	clear:none;
	font-size:1.8rem;
	color:#CC0000;
	margin:0 0 1rem 0;
}

div.item p {
	display:block;
	overflow:hidden;
	line-height:2em;
}

div.item p.wrap {
	float:none;
	clear:both;
	text-align:center;
	line-height:1em;
	margin-top:2rem;
}

ul.item {
	text-align:center;
}

.item li {
	margin-bottom:2rem;
}

.item li p, .item li a {
	display:block;
	font-size:0.8rem;
}

table.item {
	width:90%;
	margin:0 auto;
	border-collapse:collapse;
}

.item th, .item td {
	padding:10px;
	border:1px dotted #666;
}

.item th span {
	display:block;
	width:100%;
}

/*.item td {
	border-left:1px dotted #666;
}

/*.item th { width:20%; }
.item td { width:80%; }*/

.item li img {
	display:block;
	margin:0 auto 5px auto;
}

div.illumina {
	position:relative;
	background:url(images/bg_item_illumina.jpg) center top no-repeat;
	background-size:contain;
	height:600px;
}

ul.seizou {
	text-align:center;
}

.seizou li {
	margin-bottom:2rem;
}

.seizou div {
	display: block;
	position:relative;
	text-align:left;
	margin:0 20px;
	padding:20px;
	background-color:#fff;
}

.seizou li img {
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
}

.seizou li h4 {
	font-size:0.85rem;
	text-align:center;
	color:#fff;
	margin:0 0 10px 0;
	padding:5px 10px;
	background-color:#008CBC;
}

.seizou li h4 span {
	display:block;
	font-size:0.9em;
	border-top:1px dotted #fff;
}

.seizou li p {
	font-size:0.85rem;
	color:#333 !important;
	margin:0;
}

/* よくある質問
-------------------------------------------------------------------------------------------*/
.qa dt {
	position: relative;
	display:block;
	clear:both;
	text-align:left;
	font:1.5rem "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	color:#008CBC;
	padding:10px 0 5px 50px;
	margin:4rem 0 1rem 0;
	border-bottom:1px dotted #ccc;
}

.qa dt:after {
	position: absolute;
	content: "Q";
	top: 0px;
	left: 0px;
	width: 40px;
	height: 40px;
	font-weight:normal;
	font-size:36px;
	text-align:center;
	line-height:40px;
	color:#fff;
	background-color:#00AEEB;
	font-family: 'Poiret One', cursive;
}

.qa dt:first-child { margin-top:0; }

.qa dd {
	position: relative;
	display:block;
	clear:both;
	text-align:left;
	font-weight:normal;
	margin-left:40px;
	padding:0 0 0 50px;
}

.qa dd:after {
	position: absolute;
	content: "A";
	top: 0px;
	left: 0px;
	width: 40px;
	height: 40px;
	font-weight:normal;
	font-size:36px;
	text-align:center;
	line-height:40px;
	color:#fff;
	background-color:#F90;
	font-family: 'Poiret One', cursive;
}

/* 製造工程
-------------------------------------------------------------------------------------------*/
div.flow {
	overflow:hidden;
	display:table;
	margin:0 5rem;
}

div.flow img {
	display:block;
	float:left;
	clear:none;
	margin:0 20px 0 0;
}

div.flowBox {
	display:table-cell;
	height:auto;
	vertical-align:middle;
	padding-bottom:50px;
}

/* 乳酸菌生産物質とは
-------------------------------------------------------------------------------------------*/
dl.tokuchou { overflow:hidden; display:block; }

.tokuchou dt {
	float:left;
	clear:left;
	display:block;
	margin:1em 0;
	-webkit-border-radius:	10px;
	-moz-border-radius:			10px;
	-o-border-radius:				10px;
	border-radius:					10px;
}

.tokuchou dd {
	float:left;
	clear:none;
	display:block;
	margin:1em 0;
	-webkit-border-radius:	10px;
	-moz-border-radius:			10px;
	-o-border-radius:				10px;
	border-radius:					10px;
}

.tokuchou dt { width:25%; text-align:center; }
.tokuchou dd { width:75%; position:relative; }

.tokuchou dt div {
	padding:10px;
	border:2px solid #fff;
	-webkit-border-radius:	10px;
	-moz-border-radius:			10px;
	-o-border-radius:				10px;
	border-radius:					10px;
}

.tokuchou dt span {
	display:block;
	font-size:0.8em;
}

.tokuchou dd div {
	margin:0 0 0 30px;
	padding:10px;
	border:2px solid #fff;
	-webkit-border-radius:	10px;
	-moz-border-radius:			10px;
	-o-border-radius:				10px;
	border-radius:					10px;
}

.tokuchou dd:after {
	content: "";
	position: absolute;
	top: 20px;
	left: -1px;
	border: 12px solid transparent;
	border-top:		10px solid transparent;
	border-left:	30px solid #fff;
	border-right:	30px solid transparent;
	border-bottom:10px solid transparent;
}

.bj dt {
	color:#fff !important;
	background-color:#f00 !important;
	border:0;
}

.bj dt div { border:0; }

.bj dd div {
	border-color:#f00 !important;
}

.bj dd:after {
	border-left-color:#f00 !important;
}

figure.bj {
	display:block;
	width:140px;
	text-align:center;
}

.bj figcaption {
	font-size:12px;
	line-height:1.3em;
}

/* 個人情報保護方針
-------------------------------------------------------------------------------------------*/
dl.pp {
	display:block;
	margin:0 auto;
}

.pp dt {
	color:#000;
	font-weight:bolder;
	padding-bottom:0.5rem;
	margin:2rem 0 0.5rem 0;
	border-bottom:1px dotted #ddd;
}

.pp dt:first-child { margin-top:0; }

.pp dd {
	margin:0 0 0 1rem;
}

/*
=============================================================================================
レスポンシブル
=============================================================================================
*/
@media only screen and (min-width: 960px){}

@media only screen and (max-width: 960px){
	body, #container { background-image: none !important; /*background: none !important;*/ }
	#header, #headerInner, #footer, #footerInner, #contents, #header p, nav#naver ul, nav#navi ul, #pagetop, div.box { margin: 0 auto; max-width:960px; height:auto; background-image:none; }
	#contents, #header p, nav#naver ul, nav#navi ul, #pagetop, div.box { width: 99%; }	
	#header, #headerInner, #footer, #footerInner { width: 100%; }
	#contents { padding:0 !important; }
	#alpha, #beta, #gamma {
		display:block;
		float:none;
		clear:both;
		width:100% !important;
		margin-left:auto !important;
		margin-right:auto !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}
	/*#alpha img, #beta img, #gamma img { display:block; margin-left:auto; margin-right:auto; }*/
	
	/* 画像サイズ
	-------------------------------------------------------------------------------------------*/
	img.rdi010 { width:10%; height:auto; }
	img.rdi020 { width:20%; height:auto; }
	img.rdi030 { width:30%; height:auto; }
	img.rdi040 { width:40%; height:auto; }
	img.rdi050 { width:50%; height:auto; }
	img.rdi060 { width:60%; height:auto; }
	img.rdi070 { width:70%; height:auto; }
	img.rdi080 { width:80%; height:auto; }	
	img.rdi090 { width:90%; height:auto; }
	img.rdi100 { width:100%; height:auto; }

	/* リスト横並び
	-------------------------------------------------------------------------------------------*/
	.lst02 > li, .lst03 > li, .lst04 > li, .lst02f > li, .lst03f > li, .lst04f > li { width: 50%; }
	.lst05 > li, .lst06 > li, .lst07 > li, .lst08 > li, .lst05f > li, .lst06f > li, .lst07f > li, .lst08f > li { width: 33.2%; }
	.lst09 > li, .lst10 > li, .lst09f > li, .lst10f > li { width: 25%; }

	/* ヘッダー
	-------------------------------------------------------------------------------------------*/
	/* ロゴ・お問い合わせ */
	a.logo { display:block;	}

	/* レスポンシブル用メニュー */
	/*nav#naver { z-index:9999; margin-bottom:1em; text-shadow:none; }
	nav#naver ul { list-style-type:none; margin:0; }
	nav#naver li img, nav#naver li span { display:none; }
	nav#naver li {
		display:block;
		float:none;
		clear:both;
		width:100%;
		height:auto;
		background:none !important;
		border-bottom:1px solid #ddd;
	}
	nav#naver li a {
		display:block;
		padding:5px;
		color:#333;
		text-decoration: none;
		font-size:1rem;
	}
	nav#naver li a:hover { background-color:#FAC559; color:#fff; }*/
	
	nav#navi { background:#fff; }

	/* スライダー
	-------------------------------------------------------------------------------------------*/

	/* サイドバー
	-------------------------------------------------------------------------------------------*/
	
	/* フッター
	-------------------------------------------------------------------------------------------*/
	/* バナー */
	#bnr aside { width:100%; }
	#bnr aside ul li { width:50%; }

	/* フッターメニュー
	-------------------------------------------------------------------------------------------*/
	div.cInfo { width:100%; margin-bottom:1rem; }
	div.fBox { width:33.333%; }
	div.fBox img { display:block; margin:0 auto; }
	div.fBox > ul { display:block; margin:0 auto !important; }
	div.fBox > ul > li { margin-left:10px; margin-right:10px; } 
	
	/* トップページ
	-------------------------------------------------------------------------------------------*/

}

@media only screen and (max-width: 800px){
	/* 商品紹介
	-------------------------------------------------------------------------------------------*/
	div.item {
		width:100%;
		padding:2rem;
	}
	
	div.item img {
		width:40%;
		height:auto;
		margin-right:1rem !important;
	}

}

@media only screen and (max-width: 768px){
	/* ロゴ
	-------------------------------------------------------------------------------------------*/
	
	/* ヘッダー
	-------------------------------------------------------------------------------------------*/
	/*#headerInner ul { position:static; width:99%; height:auto; margin:10px 0 0 0; border:none; }
	#headerInner li { display:block; float:left; clear:none; width:33.333%; margin: 0; border:none; }
	#headerInner li img, #headerInner li span { display:none; }
	#headerInner li a {
		display:block;
		width:90%;
		height:auto;
		margin:0 auto;
		padding:3px;
		color:#fff;
		background-color:#FAC559;
		-webkit-border-radius:	6px 6px 0 0;
		-moz-border-radius:			6px 6px 0 0;
		-o-border-radius:				6px 6px 0 0;
		border-radius:					6px 6px 0 0;
	}
	#headerInner li a:hover { background-color:#DB9606; }*/
	
	/* フッター
	-------------------------------------------------------------------------------------------*/
	#footer { padding:0; }
	#footerInner ul.fNav { float:none; clear:both; }
	#footerInner ul.fNav li, #footerInner ul.fNav li:first-child { display:block; text-align:center; padding:5px 10px; margin-bottom:0.5em; border-left:none; border-right:none; border-bottom: 1px dotted #ddd; }
	#copy { font-size:8px; line-height:12px; }
	
	/* トップページ
	-------------------------------------------------------------------------------------------*/
	/* キャッチコピー */
	h1.cc { padding:50px 0; }
	
	/* 乳酸菌生産物質とは
	-------------------------------------------------------------------------------------------*/
	dl.tokuchou {
		width:100%;
		float:none;
		clear:both; }
	
	.tokuchou dt, .tokuchou dd {
		float:none;
		clear:both;
		width:100%;
		margin:0;
	}
	
	.tokuchou dt { margin-top:2rem; }
	.tokichou dt:first-child { margin-top:0; }

	.tokuchou dd div {
		margin:20px 0 0 0;
	}
	
	.tokuchou dd:after {
		top: -21px;
		left: 50%;
		margin-left:-30px;
		border: 12px solid transparent;
		border-top:		20px solid #fff;
		border-left:	30px solid transparent;
		border-right:	30px solid transparent;
		border-bottom:20px solid transparent;
	}
	
	.bj dd:after {
		border-top-color:#f00 !important;
		border-left-color: transparent !important;
	}
	
	/* 製造工程
	-------------------------------------------------------------------------------------------*/
	div.flow { margin:0 1rem; }
	
	div.flow img { margin:0 20px 0 0 !important; }
	
}

@media only screen and (max-width: 688px){
}

@media only screen and (max-width: 620px){
	/* フッター
	-------------------------------------------------------------------------------------------*/
	/* バナー */
	#bnr aside ul li { width:100%; }
	
}

@media only screen and (max-width: 568px){
	/* ロゴ
	-------------------------------------------------------------------------------------------*/
	/*a.logo img { float:none; clear:both; margin:0 auto 10px auto !important; text-align:center; }*/
	
	/* 文字サイズ変更・お問い合わせ
	-------------------------------------------------------------------------------------------*/
	a.contact img, #textsizer {
		position:static;
		float:none;
		clear:both;
		display:block;
		margin:0 auto 10px auto;
	}

	/* トップページ
	-------------------------------------------------------------------------------------------*/
	/* お知らせ枠 */
	
	/* フッターメニュー
	-------------------------------------------------------------------------------------------*/
	div.fBox { width:100%; }
	div.fBox > ul { display:block; width:240px; margin:0 auto; }

	.item th span {
		display:block;
		width:100%;
	}

	/* 注文書
	-------------------------------------------------------------------------------------------*/
	a.order img {
		width:100%;
		height:auto;
	}
	
}

@media only screen and (max-width: 500px){	
	h2.ttl img {
		width:100%;
		height:auto;
	}

	ul.t1 {	width:100%; }

	.t1 li img {
		width:100%;
		height:auto;
	}
	
	.t1 li p {
		position:static;
		width:100%;
		text-align:center;
	}
	
	/* 商品紹介
	-------------------------------------------------------------------------------------------*/
	div.item {
		padding:1.5rem;
	}
	
	div.item img {
		display:block;
		width:150px;
		height:auto;
		float:none;
		clear:both;
		margin:0 auto !important;
	}
	
}

@media only screen and (max-width: 478px){
	.dN { display:none !important;	}
	.lst02 > li, .lst03 > li, .lst04 > li, .lst05 > li, .lst06 > li, .lst07 > li, .lst08 > li, .lst09 > li, .lst10 > li,
	.lst02f > li, .lst03f > li, .lst04f > li, .lst05f > li, .lst06f > li, .lst07f > li, .lst08f > li, .lst09f > li, .lst10f > li { width:100% !important; }
	
	/* 画像回り込み
	-------------------------------------------------------------------------------------------*/
	.styleL, .styleR, .styleLN, .styleRN, .alignleft, .alignright { float:none; clear:both; display:block; margin:0 auto 1em auto; }
	.bnrReg, .bnrRnt { float:none; clear:both; display:block; margin:0 auto 1em auto; }
	.bnrReg { width:100%; height:auto; }
	
	/* テーブルサイズ
	-------------------------------------------------------------------------------------------*/
	#alpha table { margin:0 auto 1em auto; width:100%; }
	
	/* ロゴ
	-------------------------------------------------------------------------------------------*/
	a.logo { font-size:1em; }
	
	/* サイドバー
	-------------------------------------------------------------------------------------------*/

	/* スライダー
	-------------------------------------------------------------------------------------------*/

	/* 商品一覧
	-------------------------------------------------------------------------------------------*/
	table.item { width:100%; }

	/* 製造工程
	-------------------------------------------------------------------------------------------*/
	div.flow { margin:0; }
	
	div.flow img {
		float:none;
		clear:both;
		margin:0 auto !important;
	}
	
	div.flowBox {
		display:block;
		padding-bottom:50px;
	}
	
}

@media only screen and (max-width: 320px){
	/* ヘッダー
	-------------------------------------------------------------------------------------------*/
	/* ロゴ・お問い合わせ */
	/*a.logo img { display:block; margin:0 auto; width:100%; height:auto; }*/
	
	/* フッターメニュー
	-------------------------------------------------------------------------------------------*/

}
