@charset "utf-8";

/*----------------------------------------------
基本設定
------------------------------------------------*/
/*Reset*/
*{
margin:0px;
padding:0px;
line-height:100%;
color: #505050;
}

/*SET COMMON*/
*{
font-size:0.99em;
color: #505050;
font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
/*font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/

}

body{
border:none;
}

/* for Opera */
;;body{font-size:0.95em;}

/* BODYの行間*/
#content-body p,
#content-body th,
#content-body td,
#content-body div,
#content-body2dan p,
#content-body2dan th,
#content-body2dan td,
#content-body2dan div
{line-height:160%;}


/* リストの行間*/
#content-body li,
#content-body dd,
#content-body2dan li,
#content-body2dan dd{
line-height:150%;
}

/* テーブルの文字サイズ*/
#content-body th,
#content-body td,
#content-body2dan th,
#content-body2dan td
{font-size:0.9em;}



/* BODYの行間 見出し*/
#content-body h1,
#content-body h2,
#content-body h3,
#content-body h4,
#content-body h5,
#content-body2dan h1,
#content-body2dan h2,
#content-body2dan h3,
#content-body2dan h4,
#content-body2dan h5
{line-height:120%;}


/*p,ol.dd,li{line-height:160%;}*/

a:link {color: #3366FF;}
a:visited {color: #3366FF;}
a:active {color: #FF3333;}
a:hover {color: #FF3333; text-decoration:underline;}


img {border:none;}

/*----------------------------------------------
HEADER
------------------------------------------------*/
#header-wrap{
 margin:14px auto 7px auto;
	display:block;
	width:760px;
	height:58px;
}

/* LOGO */
#main-logo {
	padding: 0px;
	height: 57px;
	width: 407px;
	background-image: url(../img/main-logo.jpg);
	background-repeat: no-repeat;
	float: left;
}

#main-logo a {
	display: block;
	height: 57px;
	width: 407px;
	text-indent: -9999px;
}

/* TOOL-BOX */
#tool-box {
	width: 350px;
	text-align: right;
	float:right;
	font-size:12px;
}

/* tool-link（リンク サイトマップ English） */
#tool-link{
margin-bottom:2px;
color:#999;
}

#tool-link a{
	color: #3366FF;
	text-decoration:none;
	}

#tool-link a:visited {color: #3366FF;}

#tool-link a:active {
	color: #FF3333;
	text-decoration:underline;
}

#tool-link a:hover {
	color: #FF3333;
	text-decoration:underline;
}


/* GOOGLE-SEARCH-BOX */
#input-box input{vertical-align:top; margin-top:2px;}
#input-box image{vertical-align: middle; padding-top:-3px;}
#search-select input{ margin:0px 2px 0px 2px;vertical-align:middle;}
#tool-box .searchBTN{ margin-left:2px;}


/*----------------------------------------------
GLOBAL NAVI
------------------------------------------------*/
#global-navi{
 clear:both;
	background-image: url(../img/navi-bg.jpg);
	background-repeat: repeat-x;
	height: 44px;
	}

#global-navi ul{
	list-style-type: none;
	width:762px;
	margin:0px auto;
}

#global-navi li {
	display: block;
	float: left;
}

/* naviボタン共通設定 */
#navi-news a,#navi-publish a,#navi-monthly a,#navi-research a,#navi-about a,#navi-lect a,#navi-database a{
	background-repeat: no-repeat;
	height: 44px;
	background-position: left top;
	text-indent: -9999px;
	display: block;
}

/* naviボタン個別設定 */
/* ニュース */
#navi-news a {background-image: url(../img/navi_news.jpg); width: 109px;}
#navi-news a:hover {background-image: url(../img/navi_news_on.jpg);}

/* 出版物 */
#navi-publish a {background-image: url(../img/navi_publish.jpg); width: 108px;}
#navi-publish a:hover {background-image: url(../img/navi_publish_on.jpg);}

/* 月刊誌紹介 */
#navi-monthly a {background-image: url(../img/navi_monthly.jpg); width: 108px;}
#navi-monthly a:hover {background-image: url(../img/navi_monthly_on.jpg);}

