/*
style.css

VERSION: APR/26/2010
*/

/* LAYOUT */

body {
	background: url("/img/eurexcojp/bg.jpg") repeat scroll center top #F2F0BF;
}

div#wrap{
	width:100%;

}


div#header_wrap{
	width:100%;
	display:block;

}

div#header{
	width:960px;
	margin: 0 auto;
	display:block;
	overflow:auto;
	padding: 18px 0 0 0;
	text-align:left;
}

div#header_logo{
	margin-bottom:18px;
	width:144px;
	float:left;
}

	div#header_logo a{
		display:block;
	}
	
div#header_logo_top{
	text-align:center;
}	

div#content_wrap{
	display:block;
	margin-bottom: 12px;
	overflow:auto;
	width:100%;
}

div#content{
	width: 960px;
	margin: 0 auto;
}

div#content_inner, div#body, div#body_inner{
	overflow:auto;
}

br.clear{
	clear:both;
	width: 1px ;
	height:1px ;
}

/* FONT&COLOR */

body{
	font-family:Meiryo, sans-serif;
	color:#4F4A40;
}

p{
	color:#383F33;
}

a:link{
	color:#457F9F;
}

a:focus, a:hover{
	color:#FF9933;
}

a:active{
	color:#4D8026;
}

a.navactive{
    -webkit-border-radius: 6px;
    -moz-border-radius:6px;
    border-radius:6px;
    color:#FFFFFF !important;
    background:#4D8026;
}

div#header a, div#footer a{
	color:#504B43;
}

/* HEADER */


div#header_wrap{
}

div#header_wrap a:visited{
	color:#504B43;
}

div#lang_switch_wrap_index{
	width: 100%;
	display:block;
	text-align:center;
}

div#lang_switch_wrap{
	float:right;
	position:relative;
	top:32px;
	width: 400px;
}

div#lang_switch_wrap_top{
	width: 400px;
	margin: 0 auto;
}

div#lang_switch_wrap_index table#lang_switch{	
	margin: 0 auto;
}

	table#lang_switch td{
		vertical-align:bottom;
		padding: 6px;
		font-size: 14px;
		color:#666666;
	}
	
		table#lang_switch td a{
			text-decoration:none;
			color:#7F7C77;
		}
		
			table#lang_switch td a.selectedlang{
				color:#4F4A40;
			}
		
			table#lang_switch td a:hover{
				text-decoration:underline;
				color:#4F4A40;
			}
			
			table#lang_switch td a:active{
				color:#4D8026;
			}
			
			table#lang_switch td a:visited{
				
			}

/* GLOBALNAV */	
	
div#nav{
	clear:both;
	display:block;
	width:960px;
	height:44px;
	background: transparent url(/img/eurexcojp/nav.png) no-repeat 0 0;
}

	div#nav ul{
		width:820px;
		height:40px;
		display:block;
		margin: 0 auto;
		float:left;
		
	}
	
		div#nav ul li{
			float:left;
			list-style-type:none;
			text-align:center;
			margin-right:6px;
		}
		
			div#nav ul li a{
				display:block;
				padding: ;
				margin: 6px 6px 0 0;
				font-size:15px;
				text-decoration:none;
				padding: 4px 8px;
				text-shadow:
					rgba(64, 64, 64, 0.5)
					1px 1px 2px;
				
	
			}
			
				div#nav ul li a:hover{
                    -webkit-border-radius: 6px;
                    -moz-border-radius: 6px;
                    border-radius:6px;
					color:#FFFFFF;
					background:#4D8026;
                    -moz-box-shadow: 0px 0px 4px  rgba(64, 64, 64, 0.5);
					-webkit-box-shadow: 0px 0px 4px  rgba(64, 64, 64, 0.5);
					box-shadow: 0px 0px 4px  rgba(64, 64, 64, 0.5);
				}
				
				div#nav ul li a.navactive{
					-moz-box-shadow: 0px 0px 4px  rgba(64, 64, 64, 0.5);
					-webkit-box-shadow: 0px 0px 4px  rgba(64, 64, 64, 0.5);
					box-shadow: 0px 0px 4px  rgba(64, 64, 64, 0.5);
				}
				
				
/*
div#nav ul li span a{
					display:block;
					height:31px;
					padding: 9px 9px 0 18px;
				}
				
					div#nav ul li span a:hover{
						
					}			

*/

/* CONTENT */

div#body{
	background-color:#FFFFFF;
	margin-top:12px;
}

div#body_inner{
	padding:12px;
}

div#body_inner h1{
	color:#4D8026;
	text-shadow:
			rgba(64, 64, 64, 0.4)
			1px 1px 3px;
}

