@charset "UTF-8";



@import url(style.css);
@import url(styles.css);









/*-----------------------------------
■ レイアウト
-----------------------------------*/

* html #page-top{
	display: none;
}


/*外側*/
#header,
#global-nav,
#main-image,
#main,
#footer{
	width: 100%;
	min-width: 980px;
}




/*内側*/
#header-in,
#global-nav-in,
#main-in,
#footer-in{
	width: 980px;
	margin: auto;
}


/*-----------------------------------
■ブラウザのCSSをリセット
-----------------------------------*/
*{
	margin: 0;
	padding: 0;
	}



body{
	background : url(../parts/bg.jpg);
	background-repeat : repeat;
	background-position : center center;
	font-size:16px;
	line-height : 150%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}






/*-----------------------------------
■ ヘッダー
-----------------------------------*/
#header{
}

#header-in{
	padding: 0;
}

/*タイトルロゴ*/
#header-left{
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#header-h1{
	max-width: 300px;
	float: left;
	padding: 0px;
	margin : 10px 0px 0px 60px;
}

#header-h1 li{
	float: left;
	padding: 0px 0px 0px 0px;
}












/*ヘッダーの右側*/
#header-right{
	float: right;
	font-size: 13px;
	width: 310px;
	padding: 0;
	margin: 0;
	margin-top: 25px;
}
#header-right li{
	float: left;
	padding: 0px 0 10px 0px;
}
#header-right a:link,
#header-right a:visited{
	color: #110693;
	text-decoration: none;
}
#header-right a:hover,
#header-right a:active{
	 
	text-decoration: underline;
}

/*問い合わせボタン*/
#header-contact{
	float: right;
}

/***** -----------------------------------Title H1設定開始---------------------------------- *****/


#H1{
	padding : 0px;
	margin : 0px;
	padding-top : 0px;
	margin-top: 0px;
}





H1{
	color : #666666;
	font-weight : normal;
	font-size : 12px;
	padding : 0px;
	padding-top : 0px;
	margin : 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align : left;
	line-height: 1.2;
}


/* ----------------------------------------リスト設定----------------------------------------*/


#sitemenu1 {
	width: 980px;
	text-indent:-9999px;
	overflow: hidden;
	list-style-type: none;
	padding: 0;
	margin: 0;
}


#sitemenu1 LI {
	height: 60px;
	padding: 0;
	margin: 0;
	float: left;
}


#sitemenu1 A {
	display: block;
	height: 100%;
	text-decoration: none;
}

#sitemenu1 A:hover {
	background-position : 0px -60px;
}

/*-----------------------------------
■ グローバルナビ
-----------------------------------*/
#global-nav{
	clear: both;
	height: 80px;
	margin: auto;
	background-image : url(../parts/header/bg.png);
	background-repeat : repeat;
	background-position : center center;
}

#global-nav2{
	clear: both;
	height: 80px;
	margin: auto;
	background-image : url(../parts/header/bg2.png);
	background-repeat : repeat;
	background-position : center center;
}

#global-nav3{
	clear: both;
	height: 80px;
	margin: auto;
	background-image : url(../parts/header/bg3.png);
	background-repeat : repeat;
	background-position : center center;
}







#global-nav-in{

}
#global-nav dl{
	margin: 0;
	padding: 0;
}
#global-nav dt,
#global-nav dd{
	 
	margin: 0;
	padding: 0;
}
#global-nav .menu-wrap{
	display: block;
}
#global-nav #menu li{
	float: left;
	margin: 0;
	list-style: none;
	font-weight: bold;
}
#global-nav #menu li.last{
	margin: 0;
} /*一番右のメニューだけに追加指示*/
#global-nav #menu li{
	white-space: nowrap;
}

/*メニューのデザイン*/
#global-nav #menu li a{
	display: block;
	padding: 0;
	color: #666; /* メニューのフォントの色*/
	text-decoration: none;
}
#global-nav #menu li span{
	display: none;
}

/* ----------------------------------------ボタン設定開始----------------------------------------*/


#t001 A {
	width: 196px;
	height: 60px;
	background : url(../parts/button/b001.jpg);
}

#t002 A {
	width: 94px;
	height: 60px;
	background : url(../parts/button/b002.jpg);
}

#t003 A {
	width: 100px;
	height: 60px;
	background : url(../parts/button/b003.jpg);
}

#t004 A {
	width: 110px;
	height: 60px;
	background : url(../parts/button/b004.jpg);
}


#t005 A {
	width: 110px;
	height: 60px;
	background : url(../parts/button/b005.jpg);
}

#t006 A {
	width: 120px;
	height: 60px;
	background : url(../parts/button/b006.jpg);
}

#t007 A {
	width: 130px;
	height: 60px;
	background : url(../parts/button/b007.jpg);
}

#t008 A {
	width: 118px;
	height: 60px;
	background : url(../parts/button/b008.jpg);
}

/* --- en設定開始 ---*/

#t001-en A {
	width: 156px;
	height: 60px;
	background : url(../parts/button/en/b001.jpg);
}

#t002-en A {
	width: 135px;
	height: 60px;
	background : url(../parts/button/en/b002.jpg);
}

#t003-en A {
	width: 100px;
	height: 60px;
	background : url(../parts/button/en/b003.jpg);
}

