/* ===============================================

	FONT SIZE
  
==================================================

Yahoo UI Library Fonts CSS
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/

   Font-size Adjustment

   10px = 77%       |   11px = 85%
   12px = 93%       |   13px = 100%
   14px = 108%      |   15px = 116%
   16px = 123.1%    |   17px = 131%
   18px = 138.5%    |   19px = 146.5%
   20px = 153.9%    |   21px = 161.6%
   22px = 167%      |   23px = 174%
   24px = 182%      |   25px = 189%
   26px = 197%

=============================================== */


body {
	font-size: 12px;
	font-family: 'ＭＳ Ｐゴシック',Meiryo,'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Verdana, Arial, Helvetica, sans-serif;
	background: url(/img/common/bg_body.png) repeat 0 0;
	
	-webkit-text-size-adjust: 100%;
}

#wrap {
	min-width: 1100px;
	background: url(/img/common/bg.png) repeat-x 0 155px;
}

a {
	color: #3689B2;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/*=======================
	#glHeader
=======================*/
#glHeader p, #glHeader li {
	line-height: 1;
}

#glHeader {
	width: 100%;
	min-width: 1100px;
	height: 163px;
	background: url(/img/common/header/bg_header.png) repeat-x 50% 0;
}

#glHeaderIn {
	min-width: 1100px;
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

#glHeaderIn .logo {
	width: 379px;
	height: 102px;
	background: url(/img/common/header/bg_logo.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
}

#glHeaderIn .logo h1 {
	margin: 0 3px 7px 0;
}

#glHeaderIn .logo h1 img {
	width:200px;
}

#glHeaderIn .logo p {
	width: 125px;
	height: 13px;
	padding: 3px 0 0;
	color: #fff;
	font-size: 11px;
	line-height: 1;
	border-radius: 15px;
	background: url(/img/common/header/bg_date.png) no-repeat 50% 0 #55B6B5;
	position: absolute;
	top: 60px;
	left: 128px;
}

#bnrHeader {
	text-align: left;
	position: absolute;
	top: 9px;
	left: 389px;
	left: 419px;
}

#bnrHeader li {
	border: 2px solid #e9e9e9;
}

/*-- 2カラム用 ---*/
#bnrHeader.colum2 {
	left: 387px;
	overflow: hidden;
	zoom: 1;
}

#bnrHeader.colum2 li {
	border: none;
	float: left;
}

#bnrHeader.colum2 li:first-child {
	margin-right: 10px;
}
/*-- //2カラム用 ---*/


#siteSerch {
	position: absolute;
	top: 41px;
	/*
	left: 670px;
	left: 740px;
	*/
	right: 50px;
	overflow: hidden;
	
	display: none;
}

#siteSerch p {
	width: 74px;
	margin: 1px 4px 0 0;
	float: left;
}

#siteSerch form {
	width: 189px;
	text-align: left;
	float: left;
}

#siteSerch input {
	float: left;
}

#siteSerch .text {
	width: 128px;
	height: 25px;
	padding: 0;
	line-height: 1;
	vertical-align: middle;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
input::-webkit-input-placeholder { color: #ccc; font-size: 10px;}
input:-moz-placeholder { color: #ccc; font-size: 10px;}


/*----- #headerNav -----*/
#headerNav {
	width: 197px;
	height: 14px;
	position: absolute;
	top: 14px;
	right: 171px;
	right: 101px;
	right: 55px;
	overflow: hidden;
	
	display: none;
}

#headerNav li {
	float: left;
}

#headerNav li a {
	display: block;
	height: 14px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(/img/common/header/headernav.png) no-repeat;
}

#headerNav li.n01 a {
	width: 44px;
	margin-right: 16px;
	background-position: 0 0;
}

#headerNav li.n02 a {
	width: 78px;
	margin-right: 17px;
	background-position: -60px 0;
}

#headerNav li.n03 a {
	width: 42px;
	background-position: -155px 0;
}

#headerNav li:nth-child(1) a:hover { background-position: 0 -14px;}
#headerNav li:nth-child(2) a:hover { background-position: -60px -14px;}
#headerNav li:nth-child(3) a:hover { background-position: -155px -14px;}
/*----- //#headerNav -----*/


