@charset "shift_jis";


/**
 * grade global navigation
 */


/* ベース */
div#grade-global-navigation.new {
	background: none;
	padding: 0;
	height: 110px;
	margin-bottom:10px;
	}

div#grade-global-navigation.new {
	background-repeat: repeat-x;
	background-position: 0 0;
	position: relative;
	z-index: 1000;
}


/* 
 * グロナビ貧何の光僥定へのナビゲーション
 */

div#grade-global-navigation.new ul.all {
	height: 70px;
	padding-left: 240px;
	margin-top:0px;
	width: 850px;
}

div#grade-global-navigation.new ul.all li {
	margin-left: 1px;
}
div#grade-global-navigation.new ul.all li a {
	background-image: url('/s/common/images/grade-global_navigation/button_above.gif');
	height: 70px;
}

div#grade-global-navigation.new ul.all li.new1 a {
	background-position: 0 -5px;
	width: 49px;
}
div#grade-global-navigation.new ul.all li.new1 a.on,
div#grade-global-navigation.new ul.all li.new1 a:hover {
	background-position: 0 -71px;
}

div#grade-global-navigation.new ul.all li.s1 a {
	background-position: -50px -5px;
	width: 56px;
}
div#grade-global-navigation.new ul.all li.s1 a.on,
div#grade-global-navigation.new ul.all li.s1 a:hover {
	background-position: -50px -71px;
}

div#grade-global-navigation.new ul.all li.s2 a {
	background-position: -107px -5px;
	width: 59px;
}
div#grade-global-navigation.new ul.all li.s2 a.on,
div#grade-global-navigation.new ul.all li.s2 a:hover {
	background-position: -107px -71px;
}

div#grade-global-navigation.new ul.all li.s3 a {
	background-position: -167px -5px;
	width: 59px;
}
div#grade-global-navigation.new ul.all li.s3 a.on,
div#grade-global-navigation.new ul.all li.s3 a:hover {
	background-position: -167px -71px;
}

div#grade-global-navigation.new ul.all li.s4 a {
	background-position: -227px -5px;
	width: 59px;
}
div#grade-global-navigation.new ul.all li.s4 a.on,
div#grade-global-navigation.new ul.all li.s4 a:hover {
	background-position: -227px -71px;
}

div#grade-global-navigation.new ul.all li.s5 a {
	background-position: -287px -5px;
	width: 59px;
}
div#grade-global-navigation.new ul.all li.s5 a.on,
div#grade-global-navigation.new ul.all li.s5 a:hover {
	background-position: -287px -71px;
}

div#grade-global-navigation.new ul.all li.s6 a {
	background-position: -347px -5px;
	width: 70px;
}
div#grade-global-navigation.new ul.all li.s6 a.on,
div#grade-global-navigation.new ul.all li.s6 a:hover {
	background-position: -347px -71px;
}

div#grade-global-navigation.new ul.all li.merit {
	margin-left: 16px;
}
div#grade-global-navigation.new ul.all li.merit a {
	background-position: -433px -5px;
	width: 115px;
}
div#grade-global-navigation.new ul.all li.merit a:hover {
	background-position: -433px -71px;
}

div#grade-global-navigation.new ul.all li.op {
	margin-left: 2px;
}
div#grade-global-navigation.new ul.all li.op a {
	background-position: -550px -5px;
	width: 100px;
}
div#grade-global-navigation.new ul.all li.op a:hover {
	background-position: -550px -71px;
}

div#grade-global-navigation.new ul.all li.member {
	margin-left: 7px;
}
div#grade-global-navigation.new ul.all li.member a {
	background-position: -662px -5px;
	width: 188px;
}

div#grade-global-navigation.new ul.all li.member a:hover {
	background-position: -662px -71px;
}


/**
 * Grade
 */

div#grade-global-navigation.new ul.grade {
	margin-top:0px;
	width: 961px;
}

div#grade-global-navigation.new ul.grade li,
div#grade-global-navigation.new ul.grade li a {
	height: 37px;
}

div#grade-global-navigation.new ul.grade li.index {
	margin-top: -40px;
}

div#grade-global-navigation.new ul.grade li.index,
div#grade-global-navigation.new ul.grade li.index a {
	width: 170px;
	height: 90px;
}
div#grade-global-navigation.new ul.grade.index li.index a,
div#grade-global-navigation.new ul.grade li.index a {
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#grade-global-navigation.new ul.grade li.index a:hover {
	background-position: 0 0;
}


/**
 * bottom menu
 */

