@charset "UTF-8";

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

body {
	border-top: 2px solid rgb(70,80,136);
	background: rgb(241,252,255) url(../images/background.jpg) repeat-x center top;
	-moz-background-size: 640px 384px;
	-webkit-background-size: 640px 384px;
	background-size: 640px 384px;
	color: rgb(40,50,80);
	position: relative;
}

/* supplement
----------------------------------------------- */

.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}

/* header
----------------------------------------------- */
#header {
	width: 300px;
	margin: 0 auto;
}
#header .header_inner {
	width: 300px;
	margin: 15px 0;
}
#header .logo {
	float: left;
}

/* nav
----------------------------------------------- */
#nav_btn {
	width: 68px;
	height: 35px;
	float: right;
}
#nav_btn a {
	display: block;
	width: 68px;
	height: 35px;
	background: url(../images/nav_btn.png) no-repeat left top;
	-moz-background-size: 68px 35px;
	-webkit-background-size: 68px 35px;
	background-size: 68px 35px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#nav {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.3);
}
#nav .nav_inner {
	width: 300px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: rgb(255,255,255);
	padding: 30px 0 30px;
	margin: 8px auto 0;
	position: relative;
}
#nav .title {
	text-align: center;
	margin: 0 0 15px;
}
#nav .close {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 15px;
	right: 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#nav .close a {
	display: block;
	width: 25px;
	height: 25px;
	background: url(../images/nav_close.png) no-repeat left top;
	-moz-background-size: 25px 25px;
	-webkit-background-size: 25px 25px;
	background-size: 25px 25px;
}
#nav .nav {
	width: 285px;
	padding: 0 0 0 15px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#nav .translate,
#nav .interpret,
#nav .business,
#nav .exhibition,
#nav .purchase,
#nav .attend {
	width: 80px;
	height: 89px;
	float: left;
	margin: 15px 15px 0 0;
}
#nav .translate a,
#nav .interpret a,
#nav .business a,
#nav .exhibition a,
#nav .purchase a,
#nav .attend a {
	width: 80px;
	height: 89px;
	display: block;
	background: url(../images/nav.png) no-repeat left top;
	-moz-background-size: 555px 89px;
	-webkit-background-size: 555px 89px;
	background-size: 555px 89px;
}
#nav .translate a {background-position: 0 0;}
#nav .interpret a {background-position: -95px 0;}
#nav .business a {background-position: -190px 0;}
#nav .exhibition a {background-position: -285px 0;}
#nav .purchase a {background-position: -380px 0;}
#nav .attend a {background-position: -475px 0;}

#nav .tel,
#nav .mail {
	width: 128px;
	height: 40px;
	float: left;
	margin: 22px 14px 0 0;
}
#nav .tel a,
#nav .mail a {
	width: 128px;
	height: 40px;
	display: block;
	background: url(../images/contact.png) no-repeat left top;
	-moz-background-size: 270px 40px;
	-webkit-background-size: 270px 40px;
	background-size: 270px 40px;
}
#nav .tel a {background-position: 0 0;}
#nav .mail a {background-position: -142px 0;}

/* contents
----------------------------------------------- */

#contents {
	background: url(../images/city.png) no-repeat center bottom;
	-moz-background-size: 450px 101px;
	-webkit-background-size: 450px 101px;
	background-size: 450px 101px;
	text-align: center;
}
#contents .contents_inner {
	width: 300px;
	margin: 0 auto;
	background: rgb(255,255,255);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#contents h3 {
	margin: 40px 0 0;
}

/* textarea */
#contents .textarea {
	width: 250px;
	margin: 25px auto 0;
	text-align: justify;
}
#contents .textarea p {
	font-size: 0.8em;
	line-height: 1.85em;
	padding: 15px 0 0;
}

/* summary */
#contents .summary {
	background: rgb(240,240,240);
	text-align: justify;
}
#contents .summary_inner {
	width: 300px;
	margin: 0 auto;
	padding: 30px 0;
}
#contents .summary h3 {
	width: 250px;
	margin: 0 auto;
	font-size: 1.15em;
	line-height: 1.5em;
	font-weight: normal;
	text-align: center;
}
#contents .summary p {
	width: 250px;
	font-size: 0.8em;
	line-height: 1.85em;
	text-align: justify;
	margin: 20px auto 0;
}

/* reason */
#contents .reason {
	width: 270px;
	margin: 40px auto 0;
}
#contents .reason p {
	font-size: 0.9em;
	line-height: 1.65em;
	text-align: justify;
	margin: 10px 0 0;
}
#contents .reason01,
#contents .reason02,
#contents .reason03,
#contents .reason04 {
	height: 34px;
	font-size: 1.05em;
	text-align: justify;
	padding: 10px 0 0 50px;
	margin: 18px 0 0;
}

