@charset "utf-8";
/* CSS Document ver1.8.1 */

/*
* コンテンツ
* メインカラム
* サイドカラム
* ヘッダー
* グローバルナビゲーション
* フッター
* リンク
* パーツ
* 汎用
* 横幅
* color
* font-size
* margin
*/

html {
	-webkit-text-size-adjust:100%;
}

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height:1.5;
	font-size:100%;
	color:#656565;
	background:#FFF;
}

@media screen and (max-width:640px){
	body {
		font-size:87.5%;
	}
}

p {
	margin-bottom:1em;
}

h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:300%;
	line-height:1.5;
}

h2 {
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	font-size:180%;
	color:#000;
	margin:0 0 20px;
	line-height:1.2;
}

h3 {
	font-family:Verdana, Geneva, sans-serif;
	border-left:#5793AF 4px solid;
	font-size:130%;
	line-height:1.2;
	padding:0 0 0 12px;
	margin:0 -15px 32px;
}

h4 {
	font-size:120%;
}

@media screen and (max-width:640px){
	h1 {
		font-size:225%;
	}
	
	h2 {
		font-size:170%;
		margin:0 0 10px;
	}
	
	h3 {
		font-size:112%;
		padding:0 0 0 6px;
	}
	
	h4 {
		font-size:112%;
	}
}

/* -------------------------------- テーブル */

table.table01 {
	border:#D6D6D6 1px solid;
	margin:0 auto 17px;
	width:80%;
}

table.table01 th {
	border:#D6D6D6 1px solid;
	background:#EEF3F7;
	color:#656565;
	text-align:left;
	font-weight:normal;
	padding:10px 15px; 
}

table.table01 td {
	border:#D6D6D6 1px solid;
	padding:10px 15px;
	line-height:1.5;
}

table.table02 {
	border:#B3E9F2 1px solid;
}

td strong {
	color:#146C7A;
}

@media screen and (max-width:640px){
	table.table01,
	table.table01 tbody,
	table.table01 thead,
	table.table01 th,
	table.table01 td,
	table.table01 tr {
		display:block;
	}
	
	table.table01 th,
	table.table01 td {
		border:none;
	}
	
	table.table01 {
		border-top:none;
	}
	
	table.table01 th {
		border-top:#D6D6D6 1px solid;
		border-bottom:#D6D6D6 1px solid;
	}
}


/* -------------------------------- リスト */

ul.listDisc {
	padding:7px 0 0;
}

ul.listDisc li {
	padding:0 0 0 26px;
	margin:0 0 5px;
}

ul.listDisc li:before {
	content:'●';
	font-size:8px;
	color:#5793AF;
	vertical-align:middle;
	margin:0 5px 0 -19px;
}

/* -------------------------------- 定義リスト */

.dlList_01 dt {
	float:left;
	clear:both;
	padding:8px 15px 8px 0;
}

.dlList_01 dd {
	overflow:hidden;
	padding:8px 0;
}

.dlList_01 dd + dt,
.dlList_01 dd + dt + dd {
	border-top:#333 1px dotted;
}

/*+++++++++++++++++++++++++++++++++++++++++++ 
	コンテンツ
+++++++++++++++++++++++++++++++++++++++++++ */
#wrapper {
	background:#FFF;
	min-width:320px;
}

.inside:after {
	content:'';
	display:block;
	clear:both;
}

.inside {
	max-width:960px;
	min-width:320px;
	margin:0 auto;
}

main > .inside {
	padding:58px 0 50px;
}

@media screen and (max-width:640px){
	main > .inside {
		padding-top:0;		
	}
}

.inner {
	padding:0 15px 22px;
}

.inner p {
	line-height:1.3;
	margin-bottom:2.4em;
}

.freeDVD {
	border-top:#D6D6D6 1px solid;
	border-bottom:#D6D6D6 1px solid;
	padding:60px 0 30px;
	margin:0 0 50px;
}

