@charset "UTF-8";

/*------------------------------------------------------------------------------
	Shizuoka Economic Research Institute - Global Layout CSS, Module Class CSS
	URL: http://www.seri.or.jp/
	Date: 2008-02-01
	Copyright (C) Shizuoka Economic Research Institute All Rights Reserved.
------------------------------------------------------------------------------*/

/*	Global Layout
----------------------------------------------------*/

body{ background: url(../img/bg.jpg) repeat-x; }
div#wrapper{ position:relative; width:800px; margin:0 auto; }
body#home div#wrapper{ background: none; }

/*	Content
----------------------------------------------------*/

div#content{ position:relative; width:800px; margin:0 auto; clear:both; background: url(../img/bg_local_001.gif) repeat-y 0 0;}
body#home div#content{ background: none;}
div#content:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
div#content { display:inline-table;}

*:first-child+html body div#content{ margin-top:9px;}

/*	Header
----------------------------------------------------*/

div#header{
	width:800px;
	height:90px;
	margin:0 auto;
	padding:0 0 0 0;
	clear:both;
	position:relative;
}

div#header h1#siteTitle,
div#header p#siteTitle{
	width:248px;
	height:39px;
	margin:0 0 0 0;
	padding:25px 0 0 0;
	position:absolute;
}

div#header p#tagline{
	margin:51px 0 0 269px;
	padding:3px 0 0 0;
	position:absolute;
}

#subNav li{
	position:absolute;
}

#subNav li.subNav001{margin:0 0 0 412px;}
#subNav li.subNav002{
	margin:0 0 0 413px;
}
#subNav li.subNav003{
	margin:0 0 0 509px;
}
#subNav li.subNav004{
	margin:0 0 0 623px;
}

body#home #subNav li.subNav001{
	display:none;
}

#fontSize li{
	position:absolute;
}

#fontSize li.size001{margin:42px 0 0 630px;}
#fontSize li.size002{margin:42px 0 0 735px;}
#fontSize li.size003{margin:42px 0 0 754px;}
#fontSize li.size004{margin:42px 0 0 773px;}

ul#skip{
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	height:0;
	}

/*	globalNav
----------------------------------------------------*/

ul#globalNav{
	clear:both;
	width:800px;
	margin:0;
	padding:0;
	height:34px;
}

ul#globalNav li{
	float:left;
}

/*	Main Content
----------------------------------------------------*/

div#mainContent{
	float:right;
	width:581px;
	margin:14px 0 20px 0;
}

*:first-child+html div#mainContent{
	margin-top:15px;
}

body#home div#mainContent{
	margin-top:20px;
}

body#home div#mainContent p a:hover img { opacity: 0.8; filter: alpha(opacity="80");}

*:first-child+html body#home div#mainContent{
	margin-top:26px;
}

div#mainContent p,
div#mainContent ol,
div#mainContent ul,
div#mainContent dl{
	margin-bottom:1.5em;
	line-height:1.5;
	}
	
dl.news dd{
	padding:10px;
	background: url(../../img/bg_news_001.gif) bottom;	
}

dl.news dd li{
	margin:10px 0 0 0;
	padding:0 0 11px 110px;
	border-bottom:1px dashed #d5d5d5;
}

dl.news dd .info {
	background: url(../../img/ico_info.gif) no-repeat;	
}
dl.news dd .media {
	background: url(../../img/ico_media.gif) no-repeat;	
}
dl.news dd .news {
	background: url(../../img/ico_press.gif) no-repeat;	
}
dl.news dd .monthly {
	background: url(../../img/ico_seli.gif) no-repeat;	
}
dl.news dd .outlook {
	background: url(../../img/ico_outlook.gif) no-repeat;
}
dl.news dd .web {
	background: url(../../img/ico_webreport.gif) no-repeat;
}
dl.news dd .m-report {
	background: url(../../img/ico_m-report.gif) no-repeat;
}

ul.floatR li{
	margin-bottom:10px;
}

div#mainContent p#pan{
	clear:both;
	width:auto;
	height:auto;
	margin:15px 0;
	padding:0 0 0 10px;
}

ul.topBn li { float:left; margin:0 20px 20px 0;}
ul.topBn li.bnR { margin-right:0;}
ul.topBn li.bnC { margin-top:5px;}

/*	Sub Content
----------------------------------------------------*/