/* gbox */
#contents .gbox {
	width: 240px;
	margin: 40px auto 0;
	padding: 30px 15px;
	background: rgb(240,240,240);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#contents .gbox h4 {
	margin: 0;
}
#contents .gbox .column {
	margin: 15px 0 0;
}
#contents .gbox .question,
#contents .gbox .answer {
	font-size: 0.9em;
	line-height: 1.65em;
	text-align: justify;
	padding: 2px 0 0 26px;
	background: url(../images/icon_question.png) no-repeat left top;
	-moz-background-size: 16px 27px;
	-webkit-background-size: 16px 27px;
	background-size: 16px 27px;
}
#contents .gbox .answer {
	font-size: 0.75em;
	color: rgb(100,125,155);
	padding: 2px 0 0 26px;
	margin: 10px 0 0;
	background: url(../images/icon_answer.png) no-repeat left top;
	-moz-background-size: 16px 27px;
	-webkit-background-size: 16px 27px;
	background-size: 16px 27px;
}
#contents .gbox_list li{
	font-size: 0.8em;
	line-height: 1.65em;
	color: rgb(40,50,80);
	background: url(../images/icon_check.png) no-repeat 0 2px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	background-size: 16px 16px;
	padding: 0 0 0 27px;
	margin: 15px 0 0;
	text-align: left;
}

/* contactarea
----------------------------------------------- */

#contactarea {
	width: 300px;
	padding: 30px 0;
	margin: 40px auto 0;
	background: url(../images/contact_background.png) repeat left top;
	-moz-background-size: 15px 15px;
	-webkit-background-size: 15px 15px;
	background-size: 15px 15px;
}
#contactarea h3 {
	margin: 0 0 25px;
}
#contactarea p {
	font-size: 0.75em;
	line-height: 1.65em;
	color: rgb(255,255,255);
}
#contactarea .tel_title,
#contactarea .mail_title {
	width: 240px;
	height: 32px;
	background: url(../images/contact_t.png) no-repeat left top;
	-moz-background-size: 240px 63px;
	-webkit-background-size: 240px 63px;
	background-size: 240px 63px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 25px auto 0;
}
#contactarea .mail_title {
	height: 15px;
	background-position: 0 -47px;
	margin: 20px auto 0;
}
#contactarea .tel a,
#contactarea .mail a {
	width: 240px;
	height: 49px;
	display: block;
	background: url(../images/btn_contact.png) no-repeat left top;
	-moz-background-size: 240px 175px;
	-webkit-background-size: 240px 175px;
	background-size: 240px 175px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 10px auto 0;
}
#contactarea .mail a {
	background-position: 0 -64px;
}

/* link
----------------------------------------------- */
#link {
	margin: 40px 0 0;
	padding: 0 0 30px;
}
#link .link_inner {
	width: 255px;
	margin: 0 auto;
}
#link .link_inner li {
	float: left;
	margin: 25px 15px 0 0px;
}
#link .link_inner li.right {
	margin: 25px 0 0 0;
}

/* pageup
----------------------------------------------- */
#pageup_wrap {
	width: 300px;
	height: 135px;
	margin: 0 auto;
	position: relative;
}
#pageup a {
	display: block;
	width: 62px;
	height: 59px;
	background: url(../images/pageup.png) no-repeat left top;
	-moz-background-size: 40px 59px;
	-webkit-background-size: 40px 59px;
	background-size: 40px 59px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 30px;
	left: 130px;
	z-index: 1;
}
#pageup .hand {
	width: 25px;
	height: 59px;
	background: url(../images/pageup_hand.png) no-repeat left top;
	-moz-background-size: 25px 59px;
	-webkit-background-size: 25px 59px;
	background-size: 25px 59px;
	position: absolute;
	top: 30px;
	left: 167px;
}


/* footer
----------------------------------------------- */

#footer {
	background: rgb(255,255,255);
	border-top: 1px solid rgb(156,186,216);
	padding: 0 0 25px;
}
#footer a {
	color: rgb(40,50,80);
}

#footer ul.menu {
	width: 100%;
	text-align: left;
}
#footer ul.menu li {
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0;
	float: left;
	background: none;
	border-bottom: 1px solid rgb(240,240,240);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#footer ul.menu li:nth-child(odd) {
	border-right: 1px solid rgb(240,240,240);
}
#footer ul.menu li.mail {
	width: 100%;
	border-right: none;
	text-align: center;
}
#footer ul.menu li a {
	display: block;
	padding: 11px 15px 15px 15px;
	margin: 0;
}
#footer ul.menu li a:before {
	width: 14px;
	height: 14px;
	content:"";
	display:inline-block;
	background: url(../images/icon_footer.png) no-repeat left top;
	-moz-background-size: 14px 56px;
	-webkit-background-size: 14px 56px;
	background-size: 14px 56px;
	margin: 0 2px 0 0;
	position: relative;
	top: 4px;
}
#footer ul.menu li.order a:before {
	background-position: 0 -22px;
	margin: 0 4px 0 0;
}
#footer ul.menu li.mail a:before {
	background-position: 0 -44px;
	margin: 0 4px 0 0;
}