@charset "utf-8";

/* Basic
------------------------------------------ */
h1, h2, h3, h4, h5, h6,
form, fieldset,
pre, blockquote, th, td { margin: 0; padding: 0; font-size: 100%; }

input,textarea {
	font-size: 100%;
	vertical-align: middle;
}

body, div, p, address,
dl, dt, dd, ul, ol, li { margin: 0; padding: 0; }

img { display: block; border: 0; }

img {
	display: block;
	border: none;
	width: 100%;
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

caption { text-align: left; }
table { border-collapse: collapse; border: none; border-spacing: 0; }

fieldset { border: 0; }
input { line-height: 100%; }

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

label { cursor: pointer; }
address { font-style: normal; }

hr { display: none; visibility: hidden; height: 0; border: 0; }

article, aside, header, hgroup, footer,
nav, section, dialog, figure { display: block; }


a[name] { color: #000; }
a[name]:hover { color: #000; text-decoration: none !important; outline:0 !important; }
a img { color: #000; }

.navskip,
.hide { position: absolute; width: 0; height: 0; overflow: hidden; font-size: 0; }
em { font-weight: bold; font-style: normal; }

body {
	background: #000;
	color: #FFF;
	line-height: 1.5;
	font-family: Verdana,"ヒラギノ角ゴ Pro W4","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size: 14px;
	text-align: left;
	-webkit-text-size-adjust: 100%;
}
body.english {
	background: #f28d00;
}

p {
	word-break: break-all;
}

/* Link */
a {
	text-decoration: none;
	word-wrap: break-word;
}
a:link,
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover  {
	color: #333;
	text-decoration: none;
}
a:active  {
	color: #333;
	text-decoration: underline;
}


/* Form
------------------------------------------ */
select,
textarea,
input {
	font-family: inherit;
}

/* IME : For Windows IE */
.imeA { ime-mode: active; }
.imeD { ime-mode: disabled; }

/* password */
input[type="password"] { height: 1.2em; font-family: arial; ime-mode: disabled; }

/* button */
input[type="submit"] ,
input[type="reset"] ,
input[type="button"] ,
input[type="image"] { cursor: pointer; }

/* input password */
input[type="password"],
input[type="text"] {
	padding: 0 5px;
	border: 1px solid #BBB;
	width: 340px;
	height: 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* select */
select {
	padding: 0 12px;
	border: 1px solid #BBB;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	width: auto;
	height: 40px;
	background: #FFF;
	font-size: inherit;
	line-height: 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* iOS style reset */
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

/* textarea */
textarea {
	padding: 5px;
	border: 1px solid #BBB;
	width: 90%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* checkbox */
input[type=radio],
input[type=checkbox] {
	margin-right: 10px;
	transform: scale(1);
	vertical-align: 2px;
}

/* btnConfirm01 */
.btnConfirm01 {
	display: inline-block;
	margin: 0 auto;
	border: none;
	width: 280px;
	height: 40px;
	background: #DDD;
	font-size: 16px;
	overflow: hidden;
}
.btnConfirm01:hover {
	filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
}

/* btnSend01 */
.btnSend01 {
	display: inline-block;
	margin: 0 auto;
	border: none;
	width: 280px;
	height: 40px;
	background: #DDD;
	overflow: hidden;
}
.btnSend01:hover {
	filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
}

/* btnBack01 */
.btnBack01 {
	display: inline-block;
	margin: 0 auto;
	border: 1px solid #DDD;
	width: 100px;
	height: 40px;
	background: #FFF;
	overflow: hidden;
}
.btnBack01:hover {
	filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
}

/* btnLink01 */
.btnLink01 {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 280px;
	height: 52px;
	background: #FFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 38px;
	text-align: center;
	text-decoration: none !important;
	overflow: hidden;
}
.btnLink01 {
	position: relative;
	background-color: #f7d034;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: all .3s;
	transition: all .3s;
	box-shadow: 0 3px 0 #f7ba59;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .4);
}
.btnLink01:hover {
	background-color: #f2ad26;
}
@media screen and (max-width: 640px){
	.btnLink01 {
		width: 240px;
		font-size: 14px;
	}
	.btnLink01:hover {
		background-color: #f7d034;
	}
}

/* btnLink02 */
.btnLink02 {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	border-radius: 5px;
	height: 40px;
	background: #f0f0f0;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	text-align: center;
	text-decoration: none !important;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btnLink02:hover {
	background-color: #CCC;
}
@media screen and (max-width: 640px){
	.btnLink02Wrap {
		text-align: center;
	}
	.btnLink02:hover {
		background-color: #f0f0f0;
	}
}

/* btnLinkLo01 */
.btnLinkLo01 {
	margin-top: 20px;
}
.btnLinkLo01 .btnLinkLo0101 {
	float: left;
	width: 49%;
}
.btnLinkLo01 .btnLinkLo0102 {
	float: right;
	width: 49%;
}
@media screen and (max-width: 785px){
	.btnLinkLo01 .btnLinkLo0101 {
		float: none;
		width: auto;
	}
	.btnLinkLo01 .btnLinkLo0102 {
		margin-top: 20px;
		float: none;
		width: auto;
	}
}

/* btnLinkLo02 */
.btnLinkLo02 {
	display: table;
}
.btnLinkLo02 .btnLinkLo0202,
.btnLinkLo02 .btnLinkLo0201 {
	display: table-cell;
	vertical-align: top;
}
.btnLinkLo02 .btnLinkLo0201 {
	width: 120px;
}
.btnLinkLo02 .btnLinkLo0202 {
	padding: 0 0 0 10px;
}
@media screen and (max-width: 640px){
	.btnLinkLo02 {
		display: block;
	}
	.btnLinkLo02 .btnLinkLo0202,
	.btnLinkLo02 .btnLinkLo0201 {
		display: block;
	}
	.btnLinkLo02 .btnLinkLo0201 {
		width: 80px;
	}
	.btnLinkLo02 .btnLinkLo0202 {
		padding: 10px 0 0 0;
	}
}

/* inputTextAdd01 */
.inputTextAdd01 {
	margin-left: 10px;
	width: 200px !important;
}
@media screen and (max-width: 640px){
	.inputTextAdd01 {
		display: block;
		margin: 10px 0 0 0;
		width: 80%;
	}
}

/* inputTextL01 */
.inputTextL01 {
	width: 85% !important;
}
@media screen and (max-width: 640px){
	.inputTextL01 {
		width: 80% !important;
	}
}


/* Margin
------------------------------------------ */
.mgt0   { margin-top:     0 !important; }
.mgt3   { margin-top:   3px !important; }
.mgt5   { margin-top:   5px !important; }
.mgt7   { margin-top:   7px !important; }
.mgt10  { margin-top:  10px !important; }
.mgt15t  { margin-top:  13px !important; }
.mgt15  { margin-top:  15px !important; }
.mgt20t  { margin-top:  18px !important; }
.mgt20  { margin-top:  20px !important; }
.mgt25t  { margin-top:  23px !important; }
.mgt25  { margin-top:  25px !important; }
.mgt30t  { margin-top:  28px !important; }
.mgt30  { margin-top:  30px !important; }
.mgt40t  { margin-top:  38px !important; }
.mgt40  { margin-top:  40px !important; }
.mgt50t  { margin-top:  48px !important; }
.mgt50  { margin-top:  50px !important; }
.mgt60  { margin-top:  60px !important; }
.mgt70  { margin-top:  70px !important; }

.mgb50  { margin-bottom:  50px !important; }

.mgl0   { margin-left:   0px !important; }
.mgl10  { margin-left:  10px !important; }

.mgr50  { margin-right:  50px !important; }


/* Padding
------------------------------------------ */
.pdt0   { padding-top:  0 !important; }


/* Layout
------------------------------------------ */
.floatL { float: left; }
.floatR { float: right; }
.clearboth { clear: both; }
br.clear {
	margin: 0;
	padding: 0;
	clear: both;
	line-height: 0;
	font-size: 0;
}

.alL { text-align: left !important; }
.alC { text-align: center !important; }
.alR { text-align: right !important; }

.vaT { vertical-align: top !important; }
.vaM { vertical-align: middle !important; }
.vaB { vertical-align: bottom !important; }

/* inline block */
.iBlk { display: -moz-inline-box; display: inline-block; }

/* pc sp */
.pc {
	display: block;
}
.sp {
	display: none;
}
@media screen and (max-width: 640px){
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}


/* Text
------------------------------------------ */
.nowrap { white-space: nowrap !important; }
.bold { font-weight: bold !important; }
.normal { font-weight: normal !important; }

.fs01 { font-size:  10px !important; }
.fm01 { font-size: 	12px !important; }
.fl01 { font-size: 	14px !important; }
.fl02 { font-size:  16px !important; }
.fl03 { font-size:  18px !important; }
.fl04 { font-size:  20px !important; }

.fRed01  { color: #E50012 !important; }
.fBlue01 { color: #0095C6 !important; }
.fNavy01 { color: #000099 !important; }

.fBgWh01 {
		text-shadow: 1px  1px 1px rgba(255, 255, 255, 0.5),
				-1px  1px 1px rgba(255, 255, 255, 0.5),
				1px -1px 1px rgba(255, 255, 255, 0.5),
				-1px -1px 1px rgba(255, 255, 255, 0.5)
}

/* wrapper
------------------------------------------ */
#wrapper {
	margin: 0 10px;
	width: auto;
	overflow: hidden;
}
@media screen and (max-width: 640px){
	#wrapper {
		margin: 0;
	}
}


/* linkEnglish01
------------------------------------------ */
#enLinkWrap {
	margin: 0 auto;
	width: 100%;
	max-width: 900px;
}
.linkEnglish01 {
	position: relative;
	bottom: 0;
	right: 0;
	background: #000;
	padding: 5px 0;
}
.linkEnglish01 a {
	float: right;
	display: block;
	padding: 5px 50px;
	border: 1px solid #FFF;
	border-radius: 6px;
	background: #FFF;
	text-decoration: none;
}
.linkEnglish01 a:hover {
	border: 1px solid #666;
	background: #666;
	color: #FFF;
}
@media screen and (max-width: 640px){
	.linkEnglish01 {
		padding: 5px;
	}
	.linkEnglish01 a {
		padding: 5px 20px;
	}
}


/* header
------------------------------------------ */
/* header */
#header {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 900px;
	background-color: #FFF;
}
#header .enLogo {
	position: relative;
	padding: 5px 0 5px 0;
	width: 100%;
	background: #f28d00;
}
#header .enLogo .button01 {
	float: left;
	padding-bottom: 5px;
	text-align: center;
}
#header .enLogo .button01 .btnLink01 {
	display: block;
}
#header .enLogo .link01 {
	float: right;
}
#header .enLogo .link01 a {
	display: block;
	padding: 5px 10px;
	border: 1px solid #FFF;
	border-radius: 6px;
	background: #FFF;
	text-decoration: none;
}
#header .enLogo > .link01 a:hover {
	border: 1px solid #666;
	background: #666;
	color: #FFF;
}
#header .logo img {
	width: 100%;
}
#header a:hover img {
	filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
	background: #FFF;
}
#header a:active img {
	filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
@media screen and (max-width: 640px){
	#header .enLogo {
		padding: 5px;
		width: auto;
	}
	#header a:hover img {
		filter: alpha(opacity=100);
	    -moz-opacity: 1;
	    opacity: 1;
	}
}
/* clearfix */
#header:after{
	content: "";
	display: block;
	clear: both;
}

/* fixed */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
@media screen and (max-width: 1024px){
	.fixed {
	    position: relative;
	}
}


/* gNav
------------------------------------------ */
#gNav {
	margin: 0 auto;
	width: 100%;
	max-width: 900px;
}
#gNav ul li {
	float: left;
	width: 16.6666%;
	background-color: #FFF;
}
#gNav ul li a {
	display: block;
}
#gNav ul li a img {
	display: block;
	width: 100%;
	height: auto;
}
/*
#gNav ul li a:hover img {
	filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
	background-color: #FFF;
}
*/
#gNav ul:after{
	content: " ";
	display: block;
	clear: both;
}
@media screen and (max-width: 640px){
	#gNav ul li {
		width: 50%;
	}
	/*
	#gNav ul li a:hover img {
		filter: alpha(opacity=100);
	    -moz-opacity: 1;
	    opacity: 1;
	}
	*/
}


/* cf
------------------------------------------ */
#cf {
	margin: 0 auto;
	width: 100%;
	max-width: 900px;
	background: #FFF;
	color: #000;
}
#cf > .vessel {
	border: 20px solid #f28d00;
	padding: 15px;
	background-color: #FFF;
}
#cf > .vessel > .inner {
	margin: 0 auto;
	width: 80%;
}
#cf p {
	font-size: 16px;
}
#cf .headMod01 {
	text-align: center;
}
#cf .shomei {
	padding-right: 100px;
	text-align: right;
}
#cf .line01 {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dashed #333;
}
@media screen and (max-width: 640px){
	#cf > .vessel {
		border: 10px solid #f28d00;
	}
	#cf > .vessel > .inner {
		width: 100%;
	}
	#cf .shomei {
		padding-right: 0;
	}
}


