@charset "utf-8";
/* CSS Document */

body{
	background-color:#003300;
	color:#000000;
/*	font-size:small;
    font-family: "ＭＳ Ｐゴシック", "Lucida Grande", Osaka, sans-serif;	*/
    font-family : 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'メイリオ' , Meiryo ,'ＭＳ Ｐゴシック' ,Arial, sans-serif;
    font-size:12px;

}
/*-- link color (text) --*/
a:link    { color:#003300; }
a:visited { color:#003333; }
a:hover   { color:#669933; }

/*-- link color (nav) --*/
a.menu:link    { color: #000000; text-decoration:none; }
a.menu:visited { color: #595959; text-decoration:none; }
a.menu:hover   { color: #8e8e8e; text-decoration:none; }

/*-- header--*/

#header {
	float:left;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	width: 750px;
	border-left-style:solid;
	border-left-color:#003300;
	border-left-width:25px;
	text-align: right;
	clear: both;
}
#header ul {
	margin: 20px 20px;
}

/*-- contentsarea (including menu_index and content)--*/
#contentarea {
    width: 750px;
	float:left;
	background-image: url(../image/bk_w.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	white-space: normal;
	border-left-style: solid;
	border-left-color: #003300;
	border-left-width: 25px;
}

/*-- left_menu --*/
#menu_index {
    width: 225px;
	float: left;
	background: #FFFFFF;
	background-image: url("../image/6pillars_acik_sml.jpg");
	background-position: bottom;
	background-repeat: no-repeat;
}

/*-- content(right) --*/
div#content {
    width: 490px; 
	float: left; 
	background: #ffffff;
}
#content p  {
	/*line-height: 1.2em;*/
	line-height: 150%;
}
#footer {   
    clear: both; 
    width: 100%;
	float: left;
	background: #ffffff;
	border-top: thin solid #000000
}
#footer p.info {
    margin: 0 0 10px 20px;
}

/*-- left_menu_image --*/
	
#menu_list {
	list-style-image: url(../image/square_orng.gif);
	letter-spacing:0.2em;
}

/*-- left_menu_image --*/


.divider {display: none;}

.divider_bk {
		color:#000000;
		width: 90%;
}
div, p, h1, h2, h3, h4 {
    margin: 0px;
	padding: 0px;
}
h1 {
    margin-bottom: 20px;
	padding: 10px;
/*	font-size:small;*/
	font-size:14px;
	font-weight: bold;
	text-indent: 5px;
	background-color: #99ccff;
	border-left-width: 15px;
	border-left-color: #000066;
	border-left-style: solid;
}

h2 {
    margin: 20px 0px 10px 0px;
/*	font-size:small;*/
	font-size:12px;
	font-weight:bold;
	text-indent:18px;
	background-image:url(../image/square_bl_toumei.gif);
	background-repeat:no-repeat;
}

h3 {
    margin: 15px 0px 5px 0px;
/*	font-size:small;*/
	font-size:12px;
	font-weight:bold;
	text-indent:18px;
	background-image:url(../image/tr_bl_toumei.gif);
	background-repeat:no-repeat;
}

h4 {
    margin: 15px 0px 5px 0px;
/*	font-size:small;*/
	font-size:12px;
	font-weight: bold;
}
li.in_line {
	display: inline;
	padding-left: 20px;
	background: url(../dot.png) no-repeat;
}
.in_line {
    padding-left:0;
	background:transparent;
} 
.menu_blnk {
	vertical-align: top;
	line-height: 150%;
}
p.to_top {
    margin: 0 0 10px 0;
	text-align: right;
	line-height: 1.5em;
}

.midashi_indent {
	text-indent:30%;
}
.nokta_yok {
	list-style-type: none;
	text-indent: -1em;
}

.copyright {
	line-height:160%

}
.mein_text {
	line-height:120%;
	word-break:nomal;
	text-align:justify;
	padding-left:15px;
}

.mein_text_tab1 {
	line-height:120%;
	word-break:nomal;
	text-align:justify;
	padding-left:25px;
}

/*-- 2008.05 ----------------------*/
ul.normal {
    margin: 0 0 10px 1em;
    padding: 0;
	line-height: 150%;
}
/*-- h2_area --*/
div.h2_area {
    margin: 0 0 15px 1.5em;
}
div.h2_area p {
    margin: 0 0 5px 0;
}
/*-- h2_area --*/

/*-- h3_area --*/
div.h3_area {
	margin: 0 0 15px 1.5em;
    padding: 0px;
}
div.h3_area p {
    margin: 0 0 5px 0;
}
/*-- h3_area --*/

/*-- h4_area --*/
div.h4_area {
	margin: 0 0 15px 1.5em;
    padding: 0px;

}
div.h4_area p {
    margin: 0 0 5px 0;
}
/*-- h3_area --*/


