@charset "utf-8";

/*--------------------------------------------------*/
/*init*/
/*--------------------------------------------------*/
html{overflow-y:scroll;}

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

body{
  color:#333333;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:87.5%;  /*14px*/
  font-weight:normal;
  line-height:1.5;
  letter-spacing:0px;
  text-align:center;
  background-color:#ffffff;
  -webkit-text-size-adjust:100%;
}

ul,ol,li{list-style:none;}

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

form, fieldset, input, textarea{font:inherit;}
input, select, textarea{outline:none;}
input{vertical-align:top;}
fieldset{border:0;}

img{
  max-width:100%;
  border:0;
  vertical-align:top;
}

h1,h2,h3,h4,h5,h6{clear:both;}

a{outline:none;}
a:link, a:visited{color:#333333; text-decoration:none;}
a:hover, a:active{color:#0069b4; text-decoration:none;}

input.alpha:hover,
a.alpha:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
}

sup{vertical-align:top;}
sub{vertical-align:baseline;}

em{font-style:normal;}

table{}
table, th, td{font:inherit;}
th, td{text-align:left; vertical-align:top;}

form, fieldset, input, textarea{font:inherit;}


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

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

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

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

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


/*--------------------------------------------------*/
/*BASE*/
/*--------------------------------------------------*/
/*====wrap====*/
#wrap{
  width:100%;
  text-align:center;
}


/*==container==*/
#container{
  width:100%;
  clear:both;
}
/*==clearfix==*/
#container:after{content:""; display:block; clear:both;}

/*==breadcrumbs==*/
#breadcrumbs {
    text-align: left;
    /*margin-top: 10px;*/
    width:980px;
    margin:10px auto;
    /*font-size: 100%;*/
    font-size:0.75rem;
}
#breadcrumbs ol li{
	display:inline-block;
	background:url(/images/share/breadcrumbs_arw.png) transparent right center no-repeat;
}
#breadcrumbs ol li:last-child{
	background:none;
}
#breadcrumbs ol li a{
	padding: 10px 18px 10px 0px;
	text-decoration: none;
}
#breadcrumbs ol li span.nonLink{
	padding: 10px 18px 10px 0px;
}

@media screen and (max-width: 1000px){
	#breadcrumbs{
    width:96%;
		margin:10px auto;
	}
}

@media screen and (max-width:768px){
	#breadcrumbs{
		display: none;
	}
}


/*contents*/
#contents{
	width: 980px;
	margin:20px auto 0;
  padding-bottom:40px;
}
/*==clearfix==*/
#contents:after{content:""; display:block; clear:both;}

#contents #main{
  width:730px;
  padding-bottom:80px;
  float:right;
}
#contents  #navL{
  width:220px;
  float:left;
}

@media screen and (max-width:1000px){
#contents{ 
  width: 100%;
  padding-bottom:0;
}

#contents #main{
  width:100%;
  float:none;
}
#contents #navL{
  width:100%;
  margin-top:40px;
  float:none;
}
}

@media screen and (max-width:640px){
#contents #main{
  padding-bottom:0;
}
}


/*==footer==*/
#footer{
  clear:both;
}

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

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

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

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

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

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

/*fNav*/
#footer #fNav{
  background-color:#f3f4f5;
  clear:both;
}
#footer #fNavInner{
  width:980px;
  margin-right:auto;
  margin-left:auto;
  padding-top:40px;
  padding-bottom:17px;
  text-align:left;
  position:relative;
}

#footer #fNav #fNavLink{
  text-align:center;
}
/*==clearfix==*/
#footer #fNav #fNavLink:after{content:""; display:block; clear:both;}

#footer #fNav #fNavLink li{
  border-right:1px solid #d2d2d2;
  white-space:nowrap;
  float:left;
}
#footer #fNav #fNavLink li a:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
}

