@charset "utf-8";


------------------------------------------------------------ */
/*	clearfix
-------------------------------------------------------------*/
.clearfix
{
	display: block;
	min-height: 1%;
}
.clearfix:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/*-------------reset-------------*/
body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset,
p, blockquote
{ 
	margin: 0;
	padding: 0;
}

* {
	word-wrap: break-word;
}

ol, ul
{
	list-style: none;
}

h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	font-weight: normal;
}

img
{ 
	border: 0;
}



/*-------------aligin-------------*/
.blockC { text-align: center;}
	.blockC .block { margin-right: auto; margin-left: auto; text-align: left;}
	* html .blockC .block { margin-right: 0; margin-left: 0;}/* ie 6 Fix */
.blockR { text-align: right;}
	.blockR .block { margin-left: auto; text-align: left;}
	* html .blockR .block { margin-left: 0;}/* ie 6 Fix */



/*-------------margin-------------*/
.mt0 { margin-top:  0px   !important;}
.mt5 { margin-top:  5px   !important;}
.mt10 { margin-top: 10px   !important;}

.mt15 { margin-top: 15px   !important;}
.mt20 { margin-top: 20px   !important;}
.mt30 { margin-top: 30px   !important;}
.mt40 { margin-top: 40px   !important;}
.mt29 { margin-top: 29px   !important;}
.mt50 { margin-top: 50px   !important;}
.mt60 { margin-top: 60px   !important;}
.mt65 { margin-top: 65px   !important;}
.mb5 { margin-bottom:  5px   !important;}
.mb10 { margin-bottom:  10px   !important;}
.mb15 { margin-bottom:  15px   !important;}
.mb20 { margin-bottom:  20px   !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;}
.mb60 { margin-bottom:  60px   !important;}
.mb70 { margin-bottom:  70px   !important;}
.mr5 { margin-right:  5px   !important;}
.mr8 { margin-right:  8px   !important;}
.mr10 { margin-right:  10px   !important;}
.mr12 { margin-right:  12px   !important;}
.mr15 { margin-right:  15px   !important;}
.mr20 { margin-right:  20px   !important;}
.mr30 { margin-right:  30px   !important;}
.mr40 { margin-right:  40px   !important;}
.mr60 { margin-right:  60px   !important;}
.mr105 { margin-right: 105px   !important;}
.ml40 { margin-left:  40px   !important;}



/*-------------float-------------*/
.fltL {
	float: left;
}
.fltR {
	float: right;
}
.fltImgR { display: inline; float: right; margin-left: 20px;}
.fltImgL { display: inline; float: left; margin-right: 20px;}
.ft { overflow: hidden; zoom: 1;}



/*-------------common-------------*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 200%;
	color: #333333;
	text-align: left;
	background-color: #FEFCEF;
	background-image: url(/images/bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a:link {
	color: #C00;
}
a:visited {
	color: #C00;
}
a:hover {
	color: #F90;
}
a:active {
	color: #C00;
}
ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6, p {
	margin: 0px;
	padding: 0px;
}
.column2D {
	float: left;
	width: 460px;
}
.columnIn2D {
	float: left;
	width: 420px;
}

.mainContainerCmn {
	background-color: #FFF;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 40px;
	padding-bottom: 40px;
	padding-top: 40px;
}
.pageTitle {
	height: 91px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}



/*-------------header footer-------------*/
.header {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 100px;
	background-image: url(/images/header_base.jpg);
	background-repeat: repeat-x;
}
.header .logo {
	float: left;
	height: 100px;
	width: 300px;
}
.header .name {
	float: right;
	height: 100px;
	width: 187px;
}
.secBody {
	padding-bottom: 30px;
}
.secFooter {
	background-image: url(/images/ft_base.jpg);
	background-repeat: repeat-x;
	height: 60px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-position: 0px 0px;
}
.secFooter .backHome {
	background-image: url(/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 12px;
	float: left;
	display: block;
}
.secFooter .backHome a {
	text-decoration: none;
}
.secFooter .copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	display: block;
	float: right;
	padding-top: 10px;
	height: 39px;
}



