/*---------------------------------------------------------------------------*/
/* tag
/*---------------------------------------------------------------------------*/

*{
  margin:0;
  padding:0;
}

html{
  height:100%;
}

body{
  height:100%;
  color:#333;
/*font-family:'ＭＳ Ｐゴシック',sans-serif;*/
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  line-height:1.8em;
  text-align:center; /*IE5.5*/
  font-size:90%;
  -webkit-text-size-adjust: none;
  background:#f6cd33;
}

a, a:link, a:visited{
  outline:none;
}

a{
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

h1,h2,h3{
  font-size:100%;
  margin:0;
  padding:0;
}

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

p{
  padding:0.5em 0;
}

/*---------------------------------------------------------------------------*/
/* unique
/*---------------------------------------------------------------------------*/

/*===== head ================================================================*/
#hd{
  position:relative;
  min-width:950px;
  height:95px;
  padding-top:10px;
  background:#fbfadb url(../img/common/accent.png) 0 0 repeat-x;
}

/*----- logo ----------------------------------------------------------------*/
#lg{
  position:absolute;
  top:15px;
  left:10px;
}

#lg img{
  vertical-align: top;
}

/*----- sitesearch ----------------------------------------------------------*/
#ss{
  position:absolute;
  top:10px;
  left:540px;
}

#sv{
  float:left;
  width:140px;
  height:22px;
  line-height:22px;
  padding-left:3px;
  vertical-align:middle;
  color:#333;
  border:1px solid #CCCCCC;
  border-right:none;
}

#sb{
  float:left;
  background:url(../img/common/search.png) 0 100% no-repeat;
}

#sb a{
  display:block;
  width:40px;
  height:24px;
  background:url(../img/common/search.png) 0 0 no-repeat;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#sb a:hover{
  opacity:0.0;
}

/*----- fontsize ------------------------------------------------------------*/

#fs{
  position:absolute;
  top:10px;
  left:750px;
  width:190px;
  height:24px;
  background:url(../img/common/font.png) 0 0 no-repeat;
}

#fs.large{
  background-position:0 0;
}

#fs.small{
  background-position:0 100%;
}

a#fs1{
  display:none;
  cursor:pointer;
  margin-left:110px;
  width:80px;
  height:24px;
  background:#ff0000 url(../img/common/font.png) -190px 0 no-repeat;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#fs.large a#fs1{
  display:block;
}

a#fs1:hover{
  opacity:0.0;
}

a#fs2{
  display:none;
  cursor:pointer;
  margin-left:110px;
  width:80px;
  height:24px;
  background:url(../img/common/font.png) -190px -24px no-repeat;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#fs.small a#fs2{
  display:block;
}

a#fs2:hover{
  opacity:0.0;
}

/*----- contact -------------------------------------------------------------*/
#co{
  position:absolute;
  top:45px;
  left:540px;
}

#co img{
  vertical-align: top;
}

#tel{
  position:absolute;
  top:62px;
  left:540px;
}

#tel img{
  vertical-align: top;
}
#mail{
  position:absolute;
  top:62px;
  left:740px;
}

#mail img{
  vertical-align: top;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#mail img:hover{
  opacity:0.7;
}

.mt1{
  cursor:pointer;
}


/*-----topicpath-------------------------------------------------------------*/
#tp{
  background:#DDDDDD;
  text-align:left;
}

#tp ul{
  background:#DDDDDD;
  width:930px;
  margin:0 auto;
  padding:0px 10px;
  list-style:none;
}

#tp li{
  float:left;
  padding-left: 20px;
  background:url(../img/common/tp_arrow.png) 0 50% no-repeat;
}

#tp li.fs{
  background:url(../img/common/tp_home.png) 0 50% no-repeat;
}


#tp li a{
  text-decoration:none;
}

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

/*===== body ================================================================*/
#bd{
  min-width:950px;
  background:#ffffff;
}

#bd .cn{
  width:950px;
  padding-bottom:20px;
  background-color:#ffffff;
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