#t004-en A {
	width: 110px;
	height: 60px;
	background : url(../parts/button/en/b004.jpg);
}


#t005-en A {
	width: 110px;
	height: 60px;
	background : url(../parts/button/en/b005.jpg);
}

#t006-en A {
	width: 120px;
	height: 60px;
	background : url(../parts/button/en/b006.jpg);
}

#t007-en A {
	width: 130px;
	height: 60px;
	background : url(../parts/button/en/b007.jpg);
}

#t008-en A {
	width: 118px;
	height: 60px;
	background : url(../parts/button/en/b008.jpg);
}


/* ----------------------------------------ボタン設定開始----------------------------------------*/


#ki001 A {
	width: 150px;
	height: 60px;
	background : url(../parts/kinokuni/button/b001.jpg);
}


#ki002 A {
	width: 150px;
	height: 60px;
	background : url(../parts/kinokuni/button/b002.jpg);
}


#ki003 A {
	width: 100px;
	height: 60px;
	background : url(../parts/kinokuni/button/b003.jpg);
}


#ki004 A {
	width: 90px;
	height: 60px;
	background : url(../parts/kinokuni/button/b004.jpg);
}


#ki005 A {
	width: 120px;
	height: 60px;
	background : url(../parts/kinokuni/button/b005.jpg);
}


#ki006 A {
	width: 260px;
	height: 60px;
	background : url(../parts/kinokuni/button/b006.jpg);
}


#ki007 A {
	width: 110px;
	height: 60px;
	background : url(../parts/kinokuni/button/b007.jpg);
}


/* --- en設定開始 ---*/


#ki001-en A {
	width: 150px;
	height: 60px;
	background : url(../parts/kinokuni/button/en/b001.jpg);
}


#ki002-en A {
	width: 150px;
	height: 60px;
	background : url(../parts/kinokuni/button/en/b002.jpg);
}


#ki003-en A {
	width: 100px;
	height: 60px;
	background : url(../parts/kinokuni/button/en/b003.jpg);
}


#ki004-en A {
	width: 90px;
	height: 60px;
	background : url(../parts/kinokuni/button/en/b004.jpg);
}


#ki005-en A {
	width: 120px;
	height: 60px;
	background : url(../parts/kinokuni/button/en/b005.jpg);
}


#ki006-en A {
	width: 260px;
	height: 60px;
	background : url(../parts/kinokuni/button/en/b006.jpg);
}


#ki007-en A {
	width: 110px;
	height: 60px;
	background : url(../parts/kinokuni/button/en/b007.jpg);
}











/* ----------------------------------------ボタン設定開始----------------------------------------*/


#uta-navi001 A {
	width: 245px;
	height: 60px;
	background : url(../parts/utage/button/b001.jpg);
}

#uta-navi002 A {
	width: 245px;
	height: 60px;
	background : url(../parts/utage/button/b002.jpg);
}

#uta-navi003 A {
	width: 245px;
	height: 60px;
	background : url(../parts/utage/button/b003.jpg);
}

#uta-navi004 A {
	width: 245px;
	height: 60px;
	background : url(../parts/utage/button/b004.jpg);
}

















/*-----------------------------------
■ フッター（#footer） 
-----------------------------------*/
#footer{
	clear: both;
	overflow: hidden;

	color: #000000;
	height: 690px;
	line-height: 150%;
	margin-top: 60px;
	background : url(../parts/footer/footer.png);
	background-repeat : no-repeat;
	background-position : top center;
}



#footer-in{
	margin-top: 280px;
	padding: 30px 0px;
}
#footer-menu{
	float: left;
	width: 520px;
	overflow: hidden;
	color : #666666;
	font-weight : bold;
	font-size : 16px;
}
#footer-menu ul{
	width: 160px;
	float: left;
	overflow: hidden;
}
#footer-menu li{
	float: left;
	width: 160px;
	line-height: 2;
	font-size:20px;
	color : #666666;
	font-weight : normal;
	font-size : 12px;
}
#footer-menu li a:link,
#footer-menu li a:visited{
	color: #000000;
	text-decoration: none;
}
#footer-menu li a:hover,
#footer-menu li a:active{
	 
	color: #2067e0;
	text-decoration: underline;
}





#footer-right{
	float: left;
	text-align : left;
	width: 400px;
	color: #000000;
}

#footer-right p{
	padding : 0px;
	margin : 0px;
	text-align : left;
	line-height : 150%;
	font-size: 22px;
	padding-bottom: 20px;
}

#footer-right_centerimg{
	padding : 0px;
	margin : 0px;
	padding-bottom: 20px;
	text-align : center;
}


#footer-right div{
	padding : 0px;
	margin : 0px;
	text-align : left;
	line-height : 150%;
	font-size: 16px;
}



























.clear{
	clear:both;
}

.clearfix:after {
	DISPLAY: block; HEIGHT: 0px; VISIBILITY: hidden; CLEAR: both; CONTENT: "."
}
.clearfix {
	ZOOM: 1; DISPLAY: inline-block;
}
* HTML .clearfix {
	ZOOM: 1; HEIGHT: 1px
}
.clearfix {
	DISPLAY: block
}





/*-----------------------------------
写真 消えていく
-----------------------------------*/


a, img{
}




A:hover IMG{
    transition: all 0.6s ;
}



/*-----------------------------------
レスポンシブ
-----------------------------------*/



@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}