div#grade-global-navigation.new ul.grade li.kyouzai a {
	background-position: 0 0;
	width: 147px;
}
div#grade-global-navigation.new ul.grade.kyouzai li.kyouzai a,
div#grade-global-navigation.new ul.grade li.kyouzai a:hover {
	background-position: 0 -40px;
}

div#grade-global-navigation.new ul.grade li.howto a {
	background-position: 0 0;
	width: 147px;
}
div#grade-global-navigation.new ul.grade.howto li.howto a,
div#grade-global-navigation.new ul.grade li.howto a:hover {
	background-position: 0 -40px;
}

div#grade-global-navigation.new ul.grade li.lineup a {
	background-position: -147px 0;
	width: 183px;
}
div#grade-global-navigation.new ul.grade.lineup li.lineup a,
div#grade-global-navigation.new ul.grade li.lineup a:hover {
	background-position: -147px -40px;
}

div#grade-global-navigation.new ul.grade li.cost a {
	background-position: -330px 0;
	width: 114px;
}
div#grade-global-navigation.new ul.grade.cost li.cost a,
div#grade-global-navigation.new ul.grade li.cost a:hover {
	background-position: -330px -40px;
}

div#grade-global-navigation.new ul.grade li.taiken a {
	background-position: -444px 0;
	width: 197px;
}
div#grade-global-navigation.new ul.grade.taiken li.taiken a,
div#grade-global-navigation.new ul.grade li.taiken a:hover {
	background-position: -444px -40px;
}

div#grade-global-navigation.new ul.grade li.faq a {
	background-position: -641px 0;
	width: 150px;
}
div#grade-global-navigation.new ul.grade.faq li.faq a,
div#grade-global-navigation.new ul.grade li.faq a:hover {
	background-position: -641px -40px;
}


/* コースごとのスタイル */
div#grade-global-navigation.new.s1 {
	background-image: url('/s/common/images/grade-global_navigation/background_s1.gif');
	background-position:center bottom;
}
div#grade-global-navigation.new.s1 ul.grade li a {
	background-image: url('/s/common/images/grade-global_navigation/button_s1_bottom.gif');
}
div#grade-global-navigation.new.s1 ul.grade li.index a {
	background-image: url('/s/common/images/grade-global_navigation/button_s1_logo.png');
}

div#grade-global-navigation.new.s2 {
	background-image: url('/s/common/images/grade-global_navigation/background_s2.gif');
	background-position:center bottom;
}
div#grade-global-navigation.new.s2 ul.grade li a {
	background-image: url('/s/common/images/grade-global_navigation/button_s2_bottom.gif');
}
div#grade-global-navigation.new.s2 ul.grade li.index a {
	background-image: url('/s/common/images/grade-global_navigation/button_s2_logo.png');
}

div#grade-global-navigation.new.s3 {
	background-image: url('/s/common/images/grade-global_navigation/background_s3.gif');
	background-position:center bottom;
}
div#grade-global-navigation.new.s3 ul.grade li a {
	background-image: url('/s/common/images/grade-global_navigation/button_s3_bottom.gif');
}
div#grade-global-navigation.new.s3 ul.grade li.index a {
	background-image: url('/s/common/images/grade-global_navigation/button_s3_logo.png');
}

div#grade-global-navigation.new.s4 {
	background-image: url('/s/common/images/grade-global_navigation/background_s4.gif');
	background-position:center bottom;
}
div#grade-global-navigation.new.s4 ul.grade li a {
	background-image: url('/s/common/images/grade-global_navigation/button_s4_bottom.gif');
}
div#grade-global-navigation.new.s4 ul.grade li.index a {
	background-image: url('/s/common/images/grade-global_navigation/button_s4_logo.png');
}

div#grade-global-navigation.new.s5 {
	background-image: url('/s/common/images/grade-global_navigation/background_s5.gif');
	background-position:center bottom;
}
div#grade-global-navigation.new.s5 ul.grade li a {
	background-image: url('/s/common/images/grade-global_navigation/button_s5_bottom.gif');
}
div#grade-global-navigation.new.s5 ul.grade li.index a {
	background-image: url('/s/common/images/grade-global_navigation/button_s5_logo.png');
}

div#grade-global-navigation.new.s6 {
	background-image: url('/s/common/images/grade-global_navigation/background_s6.gif');
	background-position:center bottom;
}
div#grade-global-navigation.new.s6 ul.grade li a {
	background-image: url('/s/common/images/grade-global_navigation/button_s6_bottom.gif');
}
div#grade-global-navigation.new.s6 ul.grade li.index a {
	background-image: url('/s/common/images/grade-global_navigation/button_s6_logo.png');
}