/*----- mainmenu ------------------------------------------------------------*/
#mm{
  list-style:none;
  width:930px;
  height:80px;
  margin-top:10px;
  margin-left:10px;
  background:url(../img/common/mainmenu.png) 0 100% no-repeat;
}

#mm .ac{
  opacity:0.0;
}

#mm li{
  float:left;
}

#mm01 a{
  display:block;
  width:117px;
  height:80px;
  background:url(../img/common/mainmenu.png) 0 0 no-repeat;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#mm01 a:hover{opacity:0.0;}

#mm02 a{
  display:block;
  width:116px;
  height:80px;
  background:url(../img/common/mainmenu.png) -117px 0 no-repeat;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#mm02 a:hover{opacity:0.0;}

#mm03 a{
  display:block;
  width:116px;
  height:80px;
  background:url(../img/common/mainmenu.png) -233px 0 no-repeat;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#mm03 a:hover{opacity:0.0;}

#mm04 a{
  display:block;
  width:116px;
  height:80px;
  background:url(../img/common/mainmenu.png) -349px 0 no-repeat;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#mm04 a:hover{opacity:0.0;}

#mm05 a{
  display:block;
  width:116px;
  height:80px;
  background:url(../img/common/mainmenu.png) -465px 0 no-repeat;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#mm05 a:hover{opacity:0.0;}

#mm06 a{
  display:block;
  width:116px;
  height:80px;
  background:url(../img/common/mainmenu.png) -581px 0 no-repeat;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#mm06 a:hover{opacity:0.0;}

#mm07 a{
  display:block;
  width:116px;
  height:80px;
  background:url(../img/common/mainmenu.png) -697px 0 no-repeat;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#mm07 a:hover{opacity:0.0;}

#mm08 a{
  display:block;
  width:117px;
  height:80px;
  background:url(../img/common/mainmenu.png) -813px 0 no-repeat;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#mm08 a:hover{opacity:0.0;}

/*----- main ----------------------------------------------------------------*/
#ma{
  display:inline;
  float:left;
  margin:20px;
  width:600px;
}

/*----- paragraph -----------------------------------------------------------*/
.pg{
  margin:10px 0;
  word-wrap: break-word;
}

/*----- side ----------------------------------------------------------------*/
#sd{
  display:inline;
  float:right;
  margin:20px 20px 20px 0;
  width:280px;
}

/*----- sidemenu ------------------------------------------------------------*/
#sm{
  list-style:none;
}

#sm01{
  height:36px;
  background:url(../img/common/sidemenu.png) 100% 0 no-repeat;
}
#sm01 a{
  display:block;
  width:230px;
  height:36px;
  background:url(../img/common/sidemenu.png) 0 0 no-repeat;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#sm01 a:hover{opacity:0.0;}

#sm02{
  margin-top:5px;
  height:36px;
  background:url(../img/common/sidemenu.png) 100% -36px no-repeat;
}
#sm02 a{
  display:block;
  width:230px;
  height:36px;
  background:url(../img/common/sidemenu.png) 0 -36px no-repeat;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#sm02 a:hover{opacity:0.0;}

#sm03{
  margin-top:5px;
  height:36px;
  background:url(../img/common/sidemenu.png) 100% -72px no-repeat;
}
#sm03 a{
  display:block;
  width:230px;
  height:36px;
  background:url(../img/common/sidemenu.png) 0 -72px no-repeat;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#sm03 a:hover{opacity:0.0;}

#sm04{
  margin-top:5px;
  height:36px;
  background:url(../img/common/sidemenu.png) 100% -108px no-repeat;
}
#sm04 a{
  display:block;
  width:230px;
  height:36px;
  background:url(../img/common/sidemenu.png) 0 -108px no-repeat;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#sm04 a:hover{opacity:0.0;}

#sm05{
  margin-top:5px;
  height:36px;
  background:url(../img/common/sidemenu.png) 100% -144px no-repeat;
}
#sm05 a{
  display:block;
  width:230px;
  height:36px;
  background:url(../img/common/sidemenu.png) 0 -144px no-repeat;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#sm05 a:hover{opacity:0.0;}