/* main
------------------------------------------ */
#main {
	margin: 0 auto;
	width: 100%;
	max-width: 900px;
	min-height: 600px;
	background: #f28d00;
	color: #000;
}
#main .mainImage img {
	width: 100%;
	max-width: 1000px;
}
@media screen and (max-width: 640px){
	#main {
		min-height: 0;
	}
}

/* pagetopMod01 */
.pagetopMod01 {
	margin: 10px 10px 0 0;
	padding-bottom: 20px;
	text-align: right;
}

/* section01 */
.section01 {
	margin: 20px auto 0 auto;
	width: 100%;
	max-width: 1000px;
}
@media screen and (max-width: 1000px){
	.section01 {
		margin-left: 10px;
		margin-right: 10px;
		width: auto;
	}
}


/* Footer
------------------------------------------ */
#footer {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
	height: auto;
}
#footer .vessel {
	position: relative;
	padding-top: 8%;
	width: 100%;
	height: auto;
	background: url(../img_cmn/bg_footer_01_pc.png) no-repeat;
	background-size: 100% auto;
}
#footer .copy {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -0.5em;
	padding: 0 10px;
	color: #000;
}
@media screen and (max-width: 640px){
	#footer {
		position: relative;
		max-width: 640px;
	}
	#footer .vessel {
		position: relative;
		padding-top: 12.5%;
		background: url(../img_cmn/bg_footer_01_sp.png) no-repeat;
		background-size: 100% auto;
	}
	#footer .copy {
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -1em;
		padding-right: 50%;
		font-size: 12px;
	}
}


/* Icon , Img
------------------------------------------ */
/* imgHide */
@media screen and (max-width: 640px){
	.imgHide {
		display: none;
	}
}


/* Contents
------------------------------------------ */
/* spD */
@media screen and (max-width: 640px){
	.spD {
		display: none;
	}
}

/* pagetop01 */
.pagetop01 {
	padding: 20px 0 0 0;
	text-align: right;
}
@media screen and (max-width: 640px){
	.pagetop01 {
		padding-left: 10px;
		padding-right: 10px;
		text-align: right;
	}
}

/* headMain01 */
.headMain01 {
	font-size: 40px !important;
	font-weight: bold;
}