#headerBtn
{
	position: absolute;
	top: 10px;
	right: 50px;
	overflow: hidden;
}

#headerBtn li
{
  float:left;
	
	border-left:1px solid #cde1ec;
}

#headerBtn li:last-child
{
	border-right:1px solid #cde1ec;
}


/*----- #siteNav -----*/
#siteNav {
	width: 745px;
	height: 20px;
	position: absolute;
	top: 87px;
	right: 52px;
	overflow: hidden;
	
	display: none;
}

#siteNav li {
	float: left;
}

#siteNav li a {
	display: block;
	height: 20px;
	margin-right: 8px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(/img/common/header/sitenav4.png) no-repeat;
}

#siteNav li.n01 a {
	width: 60px;
	background-position: 0 0;
}
#siteNav li.n02 a {
	width: 60px;
	background-position: -70px 0;
}
#siteNav li.n03 a {
	width: 61px;
	margin-right: 9px;
	background-position: -139px 0;
}
#siteNav li.n04 a {
	width: 120px;
	background-position: -210px 0;
}
#siteNav li.n05 a {
	width: 121px;
	margin-right: 9px;
	background-position: -339px 0;
}
#siteNav li.n06 a {
	width: 140px;
	background-position: -470px 0;
}
#siteNav li.n07 a {
	width: 40px;
	margin-right: 0;
	background-position: -620px 0;
}
#siteNav li.n08 a {
	width: 85px;
	background-position: -670px 0;
}


#siteNav li.n01 a:hover {
	background-position: 0 -20px;
}
#siteNav li.n02 a:hover {
	background-position: -70px -20px;
}
#siteNav li.n03 a:hover {
	background-position: -139px -20px;
}
#siteNav li.n04 a:hover {
	background-position: -210px -20px;
}
#siteNav li.n05 a:hover {
	background-position: -339px -20px;
}
#siteNav li.n06 a:hover {
	background-position: -470px -20px;
}
#siteNav li.n07 a:hover {
	background-position: -620px -20px;
}
#siteNav li.n08 a:hover {
	background-position: -670px -20px;
}
/*----- //#siteNav -----*/

/*----- #contentNav -----*/
#contentNav {
	width: 997px;
	height: 41px;
	position: absolute;
	top: 109px;
	left: 55px;
	overflow: hidden;

}

#contentNav li {
	float: left;
}

#contentNav li a {
	display: block;
	width: 138px;
	height: 41px;
	margin-right: 5px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(/img/common/header/contentnav-3c.png) no-repeat;
}

#contentNav li:last-child a {
	margin-right: 0px;
}

#contentNav li.n01 a { background-position: 0 0;}
#contentNav li.n02 a { background-position: -142px 0;}
#contentNav li.n03 a { background-position: -283px 0;}
#contentNav li.n04 a { background-position: -423px 0;}
#contentNav li.n05 a { background-position: -564px 0;}
#contentNav li.n06 a { background-position: -704px 0;}
/* #contentNav li.n07 a { background-position: -750px 0;} */
#contentNav li.n08 a { background-position: -845px 0;}
#contentNav li.n09 a { background-position: -986px 0;}

#contentNav li.n01 a:hover { background-position: 0 -41px;}
#contentNav li.n02 a:hover { background-position: -142px -41px;}
#contentNav li.n03 a:hover { background-position: -283px -41px;}
#contentNav li.n04 a:hover { background-position: -423px -41px;}
#contentNav li.n05 a:hover { background-position: -564px -41px;}
#contentNav li.n06 a:hover { background-position: -704px -41px;}
/* #contentNav li.n07 a:hover { background-position: -750px -41px;} */
#contentNav li.n08 a:hover { background-position: -845px -41px;}
#contentNav li.n09 a:hover { background-position: -986px -41px;}
/*----- //#contentNav -----*/


/*----- #contentNav50 -----*/
#contentNav50 {
	width: 997px;
	height: 41px;
	position: absolute;
	top: 109px;
	left: 55px;
	overflow: hidden;
}

#contentNav50 li {
	float: left;
}

