@charset "utf-8";

/* デフォルト */
* {
  padding: 0;
  margin: 0;
}

a:link {
	color: #00F;
	text-decoration: underline;
}

a:visited {
	color: #906;
	text-decoration: underline;
}

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

a img {
  border: none;
}

body {
	font-size: 14px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0;
	margin: 0;
	background: #ccc url(../images/bg_body.gif) repeat;
	line-height: 1.4;	
}

/* レイアウトWrapper */

#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 820px;
	background: #FFF url(../images/bg_wrapper.gif) repeat-y;
}

/* ヘッダー */
#header {
	position: relative;
	padding: 5px 20px 10px;
	background: #FFF url(../images/head_bg.gif) no-repeat;
}

div.logo {
	margin: 1em 0;
    width: 350px;
    height: 70px;
}

.logo a {
	text-decoration: none;
	color: #FFF;
}

.logo a:hover {
	text-decoration: none;
	color: #FF6;
}

/* ヘッダー内ナビゲーション */
#headnavi {
   position:absolute;
   top: 90px;
   right: 15px;
}

#headnavi ul {
   list-style:none;
}

#headnavi li {
   float:left;
   margin-left:15px;
}

#headnavi li a{
	/*padding-left:15px;*/
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
}

#headnavi li a:hover{
	text-decoration: underline;
	color: #FF0;
}


/* メインコンテンツ（右エリア） */
#contents {
  float: right;
  width: 560px;
  padding: 1em 2em 1em 1em;
}

/* サイドナビゲーション（左エリア） */

#sidebar {
	float: left;
	width: 185px;
	padding: 10px 5px 10px 15px;
}

#sidebar img {
	margin-bottom: 0.5em;
	padding: 1px;
	border: 1px solid #999;
}

#sidebar p {
	font-size: 0.8em;
	line-height: 1.2;
}

#sidebar .corp {
	background-color: #FFF;
	border: 1px solid #999;
	font-size: 0.85em;
	padding: 5px;
	margin-top: 1em;
	line-height: 1.5em;
}
#sidebar .corp:first-line {
	font-weight: bold;
	color: #036;
}

.navi,.navi-here {
	margin-bottom:10px;
}

.navi a:link {
	text-decoration: none;
}

.navi a:visited {
	text-decoration: none;
}

.navi a:hover {
	text-decoration: underline;
}


.navi h2,.navi-here h2 {
	/*padding: 0 3px 3px 15px;*/
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	line-height: 37px;
}

.navi h2 a,.navi-here h2 a {
	display:block;
	text-decoration: none;
	background: url(../images/navi_btn.gif) no-repeat;
	color: #006;
	height: 37px;
}

.navi h2 a.on,.navi-here h2 a.on {
	color: #900;
	background: url(../images/navi_btn_on.gif) no-repeat;
}

.navi h2 a:hover,.navi-here h2 a.on:hover {
	color: #900;
	text-decoration: underline;
	background: url(../images/navi_btn_on.gif) no-repeat;
}

.navi ul,.navi-here ul {
   margin:5px 0 0 5px;
   padding:0;
}

.navi li,.navi-here li {
	margin: 0;
	padding: 5px;
	font-size: 1em;
	list-style: none;
}

.navi li a,.navi-here li a {
	display:block;
	padding: 5px;
	font-size: 0.9em;
	line-height: 1.5em;
	border-bottom: 1px dashed #333;
	text-decoration: none;
}

.navi li a.on,.navi-here li a.on {
	background-color: #FFF;
	color: #903;
}

.navi li a:hover,.navi-here li a on:hover {
	background-color: #FFF;
	text-decoration: underline;
}

/* -- 見出し -- */
h1 {
	font-size: 0.8em;
	color: #FFF;
	padding: 0;
	text-align: right;
}

#contents h2 {
	font-size: 1em;
	color: #333;
	padding: 0.8em 0 0.5em 1em;
	background: url(../images/midashi_bg.gif) no-repeat;
	line-height: 2em;
	margin-bottom: 1.5em;
}
#contents h2:first-letter{
	color: #039;
}

h3 {
	font-size: 1em;
	color: #333;
	padding: 0.8em 0 0.5em 1em;
	background: url(../images/midashi_bg.gif) no-repeat;
	line-height: 2em;
	margin-bottom: 1.5em;
}
h3:first-letter{
	color: #039;
}

h4 {
	font-size: 1em;
	margin-bottom: 1.5em;
	color: #555;
	background: url(../images/h4_bg.gif) no-repeat left bottom;
	padding-bottom: 10px;
	padding-left: 15px;
	clear: both;
}
h4:first-letter{
	color: #039;
}

h4.imgh {
	padding: 0;
	background: none;
}

h5,h6 { margin-top: 2.5em; }

/* -- 文字 -- */
#contents p {
	line-height: 1.6em;
	margin: 1em 0 1.5em 0;
}

img.main {
	margin: 0 0 10px 0;
}

ul.nakalist {
	margin-bottom: 15px;
}
.nakalist li {
	line-height: 1.5em;
}

/* -- パンくずリスト -- */
#contents .topic-path {
	font-size: 0.8em; 
	line-height: 1em;
	margin: 0 0 10px 0;
}

/* フッター */
#footer {
	clear: both;
	padding: 0.5em 0 1em;
	background: url(../images/foot_bg.gif) no-repeat;
	line-height: 60px;
	height: 63px;
}

address {
	text-align: center;
	color: #FFF;
}

#footer a {
	color: #FFF;
}


/* フロート */
.cl {
	clear:both;
}

.fl_l img {
	float: left;
	margin: 0px 10px 20px;
}

.fl_r img {
	float: right;
	margin: 5px 0 10px 10px;
}

/*　TOP新着　*/
ul.topi {
	background-color: #E3EDF2;
	margin-bottom: 1.5em;
	padding: 1em 1em 1em 3em;
}

ul.topi li {
	list-style: circle;
	line-height: 1.4;
	margin-bottom: 1em;
}

/* TOPボックス */
.top_box {
	margin: 0 15px 15px 0;
	padding:5px;
	width:160px;
	height:auto;
	font-size: 12px;
	float:left
}

.top_box img {
	margin: 0;
}

/*その他*/
p.indent {
	margin-left: 1em;
	text-indent: -3em;
}

.red {
	color: #C03;
}

.blue {
	color: #039;
}

.small {
	font-size: smaller;
	font-weight: normal;
	color: #666;
}

.corpname { /*社名表記*/
	text-align: right;
	font-size: 0.9em;
}
.corpname:first-letter{
	color: #039;
}
.corpname:first-line{
	font-size: 1.2em;
}

.pagetop { /*pagetop*/
	text-align: right;
}

.pagetop a { 
	color: #666;
	text-decoration: none;	
}

.pagetop a:hover {
	color: #FC3;
}


/* Creative Japan Link */
#sidebar .cj_link {
	padding: 20px 10px 0 10px;
}
#sidebar .cj_link a {
	text-decoration: none;
	line-height: 0em;
}
#sidebar .cj_link img {
	border: none;
	line-height: 0em;
}


/*　RSS　FEED　*/
.rss-box {
	margin-left: 5px;
}

.rss-title {
	display: none;
}

.rss-items {
	margin: 3px 0 20px;
	color: #999;
	font-size: 10px;
}

li.rss-item {
	margin-bottom: 0.8em;
	line-height: 1.2;
	list-style: none;
}

li.rss-item a {
	font-size: 11px;
}