/*-------------gnavi-------------*/
.gnaviAreaCmn {
	height: 110px;
	width: 959px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/images/navi_btm.jpg);
	background-repeat: no-repeat;
	background-position: 0px 80px;
}
.gnaviAreaCmn .navi {
	float: left;
	height: 80px;
	width: 137px;
}



/*-------------font-------------*/
.f12 {
	font-size: 12px;
}
.f14 {
	font-size: 14px;
}
.f16 {
	font-size: 16px;
}
.f18 {
	font-size: 18px;
}
.fNormal {
	font-weight: normal;
}
.fBold {
	font-weight: bold;
}
.fRed {
	color: #C83841;
}
.cap {
	color: #555555;
	font-size: 10px;
	line-height: 140%;
}
.linkTxt {
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	display: block;
	padding-left: 15px;
}
.linkTxt a {
	text-decoration: none;
}



/*-------------home-------------*/
#home .mainContainer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
#home .mainContainer .mainImg {
	height: 450px;
}
#home .mainContainer .gnaviArea {
	background-image: url(/images/home_navi_bg.jpg);
	background-repeat: no-repeat;
	height: 130px;
	width: 920px;
	padding-top: 8px;
	padding-left: 28px;
}
#home .mainContainer .gnaviArea .navi {
	float: left;
	height: 122px;
	width: 129px;
}
#home .secNews {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#home .news dt {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
#home .news dd {
	background-image: url(/images/arrow.gif);
	background-position: 105px 16px;
	background-repeat: no-repeat;
	padding-left: 120px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding-top: 10px;
}
#home .news dd a {
	text-decoration: none;
}

#home #map .access {
	float: left;
	width: 280px;
}
#home #map .largeMap {
	width: 460px;
	height: 407px;
}

#home #map .smallMap {
	float: right;
	height: 116px;
	width: 160px;
}
#home #map dl {
	font-size: 10px;
	line-height: 140%;
}

#home #map dt {
	float: left;
}
#home #map dd {
	padding-left: 40px;
}
#home .language {
	text-align: right;
	font-size: 12px;
	background-image: url(/english/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
#home .language a:link, #home .language a:visited {
	text-decoration: none;
}



/*-------------release-------------*/
#release .mainContainer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	border: 1px solid #DDD;
}
#release .secBody {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}
#release .secBody p {
	line-height: 220%;
	color: #555;
	font-size: 12px;
	padding-top: 30px;
}

#release .secBody h2 {
	font-size: 24px;
	color: #0D4C53;
	font-weight: bold;
	text-align: center;
	padding-top: 30px;
	line-height: 140%;
}
#release .secBody h3 {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	padding-top: 50px;
	padding-bottom: 10px;
	line-height: 140%;
}
#release .secBody h4 {
	font-size: 16px;
	font-weight: bold;
	color: #0D4C53;
	line-height: 140%;
}
#release .secBody h5 {
	font-size: 12px;
	line-height: 180%;
	color: #555;
}
#release .secBody dl {
	font-size: 13px;
	line-height: 160%;
	color: #555;
}
#release .secBody dt {
	float: left;
	background-color: #EEE;
	padding: 3px;
	width: 100px;
	text-align: center;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#release .secBody dd {
	padding-left: 120px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
#release .secBody .secContact {
	padding: 20px;
	border: 1px solid #CCC;
}
#release .secContact h4 {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-align: center;
}
#release .secContact p {
	font-size: 12px;
	line-height: 150%;
	color: #555;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}



/*-------------about-------------*/
#about .columnIn2D dt {
	float: left;
	color: #0F4E55;
	width: 70px;
}
#about .columnIn2D dd {
	padding-left: 70px;
}