.freeDVD .floatL {
	padding:0 10px 25px 30px;
	width:43%;
	text-align:center;
}

.freeDVD .floatL img {
	max-width:100%;
	height:auto;
}

.freeDVD .floatR {
	width:57%;
	padding:30px 0 25px 30px;
}

.freeDVD .floatR p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:220%;
	font-weight:bold;
	line-height:1.1;
	margin-bottom:35px;
}

@media screen and (max-width:640px){
	.freeDVD {
		border-top:none;
		padding-top:20px;
	}
	
	.freeDVD .floatL,
	.freeDVD .floatR {
		float:none;
		width:auto;
		max-width:320px;
		padding:0 10px;
		margin:0 auto;
	}
	
	.freeDVD .floatL {
		padding:0 50px;
		margin-bottom:15px;
	}
	
	.freeDVD .floatR p {
		font-size:150%;
		margin-bottom:15px;
	}
	
}

.contactArea {
	text-align:center;
	max-width:960px;
	min-width:320px;
	margin:0 auto;
}

.contactArea p {
	color:#5792AE;
	font-size:125%;
	margin-bottom:32px;
}

.contactArea > a {
	display:inline-block;
	width:440px;
	height:65px;
	border:#ACCAD7 1px solid;
	border-radius:5px;
	vertical-align:middle;
	font-size:75%;
	color:#5792AE;
	padding-top:13px;
	margin:0 5px 5px;
}

.contactArea > a {
	padding-top:18px;
}

.contactArea > a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

@media screen and (max-width:640px){
	.contactArea {
		padding:0 10px;
	}
	
	.contactArea p {
		line-height:1.2;
		text-align:left;
		margin-bottom:12px;
		font-size:115%;
	}
	
	.contactArea > a {
		margin:0 0 15px;
		width:100%;
		height:58px;
		text-decoration:none;
		color:#5792AE!important;
	}
}


/*+++++++++++++++++++++++++++++++++++++++++++ 
	メインカラム
+++++++++++++++++++++++++++++++++++++++++++ */
main {}

/*+++++++++++++++++++++++++++++++++++++++++++
	ヘッダー
+++++++++++++++++++++++++++++++++++++++++++ */

#ceiling {
	background-color:rgba(255,255,255,0.75);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#bbffffff,EndColorStr=#bbffffff);
	min-height:58px;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:10;
}
#ceiling:not(:target){
    filter: none;
}

#ceiling img,
#sp_menu img {
	vertical-align:middle;
}

#ceiling img.logo {
	float:left;
	margin:20px 15px 0 17px;
}

#ceiling img.logo:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

#ceiling > ul {
	display:block;
	text-align:right;
	margin:15px 0 10px;
}

#ceiling > ul li {
	display:inline-block;
	margin:0 21px 0 0;
	line-height:1.2;
	padding-top:7px;
}


#ceiling > ul li a {
	display:inline-block;
	color:#3D6A81;
	font-size:81.3%;
	font-weight:bold;
	text-decoration:none;
	height:26px;
	vertical-align:middle;
}

#ceiling > ul li.misumiIcon {
	float:right;
}
#ceiling > ul li.misumiIcon img {
	margin:-5px 0 0 30px;
}

#ceiling > ul li a:hover {
	border-bottom:#5793AF 3px solid;
}

#ceiling > ul li.misumiIcon a:hover {
	border:none;
}

#ceiling .language {
	position:relative;
	float:left;
	margin:20px 40px 0 30px;
	font-size:81.3%;
	font-weight:bold;
	color:#817B7B;
	cursor:pointer;
}
.language ul{
	position:absolute;
	left:-10px;
	padding:10px;
	background-color:#FFF;
	box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2);
	display:none;
}
.language ul li{
	display:block;
	float:none;
	white-space:nowrap;
}
.language ul li a {
	display:block;
	text-decoration:none;
}
.language ul li a:hover {
	text-decoration:underline;
}