/* titleMod01 */
.titleMod01 {
	padding: 10px 20px 10px 20px;
	border-top: 10px solid #D36500;
	border-bottom: 10px solid #D36500;
	background-color: #F78B00;
	font-size: 26px;
}
.titleMod01 > .vessel {
	display: table;
	width: 100%;
}
.titleMod01 > .vessel .link01,
.titleMod01 > .vessel .title01 {
	display: table-cell;
	vertical-align: middle;
}
.titleMod01 > .vessel .title01 {
	width: auto;
}
.titleMod01 > .vessel .link01 {
	width: 200px;
	font-size: 14px;
	font-weight: normal;
	text-align: right;
}
.titleMod01 > .vessel .link01 .button01 {
	display: inline-block;
	padding: 0 10px;
	border: 1px solid #FFF;
	border-radius: 3px;
	height: 30px;
	background: #FFF;
	line-height: 30px;
	text-decoration: none;
}
.titleMod01 > .vessel .link01 .button01:hover {
	border: 1px solid #f0f0f0;
	background: #f0f0f0;
}
@media screen and (max-width: 640px){
	.titleMod01 {
		padding: 4px 20px 3px 20px;
		border-top: none;
		border-bottom: none;
		background-color: #D16300;
		color: #FFF;
		font-size: 22px;
	}
	.titleMod01 > .vessel {
		display: block;
		width: auto;
	}
	.titleMod01 > .vessel .link01,
	.titleMod01 > .vessel .title01 {
		display: block;
	}
	.titleMod01 > .vessel .title01 {
		width: auto;
	}
	.titleMod01 > .vessel .link01 {
		padding: 7px 0;
		width: auto;
		font-size: 12px;
	}
	.titleMod01 > .vessel .link01 .button01:hover {
		border: 1px solid #FFF;
		background: #FFF;
	}
}

/* titleMod02　末尾へ移動 */

/* headMod01 */
.headMod01 {
	font-size: 20px;
	font-weight: bold;
}

/* headMod02 */
.headMod02 {
	font-size: 16px;
	font-weight: bold;
}

/* moreMod01 */
.moreMod01 {
	margin-top: 10px;
}