#footer #fNav #fNavLink li#fNavLinkHome{width:9.8%; border-left:1px solid #d2d2d2;}
#footer #fNav #fNavLink li#fNavLinkSearch{width:21.74%;}
#footer #fNav #fNavLink li#fNavLinkBland{width:21.74%;}
#footer #fNav #fNavLink li#fNavLinkSupport{width:22.76%;}
#footer #fNav #fNavLink li#fNavLinkPoint{width:22.75%; float:right;}

#footer #fNav #fNavBnr{
  margin-top:35px;
}
#footer #fNav #fNavBnr #fNavBnrL{float:left;}
#footer #fNav #fNavBnr #fNavBnrR{float:right;}
/*==clearfix==*/
#footer #fNav #fNavBnr:after,
#footer #fNav #fNavBnr #fNavBnrL:after,
#footer #fNav #fNavBnr #fNavBnrR:after{content:""; display:block; clear:both;}

#footer #fNav #fNavBnr li{float:left;}
#footer #fNav #fNavBnr li a{display:block;}
#footer #fNav #fNavBnr li a:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
}

#footer #fNav #fNavBnr li#fNavAnabuki{margin-right:28px;}
#footer #fNav #fNavBnr li#fNavKyushu{}
#footer #fNav #fNavBnr li#fNavChg25{margin-right:28px;}
#footer #fNav #fNavBnr li#fNavIsms{}

/*fPageTop*/
#footer #fNav #fPageTop{
  width:56px;
  height:56px;
  background:#31496b url(../images/footer/pagetop_arw.png) center 12px no-repeat;
	border-radius					:3px;
	-moz-border-radius		:3px;
	-webkit-border-radius	:3px;
	box-shadow:1px 1px 0px 0px rgba(0,0,0,0.3);
  font-size:85.71%;
  text-align:center;
  position:absolute;
  top:-30px;
  right:0;
}
#footer #fNav #fPageTop a{
  width:56px;
  height:22px;
  padding-top:34px;
  color:#fff;
  line-height:1;
  display:block;
}

/*fNavSp*/
#footer #fNavSp{
  display:none;
}

/*fLink*/
#footer #fLink{
  background-color:#31496b;
}

#footer #fLinkInner{
  width:980px;
  margin-right:auto;
  margin-left:auto;
  padding-top:10px;
  padding-bottom:10px;
}
/*==clearfix==*/
#footer #fLinkInner:after{content:""; display:block; clear:both;}
/*IE6, 7*/
#footer #fLinkInner{* zoom:1;}

#footer #fLink ul{
  text-align:left;
  float:left;
}
#footer #fLink ul li{
  margin-right:1.2em;
  padding-right:1.2em;
  border-right:1px solid #fff;
  color:#fff;
  font-size:85.71%;
  line-height:1;
  display:inline;
  white-space:nowrap;
}
#footer #fLink ul li.lastChild{
  border-right:none;
}
#footer #fLink ul li a{
  color:#fff;
}

#footer #fLink ul li#fLinkCmp{
  padding-left:18px;
  background:url(../images/footer/flink_blank.png) left center no-repeat;
}

#footer #fLink #copyright{
  padding-top:0.4em;
  color:#fff;
  font-size:78.57%;
  float:right;
}


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

@media screen and (max-width:1000px){
#footer #fNavInner{
  width:100%;
  max-width:980px;
}

#footer #fLinkInner{
  width:95%;
}

#footer #fNav #fNavLink{
  padding-right:10px;
  padding-left:10px;
  text-align:center;
}
#footer #fNav #fNavLink li{
  margin-top:10px;
  padding:0 1em;
  white-space:nowrap;
  display:inline-block;
  float:none;
}
#footer #fNav #fNavLink li#fNavLinkHome,
#footer #fNav #fNavLink li#fNavLinkSearch,
#footer #fNav #fNavLink li#fNavLinkBland,
#footer #fNav #fNavLink li#fNavLinkSupport,
#footer #fNav #fNavLink li#fNavLinkPoint{width:auto;}
#footer #fNav #fNavLink li#fNavLinkPoint{float:none;}