#sm06{
  margin-top:5px;
  height:36px;
  background:url(../img/common/sidemenu.png) 100% -180px no-repeat;
}
#sm06 a{
  display:block;
  width:230px;
  height:36px;
  background:url(../img/common/sidemenu.png) 0 -180px no-repeat;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#sm06 a:hover{opacity:0.0;}

/*----- banner --------------------------------------------------------------*/

#bn{
  margin-bottom:20px;
  list-style:none;
}
#bn li{margin-bottom:10px;}
#bn li a{
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
#bn li a:hover{opacity:0.7;}

/*===== foot ================================================================*/
#ft{
  min-width:950px;
  line-height:1.0em;
  padding-bottom:10px;
}

#ft a{
  color:#ffffff;
  text-decoration:none;
}

#ft a:hover{
  text-decoration:underline;
}

/*----- copyright -----------------------------------------------------------*/
#ad{
  text-align:center;
  margin:10px 0 5px 0;
}


#cr{
  text-align:center;
  margin:5px 0 30px 0;
}

#ad span, #cr span{
  font-size:90%;
  line-height:1.4em;
  margin:0 0.5em;
  white-space:nowrap;
}

/*===== backpagetop =========================================================*/
#bp{
  position:fixed;
  bottom:10px;
  right:10px;
  width:40px;
  height:40px;
  background:url(../img/common/backpagetop.png) no-repeat 0 100%;
  opacity:0.0;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#bp.ac{
  opacity:1.0;
}

#bp a{
  display:block;
  width:40px;
  height:40px;
  background:url(../img/common/backpagetop.png) no-repeat 0 0;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

#bp a:hover{
  opacity:0.0;
}

/*---------------------------------------------------------------------------*/
/* common
/*---------------------------------------------------------------------------*/
/*===== clearfix ============================================================*/
.cf:before, .cf:after{
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

/*===== contenar ============================================================*/
.cn{
  position: relative;
  margin:0 auto;
  width:950px;
  min-height:100%;
  text-align:left; /*IE5.5*/
}

/*===== other ===============================================================*/
.hd{
  display:none;
}

.mt0{
	margin-top:0;
	padding-top:0;
}

.fs120pe{
	font-size:120%;
}

/*--- textalign -------------------------------------------------------------*/
.tal{text-align:left;}
.tar{text-align:right;}
.tac{text-align:center;}

/*--- boxborder -------------------------------------------------------------*/

.bb{
  border:solid 1px #333333;
  padding:5px;
}

.bb table th, .bb table td{
  vertical-align:top;
  padding-right:20px;
}

/*--- width -----------------------------------------------------------------*/
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w90{width:90px;}
.w100{width:100px;}
.w150{width:150px;}
.w180{width:180px;}
.w240{width:240px;}

.pl05em{padding-left:0.5em;}

/*--- color -----------------------------------------------------------------*/
.cr{color:red;}
.cg{color:#6ab045;}

/*--- smallfont -------------------------------------------------------------*/
.sf{
  font-weight:normal;
  font-size:80%;
}

/*--- normallist ------------------------------------------------------------*/
.nl{padding-left:1.6em;}

/*--- fontweightbold --------------------------------------------------------*/
.fwb{font-weight:bold;}

/*----- downloadfile --------------------------------------------------------*/
h4.dc{
  padding-top:0.5em;
  line-height:1.0em;
  width:660px;
}

.df{
  float:left;
  margin:5px;
  padding:5px 5px 5px 33px;
  width:170px;
  background:#E0D6D6 url(../img/common/pdficon.png) 5px 50% no-repeat;
  border:solid 1px #663333;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.df:hover{opacity:0.7;}

/*----- baseinformation -----------------------------------------------------*/
#bi{
  border:solid 1px #333333;
  padding:5px;
}

#bi table td{
  vertical-align:top;
  padding-right:20px;
}

/*----- tabletitle ----------------------------------------------------------*/
.tt{
  padding-top:1.0em;
  line-height:1.0em;
  color:#663333;
  border-bottom:solid 2px #663333;
  width:660px;
}

/*----- android -------------------------------------------------------------*/
p, .tt, #bi td, h4, .tb02 td, .nl, .nl li, .tb02 div, .tb01 td{
  background:url(../img/common/transparent.png);
}

