@charset "utf-8";
@charset "utf-8";
/*-----------------------------------------------------
 Lioness Group  lioness_style.css


 copyright(c) 2008,Tenderfeel.All Rights Reserved.

--------------------------------------------------------
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%
------------------------------------------------------*/

* {
	margin:0;
	padding:0;
	font-style:normal;
}
body {
	margin:0;
	padding:0;
	font-size:13px;
}
#container:after,
div#detail:after ,
div.section:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
#container,div#detail,div.active   { zoom:100%; }
/*----------------------------------------------------
  Main Layouts
-----------------------------------------------------*/
#container{
	margin:0 auto;
	width:950px;
}
#header{
	background:url(../images/leo/bg_header.png) repeat-x center top;
	height:123px;
}
#header h1 {
	height:115px;
	background:#000000 url(../images/leo/bg_h1.jpg) no-repeat center top;
	text-indent:-9857px;
	margin:0;
}
#mainimg {
	text-align:center;
}
#sidebar{
	width:202px;
	float:right;
	margin-right:5px
}

#wrapper{
	float:left;
	width:100%;
	margin-right:-232px;
}
#content{
	margin:20px 220px 0 5px;
}
body.off #content {
	padding-bottom:20px;
	border:solid 1px #ccc;
}
body.on #content {
	background:url(../images/leo/bg_content_b.png) repeat-y left top;
}
#footer{
	clear:both;
	margin-top:30px;
	background:url(../images/leo/bg_footer.png) repeat-x center top;
}
#footer address {
	line-height:30px;
	font-size:85%;
	color:#666;
	text-align:center;
}
* html body {text-align:center;}
* html #container {text-align:left;}
* html #sidebar {margin-right:2px;}


/*----------------------------------------------------
  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;
}
/*----------------------------------------------------
	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;
}

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

/*-----------------------------------------------------
   Sidebar
------------------------------------------------------*/
div.menu,
div#link {
	margin:0 0 15px 0;
	padding:13px 0 0 0;
}
div.menu,
div#link {
	background:url(../images/lioness/bg_menu_t.png) no-repeat center top;
}
div#sidebar ul{
	background:url(../images/lioness/bg_menu_b.png) repeat-y center top;
}
div#sidebar ul:after {
	background:url(../images/lioness/bg_menu_u.png) no-repeat center top;
}

div#sidebar ul{
	padding:0;
	margin:0;
}
div#sidebar ul:after {
	display:block;
	height:13px;
	content:" ";
}
div#sidebar li {
	list-style:none;
	text-align:center;
	margin:0 15px;
}
/*-----------------------------------------------------
	Main
------------------------------------------------------*/
div.section h2 {
	height:22px;
	line-height:22px;
	color:#E95377;
	text-indent:-8569px;
	border-bottom:solid 1px #A00E15;
	padding-bottom:5px;
	clear:both;
}
div.member h2 {
	background:url(../images/leo/hn_03.png) no-repeat left top;
}
div.active h2 {
	background:url(../images/leo/hn_04.png) no-repeat left top;
}

body.on div#detail {
	background:url(../images/leo/bg_detail_b.png) repeat-y left top;
}
body.off div#detail {
	background-color:#690f13;
}
div#detail {
	width:722px;
	margin:0 0 0 5px;
	color:#fff;
}
#detail .first {
	float:left;
	width:300px;
}
#detail .second {
	float:right;
	width:422px;
}
#detail .first h2 {
	background:url(../images/leo/hn_01.png) no-repeat left top;
	height:22px;
	text-indent:-9942px;
	padding-bottom:5px;
	border-bottom:solid 1px #fff;
	margin:10px 20px;
}
#detail .first p {
	margin:0 20px;
}

#detail .second h2 {
	background:url(../images/leo/hn_02.png) no-repeat left top;
	height:22px;
	text-indent:-9942px;
	padding-bottom:5px;
	border-bottom:solid 1px #fff;
	margin:10px 20px 15px 0;
}
#detail .second dl {
	margin:0 20px 0 0;
}
#detail .second dt {
	font-weight:bold;
	color:#FCC700;
	font-size:123.1%;
}

/* 役員 */
div.member dl {
	float:left;
	margin:10px 0;
	width:680px;
}
div.member dt {	
	float:left;
	padding-right:10px;
	background-color:#fff;
}
div.member dd.name {
	border-bottom:solid 1px #000;
	font-weight:bold;
	font-size:123.1%;
	margin-top:0;
}
div.member dd strong {
	color:#CC0000;
}

/* 活動 */
div.active {
	clear:both;
}
div.active .comment {
	float:left
}
img.alignleft {
	float:left;
	margin-right:10px;
}
div.active dl {
	clear:both;
	margin:10px 0;
	float:left;
	width:680px;
}
div.active dt {
	color:#fff;
	font-size:116%;
	line-height:1.6;
	font-weight:bold;
	padding-left:10px;
	float:right;
	width:335px;
	margin-bottom:10px;
	background-color:#F39700;
}
div.active dd{
	margin-left:340px;
}
div.active dd.image{
	margin:0;
	float:left;
}