#footer #fNav #fNavBnr{
  padding-right:3%;
  padding-left:3%;
}

#footer #fNav #fPageTop{
  right:10px;
}
}

/*
@media screen and (max-width:800px){
#footer #fNav #fNavBnr{
  margin-top:10px;
}
#footer #fNav #fNavBnr li#fNavAnabuki,
#footer #fNav #fNavBnr li#fNavKyushu{padding-top:0;}
#footer #fNav #fNavBnr #fNavBnrL,
#footer #fNav #fNavBnr #fNavBnrR{
  line-height:1;
  text-align:center;
  clear:both;
  float:none;
}

#footer #fNav #fNavBnr #fNavBnrL li,
#footer #fNav #fNavBnr #fNavBnrR li{
  display:inline-block;
  float:none;
}
}
*/

@media screen and (max-width:768px){
#footer{}
#footer #fNavInner{
  padding-bottom:0;
}

#footer #fNav{
  display:none;
}
#footer #fNav #fNavBnr li{
}

#footer #fNav #fNavLink{
  padding-right:10px;
  padding-left:10px;
}

#footer #fNav #fNavBnr{
  padding:0 10px;
}
#footer #fNav #fNavBnr li{
  text-align:center;
}

#footer #fNav #fNavBnr li#fNavAnabuki{padding-top:0; margin-right:0;}
#footer #fNav #fNavBnr li#fNavKyushu{margin-top:10px; padding-top:0;}
#footer #fNav #fNavBnr li#fNavChg25{float:none; margin:10px 10px 0;}
#footer #fNav #fNavBnr li#fNavIsms{float:none; margin:10px 10px 0;}

#footer #fNav #fPageTop{
  display:none;
}

#footer #fNavSp{
  padding:4.6875%;
  background-color:#f3f4f5;
  /* border-top:2px solid #dcdcdc; */
  display:block;
}
/*==clearfix==*/
#footer #fNavSp:after{content:""; display:block; clear:both;}

#footer #fNavSp #fNavBnrSp{
  width:81.9%;
  float:left;
}
/*==clearfix==*/
#footer #fNavSp #fNavBnrSp:after{content:""; display:block; clear:both;}

#footer #fNavSp #fNavBnrSp li{
}
#footer #fNavSp #fNavBnrSp li#fNavChg25Sp{
  width:42.11%;
  float:left;
}
#footer #fNavSp #fNavBnrSp li#fNavIsmsSp{
  width:52.63%;
  float:right;
}

/*fPageTop*/
#footer #fNavSp #fPageTopSp{
  width:11.72%;
  background:#31496b url(../images/footer/pagetop_arw.png) center 20.59% no-repeat;
  background-size:33.82% auto;
	border-radius					:3px;
	-moz-border-radius		:3px;
	-webkit-border-radius	:3px;
	box-shadow:1px 1px 0px 0px rgba(0,0,0,0.3);
  text-align:center;
  float:right;
}
#footer #fNavSp #fPageTopSp a{
  width:100%;
  padding-top:100%;
  color:#fff;
  line-height:1;
  display:block;
  position:relative;
}
#footer #fNavSp #fPageTopSp a span{
  width:100%;
  font-size:85.71%;
  display:block;
  position:absolute;
  top:58.82%;
}

#footer #fLink ul{
  text-align:center;
  float:none;
}
#footer #fLink ul li.firstChild{
  padding-left:1em;
  border-left:1px solid #fff;
}
#footer #fLink ul li#fLinkCmp{
  display:none;
}
#footer #fLink #copyright{
  margin-top:10px;
  float:none;
}
}

@media screen and (max-width:400px){
#footer #fNavSp #fPageTopSp a span{
  font-size:71.43%;
}
}


#ftag{
  height:0;
  clear:both;
  position:absolute;
  overflow:hidden;
}