/*  
Theme Name: fnlia
Theme URI: http://www.fnlia.gr.jp/
Description: main theme
Author: fnlia
Author URI: http://www.fnlia.gr.jp/

*/


/* 1st
---------------------------------------------*/

/* base
---------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	background: #ffffff;
	font-size: 12px;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;*/
	line-height: 1.5;
	color: #444444;
	text-align: center;
}

a {
	color: #444444;
	text-decoration: none;
}

a:hover {
	color: #3333FF;
	text-decoration: underline;
}

img {
	border: none;
	vertical-align: top;
}

.line {
	border-bottom: 1px dotted #cccccc;
	width: 500px;
	margin: 0px auto;
}


#wrapper {
	width: 840px;
	margin: 0 auto;
	text-align: center;
/*	background: #ffffff url(images/common/bg.png) repeat-y left top;*/
	background: #ffffff url(../img/bg.png) repeat-y left top;
}

.cl {
	clear: both;
	float: left;
	width: 840px;
	height: 10px;
}

.cl2 {
	clear: both;
	float: left;
	width: 600px;
	height: 10px;
}

/* header
---------------------------------------------*/

#header {
	height: 91px;
	width: 840px;
	margin: 0;
	padding: 0;
/*	background: #ffffff url(images/jp/header.png) repeat-y left top;*/
	background: #ffffff url(../img/header.png) repeat-y left top;
}

#logo {
	float: left;
	width: 451px;
	height: 88px;
	padding: 0;
	margin: 0;
}

#lang a{
	float: left;
	display: block;
	width: 145px;
	height: 23px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	position: relative;
	top:14px;
	left:218px;
}

#header_txt {
	float: right;
	text-align: right;
	font-size: 10px;
	width: 300px;
	padding: 48px 5px 0 0;
	margin: 0;
}

#header_txt a {
	padding: 0 10px;
	margin: 0;
/*	background: url(images/common/border01.png) no-repeat left top;*/
	background: url(../img/border01.png) no-repeat left top;
}

/* navi
---------------------------------------------*/

#navi {
	margin: 0 auto;
	width: 840px;
	height: 59px;
	text-align:center;
}

#navi ul,
#navi ul li{
	float: left;
	list-style-type:none;
	margin:0;
	padding:0;
}

#navi ul{
	width: 840px;
	height: 59px;
	margin: 0;
	padding: 0;
/*	background:url(images/jp/navi.jpg) no-repeat;*/
	background:url(../img/navi.jpg) no-repeat;
}

#navi ul li.navi01 a{
	display: block;
	width: 94px;
	height: 59px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#navi ul li.navi02 a{
	display: block;
	width: 113px;
	height: 59px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#navi ul li.navi03 a{
	display: block;
	width: 114px;
	height: 59px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#navi ul li.navi04 a{
	display: block;
	width: 113px;
	height: 59px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#navi ul li.navi05 a{
	display: block;
	width: 110px;
	height: 59px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#navi ul li.navi06 a{
	display: block;
	width: 180px;
	height: 59px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#navi ul li.navi07 a{
	display: block;
	width: 116px;
	height: 59px;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}

#navi ul li.navi01 a.active,
#navi ul li.navi01 a:focus,
#navi ul li.navi01 a:hover,
body.page_top ul li.navi01 a{
/*	background:url(images/jp/navi.jpg) no-repeat left bottom;*/
	background:url(../img/navi.jpg) no-repeat left bottom;
}

#navi ul li.navi02 a.active,
#navi ul li.navi02 a:focus,
#navi ul li.navi02 a:hover,
body.page_about ul li.navi02 a{
/*	background:url(images/jp/navi.jpg) no-repeat -94px -59px;*/
	background:url(../img/navi.jpg) no-repeat -94px -59px;
}

#navi ul li.navi03 a.active,
#navi ul li.navi03 a:focus,
#navi ul li.navi03 a:hover,
body.page_member #navi ul li.navi03 a{
/*	background:url(images/jp/navi.jpg) no-repeat -207px -59px;*/
	background:url(../img/navi.jpg) no-repeat -207px -59px;
}

