/* initialize
---------------------------------------- */

* {margin: 0;padding: 0;font-size: 100%;}
/* b, strong, h1, h2, h3, h4, h5, h6, th, em {font-weight:normal;} */
img, table, body {border:0;}
table {border-collapse: collapse;}
select > option {padding-right:5px;}
em {font-weight: bold;font-style: normal;}
ul {list-style: none;}

/*
input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
	background:#ffffcc;
}
*/


/* common
---------------------------------------- */
html{}

body{
	font-size: 80%;
	font-family: "ＭＳ Ｐゴシック";
	color: #333;
}

a {color: #ff5588;}
a:link {color: #ff5588;}
a:visited {color: #ff5588;}
a:hover {color: #ff6699;}
a:active {color: #ff5588;}

caption {
	padding-bottom:3px;
	color:#666666;
	font-weight:bold;
	text-align:left;
}


/* layout
---------------------------------------- */

/*----- header -----*/
#headerO {
  height: 90px;
  overflow:hidden;
  background-color:#ffffff;
}
#header {
	width:800px;
	margin:0 auto;
	padding-top:1em;
}
#header h1 {
	float:left;
	width: 33%;
	text-indent:15px;
}
#header h1 span {
	display:block;
	font-size:8px;
	font-weight: normal;
	font-family: Arial;
	letter-spacing: 8px;
	color:#555555;
}
#header h1 a {
	text-decoration:none;
}
#header p {
	float: right;
	text-align:right;
	margin-top:-0.8em;
	font-size:90%;
	color:#666666;	
}
#header ol {
	list-style:none;
	float: right;
	width: 60%;
	padding-top: 3px;
	text-align:right;
}
#header ol li {
	float: right;
	margin-left:1em;
}
#header ul {
	float: right;
	width: 65%;
	padding-top: 10px;
	text-align:right;
}
#header ul li {
	float: right;
	border-left:1px dotted #cccc99;
	padding:0.7em 1em 0.3em 1em;
}


/*----- menu -----*/
#menuO {
	clear:both;
	background-color: #E6E6E6;
	margin-bottom: 10px;
	padding-top:5px;
}
#menu {
	width:800px;
	margin:0px auto;
}
#menu a {
	display:block;
	float:left;
	height:21px;
	margin:0px 5px 5px 0px;
	padding:0 5px;
	line-height:21px;
	color:#ffffff;
	white-space:nowrap;
	background:#1A4A01 url(bg_ma.gif) 0% 100% repeat-x;
	text-decoration:none;
}
#menu a:hover {
	text-decoration:underline;
}
#menu a.selected {
	background:#0077dd url(bg_mah.gif) 0% 100% repeat-x;
}

#subMenu {
	clear:both;
	width:800px;
	margin:0 auto 10px auto;
}
#subMenu .inner {
	margin:0 10px;
	padding:5px 10px;
	background:#DDF0Dd;
}
#subMenu .inner a {white-space:nowrap;}
#subMenu .inner a.selected {text-decoration:none;}


/*---------- functions --------*/
.functions {margin-bottom:1em;}
.functions a {margin-right:1em;background-color:#f0f0f0;}


/*----- footerN -----*/
#footerN {
	clear:both;
	/*background:#ffffff url(bg_footer.gif) 0% 100% repeat-x;*/
}
#footerN .inner {
	width:800px;
	margin:0 auto;
}
#footerN a {
	display:block;
	overflow:hidden;
	width:160px;
	height:40px;
	margin-left:620px;
	background:#666666 url(gotop.gif) 0% 100% repeat-x;
	line-height:10;
}
#footerN a {
	display:block;
	overflow:hidden;
	width:140px;
	height:20px;
	margin-left:600px;
	margin-bottom:-1px;
	border:1px solid #cccccc;
	background:#ffffff;
	line-height:20px;
	text-align:center;
	font-size:11px;
	color:#666666;
}


/*----- footer -----*/
#footer {
	clear:both;
	height: 31px;
	border-top:1px solid #cccccc;
}
#footer .m {
	line-height:3;
	color: #999999;
	text-align: center;
}
#footer .m a {
	color: #99cc66;
}
#footer .copy {
	line-height:3;
	color: #999999;
	text-align: center;
}
#footer .copy a {
	color: #336633;
}