#contentNav50 li a {
	display: block;
	width: 122px;
	height: 41px;
	margin-right: 3px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(/img/common/header/contentnav50-2.png) no-repeat;
}

#contentNav50 li:last-child a {
	margin-right: 0px;
}

#contentNav50 li.n09 a { background-position: 0 0;}
#contentNav50 li.n01 a { background-position: -125px 0;}
#contentNav50 li.n02 a { background-position: -250px 0;}
#contentNav50 li.n03 a { background-position: -375px 0;}
#contentNav50 li.n04 a { background-position: -500px 0;}
#contentNav50 li.n05 a { background-position: -625px 0;}
#contentNav50 li.n06 a { background-position: -750px 0;}
#contentNav50 li.n08 a { background-position: -875px 0;}
#contentNav50 li.n10 a { background-position: -1000px 0;}

#contentNav50 li.n09 a:hover { background-position: 0 -41px;}
#contentNav50 li.n01 a:hover { background-position: -125px -41px;}
#contentNav50 li.n02 a:hover { background-position: -250px -41px;}
#contentNav50 li.n03 a:hover { background-position: -375px -41px;}
#contentNav50 li.n04 a:hover { background-position: -500px -41px;}
#contentNav50 li.n05 a:hover { background-position: -625px -41px;}
#contentNav50 li.n06 a:hover { background-position: -750px -41px;}
#contentNav50 li.n08 a:hover { background-position: -875px -41px;}
#contentNav50 li.n10 a:hover { background-position: -1000px -41px;}
/*----- //#contentNav -----*/


/*----- #contentNav2020 -----*/
#contentNav2020 {
	width: 997px;
	height: 41px;
	position: absolute;
	top: 109px;
	left: 55px;
	overflow: hidden;
}

#contentNav2020 li {
	float: left;
}

#contentNav2020 li a {
	display: block;
	width: 138px;
	height: 41px;
	margin-right: 5px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(/img/common/header/contentnav-3b.png) no-repeat;
}

#contentNav2020 li:last-child a {
	margin-right: 0px;
}

#contentNav2020 li.n01 a { background-position: 0 0;}
#contentNav2020 li.n02 a { background-position: -142px 0;}
#contentNav2020 li.n03 a { background-position: -283px 0;}
#contentNav2020 li.n04 a { background-position: -423px 0;}
#contentNav2020 li.n05 a { background-position: -564px 0;}
#contentNav2020 li.n06 a { background-position: -704px 0;}
#contentNav2020 li.n07 a { background-position: -750px 0;}
#contentNav2020 li.n08 a { background-position: -845px 0;}
#contentNav2020 li.n09 a { background-position: -986px 0;}

#contentNav2020 li.n01 a:hover { background-position: 0 -41px;}
#contentNav2020 li.n02 a:hover { background-position: -142px -41px;}
#contentNav2020 li.n03 a:hover { background-position: -283px -41px;}
#contentNav2020 li.n04 a:hover { background-position: -423px -41px;}
#contentNav2020 li.n05 a:hover { background-position: -564px -41px;}
#contentNav2020 li.n06 a:hover { background-position: -704px -41px;}
#contentNav2020 li.n07 a:hover { background-position: -750px -41px;}
#contentNav2020 li.n08 a:hover { background-position: -845px -41px;}
#contentNav2020 li.n09 a:hover { background-position: -986px -41px;}

/*----- //#contentNav2020 -----*/


/*----- #contentNav2020-2 -----*/
#contentNav2020-2 {
	width: 1002px;
	height: 50px;
	position: absolute;
	top: 100px;
	left: 50px;
	overflow: hidden;
	
}

#contentNav2020-2 li {
	float: left;
}

#contentNav2020-2 li a {
	display: block;
	width: 138px;
	height: 50px;
	margin-right: 6px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(/img/common/header/contentnav-4.png) no-repeat;
}

#contentNav2020-2 li:last-child a {
	margin-right: 0px;
}