/*-------------history-------------*/
#history .secGray {
	background-image: url(/history/images/history_img02.jpg);
	background-repeat: no-repeat;
	height: 127px;
	width: 540px;
	text-align: center;
	padding-top: 62px;
}
#history .historyTable th {
	font-weight: normal;
	background-color: #E1F4EE;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
#history .historyTable td {
	font-size: 12px;
	line-height: 150%;
	color: #333;
	background-color: #EEE;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}



/*-------------info-------------*/
#souzou h3 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #90AE7A;
	width: 860px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
#hatsumei h3 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #CE7D5F;
	width: 860px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
#shinka h3 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #D3A243;
	width: 860px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
#sound h3 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #BB6B76;
	width: 860px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}
#time h3 {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background-color: #658699;
	width: 860px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}



/*-------------contacts-------------*/
#contacts .secForm .label {
	background-color: #D9EEE8;
	width: 180px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: right;
	border-top-width: 2px;
	border-right-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	float: left;
	padding-bottom: 10px;
}
#contacts .secForm .input {
	background-color: #EEE;
	width: 654px;
	float: left;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFF;
	padding-bottom: 10px;
}
#contacts .secBtn {
	padding-top: 20px;
	text-align: center;
}
#contacts dt {
	float: left;
	font-weight: bold;
	color: #0F4E57;
	line-height: 170%;
	padding-bottom: 10px;
}
#contacts dd {
	padding-left: 60px;
	line-height: 170%;
	padding-bottom: 10px;
}
#contacts .formTable {
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	width: 880px;
}
#contacts .formTable th {
	background-color: #DEEFE9;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
	color: #333;
}
#contacts .formTable td {
	background-color: #EEE;
	text-align: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}



/*-------------voice-------------*/
.secVoice .pic {
	float: left;
	width: 90px;
}
.secVoice {
	margin-bottom: 20px;
}

.secVoice .voice {
	background-color: #EEE;
	padding: 10px;
	width: 310px;
	float: left;
	line-height: 150%;
	border-radius: 4px
}
.columnIn3D {
	float: left;
	width: 280px;
}
.columnIn3D h3 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #114E51;
	line-height: 150%;
}
#link .mainContainerCmn {
	height: 300px;
}
.new {
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
	padding-right: 5px;
	margin-right: 5px;
	color: #FFFFFF;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
	font-size: 9px;
	background-color: #FF0000;
	border-radius: 4px;
}
#voice .voice p {
	line-height: 1.8;
}

/*
 SP Summer 2015 - Tokusawa
---------------------------------------------------------- */
.yoyakuContainer {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

iframe#porc_iframe {
	width: 740px;
	box-sizing: border-box;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
}
div#porc_iframe_dummy a {
	font-size: 120%;
}

#sp2015summer .secOut {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #F8FFC1;
	border-top: 4px solid #0E4D54;
	padding-top: 20px;
}
#sp2015summer .read {
	margin-top: 20px;
	color: #444444;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	font-size: 18px;
	line-height: 2;
}
#sp2015summer .secIn {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	border-radius: 20px;
	border: 2px dotted #FFDC73;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.fOr {
	color: #FF4E3D;
}
#sp2015summer dl {
	font-size: 16px;
}
#sp2015summer dt {
	width: 7em;
	float: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#sp2015summer dd {
	padding-left: 7em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 2px dotted #FFDC73;
}
#sp2015summer .h201 h2 {
	padding-bottom: 10px;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	font-size: 28px;
	line-height: 1;
	font-weight: bold;
	color: #3550A7;
}

.indentAccess dt {
	width: 5em;
	float: left;
	font-weight: bold;
}
.indentAccess dd {
	padding-left: 5em;
}



/* 2017.09.24 - home movie -tokusawa-------------*/
#home .banner2D {
	margin-left: 30px;
	float: left;
	margin-bottom: 30px;
}