/* common
--------------------------------------- */
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.float-l {float: left;}
.float-r {float: right;}

.go-top {
	float: right;
	padding-left: 15px;
	background: url(../img/common/icon_arrow-top.gif) no-repeat 0 5px;
}




/* container
----------------------------------------*/
#container {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#container h2 {
	margin-bottom: 1em;
	border-top: 2px solid #ee5588;
	text-indent:1em;
	line-height: 25px;
	background: #f6f0f0;
	color: #383838;
}
#container h2 span {
	display:block;
	line-height: 25px;
}
#container h3 {
	margin-bottom: 1em;
	border-top: 3px solid #f888aa;
	text-indent:1em;
	line-height: 24px;
	background: #f8f6e0;
	color: #555555;
}
#container .leftMenu h3 {
	border-top: 3px solid #aadd88;
	background: #f5f6f3;
	color: #555555;
}
#container h3 span {
	display:block;
}

#container .leftMenu a {color:#44aa00;}
#container .leftMenu ul {margin: 0 0 2em 0.5em;}
#container .leftMenu ul li {margin: 0.5em;}


/*----- main -----*/
#main {padding-bottom: 2em;}
.section {margin-bottom: 1em;}


/* introArea */
.introArea {margin:10px 10px 15px 10px; border:1px solid #996666; padding:15px 10px 15px 100px;background:#fff2e8 url(bg_intro.gif) 0% 50% no-repeat;}
.introArea p {color:#996666;line-height:1.4;}


/* eventArea */
.eventArea {margin-bottom:15px;padding-top:40px;background:transparent url(bg_event.gif) 0 0 repeat-x;}
.eventArea ul li {margin: 0 0 10px 0;border-bottom:1px dotted #cccccc;padding: 0 0 10px 0;}
.eventArea ul li h4 {margin-bottom:5px;}
.eventArea ul li h4 a, .eventArea ul li h4 a:hover {padding:2px 0;background:#ff5588;color:#ffffff;}
.eventArea ul li p {margin:0 0 5px 8px;}


/* lListArea */
.lListArea {margin-bottom:1em;}
.lListArea .item {margin-bottom: 15px;border-bottom:1px dotted #cccccc;padding-bottom:10px;}
.lListArea .item .a {margin-bottom:5px;}
.lListArea .item h4 {margin-bottom:0.2em;font-size:115%;}
.lListArea .item .l {float:left;width:75%;}
.lListArea .item .r {float:right;width:23%;}
.lListArea .item .spec {width:100%;}
.lListArea .item .spec th {border:1px solid #666666;background:#f4f0f0;padding:3px;}
.lListArea .item .spec td {border:1px solid #666666;background:#ffffff;padding:3px;}
.lListArea .item .fee {width:100%;}
.lListArea .item .fee th {border:1px solid #666666;background:#f8f899;padding:2px;}
.lListArea .item .fee td {border:1px solid #666666;background:#ffffff;padding:2px;text-align:right;}
.lListArea .item .fee .spec th {border:1px solid #666666;background:#f4f0f0;padding:3px;}


/* promArea */
.promArea {background:#f5f5f5;text-align:center;padding:1em 0;}

/* article */
.article {line-height:1.5;}
.article h4 {margin-bottom:0.5em;border-left:4px solid #f0e0e0; text-indent:0.5em;color:#666666;}
.article p {margin-bottom:1.5em;text-indent:1em;}


.arrow {
  padding-left: 12px;
  background: url(../img/common/icon_arrow.gif) no-repeat 0 2px;
}
.arrow {
  padding: 0 5%;
  background: url(../img/common/arrow.gif) no-repeat 50% 50%;
}
.goMark   {padding: 3px 3px 3px 18px;background:transparent url(../img/icon_arrow.gif) no-repeat 3px 50%; text-decoration:none;}
.addMark  {padding: 3px 3px 3px 18px;background:transparent url(img/add.gif) no-repeat 3px 50%; text-decoration:none;}
.editMark {padding: 3px 3px 3px 18px;background:transparent url(img/edit.png) no-repeat 3px 50%; text-decoration:none;}
.detailMark {padding: 3px 3px 3px 18px;background:transparent url(img/detail.gif) no-repeat 3px 50%; text-decoration:none;}
.backMark {padding: 3px 3px 3px 18px;background:transparent url(img/back.png) no-repeat 3px 50%; text-decoration:none;}
.refreshMark {padding: 3px 3px 3px 22px;background:transparent url(img/refresh.gif) no-repeat 3px 50%; text-decoration:none;}

input.bt {
	padding:3px;
}
span.th {
	font-weight:bold;color:#1A4A01;background:#CDE5C0;padding:10px;margin:10px;
}

.errorMessage {color:#cc0000;}
.errorMessage ul {list-style:disc;margin:1em 30px;}
.errorMessage li {display:list-item;}
.okMessage {color:#0000cc;}
.okMessage ul {list-style:disc;margin:1em 30px;}
.okMessage li {}

ul.normal {margin-left:2em;list-style: disc;}
ul.normal li {margin:0.5em;}



/* lcCalendar */
.lcCalendarButton {width:1.5em; height:1.5em;background:#cccccc;}
#lcCalendar {display:inline;position:relative;top:0;left:0;  background:red;padding:1px 0;}
#lcCalendar * {margin:0;padding:0;list-style:none;}
#lcCalendar iframe {position:absolute;top:1.5em;left:0;width:14em;height:10em;}
#lcCalendar .lcCalendarOuter {position:absolute;top:1.5em;left:0;width:14em;background:#666666;cursor:pointer;}
#lcCalendar .lcCalendarInner {margin:2px;background:#ffffff;}
#lcCalendar .lcCalendarHeader {padding:0.5em;}
	#lcCalendar .nextMonth {float:right; width:10%;text-align:center;line-height:1.5em;}
	#lcCalendar .previousMonth {float:left; width:10%;text-align:center;line-height:1.5em;}
	#lcCalendar .lcCalendarYM {width:70%;margin:0 auto;}
		#lcCalendar .lcCalendarY {float:left; width:49%;position:relative;top:0;left:0;}
		#lcCalendar .lcCalendarM {float:right; width:49%;position:relative;top:0;left:0;}
			#lcCalendar .lcCalendarY p {border:1px solid #999999;background:#ffffff;line-height:1.5em;text-indent:0.5em;}
			#lcCalendar .lcCalendarM p {border:1px solid #999999;background:#ffffff;line-height:1.5em;text-indent:0.5em;}
			#lcCalendar .lcCalendarY ul {position:absolute;top:1.5em;left:0;width:4em;border:1px solid #999999;background:#dddddd;}
			#lcCalendar .lcCalendarM ul {position:absolute;top:1.5em;left:0;width:4em;border:1px solid #999999;background:#dddddd;}
			#lcCalendar .lcCalendarY ul li {padding:2px 0;}
			#lcCalendar .lcCalendarM ul li {padding:2px 0;}
			#lcCalendar .lcCalendarY ul li.selected {background:#b8de4a;}
			#lcCalendar .lcCalendarM ul li.selected {background:#b8de4a;}

#lcCalendar .lcCalendarBody {margin:0.5em 0 0.5em 0.3em;background:#ffffff}
	#lcCalendar .lcCalendarCHeader {text-align:center;}
		#lcCalendar .lcCalendarCHeader ul li {float:left; width:14%;}
			#lcCalendar .lcCalendarCHeader ul li p {margin:1px;font-weight:bold;}

	#lcCalendar .lcCalendarCBody {text-align:center;}
		#lcCalendar .lcCalendarCBody ul li {float:left; width:14%;}
			#lcCalendar .lcCalendarCBody ul li p {margin:1px;padding:1px 0;background:#666666;color:#ffffff;}

#lcCalendar .lcCalendarBottom {padding:0.3em;background:#cccccc;}
	#lcCalendar .buttonClose {float:right;padding:2px 5px;background:#333333;color:#ffffff;font-weight:normal;}
	#lcCalendar .buttonToday {padding:2px;text-align:center;}

#lcCalendar .clear {clear:both;}