/*-----------------------------------------------
OHC Base Styles
Author:   Kazuaki Matsumoto
Version:  1 Oct 2007
-----------------------------------------------*/

@charset "utf-8";

/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	background-image:url(../images/bg_pg_blue.gif);
	background-repeat:repeat;
	font-size:85%;
	/*	font-size:74.5%;*/
	font-family:verdana, "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "lr oSVbN", "MS PGothic", Sans-Serif;
	/*	font-weight:bold;*/
	color:#666666;
	text-align:center;
	line-height:1.5;
}

html {
	overflow-y:scroll;
}

p {
	margin:0 0 1em;
}

li {
	list-style:none;
	line-height:1.3;
}

img,
fieldset {
	border:0;
}


/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a {
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}


/*-----------------------------------------------
 __container
-----------------------------------------------*/

#container {
	width:66em;
	margin:0 auto;
}

/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
	/*	margin-bottom:10px;*/
	width:66em;
	float:left;
	height:88px;
	/*	background-image:url(../images/header_back_top_1.jpg);
	background-position:right;
	background-repeat:no-repeat;*/
	background-color:#FFFFFF;
}
#header #header_left {
	float:left;
	margin:0em;
	height:88px;
	width:6em;
	background-color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
}

#header #header_right {
	/*	margin-bottom:10px;*/
	padding-top:0px;
	margin:0em;
	float:right;
	height:88px;
	width:50em;
}

/*#header h1 {
	padding:10px 0px 0;
}

#header p#siteDescription {
	padding:0 15px 10px 30px;
}*/

/*-----------------------------------------------
 __nav
-----------------------------------------------*/

#nav {
	/*  margin-top:-1em;*/
  background-image:url(../images/nav_back_2.jpg);
	background-repeat:repeat-x;
	background-position:center;
	float:left;
	width:100%;
	border:solid #666666;
	border-width:1px 0;
  }
.home #nav {
/*  background-position:0 -70px;*/
  }
#nav ul {
  margin:0;
  padding-left:10px;*/
  list-style:none;
  text-align:center;
  }
#nav li {
  float:left;
  margin:0;
  padding:0;
  line-height:normal;
  text-indent:0;
  }
#nav a, #nav strong {
  display:block;
  padding:5px 10px 6px;
  border:solid #666666;
  border-width:0 1px 0 0;
  color:#ACE;
  font-weight:bold;
  text-decoration:none;
  white-space:nowrap;
  }
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav a {
  width:1%;
  }
#nav #current strong, #nav #current a {
  background-image:url(../images/nav_back_2.jpg);
  background-repeat:repeat-x;
  }
#nav a:hover, #nav #current a:hover strong, #nav #current strong {
  color:#FFFFFF;
  }
#nav a:hover {
  background-repeat:no-repeat;
  }
#nav a strong, #nav #current a strong {
  background:none;
  padding:0;
  border:none;
  }
#nav #h {
  border-left-width:1px;
  }


/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
	clear:both;
	width:66em;
	margin-bottom:1em;
	padding:5px 0;
	background:#D6D6D6;
}

#footer ul {
	margin:0 auto 5px;
	text-align:center;
}

#footer ul li {
	display:inline;
	margin-right:5px;
	padding-left:10px;
	line-height:1.1;
	border-left:1px solid white;
}

#footer ul li.utilityHome {
	border-left:0;
}

#footer p#copyright {
	text-align:center;
	margin-bottom:0;
}


/*-----------------------------------------------
 __contents
-----------------------------------------------*/

#contents {
	width:66em;
	float:left;
	background-color:#FFFFFF;
}

/*-----------------------------------------------
 __main
------------------------------------------*/

#main {
	float:right;
	width:48em;
/*	padding:1em;
	color:black;*/
	background:#FFFFFF;
	background-position:top;
	border-left:1em solid white;
}

#contents #main {	/* IE6p */
	border-left-width:.9em;
}

#contents #main #main_upper_left {
	float:left;
	padding-top:70px;
	width:16em;
	text-align:left;
}

#contents #main #main_upper_left  ul {
	padding-left:1.5em;
}