a.btn_contact{
	display:block;
	float:left;
	height: 30px;
    padding-right:12px;
    margin-top:6px;
    margin-bottom: 18px;
	margin-right:6px;
	font-size: 12px;
	color:#FFFFFF;
	background: transparent url(/img/eurexcojp/btn_contact_right.png)no-repeat scroll right top;
}

a.btn_contact:hover{
	background-position: right -30px;
}

a.btn_contact span{
	line-height: 18px;
	padding: 6px 0 6px 12px;
	background: transparent url(/img/eurexcojp/btn_contact_left.png) no-repeat scroll 0 0;
}

a.btn_contact span:hover{
	background-position: left -30px;
}

/* FOOTER */

div#footer_wrap{
	clear:both;
}

	div#footer_wrap a:visited{
		color:#504B43;
	}

div#footer{
	display:block;
	width:960px;
	margin: 0 auto;
	padding: 12px 12px 24px 12px;
	text-align:center;
	background: transparent url(/img/eurexcojp/footer_line.png) no-repeat scroll center top;
}
}

div#footer .separator{
	display:block;
	width: 960px;
	height: 0px;
	display:none;
	/*
border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #A8C8CF;
*/
	border-left, border-right:none;
	background:none;
	margin:0 0 12px 0;
}


div#footer_nav table{
	display:inline-block;
	margin: 0 auto 12px auto;
	
	text-align:center;
}

div#footer_nav table td{
	text-align:center;
}


	div#footer_nav table a{
		font-size:1.3em;
		margin: 0 9px;
		text-decoration:none;
		border-bottom: 1px dotted #B1AC8C;
		text-shadow:
			rgba(64, 64, 64, 0.5)
			1px 1px 1px;
	}
	
	div#footer_nav table a:hover{
		border-bottom: 1px solid #504B43;
	}
	
	div#footer_nav table a:active{
		color:#4D8026;
		border-bottom: 1px solid #4D8026;
	}

p#footer_copyright{
	font-size:11px;
	color:#6B6F68;
	letter-spacing:0;
	clear:both;
}

	p#footer_copyright a{
		text-decoration:none;
	}

/* -----------------------------------------------------------
 *  TOP PAGE
 * -----------------------------------------------------------
*/

div#top_slide{
	display:block;
	width:960px;
	height:328px;
	margin-bottom:12px;
	margin-top:6px;
}

div.top_content_block{
 display:block;
 width:312px;
 background-color:#ffffff;
 float:left;
 margin: 0 12px 0 0;
}

div.top_content_block_right{
	margin:0;
}

div.top_content_block_center{

}

div.top_content_block_inner{
	padding:12px;
}

h1.top_title{
	font-size:16px;
	color:#615C4B;
	font-weight:bold;
	margin-bottom:6px;
	text-shadow:
		rgba(64, 64, 64, 0.4)
		1px 1px 2px;
		
}

p.top_title_desc{
	color:#4D8026;
	font-size:14px;
	font-weight:bold;
	margin-bottom:12px;
	letter-spacing:0 !important;
}

div.top_blog_content ul{
	/*
margin-left:18px;
*/
}

div.top_blog_content li{
	font-size:1.25em;
	margin-bottom:4px;
	line-height:normal;
	list-style-type:none;
	/*
list-style-image:url(/img/eurexcojp/top_bullet.gif)
*/
}

	div.top_blog_content li a{
		color:#504B43;
		/*
border-bottom: 1px dotted #CFCAC2;
*/
		text-decoration:none;
		line-height:normal;
		padding:3px 6px;
		margin: 0 2px;
		display:block;
		-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius:3px;
		background-color:#EFEFEF;
	}
	
		div.top_blog_content li a:hover{
			background-color:#DEEFD1;
			text-decoration:underline;
			border:none;
		}
		
	div.top_blog_content li span.postdate{
		background:transparent url(/img/eurexcojp/top_postdate_bg.gif) no-repeat 0 0;
		color:#E47911;
		display:block;
		width:277px;
		height:20px;
		padding: 1px 2px 1px 9px;
		-webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius:3px;
		clear:both;
		margin-bottom: 4px;
		text-shadow:
			rgba(64, 64, 64, 0.5)
			1px 1px 2px;
	}	

div.top_right_outer{
	/*
background-color:#FBE4A2;
	border: 1px solid #EEC966;
*/
}

div.top_right_inner{
	/*
background-color:#FBE4A2;
	border: 1px solid #FFFFFF;
*/
}

h4.top_uptodate_title{
	margin-bottom: 6px;
}

h4.top_uptodate_title a{
	text-decoration:none;
}

	h4.top_uptodate_title a:hover{
		text-decoration:underline;
	}