.ws2{
  white-space: nowrap;
}

/*---------------------------------------------------------------------------*/
/* スレートPC対応　【条件】width：950px以下
/*---------------------------------------------------------------------------*/
@media only screen and (max-device-width : 950px) and (max-width : 950px) {
	body{
		font-size:130%;
	}

	img, video{
		max-width:100%;
		height:auto;
	}

	#hd{
	  position:relative;
	  min-width:0;
	  height:130px;
	  padding-top:10px;
	  background:#fbfadb url(../img/common/accent.png) 0 0 repeat-x;
	}
	.cn{
		width:100%;
	}
	#lg{
		top:5px;
	}
	#ss{
		display:none;
	}
	#fs{
		display:none;
	}
	#co{
		top:80px;
		left:10px;
	}
	#tel{
		top:100px;
		left:10px;
	}
	#mail{
		top:100px;
		left:220px;
	}
	#tp ul{
		width:auto;
	}
	nav{
		text-align:center;
		margin:0 auto;
	}
	#mm{
		width:auto;
		background:none;
	}
	#ma{
		width:auto;
	}
	#pu{
		text-align:center;
		margin:5px auto;
	}
	#pu .lt, #pu .rt{
		margin:5px;
		float:left;
	}
  #mm .ac{
    opacity:1.0;
  }
  #mm01.ac a{
    background:url(../img/common/mainmenu.png) 0 100% no-repeat;
  }
  #mm02.ac a{
    background:url(../img/common/mainmenu.png) -117px 100% no-repeat;
  }
  #mm03.ac a{
    background:url(../img/common/mainmenu.png) -233px 100% no-repeat;
  }
  #mm04.ac a{
    background:url(../img/common/mainmenu.png) -349px 100% no-repeat;
  }
  #mm05.ac a{
    background:url(../img/common/mainmenu.png) -465px 100% no-repeat;
  }
  #mm06.ac a{
    background:url(../img/common/mainmenu.png) -581px 100% no-repeat;
  }
  #mm07.ac a{
    background:url(../img/common/mainmenu.png) -697px 100% no-repeat;
  }
  #mm08.ac a{
    background:url(../img/common/mainmenu.png) -813px 100% no-repeat;
  }
  #mm a:hover{
    opacity:1.0;
    text-decoration:none;
  }

  #bd{
    min-width:0;
  }
  #bd .cn{
    width:100%;
  }
  #ma{
    box-sizing: border-box;
    margin:0;
    padding:10px;
    width:100%;
  }
  #sd{
    display:none;
  }
  #ft{
    min-width:0;
    width:100%;
  }
  #bp{
    display:none;
  }
}

/*---------------------------------------------------------------------------*/
/* スレートPC対応　【条件】width：939px以下
/*---------------------------------------------------------------------------*/
@media only screen and (max-device-width : 950px) and (max-width : 939px) {
	#mm li{
		width:33%;
	}
	#mm li div{
		text-align:center;
	}
	#mm li div a{
		margin:5px auto;
	}
}

/*---------------------------------------------------------------------------*/
/* スレートPC対応　【条件】width：934px以下
/*---------------------------------------------------------------------------*/
@media only screen and (max-device-width : 950px) and (max-width : 934px) {
	#pu{
		width:610px;
	}
}

/*---------------------------------------------------------------------------*/
/* スレートPC対応　【条件】width：624px以下
/*---------------------------------------------------------------------------*/
@media only screen and (max-device-width : 950px) and (max-width : 624px) {
	.cn{
		min-width:500px;
/*min-width:100%;*/
	}
	#pu{
		width:300px;
	}
}