#navi ul li.navi04 a.active,
#navi ul li.navi04 a:focus,
#navi ul li.navi04 a:hover,
body.page_membership #navi ul li.navi04 a{
/*	background:url(images/jp/navi.jpg) no-repeat -321px -59px;*/
	background:url(../img/navi.jpg) no-repeat -321px -59px;
}

#navi ul li.navi05 a.active,
#navi ul li.navi05 a:focus,
#navi ul li.navi05 a:hover,
body.page_data #navi ul li.navi05 a{
/*	background:url(images/jp/navi.jpg) no-repeat -434px -59px;*/
	background:url(../img/navi.jpg) no-repeat -434px -59px;
}

#navi ul li.navi06 a.active,
#navi ul li.navi06 a:focus,
#navi ul li.navi06 a:hover,
body.page_news #navi ul li.navi06 a{
/*	background:url(images/jp/navi.jpg) no-repeat -544px -59px;*/
	background:url(../img/navi.jpg) no-repeat -544px -59px;
}

#navi ul li.navi07 a.active,
#navi ul li.navi07 a:focus,
#navi ul li.navi07 a:hover,
body.page_topics #navi ul li.navi07 a{
/*	background:url(images/jp/navi.jpg) no-repeat -724px -59px;*/
	background:url(../img/navi.jpg) no-repeat -724px -59px;
}

/* title
---------------------------------------------*/

#title{
	margin: 0 auto;
	padding: 0;
	width: 779px;
	height: 54px;
	text-align:left;
}

/* footer
---------------------------------------------*/

#footer {
	clear: both;
	margin: 0 auto;
	background:#ffffff;
	color: #DCDCDC;
	width: 840px;
	height: 100px;
/*	background: #ffffff url(images/jp/footer.png) no-repeat left top;*/
	background: #ffffff url(../img/footer.png) no-repeat left top;
}

#footer .txt {
	float: left;
	margin: 23px 0 0 30px;
	padding: 0;
	font-size: 10px;
	text-align: left;
	width: 700px;
	height: 20px;
	line-height: 1.1em;
}


#pagetop a{
	float: left;
	display: block;
	width: 114px;
	height: 22px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	position: relative;
	top: 3px;
	left: 699px;

}

/* contents
---------------------------------------------*/

/* contents-left */

#left_column {
	float: left;
/*	margin: 10px 0 0 27px;*/
	margin: 0 0 0 27px;
	padding: 0;
	width: 613px;
	text-align:left;
}

#left_column h3 {

	border-bottom:1px solid #005495;
	border-left:3px solid #005495;
	font-size:16px;
	font-weight:bold;
	margin:0px 0px 30px;
	padding:2px 5px;
}

#topics_title{
	float: left;
	margin: 0;
	padding-bottom: 15px;
	width: 613px;
	height: 31px;
	text-align:left;
}


#topics{
	float: left;
	margin: 0 0 30px 0;
	padding: 0;
	width: 613px;
	text-align:left;
}


#topics dt{
	float: left;
	clear:both;
	line-height: 1.5em;
	margin-left: 15px;
	padding: 2px;
	width: 90px;
	border-bottom: 1px dotted #666666;
}


#topics dd{
	float: left;
	line-height: 1.5em;
	margin: 0;
	padding: 2px;
	width: 480px;
	border-bottom: 1px dotted #666666;
}

#members_btn {
	clear: both;
	float: left;
	margin: 0;
	width: 606px;
}

#m_btn1{
	float: left;
	margin: 0;
	width: 302px;
}
#m_btn2{
	float: left;
	margin: 0;
	width: 304px;
}


/* contents-right */

#right_column {
	float: right;
	margin: 0 30px 0 0;
	width: 162px;
	text-align: left;
}

.tbanner {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 162px;
}

.bhr {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 162px;
	height: 5px;
}


/* 2nd
---------------------------------------------*/

/* about
---------------------------------------------*/

.txt01{
	clear: both;
	float: left;
	width: 606px;
	text-align: left;
	padding: 10px 0px 0px;

}

.txt02{
	clear: both;
	float: left;
	width: 606px;
	text-align: right;
	padding: 10px 0;
}

.txt03{
	clear: both;
	float: left;
	width: 606px;
	text-align: left;
	padding: 5px 0 5px 15px;

}

