@charset "UTF-8";

/* body
----------------------------------------------- */

body {
	min-width: 1024px;
	border-top: 2px solid rgb(70,80,136);
	background: rgb(241,252,255) url(../images/background.jpg) repeat-x 0 -50px;
	color: rgb(40,50,80);
}

/* supplement
----------------------------------------------- */
.mt15 {margin-top: 15px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt60 {margin-top: 60px;}
.pt40 {padding-top: 40px;}
.align_center {text-align: center;}

#contents .hover a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;	
	transition:0.3s;
	box-shadow: #000 0 0 0;
}


/* header
----------------------------------------------- */
#header {
	width: 960px;
	height: 193px;
	position: relative;
	margin: 0 auto;
}
#header .logo {
	position: absolute;
	top: 55px;
	left: 50%;
	margin: 0 0 0 -126px;
	width: 252px;
}

/* nav
----------------------------------------------- */
#nav {
	position: absolute;
	top: 46px;
	left: 0;
}
#nav li a {
	display: block;
	height: 122px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#nav .translate,
#nav .interpret,
#nav .business,
#nav .exhibition,
#nav .purchase,
#nav .attend {
	position: absolute;
	top: 0;
}
#nav .translate {left: 0;}
#nav .interpret {left: 118px;}
#nav .business {left: 225px;}
#nav .exhibition {left: 637px;}
#nav .purchase {left: 750px;}
#nav .attend {left: 885px;}

#nav .translate a {
	width: 78px;
	background: url(../images/nav_translate.png) no-repeat;
}
#nav .interpret a {
	width: 77px;
	background: url(../images/nav_interpret.png) no-repeat;
}
#nav .business a {
	width: 100px;
	background: url(../images/nav_business.png) no-repeat;
}
#nav .exhibition a {
	width: 100px;
	background: url(../images/nav_exhibition.png) no-repeat;
}
#nav .purchase a {
	width: 109px;
	background: url(../images/nav_purchase.png) no-repeat;
}
#nav .attend a {
	width: 75px;
	background: url(../images/nav_attend.png) no-repeat;
}
#nav .translate a:hover,
#nav .translate.active a {
	background-position: -78px 0;
}
#nav .interpret a:hover,
#nav .interpret.active a {
	background-position: -77px 0;
}
#nav .business a:hover,
	#nav .business.active a {
	background-position: -100px 0;
}
#nav .exhibition a:hover,
#nav .exhibition.active a {
	background-position: -100px 0;
}
#nav .purchase a:hover,
#nav .purchase.active a {
	background-position: -109px 0;
}
#nav .attend a:hover,
#nav .attend.active a {
	background-position: -75px 0;
}

/* contact
----------------------------------------------- */
#contact {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -480px;
	width: 960px;
}
#contact ul {
	position: absolute;
	top: 10px;
	right: 0;
}
#contact li {
	float: left;
	margin: 0 0 0 15px;
}
#contact li a {
	display: block;
	height: 26px;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/contact.png) no-repeat;
	overflow: hidden;
}
#contact .mail a {
	width: 119px;
	background-position: -138px 0;
}
#contact .mail a:hover {
	background-position: -138px -26px;
}
#contact .tel {
	width: 122px;
	height: 26px;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/contact.png) no-repeat;
	overflow: hidden;
	background-position: 0 0;
}


/* contents
----------------------------------------------- */
#contents {
	width: 960px;
	margin: 0 auto;
	background: rgb(255,255,255) url(../images/contents_background.png) no-repeat bottom ;
	text-align: center;
}
#contents .contents_inner {
	padding: 0 0 60px;
}

/* summary */
#contents .summary {
	background: rgb(240,240,240);
	text-align: justify;
}
#contents .summary_inner {
	width: 660px;
	margin: 0 auto;
	padding: 60px 0;
	background: rgb(240,240,240);
}
#contents .summary h3 {
	width: 520px;
	margin: 0 0 0 140px;
	font-size: 1.5em;
	font-weight: normal;
}
#contents .summary p {
	width: 520px;
	margin: 15px 0 0 140px;
	font-size: 0.85em;
	line-height: 1.8em;
}

/* textarea */
#contents .textarea {
	width: 660px;
	margin: 0 auto;
	text-align: justify;
}
#contents .textarea p {
	font-size: 0.85em;
	line-height: 1.8em;
	padding: 15px 0 0;
}
#contents .textarea p:first-child {
	padding: 0;
}
#contents .textarea .small {
	font-size: 0.75em;
}

/* reason */
#contents .reason {
	margin: 60px 0 0;
}
#contents .reason_inner {
	width: 870px;
	margin: 55px auto 0;
	text-align: left;
}
#contents .reason_inner .column {
	width: 375px;
	float: left;
	margin: 0 30px 55px;
}
#contents .reason_inner h4 {
	margin: 0 0 15px;
}
#contents .reason_inner p {
	font-size: 1.0em;
	line-height: 1.65em;
	text-align: justify;
}

/* gbox */
#contents .gbox {
	margin: 55px auto 0;
	width: 740px;
	background: rgb(240,240,240) url(../images/gbox_background_top.png) no-repeat top;
	padding: 40px 0 0;
}
#contents .gbox h4 {
	margin: 0 0 30px;
}
#contents .gbox_inner {
	width: 660px;
	padding: 0 40px 40px ;
	text-align: left;
	background: url(../images/gbox_background_bottom.png) no-repeat bottom;
}
#contents .gbox .answer {
	font-size: 0.85em;
	line-height: 1.5em;
	color: rgb(100,125,155);
	background: url(../images/answer.png) no-repeat left top;
	padding: 6px 0 0 38px;
	margin: 10px 0 0;
	text-align: justify;
}
#contents .gbox_list li{
	font-size: 1.0em;
	line-height: 1.65em;
	color: rgb(40,50,80);
	background: url(../images/question_check.png) no-repeat left;
	padding: 0 0 0 35px;
	margin: 15px 0 0;
}


