/*********************************************/
/********** -初期化　 ************************/
/*********************************************/

/********** --再定義 **********/
*{
	  margin: 0;
	  padding: 0;
	  font-size: 100%;
	  font-style: normal;
}

ul,ol {
	list-style-type: none;
}

img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	border: none;
}

table {
	border-collapse: collapse;
}

td, th{
	font-size: small;
}


/*********************************************/
/********** -基本設定 ************************/
/*********************************************/

/********** --ボディ **********/
body{
	font-size: small;
	line-height: 150%;
	height:100%;
}

/********** --テキスト **********/
body, td, th, input, select, option, textarea { color: #41392E;}

/********** --見出し **********/
h1,h2,h3,h4,h5,h6{
	font-weight: bold;
	line-height: 140%;
}
h1{
	font-size: 200%;
}
h2{
	font-size: 170%;
}
h3{
	font-size: 140%;
}
h4{
	font-size: 120%;
}
h5{
	font-size: 110%;
}

/********** --リンクスタイル **********/
a:link {	color: #669933; text-decoration:none;}
a:visited {	color: #669933; text-decoration:none;}
a:active {	color: #669933; text-decoration:none;}
a:hover {	color: #669933; text-decoration:underline;}

/********** --汎用クラス **********/

/***** ---フロート解除Ａ *****/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/***** ---フロート解除Ｂ *****/
.clr {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}
.clrBoth {
	clear: both;
}


/***** ---レイアウト *****/
.pCenter {
	width: 100%;
	text-align: center;
	}
.pLeft {
	text-align: left;
	}
.pRight {
	width: 100%;
	text-align: right;
	}

img.imgRight {
	float: right;
	}
img.imgLeft {
	float: left;
	}


/***** ---ボタンCENTER *****/
p.btnCenter {
	padding: 30px 0;
	width: 100%;
	text-align: center;
	}
p.btnLeft {
	padding: 30px 0;
	width: 100%;
	text-align: left;
	}
p.btnCenter10 {
	padding: 10px 0;
	width: 100%;
	text-align: center;
	}
p.btnCenter20 {
	padding: 20px 0;
	width: 100%;
	text-align: center;
	}


/*********************************************/
/********** -ボディコンテンツ ****************/
/*********************************************/

/** 引用 **/
blockquote{
	font-size:12px;
	line-height:130%;
	color:#000000;
	border-top: #999999 1px solid;
	border-bottom: #999999 1px solid;
	background-color: #EEEEEE;
}


/***** ---トピックリスト *****/
/** パターン5 **/
.pagetitle_a {
 background:URL(/template/1014/img/listicon_a1.gif) no-repeat left center;
 padding:3 0 3 18px;
 margin-left:10px;}

/** パターン6 **/
.pagetitle_b {
 background:URL(/template/1014/img/listicon_b1.gif) no-repeat left center;
 padding:3 0 3 22px;
 margin-left:10px;}

/***** ---サイトマップ *****/
/** パターン3・4 **/
.titletext_level1{
 background:URL(/template/1014/img/listicon_a1.gif) no-repeat left center;
 padding-left:15px;}
.titletext_level2{
 background:URL(/template/1014/img/listicon_a1.gif)  no-repeat left center;
 padding-left:15px;}



/*********************************************/
/********** -スキンデザイン*******************/
/*********************************************/


/********** --ヘッダー **********/
#header{
	width:100%;
	height:81px;
	background:url(/jp/shared/images/bg_header.gif) repeat-x;
	background-color:#143463;
}
/***** ---ロゴ *****/
.logo {
	margin:0;
	padding:0;
}
.logo a:hover{ background: none; }

/***** ---ヘッダーメニュー *****/
.headermenu_text{
 color:#7B6656;
 text-valign: bottom;
 padding:3px 10px 3px 10px;
 margin-top:0px;
 margin-bottom:5px;
 line-height:100%;
}
.headermenu_text a:link{
 color: #7B6656;
}
.headermenu_text a:visited{
 color: #7B6656;
}
.headermenu_text a:hover{
 color: #7B6656;
}

/********** --メインナビゲーション **********/
/***** ---メインメニュー *****/

div#nav{
width: 100%;
padding-bottom: 0;
background-image:url(/jp/shared/images/bg_nav.gif);
background-position: bottom;
background-repeat: repeat-x;
}

div#nav ul#mainmenu{
margin:0px 0px 0px 15px;
padding: 0;
height: 44px;
overflow: hidden;
}

div#nav ul#mainmenu li{
float: left;
margin: 0;
padding: 0;
width: 194px;
height: 44px;
overflow: hidden;
text-indent: -1000px;
}

div#nav ul#mainmenu li a{
display: block;
width: 194px;
height: 44px;
background-repeat: no-repeat;
background-position: 0 0;
}