#bread{
	clear: both;
	float: left;
	margin-left: 50px;
	width: 700px;
	height: 16px;
	font-size: 10px;
	text-align: left;
}
#bread　ol {
	list-style:none!important;
}
#bread li {
	float:left!important;
	list-style:none!important;
}

#title_bottom{
	clear: both;
	float: left;
	margin-left: 30px;
	width: 779px;
	height: 15px;
/*	background: url(images/common/title_bottom.jpg) no-repeat left bottom;*/
	background: url(../img/title_bottom.jpg) no-repeat left bottom;
}

#right_column2 {
	float: right;
	margin: 0 30px 0 0;
	padding: 0;
	width: 162px;
	text-align: left;
/*	background: url(images/common/right_bg3.png) no-repeat right top;*/
	background: url(../img/right_bg3.png) no-repeat right top;
	min-height: 538px;
	height: auto !important;
	height: 538px;
}

#right_column3 {
	float: right;
	margin: 0 30px 0 0;
	padding: 0;
	width: 162px;
	text-align: left;
/*	background: url(images/common/right_bg3.png) no-repeat right top;*/
	background: url(../img/right_bg3.png) no-repeat right top;
	min-height: 900px;
	height: auto !important;
	height: 900px;
}


/* pager
---------------------------------------------*/
div.txt01 {
	float:none;
}
div.section_pager {
	clear:both;
	margin-top:20px;
}

p.pager {
	clear:both;
	margin-bottom:0;
	text-align:center;
	line-height:34px;
}
p.pager a {
	margin:0 8px;
	border:1px solid #afd0f6;
	padding:8px 12px;
	text-decoration:none;
}
p.pager a:hover {
	background-color:#edf9ff;
	color:#006498;
}
p.pager a.page_number {
	margin:2px;
	padding:6px 8px;
	font-weight:bold;
}
		
p.pager a.page_back { background-color:#e2f5ff; }
p.pager a.page_back:hover { background-color:#edf9ff; }
p.pager span.page_back { background-color:#ebebeb; }
p.pager a.page_next { background-color:#e2f5ff; }
p.pager a.page_next:hover { background-color:#edf9ff; }
p.pager span.page_next { background-color:#ebebeb; }
				
p.pager span {
	margin:0 8px;
	padding:8px 12px;
	border:1px solid #cccccc;
	color:#bbbbbb;
}
p.pager span.page_number.current {
	margin:2px;
	padding:6px 8px;
	background-color:#e2f5ff;
	border-color:#2b90ff;
	color:#2b90ff;
	font-weight:bold;
}


/* TABLE
--------------------------*/


.chart01 {
	clear:both;
	background: #f4f3f3;
	margin: 0;
	padding:5px;
	width: 606px;
	overflow: hidden;
}

.chart01 td,th{
	padding:5px 3px;
	border-right: 1px solid #d7d2d2;
	border-bottom: 1px solid #d7d2d2;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}



table .block00 {
	background: #e5dede;
	text-align: center;
}

table .block01 {
	background: #ebeaea;
	text-align: center;
}

table .block02 {
	background: #c5e5ff;
	text-align: center;
}

table .block03 {
	background: #ffdde6;
	text-align: center;
}


/* other
---------------------------------------------*/

#sm_txt {
	float: left;
	txt-align: left;
}


#sm_txt ul,
#sm_txt ul li{
	list-style-type:none;
	text-align: left;
	line-height:1em;
	margin-left:10px;
	padding: 13px 0 3px 0;
}

#sm_txt li.sm1{
	margin: 0 0 0 20px;
	border-bottom: #bbbbbb dotted 1px;
	width: 540px;
}


#sm_txt li.sm2{
	margin: 0 0 0 30px;
	text-indent: 2em;	
/*	background:url(images/common/l.png) left top no-repeat;*/
	background:url(../img/l.png) left top no-repeat;
}

#sm_txt li.sm3{
	margin: 0 0 0 100px;
	text-indent: 2em;	
/*	background:url(images/common/l.png) left top no-repeat;*/
	background:url(../img/l.png) left top no-repeat;
}


/* PRINT
--------------------------*/
.print{
	width: 783px;
	padding-top:5px;
	text-align:right;
	margin:0 auto;
}

/* End Various Tags & Classes*/



/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */