/* @override 
	http://localhost:8888/css/guidance.css
	http://american.bulanco.net/css/guidance.css
	http://www.americangolf.jp/css/guidance.css

*/

@import "reset.css";
@import "basic.css";
@import "module.css";
@import "layout.css";


/* @group layout */


#mainContents {
	width: 649px;
}

/* @end */


h2#titleGuidance {
	background-image: url(../images/guidance/h2AboutAmericanGolf.png);
}

h2#titlePhilosophy {
	background-image: url(../images/guidance/h2Philosophy.png);
}

h2#titleGuidanceschool {
	background-image: url(../images/guidance/h2School.png);
	width: 538px;
}

h2#titleJrschool {
	background-image: url(../images/guidance/h2JrSchool.png);
}

h2#titleSimulation {
	background-image: url(../images/guidance/h2SimulationGolf.png);
}

#menu #sGuidanceNavi li a {
	background: url(../images/guidance/subMenu.png) no-repeat;
}

#menu #sGuidanceNavi #smGuidance  a{
	background-position: 11px 8px;
}

#menu #sGuidanceNavi #smGuidance  a:hover{
	background-position: -219px 8px;
}

#menu #sGuidanceNavi #smPhilosophy a {
	background-position: 11px -26px;
}

#menu #sGuidanceNavi #smPhilosophy a:hover {
	background-position: -219px -26px;
}

#menu #sGuidanceNavi #smSchool a {
	background-position: 11px -58px;
}

#menu #sGuidanceNavi #smSchool a:hover {
	background-position: -219px -58px;
}

#menu #sGuidanceNavi #smJrschool a {
	background-position: 11px -90px;
}

#menu #sGuidanceNavi #smJrschool a:hover {
	background-position: -219px -90px;
}

#menu #sGuidanceNavi #smSimulation a {
	background-position: 11px -123px;
}

#menu #sGuidanceNavi #smSimulation a:hover{
	background-position: -219px -123px;
}

#menu #sGuidanceNavi #smPlaza a {
	background-position: 11px -154px;
}

#menu #sGuidanceNavi #smPlaza a:hover{
	background-position: -219px -154px;
}

#menu #sGuidanceNavi #smShop a {
	background-position: 11px -186px;
}

#menu #sGuidanceNavi #smShop a:hover{
	background-position: -219px -186px;
}



/* @group mainImg */

#guidance #mainImg {
	background-image: url(../images/guidance/mainImgGuidance.jpg);
}

#philosophy #mainImg {
	background-image: url(../images/guidance/mainImgPhilosophy.jpg);
}

#guidanceschool #mainImg {
	background-image: url(../images/guidance/mainImgSchool.jpg);
}

#simulation #mainImg {
	background-image: url(../images/guidance/mainImgSimulation.jpg);
}

#plaza #mainImg {
	background: url(../images/guidance/mainImgPlaza.jpg) no-repeat;
}

#shop #mainImg {
	background: url(../images/guidance/mainImgShop.jpg) no-repeat;
}

/* @end */

/* @group common */

#mainContents h3 {
	margin-bottom: 21px;
}

/* @end */

/* @group jrSchool・School */

#mainImg {
	background: url(../images/guidance/mainImgJrSchool.jpg) no-repeat;
}

div.jrSchool,
div.School {
}

div.imgBox img {
	border: 1px solid #CBCBCB;
	padding: 4px;
}

div.textArea {
	width: 400px;
}

#jrSchool02 div.textArea,
#school02 div.textArea {
	float: left;
	display: inline;
}

#jrSchool02 div.textArea dl,
#school02 dl {
	margin-left: 14px;
}

#jrSchool03 dl dt,
#jrSchool02 dl dt,
#school02 dl dt,
#school03 dl dt,
#shop02 dl dt {
	float: left;
	display: inline;
	background: url(../images/common/bar01.png) no-repeat 0 center;
	padding-left: 9px;
	font-weight: bold;
}

#jrSchool02 dl dd, #schoolSchedule dl dd, #shop02 dl dd {
	margin: 0 0 9px 96px;
}


#jrSchool03 dl dd {
	margin-left: 182px;
}

#school03 dl dd {
	margin-left: 178px;
}

#jrSchool03 p.attention {
	margin-bottom: 20px;
}

#school02 ul li {
	float: left;
	display: inline;
	width: 114px;
}

#school02 ul {
	margin-left: 155px;
}

/* @end */

/* @group index */

div.step {
	clear: both;
	margin-bottom: 20px;
}

div.step h4 {
	margin-bottom: 5px;
}

div.bgBox {
	background: url(../images/common/boxBottom.png) no-repeat 0 bottom;
	margin-left: 10px;
}

div.bgBoxIn {
	background: url(../images/common/boxTop.png) no-repeat;
	padding: 10px 15px;
}

div.bgBox dt {
	float: left;
	display: inline;
	font-weight: bold;
	background: url(../images/common/point02.png) no-repeat 0 center;
	padding-left: 8px;
}

div.bgBox dd {
	padding-left: 123px;
}

div.textBox p.moreLink a {
	display: block;
	background: url(../images/common/arrow02.png) no-repeat 0 center;
	padding-left: 8px;
}

#step02 div.textBox {
	padding-right: 244px;
}

#battingPanel div.textBox  {
	margin-left: 300px;
}


/* @end */

#simulation01 p {
	margin-right: 245px;
}

/* @group simulation */

#simulation02 div.textArea  {
	margin-left: 242px;
}

/* @end */

/* @group philosoph */

#philosophy01 p {
	margin-right: 240px;
}

#philosophy02 p {
	padding-left: 240px;
}

/* @end */

/* @group step */

#step01 div.group {
	margin: 0 0 7px 7px;
}

#step01 div.group h5 {
	font-weight: bold;
}

#step01 div.group li {
	margin-left: 7px;
	background: url(../images/common/point02.png) no-repeat 0 center;
	padding-left: 10px;
}

/* @group firstLesson */

#firstLesson #step02 dl dt {
	float: left;
	display: inline;
}

#firstLesson #step02 dl dd {
	margin-left: 164px;
}

#firstLesson #step02 img {
	margin-top: 14px;
	margin-bottom: 1px;
}

p.notes {
	font-size: 90%;
}

p.notes02 {
	font-weight: bold;
	margin-bottom: 0;
}

/* @end */

div.step h4 {
	text-indent: -9999px;
	height: 15px;
}

#step01 h4 {
	background: url(../images/guidance/h4Step01.png) no-repeat;
}

#step02 h4 {
	background: url(../images/guidance/h4Step02.png) no-repeat;
}

#step03 h4 {
	background: url(../images/guidance/h4Step03.png) no-repeat;
}

#step02 p.moreLink.right {
	width: 190px;
}

/* @end */

#img {
	margin: 15px 0 0 20px;
}

/* @group plaza*/

#plaza02 div.textArea h4, 
#mainContents #link h4 {
	background: url(../images/common/point02.png) no-repeat 0 center;
	padding-left: 9px;
}

#plaza02 ul{
	margin-bottom: 22px;
}

#plaza02 ul li, 
#mainContents #link p {
	margin: 0 0 3px 14px;
}

#plaza02  div.textArea {
	float: right;
}

h2#titlePlaza {
	background: url(../images/guidance/h2Plaza.png) no-repeat;
	width: 473px;
}

/* @end */

/* @group shop*/

h2#titleShop {
	background: url(../images/guidance/h2Shop.png) no-repeat;
}

/* @end */

/* @group schoolSystem */
#schoolSystem .group{
	margin-bottom: 7px;
}
#schoolSystem ul{
	padding-left: 7px;
}

#schoolSystem ul li {
	background: url(../images/common/point02.png) no-repeat 0 6px;
	padding-left: 10px;
	margin-left: 7px;
}
#schoolSystem p {
	padding-left: 7px;
	margin-bottom: 0; 
}
/* @end */



/* @group jrSchool */

#schoolSchedule h3 {
	background: url(../images/shop/common/h3SchoolSchedule.png) no-repeat;
	margin: 21px 0;
	text-indent: -9999px;
	width: 649px;
	height: 42px;
}

.schoolName {
	background: url(../images/common/bar01.png) no-repeat 0 center;
	padding-left: 9px;
	font-weight: bold;
	margin-bottom: 8px;
}

#schoolSchedule #minoshima, #jrSchool03 .table, #schoolSchedule .table {
	margin-bottom: 30px;
}

/* @end */


/* @group shop */

#shop01 h4, #shop02 h4 {
	background: transparent url(../images/common/bar01.png) no-repeat scroll 0 center;
	margin-left: 0;
	padding-left: 9px;
}

#shop02 .textArea p, #shop02 .textArea2 p {
	margin-top: 4px;
}

#shop02 .textArea2 h4#event {
	background-image: url(../images/common/point02.png);
}

#mainContents #link p {
	width: 100px;
}

/* @end */