#contentNav2020-2 li.n11 a { background-position: 0 0;}
#contentNav2020-2 li.n01 a { background-position: -144px 0;}
#contentNav2020-2 li.n02 a { background-position: -288px 0;}
#contentNav2020-2 li.n03 a { background-position: -432px 0;}
#contentNav2020-2 li.n04 a { background-position: -576px 0;}
#contentNav2020-2 li.n05 a { background-position: -720px 0;}
#contentNav2020-2 li.n12 a { background-position: -864px 0;}

#contentNav2020-2 li.n11 a:hover { background-position: 0 -50px;}
#contentNav2020-2 li.n01 a:hover { background-position: -144px -50px;}
#contentNav2020-2 li.n02 a:hover { background-position: -288px -50px;}
#contentNav2020-2 li.n03 a:hover { background-position: -432px -50px;}
#contentNav2020-2 li.n04 a:hover { background-position: -576px -50px;}
#contentNav2020-2 li.n05 a:hover { background-position: -720px -50px;}
#contentNav2020-2 li.n12 a:hover { background-position: -864px -50px;}


/*----- //#contentNav2020-2 -----*/




#glHeaderIn .lovesetoLink {
	position: absolute;
	top: 0;
	right: 31px;
}




#snsBtn > div
{
	float: left;
}

#snsBtn div.tweet
{
	
}

#snsBtn div.facebook_like
{
	margin-left: 5px;
	
	width: 74px;
	overflow: hidden;
	border-radius: 3px;
}

#snsBtn div.google_plusone
{
	
}

#snsBtn div.hatena
{
	margin-left: 5px;
	/*
	width: 86px;
	overflow: hidden;
	*/
}

#snsBtn div.line
{
	margin-left: 5px;

}

#glHeaderIn #snsBtn
{
	
	position: absolute;
	top: 42px;
	right: 50px;
}




/*=======================
	#glFooter
=======================*/
#glFooter p, #glFooter li {
	line-height: 1;
}

#glFooter {
	width: 100%;
	min-width: 1100px;
	height: 515px;
	background: url(/img/common/footer/bg_footer2.png) repeat-x 0 0;
	overflow: hidden;
}

#glFooterIn {
	height:515px;
	background: url(/img/common/footer/bg_moutain.png) no-repeat 50% 100%;
}

#glFooterIn .contentWidth {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#glFooterIn .btnTop {
	position: absolute;
	top: 5px;
	right: 0;
}

#glFooterIn .pageList {
	padding: 60px 0 0;
	overflow: hidden;
	zoom: 1;
}

#glFooterIn .pageList li {
	width: 20%;
	margin-bottom: 13px;
	float: left;
}

#glFooterIn .pageList li.w18p { width: 18%;}
#glFooterIn .pageList li.w24p { width: 24%;}

#glFooterIn .pageList li a {
	display: block;
	padding-left: 13px;
	color: #575121;
	text-decoration: none;
	background: url(/img/common/footer/arrow_pagelist.png) no-repeat 0 0.2em;
}

#glFooterIn .pageList li a:hover {
	text-decoration: underline;
}


#glFooterIn nav ul {
	margin: 183px 0 10px;
	margin: 105px 0 10px;
	text-align: center;
	overflow: hidden;
	zoom: 1;
}

#glFooterIn nav li {
	display: inline;
	padding: 1px 11px;
	line-height: 1.2;
	border-left: 1px solid #fff;
}

#glFooterIn nav li:last-child {
	border-right: 1px solid #fff;
}

#glFooterIn nav li a {
	color: #fff;
	text-decoration: none;
}

#glFooterIn nav li a:hover {
	text-decoration: underline;
}

#glFooterIn .copy {
	text-align: center;
}



/*----- #footer-bnr -----*/

#footer-bnr
{
  width: 400px;
  position: relative;
  margin: 0 auto;
  display: none;

}

#footer-bnr .bnr_box
{
  width: 400px;
  position: fixed;
  bottom: 0;

  z-index: 9999;
	
	padding:5px;
	background:#fff;
}

/* バナー画像 */

#footer-bnr .bnr_img
{
  box-sizing:border-box;
  padding: 0px;
  background-color: #ffffff;
	text-align: center;
}
#footer-bnr .bnr_img a
{
  display: block;
}
#footer-bnr .bnr_img img
{
	
  max-width: 100%;
}

/* 閉じるボタン */