@media screen and (max-width:1105px){
	#ceiling > ul li {
		margin-right:10px;
	}
	#ceiling > ul li.misumiIcon img {
		margin-left:10px;
	}
	#ceiling .language {
		margin-right:10px;
		margin-left:0px;
	}
}

@media screen and (max-width:640px){
	#ceiling {
		min-height:30px;	
	}
	
	#ceiling img.logo {
		width:100px;
		height:auto;
		margin:7px 10px 0 5px;
	}
	#ceiling .language {
		margin-top:7px;
	}
}

#sp_menu_btn,
#sp_menu {
	display:none;
}

@media screen and (max-width:640px){
	#sp_menu_btn,
	#sp_menu {
		display:block;
	}
	
	#sp_menu_btn {
		float:right;
		width:22px;
		margin:2px 10px 0 0;
	}
	
	#sp_menu_btn span {
		display: inline-block;
		position: relative;
		margin: 0 10px 3px 0;
		padding: 0;
		background: #5793AF;
	}
	
	#sp_menu_btn span,
	#sp_menu_btn span:before,
	#sp_menu_btn span:after{
		width: 22px;
		height: 3px;
	}
	
	#sp_menu_btn span:before,
	#sp_menu_btn span:after{
		display: block;
		content: "";
		position: absolute;
		background: #5793AF;
		left:0;
	}
	
	#sp_menu_btn span:before{
		top: -7px;
	}
	
	#sp_menu_btn span:after{
		top: 7px;
	}

	#ceiling > ul {
		display:none;
	}
	
	#sp_menu .misumiIcon {
		text-align:center;
		margin-top:20px;
	}
	
	#sp_menu .misumiIcon:after {
		border:none!important;
	}
}

header {
	height:480px;
	background-size:cover;
}

header .inside {
	text-align:center;
	padding:212px 0 0;
	color:#FFF;
}

header .inside p {
	 font-size:112.5%;
	 font-weight:bold;
	 line-height:1.5;
}

@media screen and (max-width:640px){
	header {
		height:200px;
	}
	
	header .inside {
		padding-top:75px;
	}
	
	header .inside p {
		font-size:90%;
	}
}


/*+++++++++++++++++++++++++++++++++++++++++++
	グローバルナビゲーション
+++++++++++++++++++++++++++++++++++++++++++ */
#localNav {
	min-width:320px;
	background:#3D6A81;
}

#localNav ul {
	max-width:960px;
	margin:0 auto;
	text-align:center;
	padding:10px 0;
}

#localNav ul li {
	display:inline-block;
	margin:0 20px;
}

#localNav ul li a {
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	font-size:93.7%;
	padding:0 5px;
}

#localNav ul li a:hover,
#localNav ul li.active a {
	border-bottom:#FFF 3px solid;
}

@media screen and (max-width:640px){
	#localNav {
		margin:0 0 25px;
	}
	
	#localNav ul {
		text-align:left;
	}
	
	#localNav ul li {
		display:block;
		margin:0 0 0 5px;
	}
}
	

/*+++++++++++++++++++++++++++++++++++++++++++
	フッター
+++++++++++++++++++++++++++++++++++++++++++ */
footer {
	background:#5792AE;
	text-align:center;
	margin:77px 0 0;
	padding:0 0 30px;
}

footer ul {
	max-width:780px;
	margin:10px auto 45px;
	text-align:center;
	padding-left:15px;
}

footer li {
	display:inline-block;
	margin:0 18px 10px;
}

footer li a {
	color:#FFF!important;
	font-size:87.5%;
	text-decoration:none;
}
footer a.external:after {
	content:url(/en/common/images/bullet_external_w.png);
}


footer p {
	margin:0;
}
footer img {
	vertical-align:middle;
}

