/* ##### ページ全体の定義 ##### */

body {
	margin: 0px;
	width: 100%;
	height: 100%;
	font-size: 100%;
	line-height: 150%;
	font-family: 'lucida grande','tahoma','verdana,arial','Hiragino Kaku Gothic Pro','Meiryo','sans-serif';
	background-color: #FFFFFF;
	color: #4B4B4B;
	text-align: center;
	background-image: url(../../../images/bg.jpg);
	background-repeat: repeat-x;
}
img { border: 0; }
a img { border: 0; }

.style1 {
	color: #574600;
	font-size:12px;
	line-height:18px;
}
.style2 {
	color: #FF3300;
	font-weight: bold;
}
.style3 {
	color: #FF5A00;
	font-weight: bold;
}

.style4 {
	color: #FF0000;
	font-weight: bold;
	border-bottom: solid 1px darkorange;
	border-right: solid 1px darkorange;
	border-top: solid 1px darkorange;
	border-left: solid 1px darkorange;
	padding: 5px 5px 5px 5px;
}

.style5 {
	color: #FF3300;
	font-size:12px;
}

.text_j18 {font-size:18px;line-height:120%;font-family:"lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;}
.text_j16  {font-size:16px;line-height:125%;font-family:"lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;}
.text_j15  {font-size:15px;line-height:120%;font-family:"lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;}
.text_j14  {font-size:14px;line-height:110%;font-family:"lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;}
.text_j12  {font-size:12px;line-height:18px;font-family:"lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;}
.text_j11  {font-size:11px;line-height:12px;font-family:"lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;}

.text_j120 {font-size:120%;line-height:120%;font-family:"lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;}
.text_j100 {font-size:100%;line-height:110%;font-family:"lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;}
.text_j80  {font-size:80%;line-height:110%;font-family:"lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;}
.text_j70  {font-size:70%;line-height:110%;font-family:"lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;}

.text_e18  {font-size:18px;line-height:24px;font-family:"Verdana","Arial", "Helvetica", "sans-serif"}
.text_e16  {font-size:16px;line-height:22px;font-family:"Verdana","Arial", "Helvetica", "sans-serif"}
.text_e15  {font-size:15px;line-height:22px;font-family:"Verdana","Arial", "Helvetica", "sans-serif"}
.text_e14  {font-size:14px;line-height:24px;font-family:"Verdana","Arial", "Helvetica", "sans-serif"}
.text_e12  {font-size:12px;line-height:20px;font-family:"Verdana","Arial", "Helvetica", "sans-serif"}


/* ##### アンカータグの定義 ##### */

/* 文字装飾 */
a {
	text-decoration: none;
	}

/* 通常のリンクの色 */
a:link {
	color: #0066FF;
	}

/* 読み込み済みのリンクの色 */
a:visited {
	color: #0000FF;
	}

/* クリックされた瞬間のリンクの色 */
a:active {
	color: #FF0033;
	}

/* マウスを上に乗せた時の色 */
a:hover {
	color: #33CCFF;
	text-decoration: underline;
	}

/* ##### タイトルの定義 ##### */

#header {
	text-align: left;
}

#title {
	text-align: center;
}
#title img{
	text-align: center;
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

#header h1{
	text-align: left;
	color: #FFFFFF;
	padding: 2px 0px 0px 10px;
	margin: 0 0 0 0;
}


/* ##### コンテナの定義 ##### */

#container {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	height:100%;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}

#container_form {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	height:100%;
	background-color: #FFFFFF;
	padding-bottom: 10px;
}

/* ##### 階層ナビゲーション ##### */

#hierarchical {
	margin: 0px;
	padding: 3px 5px;
	text-align: left;
}

#powered_by {
	font-size: 10px;
	color: #999999;
}

#powered_by a {
	color: #999999;
	font-weight: bold;
}

/* ##### メイン ##### */
#main {
	width: 900px;
}


/* ##### メインエリア ##### */

#top_new {
	width: 300px;
	float:right;
}

#top_new h2 {
	font-size:16px;
	text-align: left;
	padding: 8px 0px 8px 10px;
	margin: 4px 10px 0px 10px;
	font-weight:bold;
	border-top: 3px solid #FB42C9;
	border-bottom: 1px dashed #CDCDCD;
}

