@charset "utf-8";
/* CSS Document */

/**================================= Tablet Setting =================================**/

@media only screen and (max-width: 992px) {
body{	-webkit-text-size-adjust: 100%; /* iPhone */
	-webkit-tap-highlight-color: rgba(0,0,0,0);	
}

/*--------------------------------------------------------------------------------------
                                    Common
--------------------------------------------------------------------------------------*/

/**================================= Header Setting =================================**/
header .headTxt {
	height: 22px;
}

header .headTxt p {
	width: 728px;
	line-height: 22px;
	font-size:.750em;
}

header .headInner {
	width: 728px;
	height:70px;
}

header .gLogoArea img {
	margin-top:9px;
	width:149px;
	height:auto;
}
nav {
	float: left;
	height:46px;
	margin-top:12px;
	width:578px;
}
nav ul {
	height:46px;
}
nav li a {
	height:46px;
	font-size:1px;
}
nav li a img {
	height:17px;
}

/* navi Width size setting */
nav li.gNavi01 a {
	width:76px;
}
nav li.gNavi02 a {
	width:110px;
}
nav li.gNavi03 a {
	width:117px;
}
nav li.gNavi04 a {
	width:117px;
	/*width:87px;*/
}
nav li.gNavi05 a {
	width:85px;
}
nav li.gNavi06 a {
	width:123px;
}

/* navi Txt size setting */
nav li.gNavi01 a img {
	width:49px;
}
nav li.gNavi02 a img {
	width:89px;
}
nav li.gNavi03 a img {
	width:100px;
}
nav li.gNavi04 a img {
	/*width:64px;*/
	width:100px;
}
nav li.gNavi05 a img {
	width:60px;
}
nav li.gNavi06 a img {
	width:104px;
}

/**================================= Contents Setting =================================**/

#contentsWapper {
	padding-top:70px;
}
#index #contentsWapper {
	padding-top:92px;
}
#contents {
	width:752px;
}

/**================================= Footer Setting =================================**/

footer {
	height:63px;
}
.footerInner {
	width:768px;
}
.footerInner .snsBtn li img {
	width:63px;
	height:63px;
}

.footerInner .copyright {
	padding-right:10px;
}

/**================================= pagetop Setting =================================**/

#pagetop {
    position: fixed;
    bottom: 73px;
    right: 10px;
    font-size: .75em;
}

#pagetop a {
    text-decoration: none;
    display: block;
	height:54px;
	width:54px;
}

#pagetop a img {
	height:54px;
	width:54px;
}


/*--------------------------------------------------------------------------------------
                                    Module Setting
--------------------------------------------------------------------------------------*/

/* modHeadline01 */
.modHeadline01 {
	height:93px;
}
.modHeadline01 h1 {
	height:93px;
	padding-left:33px;
}

.modHeadline01 ul {
	height:93px;
}
.modHeadline01 li img {
	height:93px;
	width:93px;
}

.modHeadline01 h1.ttlGallery img {
	height:27px;
	width:145px;
}
.modHeadline01 h1.ttlNews img {
	height:27px;
	width:97px;
}


/* modImgListArea01 */
.modImgListArea01 li {
	float:left;
	margin-top: 8px;
	margin-left: 8px;
}

.modImgListArea01 li img {
	width:182px;
	height:182px;
}

.modImgListArea01 li.listFirstItem.itemTB {
	margin-left: 0;
}

.modImgListArea01 li.listFirstItem.itemPC {
	margin-left: 8px;
}
/* modPagerArea */
.modPagerArea {
	padding:75px 0 80px;
}

.modPagerArea div.listNumArea {
	font-size:1.25em;
}
.modPagerArea div.listNumArea a {
	padding:0 10px;
}

.modPagerArea div.btnArea.prev img {
	height:40px;
	width:40px;
}

.modPagerArea div.btnArea.next img {
	height:40px;
	width:40px;
}
/*--------------------------------------------------------------------------------------
                                    Personal Page
--------------------------------------------------------------------------------------*/

/**================================= Index Setting =================================**/

.mainImgArea {
	background: #FEFEFE;
	height: 498px;
}

.mainImgArea .imgInner {
	width:752px;
}

.mainImgArea img {
	width: 466px;
	height: 481px;
}

/**================================= contents Setting =================================**/

/* indexHeadline01 */
.indexHeadline01 {
	height:78px;
	margin:8px 0 0;
}
.indexHeadline01 span.txtArea {
	height:78px;
	width:752px;
}

/* indexHeadline02 */
.indexHeadline02 {
	width:100%;
	height:93px;
	margin:8px 0 0;
	z-index:1;
}
.indexHeadline02 span.thumArea img {
	width:93px;
	height:93px;
}
.indexHeadline02 span.txtArea {
	height:93px;
	width:752px;
}

.ttlsGotch img {
	width:164px;
	height:68px;
}

.ttlsGakkin img {
	width:160px;
	height:64px;
}

.ttlsinfo img {
	width:97px;
	height:32px;
}

.ttlsAccess img {
	width:169px;
	height:32px;
}