div#nav ul#mainmenu li a:hover,
div#nav ul#mainmenu li.mainmenu_on a{
background-position: 0 -44px;
}

div#nav ul#mainmenu li#mainmenu_74 a{
background-image: url(/jp/shared/images/nav_home.gif);
}
div#nav ul#mainmenu li#mainmenu_5 a{
background-image: url(/jp/shared/images/nav_about.gif);
}
div#nav ul#mainmenu li#mainmenu_7 a{
background-image: url(/jp/shared/images/nav_join.gif);
}
div#nav ul#mainmenu li#mainmenu_8 a{
background-image: url(/jp/shared/images/nav_contact.gif);
}

div#nav ul#mainmenu li#mainmenu_home a{
background-image: url(/en/shared/images/nav_home.gif);
}
div#nav ul#mainmenu li#mainmenu_about a{
background-image: url(/en/shared/images/nav_about.gif);
}
div#nav ul#mainmenu li#mainmenu_how a{
background-image: url(/en/shared/images/nav_join.gif);
}
div#nav ul#mainmenu li#mainmenu_contact a{
background-image: url(/en/shared/images/nav_contact.gif);
}

div#nav ul#mainmenu li#mainmenu_home a:hover{
background-image: url(/en/shared/images/nav_home.gif);
}
div#nav ul#mainmenu li#mainmenu_about a:hover{
background-image: url(/en/shared/images/nav_about.gif);
}
div#nav ul#mainmenu li#mainmenu_how a:hover{
background-image: url(/en/shared/images/nav_join.gif);
}
div#nav ul#mainmenu li#mainmenu_contact a:hover{
background-image: url(/en/shared/images/nav_contact.gif);
}

div#nav ul#mainmenu li#mainmenu_home.here{
background-image: url(/en/shared/images/nav_home_ro.gif);
}
div#nav ul#mainmenu li#mainmenu_about.here{
background-image: url(/en/shared/images/nav_about_ro.gif);
}
div#nav ul#mainmenu li#mainmenu_how.here{
background-image: url(/en/shared/images/nav_join_ro.gif);
}
div#nav ul#mainmenu li#mainmenu_contact.here{
background-image: url(/en/shared/images/nav_contact_ro.gif);
}




/***** ---グーグルサーチ *****/

#hnav{
	width:100%;
	height:36px;
	background:url(/jp/shared/images/bg_hnav.gif) repeat-x;
	text-align:right;
}
form img{
	vertical-align:middle;
}
label img{
	margin-top:6px;
	vertical-align:middle;
}

form{
	margin-right:20px;
}

input{
	margin-top:6px;
	vertical-align:middle;
}


/***** ---ぱんくず *****/
#pan{
	clear:both;
	width:97%;
	margin:0 auto;
	text-align:left;
	background-color:#fff;
}
#pan p{
	text-align:left;
	padding:7px 0px;
}
#pan a{
	color:#103868;
}
	

/********** --ボディコンテンツ枠 **********/
#page{
	background-color:#fff;
}
#mainArea{
	width:97%;
	margin:0 auto;
	text-align:center;
	position:relative;
}
#bannerArea{
	position:absolute;
	top:0;
	right:0;
	width:200px;
	background-color:#fff;
}
#content{
	margin-right:220px;
	text-align:left;
}
#content2{
	margin-left:220px;
	text-align:left;
}
#content2 p{
	padding:0px 40px 20px 40px;
}
#content2 p.arrow{
	margin-left:20px;
	margin-bottom:10px;
	padding:0px 0px 0px 0px;
	padding-left:20px;
	background:url(/jp/join/images/arrow.gif) no-repeat 0% 50%;
}
#content2 a{
	text-decoration:underline;
	color:#11366a;
}
#content2 a:hover{
	text-decoration:none;
	color:#11366a;
}

