/********************************************************************* */
/* 基本設定  2010/06/17
********************************************************************* */

/* *********************************************************************
エリア設定
********************************************************************* */

/* =====================================================================
*    0. width,height
* =================================================================== */
div#wrapper	{ width: 759px; margin: 0 auto; padding:24px 18px;}
div#header	{ width: 723px; height:75px; margin: 0 auto; }
div#headerL	{ float:left; width: 48px; height:75px}
div#headerR	{ float:right; width: 654px; height:75px}
div#navi	{ float:right; width:654px; height:24px; }
#subnavi	{ float:right; 	width:140px; }

div#main	{ float:left; margin:21px 0 18px 0; width: 723px; text-align: left; border-bottom:1px solid #ccbbbb;}

div.content{ float:left; width:534px; text-align: left;}
div.contsin0 { clear:both; width:534px; }

div.back2top { width: 534px; float: inherit; border-bottom:1px solid #ccbbbb; margin-bottom:1.5em; padding:1.5em 0;}
div#back2top { width: 534px; float: inherit; margin-bottom:1.5em; padding-top:1.5em; }
div#footer { width: 723px; height: 18px;  padding-bottom:1.5em; }
div#div0, div#div1, div#div2, div#div3, div#div4, div#div5, div#div6, div#div7, div#div8, div#div0, div#div01, div#div02, div.div00 { }

/* =====================================================================
*    1. navigation
* =================================================================== */
	div#navi ul li{ float:left; }
	div#navi ul li#info{ width:99px;}
	div#navi ul li#info a.selected{ background:url(../img/common/navi/info_act.gif) no-repeat left top; }
	div#navi ul li#books{ width:78px;}
	div#navi ul li#books a.selected{ background:url(../img/common/navi/books_act.gif) no-repeat left top; }
	div#navi ul li#event{ width:84px;}
	div#navi ul li#event a.selected{ background:url(../img/common/navi/event_act.gif) no-repeat left top; }
	div#navi ul li#column{ width:93px;}
	div#navi ul li#column a.selected{ background:url(../img/common/navi/column_act.gif) no-repeat left top;}
	div#navi ul li#profile{ width:111px;}
	div#navi ul li#profile a.selected{ background:url(../img/common/navi/profile_act.gif) no-repeat left top; }

	div#navi ul li#site{ width:111px;}
	div#navi ul li#site a.selected{ background:url(../img/common/navi/site_act.gif) no-repeat left top; }
	div#navi ul li#contact{ width:78px; }

/*  =====================================================================
*    2. 見出し
* =================================================================== */

h1	{ float:left; width:99px; height:51px; }
h2	{ float:right; width:164px; height:51px; }
h3	{ display:inline; float:left; margin-bottom:1.5em; width:534px; height:18px; }
h4	{ margin:1em 0 0.5em 0	; color:#bb5555; font-size:1.2em; font-weight:bold; text-align:left; }
h5	{ width:140px; height:30px; }
h6	{ margin-top:1.5em; color:#cc5555; font-size:1.1em; font-weight:bold; text-align:left; }

/*  =====================================================================
*    3. subnavi 
* =================================================================== */
#subnavi li{
	margin-bottom:0.75em;
	font-size:0.9em;
	line-height:1.25em;
	text-align:left;
	background:  url(../img/common/misc/blt1.gif) no-repeat left top;
	padding-left: 12px;
}

#subnavi li.li1{ margin-bottom:2em;}

#subnavi a:link, #subnavi a:visited {
	color:#a93333;
}

#subnavi a:hover, #subnavi a:active{
	color:#FF6600;
	text-decoration: underline;
}

/* =====================================================================
*    4. リンク設定
* =================================================================== */
a 			{ outline: none; }
a:link		{ text-decoration:none; color:#333333;outline: none; }
a:visited	{ text-decoration:none; color:#333333;outline: none; }
a:hover,
a:focus		{ text-decoration:none; color:#29A4DB;outline: none; }


.back2top a:link, .back2top a:visited, #back2top a:link, #back2top a:visited {
	color:#a94444;
}

.back2top a:hover, .back2top a:active, #back2top a:hover, #back2top a:active{
	color:#FF6600;
	text-decoration: underline;
}

.content a:link, .content a:visited {
	color:#CC3366;
	text-decoration: underline;
}

.content a:hover, .content a:active{
	color: #cc6633;
	text-decoration: underline;
}

a:link.a1, a:visited.a1 {
	color:#dd5555;
	text-decoration:underline;
}

a:hover.a1, a:active.a1 {
	color:#e53973;
}

a:link.txt_link4, a:visited.txt_link4 {
	color:#cc99b4;
	text-decoration:none;
}

a:hover.txt_link4, a:active.txt_link4 {
	color::#cc6d33;
	text-decoration:underline;
}

/* =====================================================================
*    5. テキスト設定
* =================================================================== */
p	{ text-align:justify; text-justify:inter-ideograph; }

.p1	{ margin-top:8em; }
.p2	{ margin-top:5em; }
.p5	{ color:#CC3366; }
.p6 { font-size:0.9em; }
.p7 { color:#FF3333; }

.pp {line-height:0.5}

.h4i { font-size:12px; font-weight:normal}

/* =====================================================================
*    6. 画像設定
* =================================================================== */
#footer img {float:left;}
*html #footer img {margin-left:6px;}

.img2 { float:left; margin:0 18px 18px 0; }
.img3 { float:left; margin:0 18px 0 0; }
.img7 { float:right; margin:0 0 18px 18px; }
.img8 { float:right; margin:0 18px 18px 0; }
.img9 { float:right; margin:60px 0 18px 18px; }
.img10 { float:right; margin:10px 0 18px 18px; }