@CHARSET 'UTF-8';

/* ===============================
	product-module.css
================================== */
div#globalHeader {
	height: 30px;
	padding: 0 0 20px;
	margin: 0 auto;
	border: none;
	background-color: #ffffff;
	text-align: center;
}

#breadCrumb {
	border-top: none;
	background-image: none;
}

#bread li a {
	background-image: none;
}

/* ===============================
	utility
================================== */
ul.flow { overflow: hidden; }

ul.flow li { float: left; }

ul.disc { padding-left: 1em; }

ul.disc span { margin-right: 0.5em; }

ul.disc li { text-indent: -1em; }

ul.star { padding-left: 2em; }

ul.star span {
	color: #068f63;
	margin-right: 0.5em;
}

ul.star li { text-indent: -2em; }

ul.ast { padding-left: 1.5em; }

ul.ast span {
	color: #068f63;
	margin-right: 0.5em;
}

ul.ast li { text-indent: -1.5em; }

.caption {
	font-size: 0.7em;
	line-height: 1.4em;
}

.box340 {width: 340px;}
.box360 {width: 360px;}
.box370 {width: 370px;}
.box390 {width: 390px;}
.box400 {width: 400px;}
.box420 {width: 420px;}
.box440 {width: 440px;}
.box450 {width: 450px;}
.box460 {width: 460px;}
.box470 {width: 470px;}
.box480 {width: 480px;}
.box500 {width: 500px;}
.box510 {width: 510px;}

.tani {
	font-size: 0.9em;
	line-height: 1em;
	letter-spacing: 0.1em;
	vertical-align: middle;
}

/* ===============================
	base style
================================== */
body {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	text-align:left;
}

img {
	vertical-align: bottom;
}

sup {
	vertical-align: super;
}

a:link,
a:visited,
a:focus {
    color:#0c5c94;
    text-decoration:underline;
}

a:link:hover,
a:link:active,
a:visited:active {
     color:#3288c3;
     text-decoration:none;
}

a:visited:hover {
    color:#3288c3;
    text-decoration:underline;
}

a:link:hover     img.border_link,
a:link:active    img.border_link,
a:visited:hover  img.border_link,
a:visited:active img.border_link { 
    border:1px solid #000099;
    margin:-1px;
}

#header {
	height: auto;
	padding: 0 0 0 0;
}

#socialArea ul li {
	margin-left: 10px;
}

#socialArea ul li:first-child {
	margin-left: 0;
}

em {
	color: #069473;
}

#contents {
	width: 100%;
	font-size: 1.2em;
	line-height: 1.8em;
	margin-bottom: 0;
}

/* ===============================
	main visual
================================== */
#main-visual {
	min-width: 950px;
	height: 298px;
	text-align: center;
	overflow: hidden;
	position: relative;
	background-color: #ffffff;
	background: url(../images/bg-mainvisual.jpg) repeat-x center top;
}

#main-visual h2 {
	position: absolute;
	height: 457px;
	left: 50%;
	margin-left: -960px;
}

/* ===============================
	navi style
================================== */
#naviBox {
	width: 100%;
	background: url(../images/bg-navi.png) repeat-x center top;
}

#naviBoxS {
	width: 100%;
	background: url(../images/bg-navi-s.png) repeat-x center top;
}

ul#navi {
	width: 890px;
	margin: 0 auto;
}

/* ===============================
	footnaviBox
================================== */
#footnaviBox {
	width: 100%;
	background: #068F63 url(../images/bg-footnavi.png) repeat-x center top;
	padding: 20px 0;
}

#footnaviBox #proArea{
	width: 900px;
	height:320px;
	margin:0 auto;
    position: relative;
}

#footnaviBox #proArea p.btn{
    position: absolute;
    height: 50px;
	top:190px;
    left: 450px;
}


/* ===============================
	tec
================================== */
.oneRow {
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
}

.oneRow.bb {
	border-bottom: solid 1px #069877;
}

.oneRow.gray {
	background: url(../images/bg-gray.png) repeat-x center bottom;
}

.oneRow.white {
	background: #fff;
}

.oneRow h3 {
	margin-bottom: 40px;
}

.subBox {
	width: 890px;
	margin: 0 auto;
}

#nature.oneRow {
	background-image: url(../images/bg-nature.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.natureBox {
	width: 950px;
	margin: 0 auto;
}

.natureHead {
	padding-top: 50px;
	background: url(../images/nature-hdr.png) no-repeat center top;
}

.natureBody {
	background: url(../images/nature-body.png) repeat-y center top;
}

.natureBody .box {
	padding: 40px 60px;
	overflow: hidden;
}

.natureBody .line {
	background: url(../images/nature-bdr.png) no-repeat center center;
	padding-top: 10px;
	margin: 10px 0;
}

.natureFoot {
	padding-top: 50px;
	background: url(../images/nature-ftr.png) no-repeat center top;
}


/*----------------------------------------------------
	TOPへ戻るボタン
----------------------------------------------------*/
#page-top a{
	position: fixed;
	bottom: 60px;
	right: 0;
	display: block;
	overflow: hidden;
	width:100px;
	height:60px;
	background: url(../images/arrow.png) no-repeat;
	padding-top:-110px;
}

/*--- banner normal---*/
#page-top a { background-position:0 0; }

/*--- banner rollover---*/
#page-top a:hover { background-position:0 -60px; }


#page-top a.bottomlage { bottom:300px; }