* {
	margin:0;
	padding:0;
	line-height:1;
	font-style:normal;
}

body {
	text-align:center;
	font-size:13px;
	background:url(../images/bg_body.png) repeat-y center bottom;
	color:#3A3A3A;
}
/*#wrapper {border:solid 1px red;}
#container{border:solid 1px blue;}
div#main {background-color:#CCFFFF;}
div#sidebar {background-color:#99CCFF;}
div#navigation {background-color:#FFCCCC;}
div#content {background-color:#FFFFFF;}
div#flash {background-color:#CCCCCC;height:200px;}*/
div#footer {background-color:#9999CC;}

/*-----------------------------------------------------
Yahoo UI Library Fonts CSS
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/#default
Font-size Adjustment
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
------------------------------------------------------*/

#wrapper:after,#link ul:after,
dl#mootopics:after,
#sitelink ul:after,
div.section:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}

div#container,#link ul,dl#mootopics,#sitelink ul,
div.section { zoom:100%; }

.alignleft {
	float:left;
	margin:0 10px 0 0;
}
/*----------------------------------------------------
  Main Layouts
-----------------------------------------------------*/
div#container {
	background:url(../images/bg_wrapper.jpg) no-repeat center top;
	width:100%;
	min-width:940px;
}
div#wrapper {
	position:relative;
	width:931px;
	margin:0 auto;
	text-align:left;
}

div#main {
	width:517px;
	float:right;
}

div#flash {
	width:480px;
	height:240px;
	margin:0 auto;
}
div#sidebar {
	width:371px;
	margin-top:360px;
	float:left;
}

div#navigation {
	width:25px;
	position:absolute;
	left:390px;
	top:47px;
}

div#content {
	text-align:center;
}

div#footer {
	text-align:center;
	clear:both;
	background:url(../images/bg_footer.png) no-repeat center top;
	height:20px;
}
#footer address {
	color:#ffffff;
	line-height:20px;
	font-size:85%;
}
/*----------------------------------------------------
   Headers
-----------------------------------------------------*/

h1 {font-size:100%;}

h1#seo {
	font-size:85%;
	font-weight:normal;
	line-height:1.4;
	width:371px;
	position:absolute;
	top:5px;
	left:0;
}
h1#title {
	font-size:100%;
	text-align:right;
	height:31px;
	margin:15px auto 0 auto;
	font-weight:normal;
	line-height:34px;
	padding-right:25px;
}

h2 {
	font-size:123.1%;
}


h3,
#sidebar h4 {
	font-size:123.1%;
	font-family: "Times New Roman", Times, serif;
}

h4 {
	font-size:116%;
}


.section h2 {
	margin:0 0 1em 0;
	background:url(../images/bg_section_h3.png) no-repeat center center;
	line-height:40px;
	color:#0579BE;
	text-indent:0.5em;
	height:40px;
}
.section h3 {
	font-size:108%;
	margin:1em 0;
	border-bottom: dotted 1px #9FCDFB;
	padding-bottom:0.3em;
	color:#5E9CD5;
}
/*----------------------------------------------------
  Texts
-----------------------------------------------------*/

p {
	font-size:93%;
	line-height:1.5;
	margin:1em 0;
}

ul,ol,dl {
	list-style-position:outside;
}
li,dd {
	margin:0.5em 0;
}

.section ul,
.section ol {
	list-style-position:inside;
}
.section li,
.section dd {
	line-height:1.4;
}

address {
	font-size:93%;
	line-height:1.4;
}
small {
	font-size:85%;
}

em {
	font-weight:bold;
}
strong {
	color:#003366;
}

acronym {
	cursor:help;
}
/*----------------------------------------------------
  Table
-----------------------------------------------------*/

table {
	border-collapse:collapse;
	margin:0 0 20px 0;
}
table,th,td {
	border-color:#aaa;
}
th,td {
	padding:5px;
	font-size:93%;
}
caption {
	padding:5px 0;
	text-align:left;
	background-color:#333333;
	border:solid 1px #aaa;
	color:#FFFFFF;
	text-indent:0.5em;
	font-size:93%;
}
th {
	text-align:center;
	background-color:#f9f9f9;
}
table.memberlist td {
	width:50%;
}
/*----------------------------------------------------
  Forms
-----------------------------------------------------*/
input,textarea {
	font-size:100%;
	line-height:1.4;
}
textarea.message {
	width:auto;
}
table.contact {
	margin-bottom:0;
}
p.reply,
.button  {
	text-align:center;
}
.button button {
	padding:0.3em 1.5em;
}
/*----------------------------------------------------
	Links
-----------------------------------------------------*/

a {
	text-decoration:none;
}
a img {
	border:none;
}
a:link { color:#578DDF;}
a:visited {color:#003399;}

a:active,
a:hover {
	color:#33CCFF;
}
p.pagetop {
	text-align:right;
	width:480px;
	margin:15px auto;
}
/*----------------------------------------------------
  Navigations
-----------------------------------------------------*/

div#navigation li {
	margin:0 0 5px 0;
	padding:0;
	line-height:1;
	display:block;
	list-style:none;
}
div#navigation li a {
	display:block;
	width:25px;
	height:107px;
	overflow:hidden;
}

/* Page Shortcut Links */