div#top_tours{
	display:block;
	width:288px;
	overflow:hidden;
}

	div#top_tours div.top_right_inner{
		display:block;
		overflow:hidden;
	}

div#top_tours_container{
	position:relative;
	display:block;
	overflow:hidden;
}

div#top_tours, div#top_tours div.top_right_inner, div#top_tours_container{
	height:333px;
}


ul#listticker li{
	list-style-type:none;
	margin:0;
}


	
div.top_recommend_article{
	padding: 6px;
	clear:both;
	display:block;
	height:96px;
	text-align:left;
	background-color:#E0ECEF;
	/*
background-color: #EFEDE0;
*/
	border-bottom: 3px dotted #FFFFFF;
	 -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius:6px;
}

	div.top_recommend_article:hover{
		background-color:#DEEFD1;
	}

div.top_recommend_article_img{
	display:block;
	width:52px;
	height: 52px;
	float:left;
	border:4px solid #DFDDD1;
}

div.top_recommend_article_txt{
	display:block;
	width:204px;
	height:84px;
	overflow:hidden;
	float:left;
	margin-left:6px;
	color:#676F61;
}

	div.top_recommend_article_txt h3{
		margin:0;
		font-size:1.2em;
		clear:both;
	}
	
		div.top_recommend_article_txt h3 a{
			text-decoration:none;
			color:#4D8026;
			font-weight:bold;
		}
		
		div.top_recommend_article_txt h3 a:hover{
			text-decoration:underline;
			color:#FF9933;
		}	

/* -----------------------------------------------------------
 *  ABOUT US 会社概要
 * -----------------------------------------------------------
*/

table.about_tbl{
	display:block;
	width: 460px;
	font-size: 1.3em;
	float:left;	
}

	table.about_tbl td{
		padding: 3px 6px;
		border-collapse:collapse;
		border-bottom: 1px dashed #CFCDC2;
		/*
background-color:#F4F4F4;
*/
	}

	table.about_tbl td.left{
		/*
background:transparent url(/img/eurexcojp/tbl_left.gif);
		border: 1px solid #C7CFA8;
*/
		vertical-align:top;
		color:#4D8026;
		
	}
	
	table.about_tbl th{
		padding: 3px 6px;
		border-collapse:collapse;
		/*
background:transparent url(/img/eurexcojp/tbl_th.gif);
		color:#F5FF9F;
		border: 1px solid #6F7F2F;
*/
	   background-color:#E0ECEF;
	}
	
	table.about_tbl td ul{
		margin-left:24px;
	}
	
		table.about_tbl td ul li{
			list-style-type:decimal;
			margin-bottom:3px;
		}
	
/* -----------------------------------------------------------
 *  SERVICE 事業内容
 * -----------------------------------------------------------
*/	 

div.service_block{
	display:block;
	width: 304px;
	background:#E0ECEF;
	float:left;
	margin-bottom: 12px;
}

	/*
div.service_block p{
		color:#FFFFFF;
	}
*/

.mg{
	margin-right:12px;
}

div.service_block div.inner{
	padding:12px;
}

div.service_block h2{
	color:#E47911;
	margin-bottom:6px;
	text-shadow:
		rgba(64, 64, 64, 0.4)
		1px 1px 2px;
}

/* -----------------------------------------------------------
 *  OUR WEBSITES 運営サイト
 * -----------------------------------------------------------
*/	

table#sites_tbl{
	margin-top:48px;
}

table#sites_tbl td{
	vertical-align:top;
	font-size:1.2em;
	padding-top:12px;
}

	table#sites_tbl td.a{
		width:180px;
		text-align:center;
		padding-bottom:24px;
	}
	
	

	table#sites_tbl td.a img{
		width: 178px;
		border:1px solid #DEDEDE;
	}

	table#sites_tbl td.b{
		padding: 12px 24px 48px 24px;
		width:350px;
	}
	
	table#sites_tbl td.b h2{
		font-size: 14px !important;
		letter-spacing:0 !important;
		font-weight:bold;
		color:#4D8026;
	}
	
	table#sites_tbl td.b h2 a{
		color:#4D8026;
		text-decoration:none;
		text-shadow:
			rgba(64, 64, 64, 0.4)
			1px 1px 2px;
	}
	
	table#sites_tbl td.b h2 a:hover{
		text-decoration:underline;
	}
	
	table#sites_tbl td.b h2 a:active{
		color:#FF9933;
	}

/* -----------------------------------------------------------
 *  CAREER 採用情報
 * -----------------------------------------------------------
*/

.about_tbl td, .about_tbl table td{
	vertical-align:top;
}


/* -----------------------------------------------------------
 *  MAIN IMAGES 各ページのメインイメージ
 * -----------------------------------------------------------
*/

