@charset "UTF-8";
/*\*/

/*------------------------------
サイト名：高田道場
作成日：2011.09.15
修正日：2011.09.15
ガイドライン：Ver.01
製作者：株式会社エムアップ
------------------------------*/

/* ------------------------------------
 * 標準スタイルのリセット
 * ------------------------------------ */
@import "reset.css";


/* ------------------------------------
 * 共通設定・デフォルト値の再定義
 * ------------------------------------ */

html, body {
	height: 100%;
}

body {
	position: relative;
	min-width: 610px;
	min-height: 314px;
	background: #fff;
	font: 12px/1.5 "Osaka", "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
	text-align: center;
}

/* Clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
}

.clearfix {
    display: inline-block;
    min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-Mac */
		

/* ------------------------------------
 * リンク
 * ------------------------------------ */
 
a {
	cursor: pointer;
	outline: none;
}


/* ------------------------------------
 * ベーシックレイアウト
 * ------------------------------------ */
 
#container {
	margin: -157px 0 0 -455px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 910px;
	height: 314px;
	text-align: left;
}


/* ------------------------------------
 * ブロックごとの設定
 * ------------------------------------ */

/*--- ナビ-20140331up ------------------*/

#index #topNav {
	width: 611px;
	height: 610px;
	margin: -17% auto;
}

#index #topNav li {
	display: inline;
	float: left;
	height: 306px;
	line-height: 0;
}


#index #topNav li a {
	display: block;
	height: 306px;
	background: url(../img/topNav4.jpg) no-repeat left top;
	text-indent: -9999px;
	zoom: 1;
}

#index #topNav li.takada-dojo a {
	width: 304px;
	background-position: 0 0;
}

#index #topNav li.takada-dojo a:hover {
	background-position: 0 -611px;
}

#index #topNav li.dkc a {
	width: 307px;
	background-position: -304px 0;
}

#index #topNav li.dkc a:hover {
	background-position: -304px -611px;
}

#index #topNav li.fukuoka a {
	width: 304px;
	background-position: 0 -306px;
}

#index #topNav li.fukuoka a:hover {
	background-position: 0 -917px;
}

#index #topNav li.shonan a {
	width: 307px;
	background-position: -304px -306px;
}

#index #topNav li.shonan a:hover {
	background-position: -304px -917px;
}

/*--- ナビ ------------------*/

#topNav {
	width: 910px;
	height: 314px;
}

#topNav li {
	display: inline;
	float: left;
	height: 314px;
	line-height: 0;
}


#topNav li a {
	display: block;
	height: 314px;
	background: url(../img/topNav3.jpg) left top no-repeat;
	text-indent: -9999px;
	zoom: 1;
}

#topNav li.takada-dojo a {
	width: 305px;
	background-position: 0 0;
}

#topNav li.takada-dojo a:hover {
	background-position: 0 -314px;
}

#topNav li.dkc a {
	width: 300px;
	background-position: -305px 0;
}

#topNav li.dkc a:hover {
	background-position: -305px -314px;
}

#topNav li.fukuoka a {
	width: 305px;
	background-position: -605px 0;
}

#topNav li.fukuoka a:hover {
	background-position: -605px -314px;
}