/* 研究会一覧 */
#navi-research a {background-image: url(../img/navi_research.jpg); width: 109px;}
#navi-research a:hover {background-image: url(../img/navi_research_on.jpg);}

/* 生活研とは */
#navi-about a {background-image: url(../img/navi_about.jpg); width: 108px;}
#navi-about a:hover {background-image: url(../img/navi_about_on.jpg);}

/* 講演録 */
#navi-lect a {background-image: url(../img/navi_lect.jpg); width: 108px;}
#navi-lect a:hover {background-image: url(../img/navi_lect_on.jpg);}

/* データベース */
#navi-database a {background-image: url(../img/navi_database.jpg); width: 110px;}
#navi-database a:hover {background-image: url(../img/navi_database_on.jpg);}


/* END GLOBAL navigation */


/*----------------------------------------------
パンくず設定
------------------------------------------------*/
#topic-path {
	margin:10px 22px 5px;
	clear:both;
}
#topic-path ul {
	list-style-type: none;
}
#topic-path li {
	display: inline;
	font-size:small;
	margin-right:3px;
}

#topic-path li a {
	background-image: url(../img/topicpath-allow.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right:20px;
	margin-right:-7px;
	}

#topic-path li a:link{color:#555555;}
#topic-path li a:visited{color:#555555;}
#topic-path li a:active{color:#3366FF;text-decoration:underline;}
#topic-path li a:hover{color:#3366FF;text-decoration:underline;}

/*----------------------------------------------
 LAYOUT
------------------------------------------------*/

#content-wrap {
 margin:10px 22px 10px 22px;
	min-width:760px;
}

#content-wrap2 {
margin:10px 22px 10px 22px;
background: url(../img/bg-menu-grey.gif) repeat-y;
min-width:760px;
}

#side-menuwrap {
	float: left;
	width: 186px;
}

/* 1段組NOMAL*/
#content-body { margin-top:12px;}
#content-body p,#content-body2dan p{ margin-bottom:10px; }

/* 2段組NOMAL（左MENUあり）*/
#content-body2dan { margin-top:12px; >margin-top:0px;margin-left:200px;}


/*----------------------------------------------
SIDE MENU
------------------------------------------------*/

#side-menu {
	padding:5px;
}

#side-menu dl{
width: 176px;
}

#side-menu dt,#side-menu dt a{
 display:block;
	height: 43px;
	text-indent: -9999px;
}

#side-menu dd {
	border-bottom:1px solid #C1C1C1;
	border-left:1px solid #C1C1C1;
	border-right:1px solid #C1C1C1;
	font-size:11pt;
	letter-spacing:-1px;
}

#side-menu dd a {	
background:url(../img/bg-menu.jpg) no-repeat top #FFF;
padding:11px 0px 11px 11px;
display:block;
color: #555555;
text-decoration: none;
min-height:16px;
font-weight: bold;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
border-bottom:1px solid #FFF;
line-height:120%;
}

#side-menu dd a:hover{	
background:url(../img/bg-menu_on.jpg) no-repeat top #E1F0D1;
padding:11px 0px 11px 11px;
display:block;
color: #555555;
text-decoration: none;
min-height:16px;
font-weight: bold;
border-left:1px solid #FFF;
border-right:1px solid #FFF;
border-bottom:1px solid #FFF;
line-height:120%;
}


/*----------------------------------------------
ページ下部　ページトップに戻るリンクの設定
------------------------------------------------*/

/*共通*/
.link-box ul,.link-box-block ul{
	list-style-type: none;
}

