@charset "UTF-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* モバイルレイアウト : 480 px およびそれ以下. */

body{
	font-size: 13px;
	font-family:"Arial, Helvetica, Verdana, ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.8;
	letter-spacing: 1px;
	color: #4C4D4C;
	text-align:left;
}

/* -------- link */
a:link {
	color: #4c4d4c;
	outline-width: 0;
	text-decoration:none;
}
a:visited {
	color: #4c4d4c;
	text-decoration:none;
	outline-width: 0;
}
a:hover {
	color: #000;
	text-decoration: nonee;
	outline-width: 0;
}
a.footer:link {
	color: #ffffff;
	outline-width: 0;
	text-decoration:none;
}
a.footer:visited {
	color: #ffffff;
	text-decoration:none;
	outline-width: 0;
}
a.footer:hover {
	color: #000;
	text-decoration: nonee;
	outline-width: 0;
}

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	margin-top:15px;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}

.center01 {
    text-align:center;
}

.right01 {
	text-align:right;
}

.margintop7px {
	margin-top: 7px;
}

.title_float_r {
	width:114px;
	float:right;
}

.title_float_l {
	width:224px;
	float:left;
}

.title_float_r_f {
	width:184px;
	float:right;
}

.title_float_l_f {
	width:284px;
	float:left;
}

.title_float_r_p {
	width:224px;
	float:right;
}

.title_float_l_c {
	width:201px;
	float:left;
}

.title_float_r_c {
	width:89px;
	float:right;
}

.title_float_r_j {
	width:49px;
	float:right;
}

dl {
	width:400px;
	padding-left:20px;
}

dt {
	float:left;  
	width:100px;  
	clear:both;  
	font-weight:bold;  
}  
dd {  
	width:200px;  
	margin-left:100px;  
}

dl.recruit {
	width:400px;
	padding-left:20px;
}

dt.recruit {
	float:left;  
	width:80px;  
	clear:both;  
	font-weight:bold;  
}  
dd.recruit {  
	width:220px;  
	margin-left:80px;
	margin-left: 2em;
}

table.recruit2 {
	border: 0px;
	width: auto;
	margin-left:20px;
    border-spacing: 0;
}

th.recruit2-1 {
	border: 0px;
	text-align: left;
	vertical-align:top;
	font-weight:bold;
	width: 80px;
}

th.recruit2-2 {
	border: 0px;
	text-align: left;
	font-weight:normal;
	width: auto;
}

th.address {
	border: 0px;
	text-align: left;
	vertical-align:top;
	font-weight:bold;
	width: 100px;
}

/* プライバシーポリシー文字下げ */
.margin_l_1 {
	margin-left:0px;
}

.margin_l_2 {
	margin-left:0px;
}

p.right02 {
	text-align:right;
}

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

/* Google Map */
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

/* スマホ用telリンク. */
.tel-link {
    font-size: 110%;
    font-weight: bold;
}
/* -------- */

/* スライドショー. */
/* .viewer */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}
 
/* sideNavi */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}
 
 
/* ClearFixElements */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}
/* -------- */


#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 69%;
	display: block;
}

#LayoutDiv2 {
    clear: none;
    float: left;
    margin-left: 4.1666%;
    width: 26%;
    display: block;
}

#LayoutDiv2_1 {
    clear: none;
    float: left;
    margin-left: 4.1666%;
    width: 37.5%;
	display:none;
}

#LayoutDiv2_2 {
    clear: none;
    float: left;
    margin-left: 4.1666%;
    width: 37.5%;
	display:none;
}

#LayoutDiv3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}

#LayoutDiv4 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
}

#LayoutDiv4sp {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}

#LayoutDiv5 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
	margin-top:15px;
}

#LayoutDiv6 {
    clear: both;
    float: left;
    margin-left: 0;
	border-color:#8c0014;
	border-width:1px;
	border-style: solid;
    width: 100%;
    display: block;
}

#LayoutDiv7 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}

#LayoutDiv8 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 49.211%;
    display: block;
}

#LayoutDiv9 {
    clear: none;
    float: left;
    margin-left: 1.577%;
    width: 49.211%;
    display: block;
}

