@charset "utf-8";
/* contents

1. Whole

2. Finding

3. Common setting（1）
  side_area / contents / footer

4. Common setting（2）
  layout_table / layout_div

5. font
  emphasis

6. Setting on each page
  ・home

 */

/* 1. Whole
-------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:0;
  padding:0;
} 

body {
  color:#333333;
  font-size:80%;
  line-height:150%;
  text-align:center;
  background:#f6f7f9 url('images/body_background.jpg') repeat-x;
}

a:link {
  color:#0f218b;
  text-decoration:underline;
}
a:visited {
  color:#0f6c8b;
  text-decoration:none;
}
a:active {
  color:#0f218b;
  text-decoration:none;
}
a:hover {
  color:#ff6600;
  text-decoration:underline;
}

img {
  border:0;
}

ol,ul {
  list-style:none;
}

table { 
  border-collapse:collapse;
  border-spacing:0px;
}

td {
  vertical-align:top;
  font-size:80%;
  line-height:150%;
}

/* 2. Finding
-------------------------------------------------------------------- */
#container h1 {
  height:18px;
  font-size:12px;
  font-weight:normal;
  line-height:130%;
  text-align:right;
  background:url('../img/bg_h1.jpg') no-repeat;
}

h2 {
  margin-top:20px;
  padding:5px;
  font-size:110%;
  background:#eeeeee url('images/h2_background.gif') bottom no-repeat;
}

h3 {
  margin-top:20px;
  padding-left:10px;
  font-size:110%;
  color:#0f218b;
  border-left:15px #dcdcdc solid;
}

h4 {
  margin:20px 10px 0px 10px;
  font-size:100%;
  border-bottom:1px #dcdcdc dotted;
}

/* 3. Common setting（1） 
-------------------------------------------------------------------- */
/* container */
#container {
  width:800px;
  margin-right:auto;
  margin-left:auto;
  text-align:left;
}

/* side_area */
#side_area {
  width:205px;
  float:left;
  padding-bottom:30px;
}

#language {
  width:200px;
  font-size:12px;
  background:#ffffff url('images/lang_background.jpg') bottom no-repeat;
}

#language:after {
  content:"";
  display:block;
  height:0;
  clear:both;
} 


#lang_change {
  width:72px;
  float:left;
}

#lang_change a {
  display:block;
  padding:1px 0px 4px 19px;
  color:#ffffff;
  text-decoration:none;
  background:url('images/lang_change_off.jpg') no-repeat;
}

#lang_change a:hover {
  color:#333333;
  text-decoration:none;
  background:url('images/lang_change_on.jpg') no-repeat;
}

#lang_change a:visited {
  color:#0f6c8b;
  text-decoration:none;
}

#lang_home {
  display:block;
  width:55px;
  float:right;
  text-align:right;
  background:url('images/arrow_lang_home.jpg') 0px 8px no-repeat;
}

#lang_home a {
  padding-right:10px;
  text-decoration:none;
}

#menu {
  clear:both;
}

#menu li {
  font-size:12px;
  line-height:90%;
  height:36px;
}

#menu li a {
  display:block;
  padding:8px 15px 6px 10px;
  color:#0f218b;
  text-decoration:none;
  background:url('images/menu_off.gif') no-repeat;
}

#menu li a:hover {
  color:#ff6600;
  text-decoration:none;
  background:url('images/menu_on.gif') no-repeat;
}

#menu li a:visited {
  color:#0f6c8b;
  text-decoration:none;
}

.english_menu {
  color:#666666 !important;
  font-size:10px;
}

#side_inquiry {
  width:200px;
  padding-top:20px;
  background:#c4c8d2 url('images/side_inquiry_background.gif') left top no-repeat;
}

#side_inquiry p {
  margin:10px 0px 0px 10px;
}

#side_inquiry_mail {
  margin:0px 0px 0px 10px !important;
  padding:5px 0px 20px 28px;
  background:url('images/side_inquiry_mail.jpg') no-repeat;
}

#side_banner {
  margin-top:20px;
  text-align:center;
}

#side_banner li {
  padding-bottom:5px;
}

#side_login {
  width:200px;
  margin-top:10px;
  padding-top:5px;
  background:#c4c8d2 url('images/login_head.jpg') no-repeat;
}

#side_login p {
  margin:10px 0px 0px 10px;
}

#side_login_button {
  margin:0px !important;
  padding:10px 0px 10px 22px;
  background:url('images/login_bottom.jpg') bottom no-repeat;
}

/* contents */
#contents {
  width:580px;
  float:right;
}

#contents_padding {
  padding:0px 10px 30px 10px;
  background-color:#ffffff;
}

#contents p {
  padding:15px 25px 0px 20px;
}