/* service
----------------------------------------------- */
#service {
	padding: 60px 0 0;
}
#service .service_inner {
	margin: 55px 0 0;
}
#service h4 {
	margin: 0 0 40px;
}
#service h5 {
	margin: 35px 0 20px;
}
#service p {
	font-size: 0.85em;
	line-height: 1.8em;
	text-align: justify;
	margin: 15px 0 0;
}
#service .small {
	font-size: 0.75em;
}
#service .service01,
#service .service02,
#service .service03 {
	width: 740px;
	margin: 40px auto 0;
}
#service .service01_inner,
#service .service02_inner,
#service .service03_inner {
	padding: 25px 40px 25px;
}


/* contactarea
----------------------------------------------- */
#contactarea {
	width: 960px;
	padding: 70px 0;
	text-align: left;
	background: url(../images/contact_background.png) repeat left top;
}
#contactarea h3 {
	margin: 0 0 32px;
}
#contactarea p {
	font-size: 1.0em;
	line-height: 1.8em;
	color: rgb(255,255,255);
}
#contactarea .left {
	width: 310px;
	float: left;
	margin: 0 0 0 160px;
}
#contactarea .right {
	width: 268px;
	float: right;
	margin: 0 160px 0 0;
}
#contactarea .tel {
	width: 268px;
	height: 48px;
	background: url(../images/contact_tel.png) no-repeat left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#contactarea .mail a {
	width: 268px;
	height: 63px;
	display: block;
	background: url(../images/btn_mail.png) no-repeat left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 20px 0 0;
}
#contactarea .mail a:hover{
	background-position: 0 -63px;
}


/* link
----------------------------------------------- */
#link {
	margin: 60px 0 0;
	padding: 0 0 40px;
}
#link .link_inner {
	width: 680px;
	margin: 30px auto 0;
}
#link p {
	font-size: 0.75em;
	margin: 15px 0 0;
}
#link p a {
	background: url(../images/icon_link.png) no-repeat right;
	color: rgb(40,50,80);
	padding: 0 12px 0 0;
}
#link a:hover,
#link a:active {
	text-decoration: underline;
}
#link .banner {
	float: left;
	width: 130px;
	margin: 20px 20px;
}
#link .banner02 {
	float: left;
	width: 160px;
	margin: 20px 0 20px 5px;
}
#link a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;	
	transition:0.3s;
	box-shadow: #000 0 0 0;
}

/* footer
----------------------------------------------- */
#footer .office {
	background: url(../images/footer_background.png) no-repeat bottom;
}
#footer .office_inner {
	width: 960px;
	margin: 0 auto;
	padding: 70px 0 65px;
}
#footer .office_inner .company,
#footer .office_inner .japan,
#footer .office_inner .korea {
	float: left;
	width: 260px;
	margin: 0 0 0 40px;
}
#footer .office_inner .company {
	width: 220px;
	margin: 0 0 0 70px;
}
#footer .office_inner .title {
	margin: 0 0 12px;
}
#footer .office_inner p {
	font-size: 0.75em;
	line-height: 1.3em;
	padding: 0 0 5px;
}
#footer_inner {
	width: 100%;
	background: rgb(255,255,255);
	padding: 15px 0 0;
	border-top: 1px solid rgb(156,186,216);
}
#footer .menu {
	width: 960px;
	margin: 0 auto;
}
#footer .menu li {
	float: left;
	margin: 0 20px 0 0;
}
#footer .menu li.facebook {
	float: right;
	margin: 0;
}
#footer li a {
	display: block;
	height: 20px;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../../common/images/footer_nav.png) no-repeat;
	overflow: hidden;
}
#footer .home a {
	width: 42px;
	background-position: 0 0;
}
#footer .company a {
	width: 53px;
	background-position: -42px 0;
}
#footer .translate a {
	width: 72px;
	background-position: -95px 0;
}
#footer .interpret a {
	width: 72px;
	background-position: -167px 0;
}
#footer .business a {
	width: 112px;
	background-position: -239px 0;
}
#footer .exhibition a {
	width: 92px;
	background-position: -351px 0;
}
#footer .purchase a {
	width: 102px;
	background-position: -443px 0;
}
#footer .attend a {
	width: 72px;
	background-position: -545px 0;
}
#footer .facebook a {
	width: 78px;
	background-position: -617px 0;
}
#footer .home a:hover {
	background-position: 0 -20px;
}
#footer .company a:hover {
	background-position: -42px -20px;
}
#footer .translate a:hover {
	background-position: -95px -20px;
}
#footer .interpret a:hover {
	background-position: -167px -20px;
}
#footer .business a:hover {
	background-position: -239px -20px;
}
#footer .exhibition a:hover {
	background-position: -351px -20px;
}
#footer .purchase a:hover {
	background-position: -443px -20px;
}
#footer .attend a:hover {
	background-position: -545px -20px;
}
#footer .facebook a:hover {
	background-position: -617px -20px;
}

#footer .copyright {
	color: rgb(100,110,136);
	font-family: Arial;
	font-size: 0.65em;
	text-align: center;
	padding: 35px 0 70px;
}


/* pageup
----------------------------------------------- */
#pageup {
	position: fixed;
	right: 40px;
	bottom: 40px;
}
#pageup a {
	display: block;
	width: 40px;
	height: 40px;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/pageup.png) no-repeat 0 0;
	overflow: hidden;
}