#LayoutDiv10 {
    clear: both;
    float: left;
    margin-left: 0;
	margin-top:8px;
    width: 49.211%;
    display: block;
}

#LayoutDiv11 {
    clear: none;
    float: left;
    margin-left: 1.577%;
	margin-top:8px;
    width: 49.211%;
    display: block;
}

#LayoutDiv12 {
    clear: both;
    float: left;
    margin-left: 0;
	margin-top:8px;
    width: 49.211%;
    display: block;
}

#LayoutDiv13 {
    clear: none;
    float: left;
    margin-left: 1.577%;
	margin-top:8px;
    width: 49.211%;
    display: block;
}

#LayoutDiv14 {
    clear: both;
    float: left;
    margin-left: 0;
	color: #ffffff;
	background-color: #8c0014;
    width: 100%;
    display: block;
}

#LayoutDiv15 {
    clear: both;
    float: left;
	margin: 7px;
    width: 37.5%;
    display: block;
}

#LayoutDiv16 {
    clear: none;
    float: left;
	margin-top:7px;
    margin-left: 4.1666%;
	text-align:left;
    width: 52.3333%;
	font-size: 80%;
    display: block;
}

#LayoutDiv17 {
    clear: none;
	float: right;
    margin-left: 4.1666%;
	margin-right:7px;
	text-align:right;
	font-size: 80%;
    width: 100%;
}

#LayoutDiv18 {
    clear: both;
    float: left;
    margin-left: 0;
	background-color: #8c0014;
	text-align:justify;
    width: 100%;
	height:40px;
    display: block;
}

#LayoutDiv19 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}

#LayoutDiv20 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}

#LayoutDiv21 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}

#LayoutDiv22 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}

#LayoutDiv23 {
    clear: both;
    float: left;
    margin-left: 0;
	border-color:#8c0014;
	border-width:1px;
	border-style: solid;
	padding:7px;
    width: 100%;
    display: block;
}

#mieletoplogo {
	text-align: center;
	margin-top: -20px;
}

}

.spNone {
	display:none;
}

/* モバイルレイアウト : 480 px以下で非表示。 */
@media screen and (max-width: 530px){
.spNone {
	display:none;
}
}

#eventtitle {
    clear: both;
    float: left;
    margin-left: 0;
	margin-top: 20px;
	margin-bottom: 20px;
    width: 100%;
    display: block;
}

/* タブレットレイアウト : 481 px ～ 839 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 531px) 
    and (max-width: 839px){
		
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}

dl {
	width:500px;
	padding-left:20px;
}

dt {
	float:left;  
	width:100px;  
	clear:both;  
	font-weight:bold;  
}  
dd {  
	width:300px;  
	margin-left:100px;  
}

dl.recruit {
	width:500px;
	padding-left:20px;
}

dt.recruit {
	float:left;  
	width:80px;  
	clear:both;  
	font-weight:bold;  
}  
dd.recruit {  
	width:320px;  
	margin-left:80px;  
}

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 69%;
	display: block;
}
#LayoutDiv2 {
    clear: none;
	float: left;
	margin-left: 2.5646%;
	width: 26%;
	display: block;
}
#LayoutDiv2_1 {
    clear: none;
	float: left;
	margin-left: 2.5646%;
	width: 68.864%;
	display: none;
}
#LayoutDiv2_2 {
    clear: none;
	float: left;
	margin-left: 2.5646%;
	width: 68.864%;
	display: none;
}
#LayoutDiv3 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#LayoutDiv4 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#LayoutDiv4sp {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
}
#LayoutDiv5 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#LayoutDiv6 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#LayoutDiv7 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#LayoutDiv8 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 32.282%;
    display: block;
}
#LayoutDiv9 {
    clear: none;
    float: left;
    margin-left: 1.577%;
    width: 32.282%;
    display: block;
}
#LayoutDiv10 {
    clear: none;
    float: left;
    margin-left: 1.577%;
	margin-top:0px;
    width: 32.282%;
    display: block;
}
#LayoutDiv11 {
    clear: both;
    float: left;
    margin-left: 0;
	margin-top:10px;
    width: 32.282%;
    display: block;
}
#LayoutDiv12 {
    clear: none;
    float: left;
    margin-left: 1.577%;
	margin-top:10px;
    width: 32.282%;
    display: block;
}
#LayoutDiv13 {
    clear: none;
    float: left;
    margin-left: 1.577%;
	margin-top:10px;
    width: 32.282%;
    display: block;
}
#LayoutDiv14 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}

#LayoutDiv15 {
    clear: both;
    float: left;
	margin: 7px;
    width: 30%;
    display: block;
}

#LayoutDiv16 {
    clear: none;
	float: left;
	margin-top:7px;
    margin-left: 4.1666%;
	text-align:right;
	width: 62%;
	display: block;
}

#LayoutDiv17 {
    clear: none;
	float: right;
	margin-top:60px;
    margin-left: 4.1666%;
	text-align:right;
	width: 62%;
	display: block;
}

#LayoutDiv18 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* タブレットルレイアウト : 481 px 〜 768 pxで非表示。 */
.tbNone {
	display:none;
}

