@charset "utf-8";

/*

	Description : 共有設定

*/

/* reset
----------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ul li {
	list-style: none;
}

ol li {
	margin-left: 1.8em;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

img {
	border: none;
	vertical-align: bottom;
}

hr {
	border: none;
	clear: both;
}

sub {
	font-size: 70%;
	vertical-align: baseline;
}

address {
	font-style: normal;
}

/* base
----------------------------------------------------------- */

body {
	background: #fff;
	color: #333;
	text-align: center;
	font-size: 62.5%; /*10px*/
	line-height: 1.4;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a:link,
a:hover,
a:active {
	color: #003EA4;
}

a:visited {
	color: #663399;
}

a:link,
a:visited {
	text-decoration: underline;
	/**/
	overflow: hidden;
	/**/
}

a:hover,
a:active {
	text-decoration: none;
}

/* text
----------------------------------------------------------- */
.ta-l{text-align: left !important;}
.ta-r{text-align: right !important;}


/* clearfix
----------------------------------------------------------- */

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

.clearfix {
	display: inline-block;
}

/* font ----------------------- */

/* margin ----------------------- */
.mt1em{ margin-top: 1em;}
.mb20{ margin-bottom: 2em !important;}
.ml10{ margin-left: 1em !important;}

/* padding ----------------------- */


/* float ----------------------- */
.fl-r{ float:right !important;}
.fl-l{ float:left !important;}

.clear{ clear: both !important;}

/* background ----------------------- */


/* display ----------------------- */


/* text-align ----------------------- */
.ta-r{ text-align:right !important;}
.ta-l{ text-align:left !important;}
.ta-c{ text-align:center !important;}

/* border ----------------------- */


/* overflow ----------------------- */


/* header ----------------------- */
#header {
	background-image: url(../../img/common/gnav_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#header .inner {
	margin: auto;
	width: 967px;
	position: relative;
	overflow: hidden;
}
#header .inner h1 {
	position: absolute;
	left: 10px;
	top: 20px;
	z-index: 999;
	height: 82px;
	width: 309px;
	background-image: url(../../img/common/logo.png);
	display: block;
	text-indent: -9999px;
}

#header .inner .on{
	background-image: url(../../img/common/logo_on.png);
}

#header .inner .right_side {
	float: right;
	width: 335px;
	text-align: right;
	font-size: 1.2em;
	background-image: url(../../img/common/icon_inyan.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 50px;
	margin-top: 25px;
	padding-bottom: 10px;
	overflow: hidden;
}
#header .inner .right_side p {
	margin-bottom: 10px;
}
#header .inner .right_side p a {
	color: #000;
	text-decoration: none;
}
#header .inner .right_side p a:hover {
	text-decoration: underline;
}

/* searchBox ----------------------- */
#searchBox {
	float: left;
	width: 164px;
}
#searchBox #search_text {
	float: left;
	font-size: 1.2em;
	margin-right: 5px;
	width:130px;
	height: 13px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 3px;
}

#searchBox button {
	float: right;
	height: 22px;
	width: 22px;
	border-style: none;
	padding: 0px;
	margin: 0px;
}
#searchBox #s {
	float: left;
	font-size: 1.2em;
	margin-right: 5px;
	width:130px;
	height: 13px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 3px;
}

#searchBox #searchsubmit {
	float: right;
	height: 22px;
	width: 22px;
	border-style: none;
	padding: 0px;
	margin: 0px;
	background-image: url(../../img/common/icon_search.jpg);
	background-repeat: no-repeat;	
}

/* fontchange ----------------------- */
#fontchange {
	float: right;
	width: 160px;
	display: table;
}
#fontchange p {
	display: table-cell;
	vertical-align: middle;
}
#fontchange #Fontside li {
	float: left;
	margin-left: 5px;
}

/* globalnavigation ----------------------- */
#globalnavigation {
	clear: both;	
}

#globalnavigation a:hover img{
	opacity:0.5;
	filter: alpha(opacity=50);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=50)";  /* ie 8 */
	-moz-opacity:0.5;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.5;              /* Safari 1.x */
	zoom:1;
}

#globalnavigation li{
	background-color: #fff;
}

#header .inner #globalnavigation li {
	float: left;
}

/* main ----------------------- */
#main {
	background-image: url(../../img/common/bg.png);
	background-repeat: repeat;
	background-position: left top;
}
#main_top {
	background-image: url(../../img/common/bg_top.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 40px;
}
#main #main_top > .inner {
	margin: auto;
	width: 960px;
}

/* side ----------------------- */
#main .inner .side {
	float: right;
	width: 325px;
}
#main .side .banner {
	margin-top: 15px;
	margin-bottom: 20px;
}
#main .side #facebook p {
	text-align: left;
	margin-bottom: 10px;
}

/* footer ----------------------- */
#footer {
	clear: both;
	margin: 20px auto auto;
	width: 960px;
	color: #513731;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 2px solid #513731;
	font-size: 1.2em;
}
#footer .fl-l {
	text-align: left;
	margin-right: 10px;
}
#footer .fl-l span {
	font-size: 1.2em;
	font-weight: bold;
}
#footer .fl-r {
	text-align: right;
}
#footer .fl-r a {
	color: #513731;
	text-decoration: none;
}

/* pageTopBtn ----------------------- */
#pageTopBtn{
	display: block;
	width: 960px;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 30px;
	overflow: hidden;
	position: relative;
	clear: both;
}

#pageTopBtn .fl{
	float: left;
}

#pageTopBtn .fr{
	float: right;
}

/***********************************
footerBannrer ※DWライブラリー
************************************/
#footerBannrer{
	display: block;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	position: relative;
	font-size: 0px;
	line-height: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #513731;
}

#footerBannrer a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}

#footerBannrer li{
	float: left;
	margin: 0px;
	display: block;
	padding-top: 0px;
	padding-right: 13px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#footerBannrer li.el{
	margin: 0px;
	padding: 0px;
}

/***********************************
breadcrumb list
************************************/

#breadcrumbs{
	display: block;
	overflow: hidden;
	position: relative;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 130%;
	line-height: 160%;
}

#breadcrumbs li{
	display: block;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#breadcrumbs a{
	padding-right: 5px;
	text-decoration: none;
	color: #503731;
}

/***********************************
Float Clear
************************************/

.inner .line{
	background-image: url(../../img/common/line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 1em;
}

.inner .lineD{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #4DA159;
}

/***********************************
Float Clear
************************************/

.clear{
	clear:both;
	float:none;
}

/***********************************
Coming Soon
************************************/

.comingSoon{
	font-size: 16px;
	font-weight: bold;
	color: #666;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 100px;
	display: block;
	background-color: #FFF;
	-moz-border-radius: 10px; /* Firefox用 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-khtml-border-radius: 10px; /* for Old Safari, KHTML */
	border-radius: 10px; /* for CSS3 */
	position: relative;
}