#content2 .link a{
	padding:0px 0px 0px 20px;
	background:url(/jp/shared/images/list_mark01.jpg) no-repeat 0% 50%;
	text-decoration:none;
}
#content2 .link a:hover{
	padding:0px 0px 0px 20px;
	background:url(/jp/shared/images/list_mark01.jpg) no-repeat 0% 50%;
	text-decoration:underline;
}
#content2 .txtgreen{
	color:#018b7e;
	font-weight:bold;
}
#content2 .txtblue{
	color:#064289;
	font-weight:bold;
}
#content2 h2{
	width:100%;
	background:url(/jp/shared/images/bg_h2.gif) repeat-x;
	margin-bottom:20px;
}
#content2 h3{
	font-size:95%;
	background:url(/jp/shared/images/bg_h3.gif) no-repeat 0% 50%;
	padding-left:20px;
	margin-left:20px;
}
#content2 h3 .normal{
	font-weight:normal;
}


/********** --フッター **********/
#footer{
	clear: both;
	width:100%;
	background:url(/jp/shared/images/bg_footer.gif) repeat-x;
	background-color:#094e89;
	color:#fff;
}
#footer .finner{
	padding:20px 10px;
	text-align:right;
}
#footer .home{
	text-align:left;
	background:url(/jp/shared/images/list_mark04.gif) no-repeat 0% 50%;
	padding-left:15px;
	margin-left:10px;
}
#footer a{
	color:#fff;
}

#pagetop{
	clear: both;
	width:97%;
	height:50px;
	text-align:right;
}


/********** --ポップアップ **********/
.popup_header {
 height:30px;
 font-size:12px; font-weight:bold; letter-space:1px; color:#FFFFFF;
 padding:9px 10px 8px 20px;
  background: url("/template/1014/img/bg3.gif") #FFFFFF;
}

.popup_footer {
line-height:100%;
 padding:8px 0px;
 text-align:center;
  background: url("/template/1014/img/bg3.gif") #FFFFFF;
 font-size: 10px;
}

