@charset "utf-8";
/* CSS Document */

/* SmartPhone用設定
------------------------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 767px) {
  
#wrapper {  
  position:relative;
  width:100%;
  min-width:100%;
  padding:0 0 0;
}


/* modal menu
--------------------------------------------------------------------*/

#modal {
	width: 140px;
  height:auto;
	z-index: 150;
	background: #333;
	padding: 8px 0 20px;
	display:none;
}
#modal ul {
	margin: 10px 0 0;
	border-top: 1px dotted #666;
}
#modal li {
	margin: 0px;
	padding: 15px 0 15px 8px;
	border-bottom: 1px dotted #666;
	color: #666;
}
#modal li a {
	display: block;
	color: #FFF;
}
#modal p a {
	background: #CCC;
	color: #333;
	font-weight: bold;
	padding: 5px 10px;
	border: none;
	text-align:center;
	display:block;
}
#pageslide {
  /* These styles MUST be included. Do not change. */
  display: none;
  position: absolute;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 9999;
  overflow:scroll;
  
  /* Specify the width of your pageslide here */
  width: 140px;
  padding: 0 20px;
  
  /* These styles are optional, and describe how the pageslide will look */
  background-color: #333;
  color: #FFF;
  -webkit-box-shadow: inset 0 0 5px 5px #222;
  -moz-shadow: inset 0 0 5px 5px #222;
  box-shadow: inset 0 0 5px 5px #222;
}

.m_menuBtn {
  display:block;
  position:absolute;
  right:10px;
  top:5px;
  width:40px;
  height:33px;
}
  
.mobileTel {
  display:block;
  position:absolute;
  right:55px;
  top:5px;
  width:120px;
  height:30px;
  background-image:url(../images/bg_red.jpg);
  border-radius:4px;
} 
.mobileTel a {
  display:table-cell;
  width:auto;
  padding:0 0px 0 22px;
  height:30px;
  color:#FFF;
  vertical-align:middle;
  font-family:"hanamin";
  font-size:123%;
  background-repeat:no-repeat;
  background-image:url(../images/ico_tel.png);
  background-position:4px 7px;
}


/* header
--------------------------------------------------------------------*/

#pageTop,
.tabArea,
.secondaryNavArea
 {
  display:none;
}

header {
  width:100%;
  min-width:100%;
  height: 42px;
  position:fixed;
  z-index:110;
  background:url(../images/bg01.jpg)
}
.mobileLogo {
  display:block;
  width:70px;
  height:auto;
  margin:2px 0 0 7px;
}
.mobileLogo img {
  width:100%;
  height:auto;
}


/* footer
--------------------------------------------------------------------*/

footer {
  width:100%;
  height:auto;
  position:relative;
  padding:20px 0px;
}
.footerBlock {
  width:auto;
  height:auto;
  margin:0 auto;
  display: block;
  text-align:center;
}
.addressSide {
  width:auto;
  height:auto;
 }
.addressSide p {
  line-height:1.4em;
}
.footLogoBox {
  display: block;
  line-height:2.4em;
}
.footTel {
  padding: 0px 0 0 16px;
  width:210px;
  margin:0 auto;
}
.footTel p {
  font-weight:bold;
}
.footTel a {
  display:block;
  color:#000;
  font-size:231%;
  padding:0 0 0 25px;
  background-repeat:no-repeat;
  background-image:url(../images/ico_tel_bk.png);
  background-position:0 5px;
}
.footerNav {
  line-height:1.4em;
  border-bottom:#FFF dotted 1px;
  padding:10px 0;
}

.telFoot {
  line-height:1em;
	font-size: 216%;
  font-family:"gsgph";
  padding:0 12px 0 30px;
  margin:-7px 0 0 0;
  background-repeat:no-repeat;
  background-image:url(../images/ico_tel.png);
  background-position:0 3px;
}
.telFoot a:hover {
  text-decoration:none;
}

.copyright {
  padding:8px 0 0;
  font-size:85%;
}

.contactBoxFoot {
  padding: 10px;
}
.contactBoxFoot li img {
  width: 100%;
  height: auto;
}


/* other
--------------------------------------------------------------------*/
.breadCrumb {
  display:none;
}



  
}