.link-box li,.link-box-block li{
	display: inline;
	background-image: url(../img/link-img-home.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	margin-left: 10px;
}

.link-box li a:link,.link-box-block li a:link{color:#555555;}
.link-box li a:visited,.box-block li a:visited{color:#555555;}
.link-box li a:active,.box-block li a:active{color:#FF3333;text-decoration:underline;}
.link-box li a:hover,.box-block li a:hover{color:#FF3333;text-decoration:underline;}

/*フッタ用*/
.link-box {
 clear: both;
	text-align:right;
	margin:10px 0px 10px 22px;
	font-size:12px;
}

/*ページ内ブロック用*/
.link-box-block{
 /*border-top:1px dotted #CCC;*/
	background-image: url(../img/line-gray-bit.jpg);
	background-repeat: repeat-x;
	background-position:top;
	text-align:right;
	padding-top:10px;
	padding-bottom:30px;
	margin:5px 0px;
	font-size:12px;
}

/*----------------------------------------------
FOOTER
------------------------------------------------*/

/* footer */
#footer {
	clear: both;
	margin:10px 22px;
	font-size:small;
}

#footer hr{display:none;}

.foot-line {
	background-image: url(../img/line-footer.gif);
	background-repeat: repeat-x;
	height: 10px;
	margin-top: 15px;
}

.copyright {text-align: center; padding-bottom:5px;}


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

.underconstruction {
	padding: 100px 0px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	/*background:#EEE;*/
}

/*汎用BOX*/
.box-wrap{ margin-bottom:20px;}

/*汎用BOX囲みケイ*/
.kakomi{
margin:10px 0px 30px ;
border:1px solid #AAA;
padding:10px 15px;
}

/*汎用BOX囲みケイグリーン*/
.kakomiGREEN{
margin:10px 0px 30px ;
border:2px solid #99CC66;
padding:10px 15px;
}

/*汎用BOX囲み破線*/
.kakomiDOT{
margin:10px 0px 30px ;
border:1px dotted #666;
padding:10px 15px;
}

/*汎用BOX囲みケイ地色あり*/
.kakomiGLAY{
background:#EEEEEE;
margin:10px 0px 30px ;
border:1px solid #AAA;
padding:10px 15px;
}

/*汎用BOX囲みケイ地色の中の白BOX*/
.kakomiWHITE{
background:#FFF;
padding:10px 15px 5px ;
}

/*明朝*/
.mincho {
	font-family: "ＭＳ Ｐ明朝","細明朝体",serif;
	font-size:100%;
}

/*----------------------------------------------
注文方法BOX
------------------------------------------------*/
#order-box {
	background-color: #EEEEEE;
	border: 1px solid #C0C0C0;
	margin: 15px 0px 20px;
}

#order-box p{font-size:0.95em; margin-bottom:0px;}

#order-box .titleORDER {
	background: url(../img/list-image-h3.jpg) no-repeat top left;
	padding: 6px 5px 4px 14px;
	margin: 4px 8px 4px;
	line-height:0.9em;
	font-size:1em;
	font-weight: bold;
}


#order-box .titleORDERgekkan {
	background: url(../img/list-image-h3-g.jpg) no-repeat top left;
	padding: 6px 5px 4px 14px;
	margin: 4px 8px 4px;
	line-height:0.9em;
	font-size:1em;
	font-weight: bold;
}


.order-box-line {
	background-image: url(../img/order-box-h3.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	display: block;
	height: 2px;
}

.order-box-line hr{ display:none;}

/*■見出し*/
#order-box .midashiORDER {
	background-image: url(../img/list-image-h4.jpg) ;
	background-position:2px left;
	background-repeat: no-repeat;
	padding-left:19px;
	font-weight: bold;
}

.order-method {
	background-color: #FFFFFF;
	margin: 10px;
	padding: 0px 8px 8px;
}
.order-method-inner {
	background-image: url(../img/line-gray-bit.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding: 5px 5px 5px 0px;
	font-size:0.95em;
}
.order-method p {
	margin: 5px 0px 5px 5px;
	padding: 0px;
}

.link-for-form a {
	text-indent: -9999px;
	display: block;
	height: 24px;
	width: 134px;
	background-image: url(../img/button-publish.jpg);
	background-repeat: no-repeat;
}

#order-tankou h3 {
	background-image: url(../img/list-bit-orange.jpg);
	height: 19px;
	font-size: 13px;
	font-weight: bold;
	text-indent: 20px;
	margin-top: 0px;
	padding-top: 5px;
	background-repeat: no-repeat;
}

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

table.nomalTABLE {
	margin-top: 20px;
 border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	/*font-size: 0.95em;*/
}

table.nomalTABLE th {
 border-collapse:collapse;
	border: solid 1px #FFF;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	background:#F5F5F5;
	padding:6px 2px;
}

table.nomalTABLE td{
 border-collapse:collapse;
	border: solid 1px #FFF;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	background:#FFF;
	padding:7px 4px;
	vertical-align:top;
	line-height:130%;
	}
	
table a{line-height:130%; text-decoration:none;}
table a:hover{ text-decoration:underline;}

.td-year{
width:6.5em;
text-align:right;
padding-right:10px;
}

.td-hakko{
width:8.5em;
}

.nomalTABLE .icnLINK{
	background: url(../img/icn_link.gif) no-repeat 5px 12px;
	padding-left: 15px;
}

.nomalTABLE .icnLINKnew{
	background: url(../img/icn_link_new.gif) no-repeat 5px 5px;
	padding-top: 20px;
	padding-left: 15px;
}


/*----------------------------------------------
ICNなど
------------------------------------------------*/
.icnLINK{/*font-size:small;*/}

p.icnLINK a,.icnLINK li a{ line-height:130%;}

p.icnLINK{
	background: url(../img/icn_link.gif) no-repeat 1px 4px;
	padding-left: 12px;
	margin-bottom:5px;
}

.icnLINK li{
list-style:none;
background: url(../img/icn_link.gif) no-repeat 1px 4px;
padding-left: 12px;
margin-bottom:5px;
}

/*緑の△アイコンケイ囲み*/
.icnLINK-G{
background:url(../img/icn_link_green.jpg) no-repeat 0 0;
padding-left:18px;
list-style:none;
min-height:15px;
}

ul.icnLINK-G{
margin-left:5px;
list-style-image:url(../img/icn_list_link_green.jpg) ;
background:none;
}

ul.icnLINK-G li{
list-style-image:url(../img/icn_list_link_green.jpg) ;
margin-bottom:5px;
background:none;
}


/*■見出し*/
.icnGREEN{
background-image:url(../img/list-image-h4.jpg);
padding-left:17px;
background-repeat:no-repeat;
font-weight: bold;
margin-bottom:5px;
}

.icnPDF{background:url(../img/icn_pdf.gif) no-repeat 0 2px; min-height:25px; padding:1px 2px 2px 20px;}


/*----------------------------------------------
リスト
------------------------------------------------*/
.listNOTE{
list-style:none;
text-indent:-1em;
margin-left:1em;
line-height:140%;
font-size:small;
}

.listNONE{
list-style:none;
}

.listNUM{
list-style:none;
text-indent:-1em;
margin-left:1em;
line-height:140%;
}

.listNUM li{margin-bottom:5px;}


.listROMAN{
list-style-type:upper-roman;
margin-left:0em;
}

.listROMAN li{
margin-left:-0.7em;
margin-bottom:5px;
}

.listNOMAL li{
margin-left:-1em;
_margin-left:0em;
margin-bottom:5px;
}

/*----------------------------------------------
回り込み
------------------------------------------------*/
/* clearfix */



.clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	overflow:hidden;
}