ul.shortcut {
	text-align:left;
	margin:15px auto 0 auto;
	width:460px;
	list-style:none;
}
ul.shortcut li {
	font-size:77%;
	line-height:1.5;
	background:url(../images/icon/arrow_b.png) no-repeat left center;
	padding-left:12px;
}

/*----------------------------------------------------
  Schedule Calendar
-----------------------------------------------------*/
#calendar caption {
	text-align:center;
}
#calendar caption a {
	padding:0 1em;
}
#calendar caption a:link,
#calendar caption a:visited {
	color:#fff;
}
#calendar tbody th {
	background-color:#F6F6F6;
	padding:0.3em;
	width:15%;
}
#calendar tbody th.sun {
	background-color:#FFEEF0;
}
#calendar tbody th.sat {
	background-color:#F1FAFE;
}
form#loginform {
	text-align:right;
	margin:0 auto;
	width:480px;
}
#loginform input {
	width:6em;
	font-size:77%;
}
#loginform button {
	font-size:85%;
	padding:0 0.2em;
	border:solid 1px #999;
	background-color:#efefef;
	color:#000;
}
/*----------------------------------------------------
  Sidebars
-----------------------------------------------------*/

#sidebar h3,
#sidebar h4 {
	height:35px;
	line-height:36px;
	text-align:right;
}

/* Sidebar > menu ---------------------------------------------------*/

div#menu {}

#menu h3 {
	background:url(../images/hn_menu.png) no-repeat left top;
}
#menu ul {
	list-style:none;
	border-top:solid 1px #000;
}

#menu li {
	font-size:116%;
	font-weight:bold;
	border-bottom:solid 1px #000;
	margin:0;
}
#menu li a {
	display:block;
	padding-left:10px;
	line-height:35px;
	font-family: "Times New Roman", Times, serif;
}
#menu li > a.home,
#menu li > a.greeting,
#menu li > a.act,
#menu li > a.member,
#menu li > a.contact {
	background:url(../images/bg_menu_li.png) repeat-y left top;
}

#menu li a:link,
#menu li a:visited {
	color:#000000;
}
#menu li a:hover{
	color:#66CCFF;
}

/* Sidebar > topics ------------------------------------------------*/

div#topics {
	margin:20px 0;
}

#topics h3 {
	background:url(../images/hn_topics.png) no-repeat left top;
}

dl#mootopics {
	margin:0;
}

#mootopics dt {
	float:left;
	clear:left;
	margin:0 0 0.5em 0;
	padding:0;
	width:6em;
}
#mootopics dd {
	margin:0 0 0.5em 0;
	padding:0;
}
ul.mtp_pagelink {
	list-style:none;
	margin:1em 0;
	text-align:right;
	background-color:#efefef;
	padding:0.3em;
}
.mtp_pagelink li {
	display:inline;
}

#sidebar form#loginform {
	width:auto;
}
/* Sidebar > greeting -------------------------------------------*/

div#greeting {}

#greeting h3 {
	background:url(../images/hn_greeting.png) no-repeat left top;
	border-bottom:solid 2px #aaa;
}

/* Sidebar > Link --------------------------------------------*/

div#link,
div#sitelink  {
	margin:20px 0;
}

#link h4 {
	background:url(../images/hn_link.png) no-repeat left top;
}
#link ul,
#sitelink ul {
	border:solid 2px #aaa;
	list-style:none;
	padding:0 0 12px 12px;
}
#link li,
#sitelink li {
	margin:12px 12px 0 0;
	float:left;
}

/* Sideba > office -------------------------------------------*/
div#office {
	clear:both;
	margin-bottom:20px;
}

#office address {}

/*----------------------------------------------------
  Main
-----------------------------------------------------*/

/* Page Titles */
h1.activities {
	background:url(../images/bg_title_act.png) no-repeat center center;
}
h1.what_Lions {
	background:url(../images/bg_title_what.png) no-repeat center center;
}
h1.tajimi {
	background:url(../images/bg_title_tajimi.png) no-repeat center center;
}
h1.greeting {
	background:url(../images/bg_title_greeting.png) no-repeat center center;
}
h1.schedule {
	background:url(../images/bg_title_sche.png) no-repeat center center;
}
h1.member {
	background:url(../images/bg_title_member.png) no-repeat center center;
}
h1.contact {
	background:url(../images/bg_title_contact.png) no-repeat center center;
}
h1.join {
	background:url(../images/bg_title_join.png) no-repeat center center;
}
h1.ceremony {
	background:url(../images/bg_title_ceremony.png) no-repeat center center;
}

/* Contents Section BOX */
div.section {
	text-align:left;
	margin:20px;
}

/* google maps */
div#gmap {
	width:auto;
	height:500px;
	margin-bottom:25px;
}

/* greeting */
div#master {
	border:solid 1px #ccc;
	padding:8px;
}
div#master h2 {
	background:none;
	line-height:1.4;
	height:auto;
	margin:0;
	text-indent:0;
}

/*----------------------------------------------------
  Blog RSS
-----------------------------------------------------*/
.blog h2 {
	border-top:solid 1px #666;
	border-bottom:solid 1px #666;
	padding:0.3em 0;
	background:none;
	height:auto;
	margin:0;
}
.blog h2 a:link,
.blog h2 a:visited {
	color:#3A3A3A;
}
.blog h2 a:active,
.blog h2 a:hover {
	color:#33CCFF;
}
p.date {
	text-align:right;
	margin-top:0;
}