div#subContent{
	float:left;
	width:180px;
	margin:0 10px 20px 0;
	padding:30px 10px 0 10px;
	background: url(../img/bg_subcontent.gif) no-repeat;
}

body#home div#subContent{
	width:200px;
	margin-top:20px;
	padding:0;
	background:none;
}

*:first-child+html body#home div#subContent{
	margin-top:26px;}

div#subContent p.center { 
  text-align:center;
}

div#subContent .admission{
	margin-bottom:15px;
}

div#subContent .admission dd{
	padding:10px 14px 15px 15px;
	background: url(../img/bg_admission_001.gif) no-repeat bottom;	
	color:#fff;
	line-height:1.2;
}

div#subContent .admission .admission002{
	margin:10px 0;
}

div#subContent .admission .admission005{
	margin-top:10px;	
	margin-bottom:5px;
}

div#subContent .monthly{
	margin:15px 0;
}

div#subContent .monthly dd{
	padding:10px;
	background: url(../img/bg_book_001.gif) no-repeat bottom;
}

div#subContent .monthly dd .book{
	padding:10px 0;
	background:#fff;
	border:1px solid #d5d5d5;
	text-align:center;	
}

/*div#subContent .monthly dd .book a img{
	width:110px;
	height:157px;
}*/

div#subContent .monthly dd .title{
	padding:0 0 10px 20px;
	font-weight:bold;
	background: url(../img/ico_arrow_001.gif) no-repeat;
}

div#subContent .monthly dd .title a,
div#subContent .monthly dd .alignR a{
	text-decoration:none;
}

div#subContent .monthly dd .alignR{
	padding:10px 5px 0 0;
}

div#subContent .monthly dd .alignR img{
	width:6px;
	height:5px;
	margin-right:5px;
	vertical-align:middle;	
}

div#subContent .search{
	margin-top:15px;
	padding:10px;
	border:1px solid #d5d5d5;
	font-size:80%;
	background: url(../img/logo_google_001.gif) no-repeat right bottom;
}

div#subContent .search .searchArea{
	width:178px;
	margin-bottom:10px;
}

div#subContent .search .searchBtn{
	margin:10px 0 0 0;
	display:block;
}

div#subContent .ranking {
    margin: 20px 0;
    padding: 15px 15px 5px 15px;
    text-align: center;
    border:1px solid #DDD;
}
div#subContent .ranking h3 {
    font-size:16px;
    font-weight: bold;
    margin-bottom: 10px;
}

div#subContent .ranking p {
    margin-bottom: 10px;
    line-height: 140%;
}

div#subContent .ranking img {
    display: block;
    width: 100%;
    margin: 10px auto;
}

div#subContent .ranking p em {
    color:#F00;
}

div#subContent ul.localNav{
	margin-bottom:10px;
}

div#subContent ul.localNav li a{
/*	width:146px;*/
	display:block;
	min-height:15px;
	height:auto !important;
	height:15px;
	background: url(../img/bg_lnav_001.gif) no-repeat;
	color:#54abe0;
	text-decoration:none;
	padding:10px 10px 10px 24px;
	font-weight:bold;
	border-bottom:1px dashed #D5D5D5;
	margin:0;
}

div#subContent ul.localNav li.sNav a{
/*	width:146px;*/
	display:block;
	min-height:15px;
	height:auto !important;
	height:15px;
	background:#fff url(../img/ico_arrow_003.gif) no-repeat 7px 7px;
	color:#54abe0;
	text-decoration:none;
	padding:5px 10px 5px 24px;
	font-weight:normal;
	border-left:1px solid #D5D5D5;
	border-right:1px solid #D5D5D5;
	border-bottom:1px dashed #D5D5D5;
	margin:0;
}

div#subContent ul.localNav li a:hover{
	background: url(../img/bg_lnav_001_on.gif) no-repeat;
}

div#subContent ul.localNav li a.current{
	background: url(../img/bg_lnav_001_cr.gif) no-repeat;
}

div#subContent ul.localNav li.sNav a:hover{
	background:#dbeff9 url(../img/ico_arrow_003.gif) no-repeat 11px 7px;
}

div#subContent ul.localNav li.sNav a.current{
	background:#dbeff9 url(../img/ico_arrow_003.gif) no-repeat 11px 7px;
}

div#subContent ul.localNav li.lastChild a{
	border-bottom:1px solid #D5D5D5 !important;
}