.popup_footer a:link{ color:#D4D2C2; text-decoration:none; }
.popup_footer a:visited{ color:#D4D2C2; text-decoration:none; }
.popup_footer a:hover{ color:#ffffff; text-decoration:underline; }


.popup_main{
 padding:10px;
 background: #ffffff;
 background-repeat: no-repeat;
 background-position: 100% 100%;
}

.popup_btn{
 background: #ffffff;
 padding:10px;
 text-align: center;
}

.popup_range{
 width:600px;
}

.popup_body {
 padding:10px 10px 20px 10px;
}

/* --階層リスト */
.sidemenu2 {
	position:absolute;
	top:0;
	left:0;
	margin: 0px;
	padding: 0px ;
	width:190px;
	text-align:left;
	background-color:#f6fafb;
	border:1px solid #e9ecf3;
	list-style:none;
}
.sidemenu2 h2{
	width:188px;
	height:31px;
	margin-top:1px;
	margin-left:1px;
	background:url(/jp/shared/images/snav_h2_bg.gif) no-repeat;
}
.sidemenu2 p.title{
	color:#fff;
	font-size:75%;
	padding:0;
	margin:0;
	padding-left:20px;
}	

.sidemenu2 li {
	list-style:none ! important;
	list-style-type:none	 ! important;
	list-style-image:none ! important;
}	

ul.sidemenu2 li a {
	margin: 0;
	padding: 0px ;
	list-style:none;
	overflow:hidden;
	word-break: break-all;	
}

/* ---header,footer */
ul.sidemenu2 li.sidemenu2_head,
ul.sidemenu2 li.sidemenu2_foot {
	display:none;
}

/* ---lv1 */
ul.sidemenu2 li.sidemenu2_on,
ul.sidemenu2 li.sidemenu2_off {
	margin-bottom:1px;
	margin-left:1px;
}

/* ----lv1_off */
ul.sidemenu2 li.sidemenu2_off a {
	width:156px;
	padding-left:30px;
	padding-top:6px;
	padding-bottom:6px;
	display:block;
	cursor: pointer;
	color:#11366a;	
	text-decoration:none;
	background:url(/jp/shared/images/snav_bg_lv1.gif) no-repeat;
	background-color:#edf1f5;
	border:1px solid #dbdde9;
}

ul.sidemenu2 li.sidemenu2_off a span {
}

/* ----lv1_on */
ul.sidemenu2 li.sidemenu2_on a {
	width:156px;
	padding-left:30px;
	padding-top:6px;
	padding-bottom:6px;
	display:block;
	cursor: pointer;
	color:#11366a;
	text-decoration:none;
	background:url(/jp/shared/images/snav_bg_lv1_on.gif) no-repeat;
	background-color:#faf8ea;
	border:1px solid #dbdde9;
}

ul.sidemenu2 li.sidemenu2_on a span {
}

/* ----lv1_hover */
ul.sidemenu2 li.sidemenu2_on a:hover,
ul.sidemenu2 li.sidemenu2_off a:hover {
	width:156px;
	padding-left:30px;
	padding-top:6px;
	padding-bottom:6px;
	display:block;
	cursor: pointer;	
	color:#11366a;		
	text-decoration:none;
	background:url(/jp/shared/images/snav_bg_lv1_ro.gif) no-repeat;
	background-color:#e1eef0;
	border:1px solid #dbdde9;
}

ul.sidemenu2 li.sidemenu2_on a:hover span, 
ul.sidemenu2 li.sidemenu2_off a:hover span {
}

/* ---lv2 */
ul.sidemenu2 li.sidemenu2_on2,
ul.sidemenu2 li.sidemenu2_off2 {
	margin-bottom:1px;
	margin-left:1px;
}

/* ----lv2_off */
ul.sidemenu2 li.sidemenu2_off2 a {
	width:156px;
	padding-left:30px;
	padding-top:1px;
	padding-bottom:1px;
	display:block;
	cursor: pointer;
	color:#11366a;		
	text-decoration:none;
	background:url(/jp/shared/images/snav_bg_lv2.gif) no-repeat;
	background-color:#f5f7f9;
	border:1px solid #dbdde9;
}

/* ----lv2_on */
ul.sidemenu2 li.sidemenu2_on2 a {
	width:156px;
	padding-left:30px;
	padding-top:1px;
	padding-bottom:1px;
	display:block;
	cursor: pointer;
	color:#11366a;		
	text-decoration:none;
	background:url(/jp/shared/images/snav_bg_lv2_on.gif) no-repeat;
	background-color:#faf8ea;
	border:1px solid #dbdde9;
}

/* ----lv2_hover */
ul.sidemenu2 li.sidemenu2_on2 a:hover,
ul.sidemenu2 li.sidemenu2_off2 a:hover {
	width:156px;
	padding-left:30px;
	padding-top:1px;
	padding-bottom:1px;
	display:block;
	cursor: pointer;
	color:#11366a;		
	text-decoration:none;
	background:url(/jp/shared/images/snav_bg_lv2_ro.gif) no-repeat;
	background-color:#e1eef0;
	border:1px solid #dbdde9;
}

/* ---lv3 */
ul.sidemenu2 li.sidemenu2_on3,
ul.sidemenu2 li.sidemenu2_off3 {
	font-size:80%;
	margin-left:1px;
}

/* ----lv3_off */
ul.sidemenu2 li.sidemenu2_off3 a {
	width:148px;
	padding-left:40px;
	display:block;
	cursor: pointer;
	color:#11366a;		
	text-decoration:none;
	background:url(/jp/shared/images/snav_bg_lv3.gif) no-repeat left top;
	background-color:#f5f7f9;
}

/* ----lv3_on */
ul.sidemenu2 li.sidemenu2_on3 a {
	width:148px;
	padding-left:40px;
	display:block;
	cursor: pointer;
	color:#11366a;	
	text-decoration:none;
	background:url(/jp/shared/images/snav_bg_lv3_on.gif) no-repeat left top;
	background-color:#faf8ea;
}

/* ----lv3_hover */
ul.sidemenu2 li.sidemenu2_on3 a:hover,
ul.sidemenu2 li.sidemenu2_off3 a:hover {
	width:148px;
	padding-left:40px;
	display:block;
	cursor: pointer;
	background:url(/jp/shared/images/snav_bg_lv3_ro.gif) no-repeat left top;
	background-color:#e1eef0;
	color:#11366a;			
	text-decoration:none;	
}


/*********************************************/
/********** -トップページ*******************/
/*********************************************/

/** --PICK UP **/

#bannerArea #pickup{
	width:193px;
	padding-top:2px;
	margin-bottom:20px;
	border:1px solid #e9edf3;
	background-color:#f8f9fb;
}
#bannerArea #pickup p{
	padding:5px 15px;
	text-align:left;
	line-height:1.1;
	font-size:0.8em;
}
#bannerArea #pickup p.detail{
	text-align:right;
}
#bannerArea #pickup p.photo{
	text-align:center;
}


/** --関連リンク **/

#bannerArea #link{
	width:193px;
	padding-top:2px;
	margin-bottom:20px;
	border:1px solid #e9edf3;
	background-color:#f8f9fb;
}
#bannerArea #linkbanner{
	width:189px;
	margin:0 auto;
	background-color:#d9e1ed;
}
#bannerArea #linkbanner ul{
	margin:0;
	padding:0;
}
#bannerArea #linkbanner ul li{
	float:left;
}
#bannerArea #linkbanner img{
	margin-top:1px;
}
#bannerArea #linkbanner img.style1{
	margin-left:1px;
}