/* indexInfoBox01 */
.indexInfoBox01 {
	margin-top:8px;
}
.indexInfoBox01 ul.imgArea {
	width:380px;
}
.indexInfoBox01 ul.imgArea li.img02 {
	margin-top:11px;
}
.indexInfoBox01 ul.imgArea li.img03 {
	margin-top:11px;
	margin-left:11px;
}
.indexInfoBox01 ul.imgArea li.img01 img {
	width:380px;
	height:279px;
}
.indexInfoBox01 ul.imgArea li.img02 img,
.indexInfoBox01 ul.imgArea li.img03 img {
	width:186px;
	height:186px;
}
.indexInfoBox01 ul.imgArea li.img02 {
	margin-top:8px;
}
.indexInfoBox01 ul.imgArea li.img03 {
	margin-top:8px;
	margin-left:8px;
}

.indexInfoBox01 .txtArea {
	padding-left:20px;
	width:352px;
}

.indexInfoBox01 .txtArea div.jaTxt {
	min-height:279px;
	margin-bottom:8px;
}

.indexInfoBox01 .txtArea p {
	margin-bottom:1.4em;
	font-size:.687em;
}
.indexInfoBox01 .txtArea p.enTxt {
	min-height:186px;
}

/* googleMapArea */

.googleMapArea {
	margin-top:8px;
}
.googleMapArea iframe {
	width:752px;
	height:330px;
}

/* indexAccessBox01 */
.indexAccessBox01 {
	display:table;
	margin-top:10px;
}
.indexAccessBox01 p {
	display:table-cell;
	vertical-align:top;
	padding:8px 50px 8px 10px;
	font-size:.75em;
	color: #FFF;
}

.indexAccessBox01 p a {
	color:#FFF;
}

.indexAccessBox01 p.jaTxt {
	border-right: #FFF solid 1px;
}

.indexAccessBox01 p.enTxt {
	padding-right:15px;
}

.youtubeArea {
	margin:28px 0 30px;
}
.youtubeArea iframe {
	height:422px;
	width:752px;
}
.indexBtmTxtArea {
	color: #FFF;
	text-align:center;
	margin-bottom:100px;
}
.indexBtmTxtArea .bigtxt {
	font-size:2.125em;
}
.indexBtmTxtArea .nmltxt {
	font-size:.875em;
}

#info,
#access {
	margin-top: -92px;
	padding-top: 92px;
}
	
	
}


/**================================= SmartPhone Setting =================================**/

@media only screen and (max-width: 767px) {

/*--------------------------------------------------------------------------------------
                                    Common
--------------------------------------------------------------------------------------*/

.spOnly {
	display: block;
}

/**================================= Header Setting =================================**/
header {
	position: static;
	height: auto;
}

header .headTxt {
	height: 55px;
}

header .headTxt p {
	padding :5px 0;
	width: 300px;
	line-height: 1.2;
	font-size:.75em;
}

header .headInner {
	width: 320px;
	/*height:176px;*/
	height:135px;
}
header .gLogoArea {
	float:none;
	text-align:center;
}
header .gLogoArea img {
	margin-top:9px;
	width:224px;
	height:auto;
}
nav {
	border-left:none;
	float: left;
	/*height:88px;*/
	margin-top:0;
	width:320px;
}
nav ul {
	height:88px;
	display:block;
}
nav li {
	display:block;
	float:left;
}
nav li a {
	height:44px;
}
nav li a img {
	height:15px;
}

/* navi Width size setting */
nav li.gNavi01 a {
	width:88px;
}
nav li.gNavi02 a {
	width:112px;
}
nav li.gNavi03 a {
	width:120px;
}
nav li.gNavi04 a {
	width:102px;
}
nav li.gNavi05 a {
	width:90px;
}
nav li.gNavi06 a {
	width:128px;
}

/* navi Txt size setting */
nav li.gNavi01 a img {
	width:40px;
}
nav li.gNavi02 a img {
	width:76px;
}
nav li.gNavi03 a img {
	width:82px;
}
nav li.gNavi04 a img {
	/*width:53px;*/
	width:82px;
	margin:0;
}
nav li.gNavi05 a img {
	width:50px;
}
nav li.gNavi06 a img {
	width:89px;
}

/**================================= Contents Setting =================================**/

#contentsWapper {
	padding-top:0;
}
#index #contentsWapper {
	padding-top:0;
}
#contents {
	width:320px;
}

/**================================= Footer Setting =================================**/

footer {
	height:45px;
}
.footerInner {
	width:320px;
}
.footerInner .snsBtn li img {
	width:45px;
	height:45px;
}

.footerInner .copyright {
	padding-right:10px;
}

/**================================= pagetop Setting =================================**/

#pagetop {
    bottom: 55px;
    right: 5px;
}

#pagetop a {
	height:35px;
	width:35px;
}

#pagetop a img {
	height:35px;
	width:35px;
}


/*--------------------------------------------------------------------------------------
                                    Module Setting
--------------------------------------------------------------------------------------*/
/* modHeadline01 */
.modHeadline01 {
	height:60px;
}
.modHeadline01 h1 {
	height:60px;
	padding-left:23px;
}
.modHeadline01 ul {
	height:60px;
}
.modHeadline01 li img {
	height:60px;
	width:60px;
}
.modHeadline01 h1.ttlGallery img {
	height:17px;
	width:98px;
}
.modHeadline01 h1.ttlNews img {
	height:17px;
	width:61px;
}

/* modImgListArea01 */
.modImgListArea01 li {
	float:left;
	margin-top: 8px;
	margin-left: 8px;
}

.modImgListArea01 li img {
	width:148px;
	height:148px;
}

.modImgListArea01 li.listFirstItem {
	margin-left: 8px;
}

.modImgListArea01 li.listFirstItem.itemTB {
	margin-left: 8px;
}

.modImgListArea01 li.listFirstItem.itemPC {
	margin-left: 8px;
}
/* modPagerArea */
.modPagerArea {
	padding:30px 0 50px;
}

.modPagerArea div.listNumArea {
	font-size:1em;
}
.modPagerArea div.listNumArea a {
	padding:0 3px;
}

.modPagerArea div.btnArea.prev img {
	height:40px;
	width:40px;
}

.modPagerArea div.btnArea.next img {
	height:40px;
	width:40px;
}

/*--------------------------------------------------------------------------------------
                                    Personal Page
--------------------------------------------------------------------------------------*/

/**================================= Index Setting =================================**/

.mainImgArea {
	background: #FEFEFE;
	height: 240px;
}

.mainImgArea .imgInner {
	width:320px;
}

.mainImgArea img {
	width: 218px;
	height: 226px;
}

/**================================= contents Setting =================================**/

/* indexHeadline01 */
.indexHeadline01 {
	height:100px;
	margin:8px 0 0;
}
.indexHeadline01 span.txtArea {
	height:100px;
	width:320px;
}

/* indexHeadline02 */
.indexHeadline02 {
	width:100%;
	height:120px;
	margin:8px 0 0;
	display:table;
}
.indexHeadline02 span.thumArea {
	display:table-cell;
	vertical-align:middle;
}
.indexHeadline02 span.thumArea img {
	width:120px;
	height:120px;
}
.indexHeadline02 span.txtArea {
	height: 120px;
	width: 200px;
	text-align:center;
}

.ttlsGotch img {
	width:105px;
	height:45px;
}

.ttlsGakkin img {
	width:104px;
	height:42px;
}

.ttlsOthers img {
	width:78px;
	height:19px;
}

.ttlsinfo img {
	width:109px;
	height:41px;
}

.ttlsAccess img {
	width:205px;
	height:41px;
}

/* indexInfoBox01 */
.indexInfoBox01 {
	margin-top:8px;
}
.indexInfoBox01 ul.imgArea {
	float:none;
	margin:0 auto 8px;
	width:304px;
}
.indexInfoBox01 ul.imgArea li.img02 {
	margin-top:8px;
}
.indexInfoBox01 ul.imgArea li.img03 {
	margin-top:8px;
	margin-left:11px;
}
.indexInfoBox01 ul.imgArea li.img01 img {
	width:304px;
	height:223px;
}
.indexInfoBox01 ul.imgArea li.img02 img,
.indexInfoBox01 ul.imgArea li.img03 img {
	width:148px;
	height:148px;
}
.indexInfoBox01 ul.imgArea li.img02 {
	margin-top:8px;
}
.indexInfoBox01 ul.imgArea li.img03 {
	margin-top:8px;
	margin-left:8px;
}

.indexInfoBox01 .txtArea {
	padding:0 8px;
	width:auto;
}

.indexInfoBox01 .txtArea p {
	min-height:auto;
	margin-bottom:1.2em;
	font-size:.75em;
}
.indexInfoBox01 .txtArea p.enTxt {
	margin-bottom:1.2em;
}

/* googleMapArea */

.googleMapArea {
	margin-top:8px;
	padding:0 8px;
}
.googleMapArea iframe {
	width:304px;
	height:304px;
}

/* indexAccessBox01 */
.indexAccessBox01 {
	display:block;
	margin-top:10px;
}
.indexAccessBox01 p {
	display:block;
	padding:0 8px;
	margin-bottom:15px;
}

.indexAccessBox01 p a {
	color:#FFF;
	text-decoration:none;
}

.indexAccessBox01 p.jaTxt {
	border-right: none;
}

.indexAccessBox01 p.enTxt {
	padding-right:8px;
}

.youtubeArea {
	margin:28px 0 30px;
}
.youtubeArea iframe {
	height:180px;
	width:320px;
}
.indexBtmTxtArea {
	color: #FFF;
	text-align:center;
	margin-bottom:80px;
}

.indexContactArea .mailadd {
	width:320px;
}

.indexContactArea .mailadd img {
	width:90%;
}

.indexContactArea .midtxt {
	font-size:1.13em;
	font-family:roboto-bold,arial;
}

#info,
#access {
	margin-top: 0;
	padding-top: 0;
}
}