form.right {
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 9px;
}
/*-- index_area --*/
div#index_area {
    margin-top: 20px;
    padding: 0;
    text-align: center;
}
div#index_area p {
    margin-bottom: 15px;
    padding: 0;
    text-align: center;
	font-weight: bold;
}
/*-- index_area --*/

/*-- 2008.05 ---------------------*/

.inline_text {
	line-height:150%;
	text-align:justify;
}

/*-------------------*/
/*   JaCME 備品一覧  */
/*-------------------*/
table.equipment {
    width: 470px;
	background-color: #FFFFFF;
    border-bottom: 1px solid #666666;
}
table.equipment th  { 
	 text-align: center;
	 vertical-align: top;
     background-color: #66CC33;
}
table.prog td.bihin {
	 text-align: left;
	 background-color: #ffffff;
}
table.prog td.kazu { 
	 text-align: left;
	 background-color: #ffffff;
} 
table.prog td.biko { 
	 text-align: left;
	 background-color: #ffffff;
} 
a.tbl:link {
	color: #444444;
	text-decoration: none;
}
a.tbl:visited {
	text-decoration: none;
	color: #444444;
}
a.tbl:hover {
	color: #666666;
	text-decoration: underline;
}
a.tbl:active {
	color: #444444;
	text-decoration: none;
}

.bg_clrc90 {
	background-color:#CC9900;
}

.bg_clrf90 {
	background-color:#FF9900;
}

.bg_clr6c3 {
	background-color:#66CC33;
}

.bg_clr9cf {
	background-color:#99ccff;
}

p.mrg {margin:2px}

/*-- table --*/

/*-- 2008.05 ---------------------*/
/*-------------------*/
/*   topicPath       */
/*-------------------*/
ol.topicPath {
    margin: 15px 0;
    padding: 0;
	list-style: none;
    text-align: left;
}
ol.topicPath li {
    display: inline;
}
ol.topicPath li a {
    padding-right: 12px;
	background: url(../image/topic_path.gif) no-repeat right center;
}
/*------------------------*/
/*   h3_area order list   */
/*------------------------*/
ol.h3_ol {
    margin: 0 0 0 2em;
    padding: 0;
	list-style: decimal; 
}
/*------------------------*/
/*   ottoman_map area     */
/*------------------------*/
div.map_area {
    clear: both;
	margin: 0 0 25px 1.5em;
    padding: 0px;
}
img.map {
  float:left;
  margin: 0 20px 5px 0;
  padding: 2px;
  border : 1px solid #d4d4d4;
} 
a:hover img.map {
  border-color: #000000;
} 
ul.circle {
    margin: 0 0 10px 1em;
    padding: 0;
	line-height: 150%;
}
ul.circle li {
    list-style-type: circle;
}
/*------------------------*/
/*   共通                 */
/*------------------------*/
p.title_center {
    text-align: center;
    font-weight:bold;
    line-height: 170%;
}
span.petit {
    font-size: 9px;
	vertical-align: top;
}
/*=======================*/
/*    海外拠点           */
/*=======================*/
dl#base_news {
     clear: both;
	 height: 250px;
     padding: 10px;
     border: 1px solid #999999;
     overflow: auto;
}
dl#base_news dt {
     font-weight: bold;
}
dl#base_news dd {
     margin: 5px 0 15px 1.0em;
}
dl#base_news p {
     margin-bottom: 5px;
}
#base_news img {
     float: left;
	 margin: 0 10px 5px 0px;
}
ul.base {
	 padding-left: 1.5em;
     list-style-type: disc;
}
ul.base li{
	 margin-top: 10px;
}

.left_img {               /* 画像左寄せ */ 
     clear: both;
	 margin-bottom: 10px;
}
.left_img img {
     float: left;
	 margin-right: 10px;
}
/*<---*/

.base_about {
	 margin-bottom: 10px;
}
.base_about p.list {
	 font-weight: bold;
}
.base_about div.m_left1 {
     margin-left: 1em;
}
.base_about div.m_left1 p{
     margin-bottom: 5px;
}
.base_about ul {
	 padding-left: 2.0em;
	 list-style-type: disc;
}
.base_about ul li{
	 margin-bottom: 5px;
}
.base_about ol {
	 padding-left: 2.0em;
	 list-style-type: decimal;
}
.base_about ol li{
	 margin-bottom: 5px;
}
.base_about div.detail {
     margin-left: 1em;
	 line-height: 120%;	
}

img.expansion {                   /* クリックで画像拡大 */
     margin: 0;
     padding: 2px;
     border : 1px solid #d4d4d4;
} 
a:hover img.expansion {
     border-color: #000000;
}  
/*<---*/

img.expansion_margin {                   /* クリックで画像拡大＆右マージン */
     margin-right: 10px;
     padding: 2px;
     border : 1px solid #d4d4d4;
} 
a:hover img.expansion_margin {
     border-color: #000000;
}  
/*<---*/