@media screen and (max-width:640px){
	footer {
		margin-top:20px;
	}
	
	footer ul {
		padding-left:0;
	}
	
	footer li,
	footer li a {
		text-align:left;
		display:block;
		margin:0;
	}
		
	footer li a {
		border-bottom:#ABC9D7 1px solid;
		padding:10px 10px 10px 20px;
		font-size:106.3%
	}
	
	footer li a:hover {
		text-decoration:none;
		background:#3D6A81;
	}
}

#pageTop {
	position:relative;
	top:-41px;
	cursor:pointer;
}

@media screen and (max-width:640px){
	#pageTop {
		width:64px;
		height:auto;
		top:-35px;
		margin-bottom:-45px;
	}
}


/*+++++++++++++++++++++++++++++++++++++++++++ 
	リンク
+++++++++++++++++++++++++++++++++++++++++++ */
a:focus { outline:none;}
a:link,
a:visited { color: #656565; }
a:hover,
a:active { text-decoration:none; }
a:hover img.opacity70 {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
a.link:before{
	content:'';
	display:inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #2DA7E0;
	margin:0 2px 0 0;
	vertical-align:baseline;
}

a.external:after {
	content:url(/en/common/images/bullet_external.png);
	display:inline-block;
	vertical-align:baseline;
	margin:0 2px;
}
a.button_01.external:after,
a.button_04.external:after {
	content:url(/en/common/images/bullet_external_w.png);
}

/*+++++++++++++++++++++++++++++++++++++++++++ 
	パーツ（不特定のページで使うスタイル）
+++++++++++++++++++++++++++++++++++++++++++ */
.box {}

.photoFrame {
	-webkit-box-shadow:1px 1px 3px #999;
	box-shadow:1px 1px 3px #999;
	border:#FFF 4px solid;
}

ul.sideBySide li {
	margin:0 5px 5px 0;
	/display:inline;
	/zoom:1;
}

.column2box:after,
.column3box:after {
	content:'';
	display:block;
	clear:both;	
}

.column2box .column {
	float:left;
	max-width:480px;
	width:50%;
	margin:0 0 15px;
	padding:0 30px 0 0;
}

.column2box .column:nth-child(even) {
	padding:0 0 0 30px;
}

@media screen and (max-width:640px){
	.column2box .column  {
		float:none;
		max-width:none;
		width:100%;
		padding:0 15px;
		margin:0 auto 50px;
	}
	.column2box .column:nth-child(even) {
		padding:0 15px;
	}
}

.column3box {
	margin:0 -30px -30px 0;
}

.column3box .column {
	max-width:325px;
	width:33%;
	float:left;
}

.column3box .column:nth-child(3n+4) {
	clear:both;
}

@media screen and (max-width:640px){
	.column3box {
		margin:0;
	}
	
	.column3box .column {
		width:100%;
		float:none;
	}
}

.button_01 {
	background:#EB5E52;
	color:#FFF!important;
	display:inline-block;
	text-decoration:none;
	max-width:490px;
	width:100%;
	padding:12px 47px 10px;
	line-height:1.2;
	border-radius:5px;
	text-align:center;
}

.button_02 {
	background:#3D6A81;
	color:#FFF!important;
	display:inline-block;
	text-decoration:none;
	padding:10px 47px 7px;
	line-height:1.2;
	font-size:114.3%;
	font-weight:bold;
	border-radius:5px;
	margin:0 auto;
}

.button_03 {
	background:#FFF;
	color:#004280!important;
	display:inline-block;
	text-decoration:none;
	min-width:558px;
	padding:13px 47px 10px;
	line-height:1.2;
	font-size:114.3%;
	font-weight:bold;
	border-radius:5px;
	margin:0 auto;
}

.button_04 {
	background:#5793AF;
	color:#FFF!important;
	display:inline-block;
	text-decoration:none;
	padding:10px 47px 7px;
	line-height:1.2;
	font-size:114.3%;
	font-weight:bold;
	border-radius:5px;
	margin:0 auto;
	border:none;
}

.button_05 {
	background:#CCC;
	color:#FFF!important;
	display:inline-block;
	text-decoration:none;
	padding:10px 10px 7px;
	line-height:1.2;
	font-size:114.3%;
	font-weight:bold;
	border-radius:5px;
	margin:0 auto;
	border:none;
}


.button_01:hover,
.button_02:hover,
.button_03:hover,
.button_04:hover,
.button_05:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	text-decoration:none;
}

@media screen and (max-width:640px){
	.button_01 {
		padding-left:10px;
		padding-right:10px;
		width:auto;
	}
	
	.button_03 {
		min-width:0;
	}
}
.tabNav:after　{
	content:'';
	display:block;
	clear:both;
}

.tabNav {
	text-align:center;
	margin:0 0 80px;
}

.tabNav li {
	display:inline-block;
	margin:0 10px;
	color:#3D6A81;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	font-size:112.5%;
	padding:0 2px;
	cursor:pointer;
}

.tabNav li:hover,
.tabNav li.active {
	border-bottom:#5793AF 3px solid;
}

@media screen and (max-width:640px){
	.tabNav {
		margin:0 0 40px;
	}
}

.adjacentArea .prev,
.adjacentArea .next {
	width:50%;
	float:left;
	padding:0 25px 0 0;
}

.adjacentArea .next {
	padding:0 0 0 25px;
	float:right;
	text-align:right;
}

.adjacentArea .prev a:before,
.adjacentArea .next a:after {
	content:'';
	display:inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 6px 3px 0;
	border-color: transparent #2DA7E0 transparent transparent;
	margin:-2px 10px 0 0;
	vertical-align:middle;
}

.adjacentArea .next a:after {
	margin:-2px 2px 0 10px;
	border-width: 3px 0 3px 6px;
	border-color: transparent transparent transparent #2DA7E0;
}

@media screen and (max-width:640px){
	.adjacentArea .prev,
	.adjacentArea .next {
		width:auto;
		float:none;
		padding:10px;
	}
	
	.adjacentArea .prev {
		border-bottom:#CCC 1px dashed;
		margin:0 0 10px;
	}
}

.icon > span {
	display:inline-block;
	background:#999;
	color:#FFF;
	padding:3px 12px 2px;
	font-size:87.5%;
	margin:0 2px 5px 0;
	line-height:1;
}

.icon > span.plasticMold {
	background:#A41009;
}

.icon > span.pressDie {
	background:#003577;
}

/*+++++++++++++++++++++++++++++++++++++++++++
	パンくず
+++++++++++++++++++++++++++++++++++++++++++ */
#breadcrumbsList {
	margin:0 0 10px;
	font-size:81.3%;
	line-height:normal;
	text-align:left;
}
#breadcrumbsList li {
	display:inline;
}