/* youtubeMod01 */
.youtubeMod01 {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtubeMod01 iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/* pagingMod01 */
.pagingMod01 {
	margin: 20px;
}
.pagingMod01 > p {
	font-weight: bold;
}
.pagingMod01 select {
	margin-top: 5px;
	width: 180px;
}
.pagingMod01 dl dt {
	margin-top: 10px;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}
.pagingMod01 dl dt:first-child {
	margin-top: 10px;
}
.pagingMod01 dl dd {
	overflow: hidden;
}
.pagingMod01 dl dd ul {
	margin: -10px -10px 0 0;
	overflow: hidden;
}
.pagingMod01 ul:after{
	content: " ";
	display: block;
	clear: both;
}
.pagingMod01 ul li {
	float: left;
	margin: 10px 10px 0 0;
}
.pagingMod01 ul li a {
	display: block;
	border: 1px solid #FFF;
	border-radius: 3px;
	width: 40px;
	height: 40px;
	background: #FFF;
	text-align: center;
	line-height: 40px;
}
.pagingMod01 ul li.cur {
	font-weight: bold;
}
.pagingMod01 ul li.cur a {
	text-decoration: none;
}

/* commentMod01Wrap */
.commentMod01Wrap {
	height: 300px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.commentMod01Wrap::-webkit-scrollbar{
	width: 15px;
}
.commentMod01Wrap::-webkit-scrollbar-thumb{
	background: #999;
	border-radius: 10px;
}
.commentMod01Wrap::-webkit-scrollbar-track-piece:start{
	background: #CCC;
}
.commentMod01Wrap::-webkit-scrollbar-track-piece:end{
	background: #f0f0f0;
}

/* commentMod01 */
.commentMod01 {
	margin-top: 15px;
}
.commentMod01 li {
	margin-top: 1em;
	padding-right: 10px;
	/*
	padding-top: 5px;
	border-top: 1px solid #CCC;
*/
}
.commentMod01 li:first-child {
	margin-top: 0;
	/*
	padding-top: 0;
	border-top: none;
*/
}

/* profileMod01 */
.profileMod01 {
	display: table;
	width: 100%;
}
.profileMod01 > .main01,
.profileMod01 > .photo01 {
	display: table-cell;
	vertical-align: top;
}
.profileMod01 > .photo01 {
	width: 207px;
}
.profileMod01 > .main01 {
	padding: 0 0 0 20px;
	width: auto;
}
.profileMod01 > .main01 .title01 {
	font-size: 16px;
}
@media screen and (max-width: 640px){
	.profileMod01 {
		display: block;
		width: auto;
	}
	.profileMod01 > .main01,
	.profileMod01 > .photo01 {
		display: block;
	}
	.profileMod01 > .photo01 {
		margin: 0 auto;
	}
	.profileMod01 > .main01 {
		margin-top: 10px;
		padding: 0;
	}
}

/* profileMod02 */
.profileMod02 {
	display: table;
	width: 100%;
}
.profileMod02 > .main01,
.profileMod02 > .photo01 {
	display: table-cell;
	vertical-align: top;
}
.profileMod02 > .photo01 {
	width: 207px;
}
.profileMod02 > .main01 {
	padding: 0 0 0 20px;
	width: auto;
}
.profileMod02 > .main01 .title01 {
	font-size: 16px;
}
@media screen and (max-width: 640px){
	.profileMod02 {
		display: block;
		width: auto;
	}
	.profileMod02 > .main01,
	.profileMod02 > .photo01 {
		display: block;
	}
	.profileMod02 > .photo01 {
		margin: 0 auto;
	}
	.profileMod02 > .main01 {
		margin-top: 10px;
		padding: 0;
	}
}


/* index
------------------------------------------ */
/* indexMainImg */
@media screen and (max-width: 640px){
	.indexMainImg {
		margin: 0 auto;
		width: 100%;
		max-width: 640px;
	}
}


/* indexNews01 */
.indexNews01 {
	margin-top: 10px;
}
.indexNews01 dt {
	margin: 10px 0 0 0;
	font-weight: bold;
}
.indexNews01 dt:first-child {
	margin-top: 0;
}


/* haishinList01
------------------------------------------ */
.haishinList01 {
	margin: 20px;
}
.haishinList01.en {
	margin: 20px 0 0 0;
}
.haishinList01 .vessel {
	padding: 15px;
	background-color: #FFF;
	font-size: 16px;
	line-height: 1.8;
}
.haishinList01 .lineBlock01 {
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px dotted #666;
}


/* News
------------------------------------------ */
.newsList01 {
	margin: 20px;
}
.newsList01.en {
	margin: 20px 0 0 0;
}
.newsList01 .vessel {
	padding: 15px;
	background-color: #FFF;
}
.newsList01 dl dt {
	margin-top: 10px;
}
/*
.newsList01 dl dt:nth-child(21n) {
	margin-top: 20px;
}
*/
.newsList01 dl dt:first-child {
	margin-top: 0;
}

.newsLink01 {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

.newsArea01 {
	padding: 20px;
}
.newsArea01 .newsMod01 {
	margin-top: 20px;
	padding: 15px;
	background-color: #FFF;
}
.newsArea01 .newsMod01:first-child {
	margin-top: 0;
}
.newsArea01 .newsMod01 .title01 {
	margin-top: 5px;
	font-size: 20px;
}
.newsArea01 .newsMod01 .postArea00 {
	margin-top: 10px;
}
.newsArea01 .newsMod01 .postArea00 p {
	margin-top: 5px;
}
.newsArea01 .newsMod01 .postArea00 p:first-child {
	margin-top: 0;
}
.newsArea01 .newsMod01 .postArea00 .borderP01 {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #CCC;
}
.newsArea01 .newsMod01 .postArea00 .borderP01 + p {
	margin-top: 0;
}


.newsArea01 .newsMod01 .photoArea01 {
	margin: 20px auto 0 auto;
	width: 100%;
	max-width: 400px;
}

.newsArea01 .newsMod01 .photoArea02 {
	margin-top: 20px;
	overflow: hidden;
}
.newsArea01 .newsMod01 .photoArea02 ul {
	margin: 0 -10px;
}
.newsArea01 .newsMod01 .photoArea02 ul li {
	float: left;
	border-left: 10px solid #FFF;
	border-right: 10px solid #FFF;
	width: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.snsBtn01 {
	margin-top: 20px;
}
.snsBtn01 ul {
	display: table;
}
.snsBtn01 ul li {
	display: table-cell;
	padding-right: 10px;
	width: 36px;
	vertical-align: middle;
}


/* introMod01
------------------------------------------ */
.introMod01 {
	background: #f28d00;
	color: #000;
}
.introMod01 .vessel {
	margin-top: -3em;
	padding: 0 20px 20px 20px;
}
.introMod01 .vessel p {
	margin-top: 1em;
	text-indent: 1em;
}
.introMod01 .vessel p:first-child {
	margin-top: 0;
}
@media screen and (max-width: 640px){
	.introMod01 .vessel {
		margin-top: -1em;
		padding: 0 10px 20px 10px;
	}
}

/* introMod01En
------------------------------------------ */
.introMod01En {
	background: #f28d00;
	color: #000;
}
.introMod01En .vessel {
	margin-top: -3em;
	padding: 0 20px 20px 20px;
}
.introMod01En .lead01 {
	font-size: 20px;
	font-weight: bold;
}
@media screen and (max-width: 640px){
	.introMod01En .vessel {
		margin-top: -1em;
		padding: 0 10px 20px 10px;
	}
	.introMod01En .lead01 {
		font-size: 16px;
	}
}

/* storyMod01
------------------------------------------ */
.storyMod01 {
	background: #f28d00;
	color: #000;
}
.storyMod01 .vessel {
	padding: 17px 20px 20px 20px;
}
@media screen and (max-width: 640px){
	.storyMod01 .vessel {
		padding: 17px 10px 20px 10px;
	}
}

.storyMod02 {
	margin: 20px 20px 0 20px;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #FFF;
}
.storyMod02 h3 {
	font-size: 16px;
}
@media screen and (max-width: 640px){
	.storyMod02 {
		margin: 0 10px 0 10px;
	}
}


/* castMod01
------------------------------------------ */
.castMod01 .photo {
	display: table;
	width: 100%;
}
.castMod01 .photo div {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}

.castMod01 .text {
	padding: 17px 20px 0 20px;
}
@media screen and (max-width: 640px){
	.castMod01 .text {
		padding: 17px 10px 0 10px;
	}
}


/* castMod01En
------------------------------------------ */
.castMod01En {
	padding-top: 20px;
}
.castMod01En .photoWrap {
	margin: 0 20px;
}
.castMod01En .photoArea {
	display: table;
	width: 100%;
}
.castMod01En .photoArea .box {
	display: table-cell;
	width: 50%;
	vertical-align: top;
}
.castMod01En .photoArea .box .inner {
	display: table;
	width: 100%;
}
.castMod01En .photoArea .box .main,
.castMod01En .photoArea .box .photo {
	display: table-cell;
}
.castMod01En .photoArea .box .photo {
	width: 53%; /* 228px */
	max-width: 228px;
	vertical-align: top;
}
.castMod01En .photoArea .box .main {
	padding: 0 10px 0 10px;
	width: auto;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}
.castMod01En .text {
	padding: 17px 20px 0 20px;
}
@media screen and (max-width: 640px){
	.castMod01En .photoWrap {
		margin: 0 10px;
	}
	.castMod01En .photoArea {
		display: block;
	}
	.castMod01En .photoArea .box {
		display: block;
		width: auto;
	}
	.castMod01En .photoArea .box.box02 {
		margin-top: 20px;
	}
	.castMod01En .photoArea .box .inner {
		display: block;
	}
	.castMod01En .photoArea .box .main,
	.castMod01En .photoArea .box .photo {
		display: block;
	}
	.castMod01En .photoArea .box .photo {
		margin: 0 auto;
		width: 228px;
	}
	.castMod01En .photoArea .box .main {
		margin-top: 5px;
		padding: 0;
		text-align: center;
	}
	.castMod01En .text {
		padding: 17px 10px 0 10px;
	}
}


/* staffMod01
------------------------------------------ */
.staffMod01 {
	background: #f28d00;
	color: #000;
}
.staffMod01 .vessel {
	padding: 17px 20px 20px 20px;
}
.staffMod01 .vessel ul,
.staffMod01 .vessel p {
	margin-top: 1em;
}
.staffMod01 .vessel p:first-child {
	margin-top: 0;
}
@media screen and (max-width: 640px){
	.staffMod01 .vessel {
		padding: 17px 10px 20px 10px;
	}
}


/* messageMod01
------------------------------------------ */
.messageMod01 {
	background: #f28d00;
	color: #000;
}
.messageMod01 .vessel {
	padding: 17px 20px 20px 20px;
}


/* theaterMod01
------------------------------------------ */
.theaterMod01 {
	background: #f28d00;
	color: #000;
}
.theaterMod01 .vessel {
	padding: 17px 20px 20px 20px;
}
.theaterMod01 .vessel p {
	margin-top: 1em;
}
.theaterMod01 .vessel p:first-child {
	margin-top: 0;
}
.theaterMod01 .vessel p.lead {
	font-size: 18px;
}
@media screen and (max-width: 640px){
	.theaterMod01 .vessel {
		padding: 17px 10px 20px 10px;
	}
}

/* theaterTbl01 */
.theaterTbl01 {
	padding: 20px 20px 10px 20px;
}
.theaterTbl01 table {
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	width: 100%;
	background: #FFF;
}
.theaterTbl01 table td,
.theaterTbl01 table th {
	padding: 10px;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	text-align: center;
}
.theaterTbl01 table thead th {
	background: #F0F0F0;
}
.theaterTbl01 table thead th.th01 {
	width: 15%;
}
.theaterTbl01 table thead th.th02 {
	width: 30%;
}
.theaterTbl01 table thead th.th03 {
	width: 20%;
}
.theaterTbl01 table thead th.th04 {
	width: 35%;
}
@media screen and (max-width: 640px){
	.theaterTbl01 {
		padding: 10px;
	}
	.theaterTbl01 table td,
	.theaterTbl01 table th {
		padding: 5px 3px;
		font-size: 12px;
	}
	.theaterTbl01 table thead th.th01 {
		width: 20%;
	}
	.theaterTbl01 table thead th.th02 {
		width: 30%;
	}
	.theaterTbl01 table thead th.th03 {
		width: 25%;
	}
	.theaterTbl01 table thead th.th04 {
		width: 25%;
	}
}


/* fwMod01
------------------------------------------ */
.fwMod01 {
	background: #f28d00;
	color: #000;
}
.fwMod01 .vessel {
	padding: 17px 20px 20px 20px;
}
.fwMod01 .vessel p {
	margin-top: 1em;
}
.fwMod01 .vessel p:first-child {
	margin-top: 0;
}
@media screen and (max-width: 640px){
	.fwMod01 .vessel {
		padding: 17px 10px 20px 10px;
	}
}


/* mediaMod01
------------------------------------------ */
.mediaMod01 {
	background: #f28d00;
	color: #000;
}
.mediaMod01 .vessel {
	margin: 20px 20px 20px 20px;
	padding: 17px 20px 20px 20px;
	background: #FFF;
}
body.english .mediaMod01 .vessel {
	margin: 20px 0 0 0;
}
.mediaMod01 h3 {
	margin-top: 20px;
	font-size: 18px;
}
.mediaMod01 h3:first-child {
	margin-top: 0;
}
.mediaMod01 .list01 {
	margin-top: 5px;
	overflow: hidden;
}
.mediaMod01 .list01 ul {
	margin: -15px -5px 0 -5px;
	overflow: hidden;
}
.mediaMod01 .list01 li {
	float: left;
	margin: 15px 0 0 0;
	padding: 0 5px;
	width: 33.3333%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.mediaMod01 .list01 li .image01 {
	margin-top: 7px;
	max-width: 180px;
}
.mediaMod01 .list01 li.li0201 .image01 {
	max-width: 153px;
}
.mediaMod01 .list01 li.li0202 .image01 {
	max-width: 180px;
}
.mediaMod01 .list01 li.li0203 .image01 {
	max-width: 148px;
}
.mediaMod01 .list01 li.li0204 .image01 {
	max-width: 148px;
}
.mediaMod01 .list01 li.li0205 .image01 {
	max-width: 180px;
}
.mediaMod01 .list01 li.li0206 .image01 img {
	border: 1px solid #ccc;
}
@media screen and (max-width: 640px){
	.mediaMod01 .vessel {
		margin: 10px 10px 0 10px;
		padding: 17px 10px 20px 10px;
	}
	.mediaMod01 .list01 li {
		width: 50%;
	}
}


/* contactMod01
------------------------------------------ */
.contactMod01 {
	padding: 20px;
}
.contactMod01 .back01 {
	margin-top: 10px;
	text-align: right;
}
.contactMod01 .finMessage01,
.contactMod01 .contactInn01 {
	padding: 15px;
	background: #FFF;
}
.contactMod01 .contactInn01 .block01 {
	margin-top: 13px;
	padding-top: 13px;
	border-top: 1px solid #666;
}
.contactMod01 .finMessage01 .box01 {
	margin-top: 10px;
	padding: 10px;
	border: 3px double #F00;
}
@media screen and (max-width: 640px){
	.contactMod01 {
		padding: 20px 10px;
	}
	.contactMod01 .finMessage01,
	.contactMod01 .contactInn01 {
		padding: 10px;
	}
}




/* お問い合わせ
------------------------------------------ */
table.formTable{
	margin: 10px auto 0 auto;
	width: 100%;
	background-color: #FFF;
	border-collapse: collapse;
}
table.formTable td,table.formTable th {
	border: 1px solid #ccc;
	padding: 10px;
}
body.inputPage table.formTable td {
	padding: 20px 10px 20px 10px;
}
table.formTable th {
	width: 30%;
	font-weight :normal;
	background: #f0f0f0;
	text-align: left;
}
table.formTable th span {
	margin-left: 5px;
	color: #c00;
	font-size: 12px;
}
#formWrap .buttonArea01 {
	position: relative;
	margin-top: 20px;
	text-align: center;
}
#formWrap .buttonArea01 .back {
	position: absolute;
	top: 0;
	left: 0;
	line-height: 40px;
}
@media screen and (max-width: 640px){
	table.formTable th span {
		display: block;
		margin-left: 0;
	}
	table.formTable td input[type="password"],
	table.formTable td input[type="text"] {
		width: 80%;
	}
	table.formTable td textarea {
		width: 80%;
	}
	#formWrap .buttonArea01 .back {
		position: relative;
		margin-top: 20px;
		text-align: left;
	}
}


/* enFilmData01
------------------------------------------ */
.enFilmData01 {
	border-top: 1px solid #D36500;
	margin: 30px 0 0 0;
	padding: 20px 20px 28px 20px;
}
@media screen and (max-width: 640px){
	.enFilmData01 {
		padding: 20px 10px 30px 10px;
	}
}


/* enContact01
------------------------------------------ */
.enContact01 {
	border-top: 1px solid #D36500;
	padding: 20px 20px 30px 20px;
	font-size: 20px;
	text-align: center;
}
@media screen and (max-width: 640px){
	.enContact01 {
		padding: 20px 10px 30px 10px;
		font-size: 16px;
	}
}


/* Pre index
------------------------------------------ */
/* preYoutube01 */
.preYoutube01 {
	margin-top: 30px;
}

/* preImg01 */
.preImg01 {
	margin: 0 auto;
	width: 100%;
	max-width: 516px;
}
@media screen and (max-width: 1000px){
	.preImg01 {
		width: auto;
	}
}

/* preImg02 */
.preImg02 {
	margin: 30px auto 0 auto;
	width: 100%;
	max-width: 1000px;
		text-align: center;
}
.preImg02 img {
	display: inline-block;
	width: 50%;
	max-width: 516px;
}
@media screen and (max-width: 1000px){
	.preImg02 img {
		margin-top: 30px;
		width: 100%;
		max-width: 516px;
	}
	.preImg02 img:first-child {
		margin-top: 0;
	}
}


/* Clearfix
------------------------------------------ */
/* clearfix */
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}


/* Print
------------------------------------------ */
@media print {

	/* All */
	html { overflow: visible; }

	.fixed {
	    position: relative;
	}

}


/* titleMod02 */
.titleMod02 {
	padding: 3px 18px 3px 18px;
	border-bottom: 5px solid #D36500;
	color: #FFEE0C;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 3px #000;
	background: #dc6f00;
	background: -moz-linear-gradient(top, #dc6f00 0%, #f48800 100%);
	background: -webkit-linear-gradient(top, #dc6f00 0%,#f48800 100%);
	background: linear-gradient(to bottom, #dc6f00 0%,#f48800 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc6f00', endColorstr='#f48800',GradientType=0 );
}
@media screen and (max-width: 640px){
	.titleMod02 {
		font-size: 16px;
	}
}


/* kyousan
------------------------------------------ */
#kyousan {
	margin: 0 auto;
	width: 100%;
	max-width: 900px;
	background: #FFF;
	color: #000;
}
#kyousan > .vessel {
	border-right: 20px solid #f28d00;
	border-bottom: 20px solid #f28d00;
	border-left: 20px solid #f28d00;
	padding: 15px;
	background-color: #FFF;
}
#kyousan > .vessel > .inner {
	margin: 0 auto;
	width: 80%;
}
#kyousan p {
	font-size: 16px;
}
#kyousan .headMod01 {
	text-align: center;
}
@media screen and (max-width: 640px){
	#kyousan > .vessel {
		border-right: 10px solid #f28d00;
		border-bottom: 10px solid #f28d00;
		border-left: 10px solid #f28d00;
	}
}