.clearfix{display:block;}

.CL{clear:both;}
.CL hr{ display:none;}

.floatRIGHT{ float:right;}
.floatLEFT{ float:left;}

/*----------------------------------------------
ヨセ
------------------------------------------------*/
.txtRIGHT{ text-align:right;}
.txtLEFT{ text-align:left;}
.txtCENTER{ text-align:center;}

.txtSMALL{ font-size:small;}



/*3文字分の-インデント付*/
.txt3em{text-indent:-3.7em; margin-left:3.7em;}
/* for safari ¥*/
html:\66irst-child DIV .txt3em{ text-indent:-4.15em; margin-left:4.15em;}
/* end */


/*----------------------------------------------
ツメ・アキ
------------------------------------------------*/
.padLEFT1em{ padding-left:1em;}
.padLEFT2em{ padding-left:2em;}
.padLEFT3em{ padding-left:2em;}
.marTOP30{ margin-top:30px;}
.marTOP20{ margin-top:20px;}
.marTOP10{ margin-top:10px;}
.mar00{ margin:0px;}
.pad00{ padding:0px;}

/*----------------------------------------------
 TITLE 見出し設定
------------------------------------------------*/

/* タイトル設定 */
#title-wrap {
	min-width:760px;
 margin:10px 22px 10px 22px;
	background-image: url(../img/title-repeat-img.jpg);
	background-repeat: repeat-x;
	height: 59px;
	clear: both;
	border: 1px solid #CCCCCC;
}

