@charset "UTF-8";

/*
Font license info


## Font Awesome

   Copyright (C) 2012 by Dave Gandy

   Author:    Dave Gandy
   License:   SIL ()
   Homepage:  http://fortawesome.github.com/Font-Awesome/


## Elusive

   Copyright (C) 2013 by Aristeides Stathopoulos

   Author:    Aristeides Stathopoulos
   License:   SIL (http://scripts.sil.org/OFL)
   Homepage:  http://aristeides.com/


## Iconic

   Copyright (C) 2012 by P.J. Onori

   Author:    P.J. Onori
   License:   SIL (http://scripts.sil.org/OFL)
   Homepage:  http://somerandomdude.com/work/iconic/

*/

/* CSS Document */





body {
	font-family: "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	line-height: 1.25;
	color: #555;
	overflow-y: scroll;
	background: url(../img/body-bg.png) repeat-x bottom;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

h2 { font-size: 125%; }

/*h2, #info h3 {
	letter-spacing: 0.1em;
	padding-left: 0.5em;
	padding-top: 0.2em;
	border-left: 0.5em solid #172987;
	margin-bottom: 0.5em;
	line-height: 1;
}
*/





img { /*width: 100%;*/ display: block; }

li { list-style: none; }

p {
	font-weight: normal;
	line-height: 1.5;
	text-align: justify;
}

a { color: #555; }

a:hover { color: #f7b52c; }

small {
	font-size: 80%;
	clear: both;
}

#pull { display: none; }

p#pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 10px;
	width: 45px;
	height: 45px;
	background-color: #172987;
	border-radius: 5px;
	opacity: 0.9;
	z-index: 9999;
}

p#pagetop i {
	color: #fff;
	font-size: 30px;
	padding-left: 2px;
}

.orange {
	color: #f7b52c;
	font-size: 32px;
}

.murasaki { color: #763987; }

.cnt1 .murasaki {
	display: table;
	font-size: 24px;
	margin: 10px 0;
}

.cnt1 .murasaki li {
	vertical-align: top;
	display: table-cell;
}

.cnt1 .murasaki li small {
	font-size: 14px;
	display: block;
	line-height: 1.25;
}

.cnt1 {
	background: url(../img/img1.jpg) right center no-repeat;
	padding: 40px 0;
	padding-right: 160px;
}

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





header {
	width: 100%;
	background-color: #763987;
	overflow: hidden;
	border-bottom: solid 5px #172987;
	color: #fff;
	padding: 10px 0 0px;
}

#header_inner {
	width: 960px;
	margin: 0 auto;
}

header h1 {
	float: left;
	padding: 2px 0 0;
	margin-right: -300px;
	width: 300px;
	color: #f7b52c;
}

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





nav {
	overflow: hidden;
	font-weight: bold;
}

header nav {
	width: 100%;
	margin-left: -300px;
	float: right;
}

header nav ul {
	overflow: hidden;
	float: right;
	line-height: 1.5;
	display: table;
	margin-right: -1px;
}

header nav ul li {
	font-size: 80%;
	list-style: none;
	padding: 0 1px;
	display: table-cell;
}

header nav ul li a {
	display: block;
	padding: 7px 10px 5px;
	color: #fff;
}

nav ul li a { text-decoration: none; }

header nav ul li a:hover, header nav ul li.current a {
	background: #172987;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	color: #f7b52c;
}

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





#key {
	width: 100%;
	height: 360px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
	background: url(../img/key-bg.jpg);
}

#key ul {
	width: 960px;
	margin: 0 auto;
}

#noTop #key { height: 160px; }

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






#wrap {
	width: 100%;
	overflow: hidden;
	clear: both;
	background: url(../img/wrap-bg.png) repeat-x top;
	padding: 20px 0;
	border-top: solid 10px #172987;/*border-bottom: solid 5px #172987;*/
}

#content {
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

#leftBx {
	float: left;
	width: 300px;
	overflow: hidden;
}

#leftBx h1 { display: none; }

#leftBx figure {
	text-align: center;
	width: 200px;
	font-weight: bold;
}

#leftBx figure img { padding-bottom: 0.5em; }

#leftBx nav {
	width: 250px;
	margin: 20px auto 0;
}

#leftBx nav a {
	margin-bottom: 1em;
	display: block;
	padding-top: 0.2em;
}

#leftBx nav a:hover { text-decoration: underline; }

#rightBx {
	float: right;
	width: 660px;
}

.inner {
	padding: 10px;
	overflow: hidden;
}

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





footer {
	width: 960px;
	clear: both;
	border-top: solid 1px #ccc;
	margin: 40px auto 0;
	overflow: hidden;
}

footer h2 {
	text-align: center;
	font-size: 14px;
	border-bottom: 1px #ccc solid;
	padding: 20px 0;
}

#footerMain {
	display: table;
	margin: 20px auto 10px;
}

#footerMain > dl, #footerMain h3 {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

#footerMain h3 { text-align: center; }

#footerMain > dl { border-right: 1px solid #ccc; }

#footerMain > dl small { padding-left: 1em; }

#footerMain > dl dl { padding-right: 10px; }

#footerMain > dl dl li {
	margin-bottom: 0.2em;
	display: inline-block;
}

.util dt {
	margin-bottom: 0.5em;
	font-weight: bold;
}

/*　募集内容ページ
-------------------------
*/





#noTop .inner h1 {
	background: #763987;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	line-height: 1;
	clear: both;
}

#noTop .cnt1 {
	padding: 20px 0;
	background: none;
}

.shikaku {
	display: table;
	padding: 10px;
	background: #e1d6e7;
	border: solid 1px #763987;
	overflow: hidden;
	margin-bottom: 10px;
}

.shikaku dt, .shikaku dd {
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
}

.shikaku dt {
	border: solid 1px #763987;
	background: #fff;
	padding: 5px 10px;
	text-align: center;
}

.shikaku strong {
	vertical-align: middle;
	display: block;
}

.shikaku dd {
	color: #763987;
	padding-left: 15px;
}

.boshu-info {
	font-weight: bold;
	padding: 10px 0;
	overflow: hidden;
}

.boshu-info > dt {
	width: 6em;
	text-align: right;
	font-size: 16px;
	float: left;
	clear: left;
	margin-bottom: 0.5em;
	margin-right: -6em;
}

.boshu-info > dd {
	float: left;
	margin-left: 6em;
}

.boshu-date { clear: both; }

.boshu-date > dt {
	font-size: 24px;
	line-height: 26px;
}

.boshu-date > dt span {
	border: solid 1px;
	padding: 0 5px;
	font-size: 16px;
	display: table;
	float: left;
	line-height: 24px;
	margin-top: 2px;
	margin-right: 10px;
}
 .boshu-date . dt small {
 font-size: 12px;
 vertical-align: text-top;
 margin-right: 2px;
}

.boshu-date > dd {
	padding: 10px 0;
	border-bottom: 2px #eee solid;
	margin-bottom: 10px;
	margin-left: 4em;
	clear: both;
}

.img {
	display: block;
	padding-top: 40px;
	margin-bottom: 20px;
	overflow: hidden;
}

.img > * {
	float: left;
	display: block;
	position: relative;
}

.img .imgL {
	margin-right: -400px;
	z-index: 1;
}

.img .imgR {
	margin-left: 250px;
	margin-top: -20px;
}

.fukidashi {
	border: solid 2px;
	border-radius: 5px;
	padding: 10px;
	position: relative;
	z-index: 0;
	margin-top: -2px;
	font-weight: bold;
	margin-bottom: 15px;
}

p {
	color: #0099cc;
	display: block;
}

span.chura { position: relative; }

span.chura:after {
	content: 'ちゅ';
	position: absolute;
	top: -1.5em;
	left: 0;
	margin-left: -0.25em;
	font-size: 50%;
	width: 2em;
}

#event {
	background: #eeeeee;
	padding: 10px;
	margin: 15px 0;
	position: relative;
	display: none;
}
#event #event_info {
	background: #fff;
	padding: 10px;
	font-size: 0;
	margin-bottom: -5px;
}
#event #event_info li {
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid;
	padding: 0 5px;
	line-height: 1.5;
	display: inline-block;
	font-size: 14px;
}
	
#event:before {
	content: '';
	border: solid 10px transparent;
	border-bottom-color: #eee;
	position: absolute;
	top: -20px;
	left: 20px;
}

#event h4 {
	border-left: 5px solid;
	padding-left: 0.5em;
	line-height: 3;
	margin-bottom: 2px;
	background: #fff;
}

#event dl + h4 { margin-top: 2px; }


#event > dl {
	background: #fff;
	padding: 10px;
}

#event > dl > dt strong {
	display: inline-block;
	border: solid 1px;
	padding: 5px;
	line-height: 1;
	border-radius: 5px;
	position: relative;
	margin-right: 10px;
}

#event > dl > dt strong:before {
	content: '';
	border: solid 5px transparent;
	border-top-color: #000;
	position: absolute;
	bottom: -10px;
	left: 0px;
	right: 0;
	margin: 0 auto;
	height: 0;
	width: 0;
}

#event > dl > dt strong:after {
	content: '';
	border: solid 5px transparent;
	border-top-color: #fff;
	position: absolute;
	bottom: -9px;
	left: 0px;
	right: 0;
	margin: 0 auto;
	height: 0;
	width: 0;
}
#event > dl > dt strong + span {
	font-weight: bold;
}
#event > dl > dd { margin-bottom: 30px; }

#event > dl > dt + dd { margin-bottom: 10px; }

#event .orange {
	font-size: 1.2em;
	margin: 10px 0;
	padding-bottom: 0.25em;
	border: dashed 1px;
	padding: 5px;
}

#event dl dl .blue { color: #0099cc; }

#event dl dl dd { margin-left: 1em; }

#event dl dl dd li {
	list-style: none;
	margin-top: 5px;
}

#event dl dl dd + dt { margin-top: 10px; }
#event dl.intro strong {
	display: table;
	margin: 0 auto;
	text-align: center;
	}
#event figure img {
	border-radius: 10px;
	margin: 10px auto;
	max-width: 150px;
}

#event figure figcaption {
	line-height: 1;
	margin-top: 5px;
}

#event .intro > dt {
	display: inline-block;
	margin-right: -170px;
	max-width: 160px;
}

#event .intro > dt + dd {
	margin-left: 170px;
	display: inline-block;
	vertical-align: top;
	padding-top: 50px;
}

#event .intro { font-size: .9em; }

#event .intro dd ul li li {
	list-style: circle;
	margin-left: 1.5em;
}

/*　申込みページ
-------------------------
*/



#shopList { padding: 10px 0; }

#shopList dl {
	background: #e9e1ee;
	border: solid 1px #aaa;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
}

#shopList dl dt { border-bottom: 1px solid; }

#shopList dl dd ul {
	padding: 10px 0 0;
	margin-bottom: -5px;
}

#shopList dl dd li {
	display: inline-block;
	font-size: .9em;
	margin-right: 1em;
	margin-bottom: 5px;
}

#shopList dl dd li strong { font-size: 1.2em; }

/*　問い合わせページ
-------------------------
*/





#formWrap {
	width: 100%;
	line-height: 120%;
}

table.formTable {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
	margin-top: 10px;
}

table.formTable td, table.formTable th {
	border: 1px solid #ccc;
	padding: 10px;
}

table.formTable th {
	width: 30%;
	font-weight: normal;
	background: #efefef;
	text-align: left;
	vertical-align: middle;
}

table.formTable td { vertical-align: middle; }

table.formTable th small {
	display: block;
	background: red;
	color: #fff;
	padding: 2px;
	margin-top: 2px;
	width: 2.5em;
	text-align: center;
	font-weight: bold;
}

#formWrap form p {
	text-align: center;
	padding-top: 20px;
}

#formWrap textarea { width: 100%; }

#formWrap select { font-size: 105%; }

#formWrap input[name=Email] { width: 70%; }

#profImg {
	width: 200px !important;
	height: auto;
	margin: 10px auto 20px;
}

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


.hidden { display: none !important; }