#contents #main #main_upper_left  ul li{
	font-size:85%;
	padding-left:1px;
	list-style-position:outside;
	list-style-image:url(../images/list_style_1.gif);
	color:#339933
}

#contents #main #main_body {
	float:left;
	margin-top:3em;
	width:46em;
	text-align:left;
}

#contents #main #main_body #main_left {
	float:left;
	padding:0;
	/*	margin-top:70px;
	padding-top:13em;*/
	width:19em;
	margin-top: 0em;
	margin-bottom: 1em;
}

#contents #main #main_body #main_left #main_left_under {
	/*	float:left;*/
	padding:0;
	width:19em;
	margin-top: 5em;
	margin-bottom: 1em;
}

#contents #main #main_body #main_right {
	float:right;
	padding:0;
	/*	padding-top:13em;*/
	width:26em;
	margin-top: 3em;
	margin-bottom: 1em;
}

#main_middle {
	float:none;
	padding:0;
	/*	margin-top:70px;
	padding-top:13em;*/
	width:25em;
	margin-left:4em;
	margin-top: 1em;
	margin-bottom: 1em;
}


/*-----------------------------------------------
 __sub
------------------------------------------*/

#sub {
	float:left;
	width:15em;
	margin-right:-1em;
	padding:1em;
	background:#FFFFFF url(../images/sub_back_1.jpg) no-repeat;
/*	background:#AB099F;*/
}

#sub_2 {
	float:left;
	width:15em;
	margin-right:-1em;
	padding:1em;
}

#sub-menulist {
	margin-left:-1em;
	padding-left:47px;
	width:auto;
	text-align:left;
}

#sub-menulist h3 {
/*	margin-bottom:5px;*/
	font-size:120%;
/*	color:white;*/
	letter-spacing:1px;
	padding-left:5px;

}

#sub-menulist ul {
	margin:0;
/*	padding:5px;*/
/*	background:white;
	border:1px solid #999;*/
}

#sub-menulist ul li {
	margin:5px 0;
/*	background-image: url(../images/sub_menu_back_1.gif);
	background-position:right;*/
}

#sub-menulist a, #sub-menulist strong  {
  text-decoration:none;
  white-space:nowrap;
}

#sub-menulist_2 {
	margin-left:-1em;
	margin-top:-1em;
	padding-left:47px;
	width:auto;
	text-align:left;
}


#sub-menulist_2 ul {
	margin:0;
/*	padding:5px;*/
/*	background:white;
	border:1px solid #999;*/
}

#sub-menulist_2 ul li {
	margin:5px 0;
/*	background-image: url(../images/sub_menu_back_1.gif);
	background-position:right;*/
}


.sub-menu-list_1 {
	background-image:url(../images/sub_menu_back_1.gif);
	background-position:right;
	font-weight:bold;
	padding:0 5px;
}

.sub-menu-list_1 a{
	color:#446699;
}

.sub-menu-list_1 a:hover{
	color:#112233;
}

.sub-menu-list_2 {
	background-image:url(../images/sub_menu_back_2.gif);
	background-position:right;
	font-size:80%;
	margin-left:1em;
	font-weight:normal;
	padding:0 15px;
}

.sub-menu-list_2 a{
	color:#E4F4FF;
}

.sub-menu-list_2 a:hover{
	color:#FFFFFF;
}
#ar_head {
	font-size: larger;
	font-weight: bold;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
	margin-top: 0em;
	margin-bottom:0.5em;
}
#ar_body {
	text-align:left;
	margin-top: 0.5em;
	margin-bottom:0em;
	margin-left: 1em;
	margin-right:1em;
}
#ar_body2 {
	text-align:left;
	margin-top: 0.3em;
	margin-bottom:0em;
	margin-left: 1em;
	margin-right:1em;
	color:#ff9a63;
}
#ar_body3 {
	text-align:left;
	margin-top: 0em;
	margin-bottom:0em;
	margin-left: 1em;
	margin-right:1em;
}
#ar_body4 {
	text-align:center;
	margin-top: 0em;
	margin-bottom:0em;
	margin-left: 1em;
	margin-right:1em;
}
#ar_body_li {
	font-size: 90%;
	text-align:left;
	margin-top: 0em;
	margin-bottom:0em;
	margin-left: 2em;
	margin-right:1em;
}
#ar_body_sub {
	font-size: 85%;
	text-align:left;
	margin-top: 0em;
	margin-bottom:0em;
	margin-left: 4em;
	margin-right:1em;
}