#breadcrumbsList li:after {
	content:" > ";
}

#breadcrumbsList a{
	font-weight:normal;
	color:#656565;
}

@media screen and (max-width:640px){
	#breadcrumbsList {
		display:none;
	}
}

/*+++++++++++++++++++++++++++++++++++++++++++
	汎用
+++++++++++++++++++++++++++++++++++++++++++ */
.clear { clear:both; }
.texCenter { text-align:center!important; }
.texLeft { text-align:left!important; }
.texRight { text-align:right!important; }
.weightNormal { font-weight:normal!important; }
.weightBold { font-weight:bold!important; }
.floatL { float:left; }
.floatR { float:right; }
.imgL {
	float:left;
	margin:0 2em 2em 0;
}
.imgR{
	float:right;
	margin:0 0 2em 2em;
}
.boxCenter {
	display:block;
	margin:0 auto; 
}
.borderNone { border:none!important; }
.overflowHidden { overflow:hidden; }
.imeDisabled { ime-mode:disabled; }

.line-height18 { line-height:1.8; }
.line-height15 { line-height:1.5; }
.line-height12 { line-height:1.2; }
.inlineBlock { display:inline-block; }
@media screen and (max-width:640px){
	img {
		max-width:100%;
		height:auto;
	}
}
/*+++++++++++++++++++++++++++++++++++++++++++
	横幅
+++++++++++++++++++++++++++++++++++++++++++ */
.w10per { width:10%; }
.w20per { width:20%; }
.w30per { width:30%; }
.w40per { width:40%; }
.w50per { width:50%; }
.w60per { width:60%; }
.w70per { width:70%; }
.w80per { width:80%; }
.w90per { width:90%; }
.w100per { width:100%; }