div.main_img{
	display:block;
	width:936px;
	height:200px;
	margin-bottom: 12px;
}

	div.main_img h1{
		font-size:28px;
		padding: 24px 0 0 24px;
		font-weight:bolder;
		margin-bottom:6px;
	}
	
div#main_01{
	background:transparent url(/img/eurexcojp/main_01.jpg) no-repeat 0 0;	
}

div#main_02{
	background:transparent url(/img/eurexcojp/main_02.jpg) no-repeat 0 0;	
}

div#main_05{
	background:transparent url(/img/eurexcojp/main_05.jpg) no-repeat 0 0;
	height:370px !important;	
}		

/* -----------------------------------------------------------
 *  ZOOMER PLUGIN SETTING 画像の拡大アニメーション用設定
 * -----------------------------------------------------------
*/	


ul.thumb {
	background-color:white;
	float:left;
	list-style:none outside none;
	margin:0;
	padding:10px;
	width:800px;
}
ul.thumb li {
	float:left;
	height:110px;
	margin:0 11px 11px 0;
	padding:5px;
	position:relative;
	width:110px;
}
ul.thumb li img {
	background:none repeat scroll 0 0 #FFFFFF;
	border:3px solid #EAE8E3;
	height:100px;
	left:0;
	padding:5px;
	position:absolute;
	top:0;
	width:100px;
}
ul.thumb li img.hover {
	background:url("/img/eurexcojp/sites/thumb_bg.png") no-repeat scroll center center transparent;
	border:medium none;
	margin-top:15px;
}
.title {
	background:url("/img/eurexcojp/sites/sites_title.png") no-repeat scroll center center transparent;
	color:#FFFFFF;
	font-weight:900;
	height:35px;
	margin:0;
	padding:17px 0 0;
	position:absolute;
	text-align:center;
	width:185px;
}

/* -----------------------------------------------------------
 *  CONTACT お問い合わせ
 * -----------------------------------------------------------
*/

div.contact_form_wrap{
	font-size:1.2em;
}

	div.contact_form_wrap h1{
		font-weight:bold;
	}

div.contact_form_wrap input[type="text"],
div.contact_form_wrap textarea{
	padding:3px;
	color:#4F4D45;
	font-size:1.3em;
	margin-bottom:6px;
}

div.contact_form_wrap label{
	text-shadow:
		rgba(64, 64, 64, 0.5)
		1px 1px 1px;
}	

.form_focus{
	background-color:#FFF8AF;
}

/* -----------------------------------------------------------
 *  BLOG STYLES
 * -----------------------------------------------------------
*/

div#blog_menu{
	width: 240px;
	float:right;
	display:inline;
	margin:18px 18px 12px 12px;
}

div#blog_body{
	width: 600px;
	float:left;
	margin:18px 12px 12px 18px;
	display:inline;
	padding-top: 61px;
	background:transparent url(/img/eurexcojp/blog_body_bg.gif) no-repeat left top;
}

h1.blog_post_title{
	margin-bottom:24px;
	font-size: 2.3em;
	font-weight:bolder;
}

	h1.blog_post_title a{
		text-decoration:none;
		color:#615C4B;
	}

div.blog_post_text{
	font-size:1.4em;
	line-height:1.5em;
}

div.blog_post_text a.anchorbutton {
    background: url("/images/tour/btn_blog_post_right.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    height: 42px;
    margin-right: 6px;
    padding-right: 20px;
	max-width: 510px;
}

div.blog_post_text a.anchorbutton strong {
    background: url("/images/tour/btn_blog_post_left.png") no-repeat scroll 0 0 transparent;
    display: block;
    line-height: 22px;
    padding: 13px 0 12px 18px;
}

div#blog_archive h3{
	display:block;
	overflow:hidden;
	width:240px;
	height:37px;
	text-indent:-999em;
	background:transparent url(/img/eurexcojp/blog_archive_bg.gif) no-repeat left top;
}

div#blog_archive ul{
	padding-left:28px;
	background-color:#F3EDB9;
	-webkit-border-radius: 6px;
    -moz-border-radius:6px;
    border-radius:6px;
}

div#blog_archive li{
	padding: 6px 12px 6px 0;
	font-size:1.25em;
	margin-bottom:12px;
	line-height:normal;
	list-style-image:url(/img/eurexcojp/top_bullet.gif);
}

	div#blog_archive li a{
		color:#504B43;
		border-bottom: 1px dotted #CFCAC2;
		text-decoration:none;
		line-height:normal;
		padding:0 3px;
	}
	
		div#blog_archive li a:hover{
			background-color:#DEEFD1;
			text-decoration:none;
			border:none;
		}