#ar_title {
/*  margin-top:-1em;*/
	background-image:url(../images/ar_head_back.jpg);
	background-position:right bottom;
	margin: 1em;
  }

#ar_head2 {
	font-size: larger;
	font-weight: bold;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
	margin-top: 0em;
	margin-bottom:0.5em;
}

#ar_title2 {
	/*  margin-top:-1em;*/
	background-image:url(../images/ar_head_green_back.jpg);
	background-position:right bottom;
	margin:1em 15em;
  }

#ar_body_block {
	background-image:url(../images/ar_body_green_back.jpg);
	background-position:right bottom;
	margin:0em 10em 3em;
  }

#ar_head3 {
	font-size: larger;
	font-weight: bold;
	color:#FFFFFF;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
	margin-top: 0em;
	margin-bottom:0.5em;
}

#ar_title3 {
	/*  margin-top:-1em;*/
	background-image:url(../images/ar_head_blue_back.jpg);
	background-position:right bottom;
	margin:2em 11em 0em 11em;
  }

#ar_head4 {
	font-size: larger;
	font-weight: bold;
	color:#444444;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
	margin-top: 0em;
	margin-bottom:0.5em;
}

#ar_title4 {
	/*  margin-top:-1em;*/
	background-image:url(../images/ar_head_paleblue_back.jpg);
	background-position:right bottom;
	margin:0em 5em;
  }

#norep_left {
	background-repeat:no-repeat;
	background-position:left;
  }
#norep_right {
	background-repeat:no-repeat;
	background-position:right;
  }
#norep_right_btm {
	background-repeat:no-repeat;
	background-position:bottom right;
  }
#norep_center {
	background-repeat:no-repeat;
	background-position: center;
  }
#img_mid {
	vertical-align:middle;
  }
/*-----------------------------------------------
 __TabMenu
-----------------------------------------------*/
/* --- ナビゲーションバー --- */
.tab_nav {
width: 100%; /* ナビゲーションの幅 */
padding-top: 20px; /* ナビゲーションの上パディング */
background-color: #ffffff; /* ナビゲーションの背景色 */
font-size: 80%;
}

/* --- メニューエリア --- */
.tab_nav .nl {
width: 97%; /* メニューの幅 */
margin: 0 auto; /* メニューのマージン（上下、左右） */
padding: 0;
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
.tab_nav .nl li {
width: 10em; /* タブの幅 */
margin-right: 4px; /* タブの右マージン */
background: #f9f9f9 url(../images/tab_gen2_left.gif) no-repeat left top; /* タブの背景（左） */
float: left;
}

/* --- リンク --- */
.tab_nav .nl li a {
display: block;
position: relative; /* IE6用 */
padding: 6px 2px 5px 2px; /* リンクエリアのパディング（上右下左） */
background: url(../images/tab_gen2_right.gif) no-repeat right top; /* タブの背景（右） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.tab_nav .nl li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- アクティブなタブ --- */
.tab_nav .nl li.active {
background: #004080 url(../images/tab_act2_left.gif) no-repeat left top; /* タブの背景（左） */
}
.tab_nav .nl li.active a {
background: url(../images/tab_act2_right.gif) no-repeat right top; /* タブの背景（右） */
color: #ffffff; /* アクティブタブの文字色 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/* --- 見出し --- */
h2 {
position: relative; /* Netscape7用 */
margin: 0;
padding: 5px 10px 3px 28px; /* 見出しのパディング（上右下左） */
background: #004080 url(../images/heading_icon.gif) no-repeat 8px; /* 見出しの背景 */
border-bottom: 1px #002448 solid; /* 見出しの下枠線 */
font-size: 110%; /* 見出しの文字サイズ */
color: #ffffff; /* 見出しの文字色 */
}