#topic_path {
  padding:10px 0px 5px 0px;
  background:url('images/topic_path_background.jpg') bottom no-repeat;
}

#topic_path li {
  display:inline;
  list-item-position:inside;
}

#tab_link {
  width:560px;
  margin-top:15px;
  background:url('images/tab_link_background.jpg') bottom no-repeat;
}

#tab_link li {
  display:inline;
  list-item-position:inside;
  margin-right:2px;
}

#tab_link img {
  vertical-align:bottom;
}

#tab_contents {
  margin-top:0px;
  padding:1px 10px 20px 10px;
  border-left:1px #b6bac8 solid;
  border-right:1px #b6bac8 solid;
  border-bottom:1px #b6bac8 solid;
}

/* footer */
#footer {
  clear:both;
  padding-top:10px;
  text-align:center;
  background:url('images/footer_background.jpg') no-repeat;
}

#footer li {
  display:inline;
  list-item-position:inside;
  margin-left:10px;
  padding-right:10px;
  border-right:1px #333333 solid;
}

#footer li.end {
  margin-left:10px;
  padding-right:10px;
  border-right:none;
  display:inline;
  list-item-position:inside;
  list-style:none;
}

/* copyright */
#copyright {
  margin-top:10px;
  padding:8px 15px 10px 10px;
  color:#ffffff;
  text-align:center;
  background:url('images/copyright_background.jpg') no-repeat;
}

#copyright a {
  color:#ffffff;
  text-decoration:none;
}

/* 4. Common setting（2）
-------------------------------------------------------------------- */
table.layout {
  margin:15px 25px 0px 20px;
}

table.layout td {
  padding:5px;
}

table.layout_border {
  margin:15px 25px 0px 20px;
  border:1px #dcdcdc solid;
}

table.layout_border td {
  padding:5px;
  border:1px #dcdcdc solid;
}

.item {
  background-color:#b0b3d1;
}

.no_list {
  list-style-type:decimal;
  margin:20px 20px 0px 40px;
}

.chart_c {
  padding:8px 5px 10px 25px !important;
  font-weight:bold;
  background:url('images/chart_c_background.jpg') no-repeat;
}

.chart_h {
  padding:8px 5px 10px 25px !important;
  background:url('images/chart_h_background.jpg') no-repeat;
}

.arrow_list {
  margin:20px 25px 0px 20px;
}

.arrow_list li {
  padding-left:15px;
  background:url('images/arrow_blue.gif') 0px 6px no-repeat;
}

/* 5. Font
-------------------------------------------------------------------- */
.emphasis {
  color:#cc0000;
}

/* 6. Setting on each page-------------------------------------------------------------------- */
/* HOME */
#top_point {
  margin-top:10px;
}

#top_point h2 {
  margin-top:0px !important;
  padding:0px !important;
}

#top_point p {
  padding:8px 10px 10px 15px !important;
}

.point_left {
  width:275px;
  float:left;
  margin-bottom:10px;
  background:url('images/top_point_bottom.jpg') bottom no-repeat;
}

.point_right {
  width:275px;
  float:right;
  margin-bottom:10px;
  background:url('images/top_point_bottom.jpg') bottom no-repeat;
}

#top_news {
  margin:10px 0px 0px 0px;
  clear:both;
}

#top_news h2 {
  padding:0px !important;
}

#top_news dl {
  margin:10px 0px 0px 10px;
}

#top_news dt {
  float:left;
  width:90px;
  clear:both;
  font-weight:bold;
}

#top_news dd {
  margin-left:90px;
}

#top_news dd a {
  display:block;
  padding-left:28px;
  color:#0f218b;
  text-decoration:none;
  background:url('images/arrow_top_news.jpg') 0px 6px no-repeat;
}

#top_news dd a:hover {
  color:#ff6600;
  text-decoration:none;
  background:url('images/arrow_top_news_on.jpg') 0px 6px no-repeat;
}

#top_news p {
  margin:15px 0px 0px 10px;
  padding:0px 0px 0px 0px;
}

p#layout_ls {
	clear:both;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

table.layout_taiyaku {
	margin-top:20px;
	border:1px #bec2ce solid;
	background:url('../img/bg_top_taiyaku.jpg') left bottom repeat-x;
}
	table.layout_taiyaku td {
		padding:10px 5px 10px 5px;
		text-align:center;
	}
		table.layout_taiyaku td a {
			color:#333333;
			text-decoration:none;
		}

/* ブログページ */
p.date {
	margin-top:30px !important;
	text-align:right;
}

.page_top {
	margin-top:0px !important;
	text-align:right;
}

#navi {
	margin-top:70px;
	text-align:center;
}

#navi li {
	display:inline;
	list-item-position:inside;
	margin-left:9px;
	padding-right:10px;
}