@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
body {
	background: #ccc;
	color: #333;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}

a {
	-webkit-tap-highlight-color: rgba(200,200,555,.6);
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

img {
	vertical-align: top;
}

/*img:not([width]) {
	zoom: .5;  Retinaディスプレイ対応のためimg要素は半分の大きさに
}*/

p, dl, ol, ul {
	margin-bottom: 10px;
}

ol, ul {
	margin-left: 25px;
}


/*----------------------------------------------------
 clearfix
 :after { content: ''; display: block; clear: both; }
----------------------------------------------------*/
/* For modern browsers */
.clearfix:before,
.clearfix:after {
  content:"";
  display:table;
}

.clearfix:after {
  clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
  zoom:1;
}



/*----------------------------------------------------
 #page
----------------------------------------------------*/
#page {
	overflow: hidden;
	/*width: 320px;*/
	margin: 0 auto;
	background: #fff;
}


/*----------------------------------------------------
 header
----------------------------------------------------*/
header {
  padding:10px;
  width:auto;
  height:54px;
}
header:after { content: ''; display: block; clear: both; }

header h1 {
  width: 130px;
  height: auto;
  float:left;
  padding:12px 0 0;
}
header nav {
  width: 152px;
  height: 49px;
  padding: 4px 0 0 0;
  float:right;

}
header ul {
  margin:0px;
  width: 152px;
  height:47px;
  border:#decda6 1px solid;
  border-radius: 5px;
  -webkit-box-shadow: 0px 0px 4px 0px #666;
  box-shadow: 0px 0px 4px 0px #666;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #d7d7d7));
  background-image: -moz-linear-gradient(top, #ffffff, #d7d7d7);
  background-image: -ms-linear-gradient(top, #ffffff, #d7d7d7);
  background-image: -webkit-linear-gradient(top, #ffffff, #d7d7d7);
  background-image: linear-gradient(top, #ffffff, #d7d7d7);
  background-clip: padding-box;
}
header li {
  float:left;
}
.tel {
  padding: 7px;
  margin:0px;
  height: 32px;
  width: 86px;
  border-right:#decda6 1px solid;
}
.mail {
  padding: 10px 0px 0px 8px;
  height: 30px;
  width: 36px;
}


.topNav nav ul {
  border-bottom:#decda6 1px solid;
  margin: 0px;
  padding: 0px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #d7d7d7));
  background-image: -moz-linear-gradient(top, #ffffff, #d7d7d7);
  background-image: -ms-linear-gradient(top, #ffffff, #d7d7d7);
  background-image: -webkit-linear-gradient(top, #ffffff, #d7d7d7);
  background-image: linear-gradient(top, #ffffff, #d7d7d7);
  background-clip: padding-box;
  display: -webkit-box;
  display: -moz-box;
}
.topNav nav ul li {
  text-align:center;
}
.topNav .left {
  height: auto;
  width: 50%;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
}
/*.topNav .mid {
  height: auto;
  width: 33%;
  border-left:#decda6 1px solid;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  border-left:#decda6 1px solid;
}*/
.topNav .right {
  height: auto;
  width: 50%;
  border-left:#decda6 1px solid;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
}
.topNav nav ul li.left a,
.topNav nav ul li.mid a,
.topNav nav ul li.right a {
  display:block;
  padding:7px 0;
  height: auto;
  width: 100%;
}

.eventLeft { 
  width:50%;
  height: auto;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
}
.eventRight {
  width:50%;
  height: auto;
  border-left:#decda6 1px solid;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
}
li.eventLeft a,
li.eventRight a {
  display:block;
  padding:0px;
  height: auto;
  width: 100%;
}
li.eventLeft img,
li.eventRight img { 
}
/*----------------------------------------------------
 main
----------------------------------------------------*/

.bar {
  margin:0px;
  padding:0px;
  width:auto;
  height:2px;
}
.bar img {
  margin:0px;
  padding:0px;
  width:100%;
  height:2px;
}

.copyright { text-align: center; }

.main {
  margin: 0px;
  padding: 0px;
}



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

footer {
  background: #f9f1dc;
  margin: 0px;
  padding: 10px;
}

.addressBox {
  border-bottom: 1px solid #cccc99;
  padding:0 0 8px 0;
  margin:0 0 8px 0;
}
.addressBox:after { content: ''; display: block; clear: both; }

.icon {
  height: auto;
  width: 43px;
  float:right;
}

.addressBox p {
  height: auto;
  width: 260px;
}

.gosodanBpx {
  padding: 10px 10px 4px;
  display: -webkit-box;
  display: -moz-box;
}

.okigaruni {
  text-align: right;
  width: 50%;
  height: auto;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  padding: 13px 5px 0 0;
}

.telBtnBottom {
  width:50%;
  height:auto;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  text-align: left;
  padding:0 0 0 5px;
}

.linkBoxBottom {
  margin: 0px;
  padding: 0px;
}

.linkBoxBottom ul {
  margin-left:0px;
}
.linkBoxBottom li {
  float: left;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  list-style: none;
  background:url(../images/sankaku.png) no-repeat 0 5px ;
}
.footLogo {
  text-align:center;
  padding:5px 0 16px;
}