/** --NEWS **/

#news{
	width:100%;
}
#news2{
	width:95%;
	margin-left:20px;
	margin-bottom:20px;
}
#news dl,
#news2 dl{
	width:100%;
	border-bottom:1px dotted #103868;
	background-color:#f2f9f9;
}
#news dt{
	float:left;
	width:120px;
	background-color:#f2f9f9;
	text-indent:0.5em;
}
#news2 dt{
	float:left;
	width:140px;
	background-color:#f2f9f9;
	text-align:center;
	padding:4px 0px;
}
#news2 dt.style1{
	text-align:left;
	padding:4px 0px;
	text-indent:1em;
}
#news dd{
	background:url(/jp/shared/images/list_mark02.gif) no-repeat 1% 7px;
	padding:2px 5px 2px 25px;
	background-color:#fff;
	overflow:hidden;
	_margin-left:120px;
}
#news2 dd{
	padding:4px 5px 4px 15px;
	background-color:#fff;
	overflow:hidden;
	_margin-left:120px;
}
#news dd img{
	padding:5px 0px 5px 10px;
}

#news h2{
	height:37px;
	background:url(/jp/shared/images/bg_h2.gif) repeat-x;
}

#news dd a{
	text-decoration:underline;
	color:#157572;
}

#news .titlenews{
	float:left;
}
#news .newsbtn{
	width:80px;
	float:right;
	margin-right:10px;
}
#news .newsbtn2{
	width:104px;
	float:right;
	margin-right:10px;
}
#news .newsbtn img,
#news .newsbtn2 img{
	position:relative;
	top:7px;
}

#news table.newstbl{
margin-bottom: 0px;
width: 100%;
}

#news table.newstbl td{
padding-top: 3px;
padding-bottom: 3px;
padding-left:10px;
padding-right:5px;
background:url(/jp/shared/images/bg_border.gif) repeat-x bottom;
}

#news table.newstbl th{
padding-top: 3px;
padding-bottom: 3px;
padding-left:5px;
padding-right:5px;
background:url(/jp/shared/images/bg_border.gif) repeat-x bottom;
background-color:#f2f9f9;
font-weight:normal;
}

#news table.newstbl td img{
float: right;
margin-left: 15px;
margin-bottom:2px;
}

#news table.newstbl td p{
	padding:0;
	margin:0;
	padding-left:20px;
	background:url(/jp/shared/images/list_mark02.gif) no-repeat 0% 5px;
}

#news table.newstbl td a,
#news table.newstbl td a:hover{
	padding:0;
	margin:0;
	text-decoration:underline;
	color:#157572;
}



	


/** --GEO Gridとは **/

#aboutgeo{
	clear:both;
	width:100%;
	margin:30px 0px;
	border:1px solid #e9edf3;
	background-color:#f3faf9;
}
#aboutgeo h3{
	width:97%;
	margin:0 auto;
	height:45px;
	background:url(/jp/images/index_h3_bg.gif) repeat-x bottom;
}
#aboutgeo p{
	padding:10px;
}
#aboutgeo p.detail{
	text-align:right;
}

/*********************************************/
/********** -GEO Gridとは*******************/
/*********************************************/

/** --はじめに **/


/*********************************************/
/********** -サイトマップ*******************/
/*********************************************/

#sitemap a{
	text-decoration:none;
}
#sitemap a:hover{
	text-decoration:underline;
}

#sitemap ul{
	width:100%;
	margin:0;
	padding:0;
}


/** --1階層目 **/
#sitemap li.layer1{
	background-color:#f2f9f9;
	border-top:1px dotted #103868;
	border-bottom:1px dotted #103868;
	margin:10px 0px;
	padding-left:20px;
}
/** --2階層目 **/
#sitemap li.layer2{
	background:url(/jp/shared/images/list_mark01.jpg) no-repeat 0% 50%;
	padding-left:20px;
	margin-left:20px;
}
/** --3階層目 **/
#sitemap li.layer3{
	background:url(/jp/shared/images/list_mark05.gif) no-repeat 0% 50%;
	padding-left:20px;
	margin-left:40px;
}
/** --4階層目 **/
#sitemap li.layer4{
	background:url(/jp/shared/images/list_mark06.gif) no-repeat 0% 50%;
	padding-left:12px;
	margin-left:62px;
}