#footer-bnr .bnr_box p.close
{
  position: absolute;
  right: 7px;
  top:7px;
}
#footer-bnr .bnr_box p.close a
{
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
}
#footer-bnr .bnr_box p.close a span
{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#footer-bnr .bnr_box p.close a i
{
  font-size: 20px;
  z-index: 888;
  color: #222;
}












/*----- タイトル -----*/
.ttlBar01 {
	width: 940px;
	background: url("/img/common/second/bg_ttlbar.png") repeat-x scroll 0 50% transparent;
}

.title01_900 {
	width: 900px;
    height: 31px;
	padding: 7px 0 0 10px;
	background: url(/img/common/second/bg_txt02.png) no-repeat scroll 0 0 transparent;
}

.title02 {
	height: 27px;
	margin: 0;
	padding: 4px 0 0 9px;
	color: #fff;
	font-size: 17px;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'メイリオ','ＭＳ Ｐゴシック',Verdana, Arial, Helvetica, sans-serif;
	background: url(/img/common/second/bg_txt01.png) no-repeat 0 0;
}


/*----- margin -----*/
.m0 { margin: 0 !important;}
.mT5 { margin-top: 5px !important;}
.mT10 { margin-top: 10px !important;}
.mT15 { margin-top: 15px !important;}
.mT20 { margin-top: 20px !important;}
.mT25 { margin-top: 25px !important;}
.mT30 { margin-top: 30px !important;}
.mT40 { margin-top: 40px !important;}
.mT50 { margin-top: 50px !important;}
.mB5 { margin-bottom: 5px !important;}
.mB10 { margin-bottom: 10px !important;}
.mB15 { margin-bottom: 15px !important;}
.mB20 { margin-bottom: 20px !important;}
.mB25 { margin-bottom: 25px !important;}
.mB30 { margin-bottom: 30px !important;}
.mB40 { margin-bottom: 40px !important;}
.mB50 { margin-bottom: 50px !important;}
.mR0 { margin-right: 0 !important;}
.mR5 { margin-right: 5px !important;}
.mR10 { margin-right: 10px !important;}
.mR15 { margin-right: 15px !important;}
.mR20 { margin-right: 20px !important;}
.mR25 { margin-right: 25px !important;}
.mR30 { margin-right: 30px !important;}
.mR40 { margin-right: 40px !important;}
.mR50 { margin-right: 50px !important;}
.mL0 { margin-left: 0 !important;}
.mL5 { margin-left: 5px !important;}
.mL10 { margin-left: 10px !important;}
.mL15 { margin-left: 15px !important;}
.mL20 { margin-left: 20px !important;}
.mL25 { margin-left: 25px !important;}
.mL30 { margin-left: 30px !important;}
.mL40 { margin-left: 40px !important;}
.mL50 { margin-left: 50px !important;}

.pTB10 { padding-top: 10px; padding-bottom: 10px;}
.pL50 { padding-left: 50px;}


/*----- text -----*/
.txtRight { text-align: right !important; }
.txtCenter, .center{ text-align: center !important; }

.errorMessage {
	clear: both;
	color:#d00;
}

/*----- float -----*/
.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.indent01 {
	margin-left: 1em;


	text-indent: -1em;
}

/*----- 簡易mouse over -----*/
a:hover .alpha {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}

.alpha a:hover {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}

a:hover .alpha9 {
	-ms-filter: "alpha( opacity=85 )";
	filter: alpha( opacity=85 );
	opacity: 0.85;
}

.alpha9 a:hover {
	-ms-filter: "alpha( opacity=85 )";
	filter: alpha( opacity=85 );
	opacity: 0.85;
}



/*----- 背景 -----*/

/*--ストライプ--*/
.bgStripe {
	padding-bottom: 30px;
	background: url(/img/common/second/bg_stripe.png) repeat 0 0;
}


/*----- clearfix -----*/
.cf{
	display: inline-block;
}

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

/* hide MacIE \*/
* html .cf {height: 1em;}
.cf {display: block;}


.oh{
	overflow: hidden;
	zoom: 1;
}


/*----- form -----*/
span.required {
	display: none;
}



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

.hidden_item
{
	display: none;
}