#title-wrap hr{display:none;}

.title {
	text-indent: -9999px;
	background-repeat: no-repeat;
	display:block;
	height: 59px;
	width:211px;
}

/*サブタイトル右ヨセ*/
.title-caption{
background-repeat:no-repeat;
background-position:right;
	float:right;
	text-indent:-99999px;
	height: 16px;
	width:180px;
	margin-top: 22px;
	margin-right: 20px;
	}

.h2-title {
	background-image: url(../img/bg-h2.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	padding: 12px 0px 5px 6px;
	margin: 0px 0px 10px;
	border-bottom:1px solid #C0C0C0;
	line-height:100%;
	font-size:1.05em;
	}
		
/*見出し左にカラーが付くタイプの地*/
.midashi {
	background: url(../img/list-bg-grey.jpg) repeat-x #E7E7E7;
	font-weight:bold;
	margin-bottom:15px;
	color:#333333;
}

/*単行本の見出し*/
.midashiTANKOU{
	background: url(../img/list-bit-orange.jpg) no-repeat;
	padding:7px 5px 5px 15px;
	line-height:120%;
	font-size:1em;
}

/*生活研BOOKSの見出し*/
.midashiBOOKS{
	background: url(../img/list-bit-books.jpg) no-repeat;
	padding:7px 5px 5px 15px;
	line-height:120%;
	font-size:1em;
}

/*月刊誌の見出し*/
.midashiGEKKAN{
	background: url(../img/list-bit-gekkan.jpg) no-repeat;
	padding:7px 5px 5px 15px;
	line-height:120%;
	font-size:1em;
}

/*基本の見出し*/
.midashiBASE{
	background: url(../img/list-bit-base.jpg) no-repeat;
	padding:7px 5px 5px 15px;
	line-height:120%;
	font-size:1em;
}

/*インフォメーションの見出し*/
.midashiINFO{
	background: url(../img/list-bit-info.jpg) no-repeat;
	padding:7px 5px 5px 15px;
	line-height:120%;
	font-size:1em;
}

/*新着情報の見出し*/
.midashiNEW{
	background: url(../img/list-bit-new.jpg) no-repeat;
	padding:7px 5px 5px 15px;
	line-height:120%;
	font-size:1em;
}


/*----------------------------------------------
装飾
------------------------------------------------*/

/*太字*/
.txtBOLD{font-weight:bold;}

/*細字*/
.txtNOMAL{ font-weight:normal;}

/*太字3文字分の-インデント付*/
.txtBOLD3em{font-weight:bold; text-indent:-3.7em; margin-left:3.7em;}

/* for safari ¥*/
html:\66irst-child DIV .txtBOLD3em{ text-indent:-4.15em; margin-left:4.15em;}
/* end */

/*破線*/
.lineDOT{
	background-image: url(../img/line-gray-bit.jpg);
	background-repeat: repeat-x;
	background-position:top;
	height:1px;
	margin:9px 0px;
/*border-bottom:1px dotted #CCC; margin:10px 0px;*/

}

/*破線の中にHRが入ったときは非表示（for mac）*/
.lineDOT hr{ display:none;}

/*----------------------------------------------
COLOR
------------------------------------------------*/
.colorRED{color:#CC0000;}
.colorGEKKAN, .colorLECT{color:#1A3F79;}
/*----------------------------------------------
ボタン
------------------------------------------------*/
	.btnRIGHT {
	margin: 6px 0px 6px 10px;
	text-align:right;
}
	
.btnLEFT {
	margin: 6px 10px 6px 0px;
	text-align:left;
}

.btnCENTER {
	margin: 20px 10px 20px;
	text-align:center;
}