/* kyousanList01 */
.kyousanList01 {
	margin-top: 10px;
}
.kyousanList01 li {
	float: left;
	width: 25%;
	font-size: 12px;
}
.kyousanList01 li .white {
	color: #FFF;
}
@media screen and (min-width: 501px) and (max-width: 1000px){
	.kyousanList01 li {
		width: 33.3333%;
	}
}
@media screen and (max-width: 500px){
	.kyousanList01 li {
		width: 50%;
	}
}

/* addressArea01 */
.addressArea01 {
	margin: 0 auto;
	width: 100%;
	max-width: 900px;
	color: #000;
}
.addressArea01 > .vessel {
	border-bottom: 20px solid #f28d00;
	padding: 15px;
	text-align: center;
}
@media screen and (max-width: 640px){
	.addressArea01 > .vessel {
		border-bottom: 10px solid #f28d00;
		text-align: left;
	}
}

/* enHaishinArea01 */
.enHaishinArea01 {
	margin: 20px 0 0 0;
	padding: 17px 20px 19px 20px;
	background: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.enHaishinArea01 > .title01 {
	margin-bottom: 5px;
	font-size: 20px;
}
.enHaishinArea01 .here01 {
	margin-left: 5px;
	color: #F00;
	font-size: 14px;
}
.nowrap {
	white-space: nowrap;
}
@media screen and (max-width: 640px){
	.enHaishinArea01 {
		padding: 10px 10px;
		font-size: 13px;
	}
	.enHaishinArea01 > .title01 {
		margin-bottom: 5px;
		font-size: 16px;
	}
	.enHaishinArea01 .here01 {
		margin-left: 3px;
		font-size: 12px;
	}
}

/* specialArea01 */
.specialArea01 {
	margin: 20px 0 0 0;
	padding: 17px 20px 19px 20px;
	border-bottom: 20px solid #f28d00;
	border-right: 40px solid #f28d00;
	border-left: 40px solid #f28d00;
	background: #FFF;
}
.specialArea01 > .title01 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.specialArea01 > .title01 br {
	display: none;
}
.specialArea01 > .layout01 {
	display: table;
	width: 100%;
}
.specialArea01 > .layout01 .layout0102,
.specialArea01 > .layout01 .layout0101 {
	display: table-cell;
	vertical-align: top;
}
.specialArea01 > .layout01 .layout0101 {
	width: 235px;
	line-height: 0;
}
.specialArea01 > .layout01 .layout0101 p {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.5;
}
.specialArea01 > .layout01 .layout0102 {
	padding-left: 20px;
}
.specialArea01 .textBlock01 {
	font-size: 14px;
	line-height: 1.5;
}
.specialArea01 .textBlock01 p {
	margin-top: 10px;
}
.specialArea01 .textBlock01 p:first-child {
	margin-top: 0;
}
.specialArea01 > .layout01 .layout0102 .info01 {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #666;
	font-size: 14px;
	line-height: 1.5;
}
.specialArea01 > .layout01 .layout0102 .info01 p {
	margin-top: 10px;
}
.specialArea01 > .layout01 .layout0102 .info01 p:first-child {
	margin-top: 0;
}
@media screen and (max-width: 640px){
	.specialArea01 {
		padding: 10px 15px;
		border-right: 20px solid #f28d00;
		border-left: 20px solid #f28d00;
	}
	.specialArea01 > .title01 {
		margin-bottom: 5px;
		font-size: 16px;
	}
	.specialArea01 > .title01 br {
		display: inline;
	}
	.specialArea01 > .layout01 {
		display: block;
		width: auto;
	}
	.specialArea01 > .layout01 .layout0102,
	.specialArea01 > .layout01 .layout0101 {
		display: block;
		vertical-align: baseline;
	}
	.specialArea01 > .layout01 .layout0101 {
		width: auto;
		text-align: center;
	}
	.specialArea01 > .layout01 .layout0101 img {
		margin: 0 auto;
		width: 50%;
	}
	.specialArea01 > .layout01 .layout0102 {
		padding: 10px 0 0 0;
	}

	.specialArea01 .textBlock01 {
		width: auto;
	}
}