#LayoutDiv19 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#LayoutDiv20 {
	clear: both;
	float: left;
	margin-left: 0;
    width: 100%;
	display: block;
}

#LayoutDiv21 {
	clear: both;
	float: left;
	margin-left: 0;
    width: 100%;
	display: block;
}

#LayoutDiv22 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

.spNone {
	display:block;
}

#LayoutDiv23 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

}

/* デスクトップレイアウト : 769 px 〜最大 1200 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 840px) {
.gridContainer {
	width: 88.2%;
	max-width: 1200px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
}

dl {
	width:500px;
	padding-left:20px;
}

dt {
	float:left;  
	width:100px;  
	clear:both;  
	font-weight:bold;  
}  
dd {  
	width:300px;  
	margin-left:100px;  
}

dl.recruit {
	width:500px;
	padding-left:20px;
}

dt.recruit {
	float:left;  
	width:80px;  
	clear:both;  
	font-weight:bold;  
}  
dd.recruit {  
	width:320px;  
	margin-left:80px;  
}

#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 57%;
	display: block;
}
#LayoutDiv2 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 76.1836%;
	display: none;
}
#LayoutDiv2_1 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 40.5%;
	display: block;
}
#LayoutDiv2_2 {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 40.5%;
	display: block;
}
#LayoutDiv4 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: block;
}
#LayoutDiv4sp {
    clear: both;
    float: left;
    margin-left: 0;
    width: 100%;
    display: none;
}
#LayoutDiv8 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 32.282%;
    display: block;
}
#LayoutDiv9 {
    clear: none;
    float: left;
    margin-left: 1.577%;
    width: 32.282%;
    display: block;
}
#LayoutDiv10 {
    clear: none;
    float: left;
    margin-left: 1.577%;
	margin-top:0px;
    width: 32.282%;
    display: block;
}
#LayoutDiv11 {
    clear: both;
    float: left;
    margin-left: 0;
	margin-top:15px;
    width: 32.282%;
    display: block;
}
#LayoutDiv12 {
    clear: none;
    float: left;
    margin-left: 1.577%;
	margin-top:15px;
    width: 32.282%;
    display: block;
}
#LayoutDiv13 {
    clear: none;
    float: left;
    margin-left: 1.577%;
	margin-top:15px;
    width: 32.282%;
    display: block;
}

#LayoutDiv15 {
    clear: both;
    float: left;
	margin: 7px;
    width: 29%;
    display: block;
}

#LayoutDiv16 {
    clear: none;
	float: left;
	margin-top:7px;
    margin-left: 4.1666%;
	text-align:right;
	width: 64%;
	display: block;
}

#LayoutDiv17 {
    clear: none;
	float: right;
	margin-top:60px;
    margin-left: 4.1666%;
	text-align:right;
	width: 62%;
	display: block;
}

#LayoutDiv20 {
    clear: both;
    float: left;
    margin-left: 0;
    width: 48%;
    display: block;
}

#LayoutDiv21 {
    clear: none;
    float: right;
    margin-left: 0;
    width: 48%;
    display: block;
}

.spNone {
	display:block;
}


}

/* PCレイアウト : 769 px 〜最大 1232 pxで非表示。 */
@media only screen and (min-width: 839px) {
.pcNone {
	display:none;
}
}