#main_area {
	width: 730px;
	float:right;
}


/* ##### メニュー ##### */

#top_menu {
	width: 600px;
	float:left;
}

#top_menu h2 {
	font-size:16px;
	text-align: left;
	padding: 8px 0px 8px 10px;
	margin: 4px 10px 10px 10px;
	font-weight:bold;
	border-top: 3px solid #02D5DD;
	border-bottom: 1px dashed #CDCDCD;
}

#menu_area {
	width: 170px;
	float:left;
}

#menu_area_body {
	text-align:left;
	background-image: url(../../../images/side_bg.gif);
	margin: 0px 0px 0px 0px;
	border: 1px solid #263A45;
}



/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/vertical-concertina-6.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* #slide height = (number of top level links - 1) * height of links + inner div height */

#slide
{
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: hidden;
  font-size: 12px;
  line-height: 18px;
}

#slide li.sub,#slide li.top
{
	display:block;
	text-decoration:none;
	color: #000000;
	margin: 5px 5px 5px 5px;
	background-image: url(../../../images/sell_bg.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	overflow: hidden;
	cursor: pointer;
}


#slide li.sub, #slide li.top a
{
  text-decoration: none;
  color: #000000;
  display: block;
  padding:5px 5px 5px 15px;
  height: 17px;
}

#slide li.top_new a
{
	background-color: #FEFFE1;
	background-image: url(../../../images/sell_bg.gif);
	background-repeat: no-repeat;
}


#slide li.top a:hover
{
	text-decoration:none;
	background-image: url(../../../images/sell_bg_o.gif);
	background-repeat: no-repeat;
}
#slide li.clicked
{
	text-decoration:none;
	background-image: url(../../../images/sell_bg_o.gif);
	background-repeat: no-repeat;
}

#slide li.highlight
{
	text-decoration:none;
	background-image: url(../../../images/sell_bg_o.gif);
	background-repeat: no-repeat;
}

/* #slide li.sub div height = (maximum sub lines * sub line height) + top level link height(variable fY in jQuery) */

#slide li.sub div
{
  background: #fff;

}
#slide li div ul
{
  padding: 0;
  margin: 0;
  list-style: none;
}
#slide li div ul li
{
  float: left;
  width: 100%;
}
#slide li div ul li a
{
  padding: 5px 5px 5px 12px;
  margin: 5px 0px 5px 0px;
  color: #000000;
  text-decoration: none;
  background: #fff;
  font-size: 12px;
  display: block;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 17px;
}
#slide li div ul li a:hover
{
  color: #000000;
}



/* ##### エントリー ##### */

.index_menu {
	width: 580px;
	margin: 10px 0px 10px 10px;
}

.index_menu_left {
	width: 280px;
	float:left;
	margin: 10px 0px 10px 0px;
}

.index_menu_right {
	width: 280px;
	float:right;
	margin: 10px 0px 10px 0px;
}


dl.list_index {
	margin:10px 10px 10px 20px;
	padding:0px;
	width: 270px;
	font-size: 90%;
	line-height: 120%;
}

dl.list_index dt {
	margin:12px 0px 0px 0px;
	float: left;
}

dl.list_index dd {
	margin:4px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear: both;
	text-align:left;
}





#main_area_index {
	text-align:left;
	background-color: #FFFFFF;
}

#main_area_index h2 {
	color:#333333;
	font-size:14px;
	padding-left:35px;
	margin: 10px 10px 0px 10px;
	font-weight:bold;
	background-image: url(../../../images/h2_bg.jpg);
	background-repeat: no-repeat;
	height: 40px;
	line-height: 40px;
}

#main_area_body {
	padding: 15px 0px 0px 0px;
	text-align:left;
	background-color: #FFFFFF;
	background-image: url(../../../images/title_under.gif);
	background-repeat: no-repeat;
}

#main_area_body h2 {
	color:#333333;
	font-size:14px;
	padding-left:35px;
	margin: 10px 10px 0px 10px;
	font-weight:bold;
	background-image: url(../../../images/h2_bg.jpg);
	background-repeat: no-repeat;
	height: 40px;
	line-height: 40px;
}

/* safari only \*/
body:last-child:not(:root:root) #main_area_body h2 {
	padding-top:0px;
	font-weight:normal;
}