body#serSupport div#subContent ul.localNav li.n001 a,
body#serExamination div#subContent ul.localNav li.n001 a,
body#serResearch div#subContent ul.localNav li.n001 a,
body#serInformation div#subContent ul.localNav li.n001 a,
body#booBook001 div#subContent ul.localNav li.n007 a{
	background: url(../img/bg_lnav_001.gif) no-repeat;
}

div#subContent ul.bnrList li{
	margin-bottom:5px;
}
div#subContent ul.bnrLogin li{ margin:0 0 10px 0;}
div#subContent div.bnrLogin {	margin:0 auto 15px auto; text-align:center;}
div#subContent div.bnrLogin h2 { margin:0; padding:0;}
div#subContent div.bnrLogin ul { padding-top:9px; background:#FFF url(../img/bnr_member_bg.png) repeat-y center;}
div#subContent div.bnrLogin ul li { margin:2px auto 0 auto;}

/*	Footer
----------------------------------------------------*/

div#footer{
	clear:both;
	border-top:3px solid #d7e6ee;
	padding-top:20px;
	font-size:80%;
	text-align:center;
	background:#fff;
}


div#footer p#copyright{
	padding:10px;
	font-family:sans-serif;
}

/*	General Classes
----------------------------------------------------*/

div#mainContent .section{
	margin-bottom:20px;
}

div#mainContent p.toTop{
	clear:both;
	width:auto;
	height:auto;
	text-align:right;
}

/* Floating */
.floatL{float:left;}
.floatR{float:right;}

.clearL{clear:left;}
.clearR{clear:right;}
.clearB{clear:both;}

/* Align */
.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{text-align:center;}


/*	ウィークリーコラム
----------------------------------------------------*/
body#home dl.column{
	width:381px;
	float:left;
	background: url(../../img/bg_column_001.gif) no-repeat bottom;
}

body#home dl.column dd{
	clear:both;
	margin:5px 10px 5px 10px;
	padding:5px 10px 5px 15px;
	border-bottom:1px dashed #d5d5d5;
	background: url(../img/ico_arrow_003.gif) no-repeat 3px 13px;
}

body#home dl.column dd.lastChild{
	border:none;
}

body#home dl.column dd li.title a{
	font-size:120%;
	color:#363f33;
	font-weight:bold;
}

/*dl.column dd p.floatL{
	margin-right:10px;
}*/

body#home dl.column dd p,
body#home dl.column dd ul{
	margin-bottom:0;
}

body#home .column dd li.hiroyuki-k a{
	font-weight:bold;
	color:#8C364F;
}

body#home .column dd li.setsuro-t a,
body#home .column dd li.hisashi-n a,
body#home .column dd li.akio-n a,
body#home .column dd li.katsuaki-s a{
	font-weight:bold;
	color:#503594;
}

body#home .column dd li.hitodhi-o a,
body#home .column dd li.takahiro-u a,
body#home .column dd li.takamasa-k a,
body#home .column dd li.shinya-y a{
	font-weight:bold;
	color:#315392;
}

body#home .column dd li.toyoharu-s a,
body#home .column dd li.masahiro-o a,
body#home .column dd li.takeshi-m a,
body#home .column dd li.yasuaki-k a,
body#home .column dd li.yoichi-t a,
body#home .column dd li.toshitaka-n a,
body#home .column dd li.minoru-t a{
	font-weight:bold;
	color:#3D7C74;
}

body#home .column dd li.miyavi-s a,
body#home .column dd li.yasuyuki-m a,
body#home .column dd li.takeshi-i a,
body#home .column dd li.harumi-t a,
body#home .column dd li.takayuki-n a,
body#home .column dd li.yusuke-s a,
body#home .column dd li.masashi-i a{
	font-weight:bold;
	color:#5D8759;
}



/*	リンク集
----------------------------------------------------*/
body.link #wrapper { margin-top:-13px;}
div#mainContent .section div.two_box{ float: left; width: 290px; margin: 0; padding: 0;}
div#mainContent .section div.three_box{ float: left; width: 190px; margin: 0; padding: 0;}
div#mainContent .section div.three_box li
{background:#fff url(../img/ico_arrow_001.gif) no-repeat 7px 8px!important; border:none!important;}
div#mainContent .section div.three_box li a:hover { text-decoration:underline!important;}