.w500 { width:500px; }
.w450 { width:450px; }
.w400 { width:400px; }
.w350 { width:350px; }
.w300 { width:300px; }
.w250 { width:250px; }
.w200 { width:200px; }
.w150 { width:150px; }
.w100 { width:100px; }
.w50 { width:50px; }

/*+++++++++++++++++++++++++++++++++++++++++++ 
	color
+++++++++++++++++++++++++++++++++++++++++++ */
.color_red { color:#F00; }

/*+++++++++++++++++++++++++++++++++++++++++++ 
	font-size
+++++++++++++++++++++++++++++++++++++++++++ */
/*※font-size:100%(16px相当)を基準としたサイズ*/
.fs12px { font-size:75%!important; }
.fs13px { font-size:81.3%!important; }
.fs14px { font-size:87.5%!important; }
.fs15px { font-size:93.7%!important; }
.fs17px { font-size:106.3%!important; }
.fs18px { font-size:112.5%!important; }
.fs20px { font-size:125%!important; }
.fs22px { font-size:137.5%!important; }
.fs24px { font-size:150%!important; }
.fs26px { font-size:162.5%!important; }
.fs28px { font-size:175%!important; }
.fs30px { font-size:187.5%!important; }

.fs300 { font-size:300%!important; }
.fs250 { font-size:250%!important; }
.fs200 { font-size:200%!important; }
.fs150 { font-size:150%!important; }
.fs120 { font-size:120%!important; }
.fs110 { font-size:110%!important; }
.fs90 { font-size:90%!important; }
.fs80 { font-size:80%!important; }
.fs70 { font-size:70%!important; }
.fs60 { font-size:60%!important; }
.fs50 { font-size:50%!important; }

/*+++++++++++++++++++++++++++++++++++++++++++ 
	margin 
+++++++++++++++++++++++++++++++++++++++++++ */
.mt0 { margin-top:0!important; }
.mt5 { margin-top:5px!important; }
.mt10 { margin-top:10px!important; }
.mt15 { margin-top:15px!important; }
.mt20 { margin-top:20px!important; }
.mt25 { margin-top:25px!important; }
.mt30 { margin-top:30px!important; }
.mt35 { margin-top:35px!important; }
.mt40 { margin-top:40px!important; }
.mt45 { margin-top:45px!important; }
.mt50 { margin-top:50px!important; }
.mb0 { margin-bottom:0!important; }
.mb5 { margin-bottom:5px!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb45 { margin-bottom:45px!important; }
.mb50 { margin-bottom:50px!important; }
.mr0 { margin-right:0!important; }
.mr5 { margin-right:5px!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr40 { margin-right:40px!important; }
.mr45 { margin-right:45px!important; }
.mr50 { margin-right:50px!important; }
.ml0 { margin-left:0!important; }
.ml5 { margin-left:5px!important; }
.ml10 { margin-left:10px!important; }
.ml15 { margin-left:15px!important; }
.ml20 { margin-left:20px!important; }
.ml25 { margin-left:25px!important; }
.ml30 { margin-left:30px!important; }
.ml35 { margin-left:35px!important; }
.ml40 { margin-left:40px!important; }
.ml45 { margin-left:45px!important; }
.ml50 { margin-left:50px!important; }

/*+++++++++++++++++++++++++++++++++++++++++++ clearfix */
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}