#main_area_body h3 {
	margin: 10px 0px 10px ;
	padding: 0px 0px 0px 6px;
	font-size: 14px;
	clear:both;
	border-left: solid 5px #476C83;
	border-bottom: dotted 1px #9A9A9A;
	color:#192329;
	line-height:180%;
}

#main_area_body img {
	vertical-align: top;
}

.main_body {
	text-align: left;
	padding: 0px 20px 0px 20px;
	font-size: 100%;
	line-height: 150%;
}

.main_body_index {
	text-align: left;
	line-height: 18px;
	padding-left: 10px;
	padding-right: 20px;
}

.main_body_index2 {
	text-align: left;
	line-height: 18px;
	padding-left: 10px;
	padding-right: 20px;
	font-size: 12px;
	background-color: #F9F9F9;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 3px dashed #08429A;
}

.main_body_index2 h2 {
	color: #223035;
	padding-left: 5px;
	border-width: 0px 0px 2px 10px;
	border-style: solid;
	border-color: #01CECC;
	line-height: 140%;
	font-size: 14px;
	margin-left: 2px;
	clear:both;
}

.main_body li {
	margin-top: 10px;
}

caption{
	padding:0 0 0px 3px;
	border-left: solid 5px #476C83;
	font-size: 14px;
	font-weight: bold;
	color:#192329;
	text-align:left;
	height: 25px;
}

.speaker img {
	vertical-align: top;
	float: right;
}
.speaker_bg {
	background-color: #F2F2F2;
	width: 370px;
	padding:2px 2px 2px 2px;
}

.p_links table, th, td{
	border:none;
}

.p_links a:link, .p_links a:visited, .p_links a:active {
	text-decoration:underline;
}

.p_links a:hover {
	text-decoration:underline;
}

.p_links td{
	padding:3px;
	font-size: 12px;
	border-right: solid 1px #E6E6E6;
	border-bottom: solid 1px #E6E6E6;
}

.prog table, th, td{
	border:none;
}

.prog a:link, .prog a:visited, .prog a:active {
	text-decoration:underline;
}

.prog a:hover {
	text-decoration:underline;
}

.prog td{
	padding:3px;
	font-size: 12px;
	border-bottom: solid 1px #E6E6E6;
}

.leftcell{
	border-left: solid 1px #E6E6E6;
}

.topcell{
	border-top: solid 1px #E6E6E6;
}

.topcell_symp{
	border-top: solid 1px #E6E6E6;
	background-color: #F5F5F5;
}

.topcell_dt{
	border-top: solid 1px #E6E6E6;
	text-align:center;
	background-color: #F7FFFF;
}

.topcell_at{
	border-top: solid 1px #E6E6E6;
	background-color: #FFFFF0;
}


.logbox{
	width: 150px;
	_width: 150px;
	height: 360px;
	_height: 370px;
	overflow: auto;
	font-size: 100%;
	line-height: 150%;
	padding: 0px 0px 0px 10px;
	margin:0px 0px 0px 10px;
}


.view table, th, td{
	border: solid 1px #E6E6E6;
}

.org table, th, td{
	border: 0;
}

h4 {
	font-size: 14px;
	line-height: 22px;
}

.profile img{
	float:left;
	margin-right: 10px;
}

.profile {
	margin-top: 30px;
	margin-bottom: 30px;
}

.square{
	font-weight:bold;
	color: #F26522;
}

.question{
	font-size;xx-large;
	font-weight:bold;
	color: #000000;
}

.anser{
	line-height:140%;
	color: #000000;
}


/* footer ----------------------------------------------------------------- */

#footer {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	height:100%;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	text-align: right;
}

.menu_under {
	font-size:12px;
	font-weight: normal;
	padding-right: 10px;
	padding-top: 2px;
	margin:0px 0px 0px 10px;
}

.footer_jimu {
	font-size:120%;
	margin:0px 10px 0px 0px;
} 

#copyright {
	font-size:10px;
	text-align:center;
}

#copyright a {
	text-decoration: none;
	color: #333333;
}

hr.foot {
   margin:0px 0px 0px 0px;
   clear: both;
   width: 100%;
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #DEDEDF; /* 線色 */
   height: 1px; /* 高さ */
}
