@charset "utf-8";
@import "./common_inner.css";


#conts .bigBox {
	width               : 660px;
	padding             : 20px;
	margin-top          : 18px;
	border              : 1px solid #bbbbbb;
}

#conts .bigBox .left  { float : left;}
#conts .bigBox .right {	float : right;}


/* btn area *************** */

#btn_area {
	width:             702px;
	height:            79px;
	background:        url(../img/surfing/school/bg_btn_school.gif) no-repeat;
	position:          relative;
	margin-bottom:     8px;
}

#btn_area a.btn_school {
	position:          absolute;
	top:               19px;
	left:              16px;
}

/* school flow *************** */

#at_shop {
	margin-bottom:     5px;
}


#at_shop,
#at_sea {
	position:          relative;
}

#at_shop img,
#at_sea  img{
	display:           block;
}


#at_shop .shop1,
#at_shop .shop2,
#at_shop .shop3,
#at_shop .shop4,
#at_shop .shop5,
#at_shop .shop6,
#at_shop .shop7,
#at_sea .sea8,
#at_sea .sea9,
#at_sea .sea10,
#at_sea .sea11,
#at_sea .sea12,
#at_sea .sea13,
#at_sea .sea14,
#at_sea .sea15,
#at_sea .sea16,
#at_sea .sea17,
#at_sea .sea18{
	position:          absolute;
	font-size:         12px;
	line-height:       1.3;
}

#at_shop .shop1 {
	width:             317px;
	top:               339px;
	left:              78px;
}

#at_shop .shop2 {
	width:             175px;
	top:               325px;
	left:              485px;
}

#at_shop .shop3 {
	width:             175px;
	top:               526px;
	left:              510px;
}

#at_shop .shop4 {
	width:             175px;
	top:               578px;
	left:              284px;
}

#at_shop .shop5 {
	width:             175px;
	top:               612px;
	left:              65px;
}

#at_shop .shop6 {
	width:             175px;
	top:               845px;
	left:              93px;
}

#at_shop .shop7 {
	width:             300px;
	top:               895px;
	left:              371px;
}

#at_sea .sea8 {
	width:             300px;
	top:               293px;
	left:              75px;
}

#at_sea .sea9 {
	width:             190px;
	top:               241px;
	left:              485px;
}

#at_sea .sea10 {
	width:             175px;
	top:               500px;
	left:              513px;
}

#at_sea .sea11 {
	width:             180px;
	top:               546px;
	left:              282px;
}

#at_sea .sea12 {
	width:             175px;
	top:               533px;
	left:              66px;
}

#at_sea .sea13 {
	width:             326px;
	top:               866px;
	left:              76px;
}

#at_sea .sea14 {
	width:             216px;
	top:               844px;
	left:              462px;
}

#at_sea .sea15 {
	width:             317px;
	top:               1198px;
	left:              357px;
}

#at_sea .sea16 {
	width:             180px;
	top:               1155px;
	left:              84px;
}

#at_sea .sea17 {
	width:             278px;
	top:               1500px;
	left:              73px;
}

#at_sea .sea18 {
	width:             278px;
	top:               1500px;
	left:              410px;
}

/* monie area *************** */

#movie {
	background: url(../img/surfing/school/pict9.gif) no-repeat;
	width:             702;
	height:            325px;
	position:          relative;
	margin-bottom:     20px;
}

#movie p {
	position:          absolute;
	width:             310px;
	top:               125px;
	left:              35px;
}

#movie .player {
	position:          absolute;
	width:             310px;
	top:               31px;
	left:              363px;
}

/* school shop info *************** */

#school {
	background:        url(../img/surfing/school/bg_school.gif) repeat-y;
	color:             #ffffff;
	width:             702px
}

#school img {
	display:           inline;
	vertical-align:    middle;
	margin-right:      8px;
}

#school .elm {
	background:        url(../img/surfing/school/bg_school_btm.gif) left bottom no-repeat;
	padding:           0 35px 30px 35px;
	_padding:           0 25px 30px 35px;
}

#school h2 img {
	_margin:          -1px 0 0 0;
	
}

#school h5 {
	margin:            20px 0 10px 0;
}

#school span.area {
	width:             46px;
	font-size:         10px;
	margin-right:      20px;	
}

#school .shop .detail {
	display:           none;
	padding:           10px 0;
}

#school .shop ul{
	margin-bottom:     3px;
}



#school .shop ul li {
	float:             left;
}


#school .shop ul li.area {
	width:             48px;
	font-size:         10px;
}

#school .shop ul li.name {
	width:             190px;
}

#school .shop ul li.tel {
	width:             170px;
}

#school .shop ul li img{
	margin-right:      5px; 
}


#school a {
	color: #ffffff;
}

#school a:hover {
	color:             #fff100;
	text-decoration:   underline;
}


#school .shop table {
	background-color:  #1485c8;
	width:             100%;
}

#school .shop table td {
	padding:           5px 10px;
}

#school .shop table img {
	margin-right:      5px;
	margin-left:       30px;
}

#school .shop table img.ml0 {
	margin-left:       0;
}


#school .shop table td.btn {
	text-align:        right;
	padding:           2px 5px 7px 0;
}

#school .shop table td.btn img {
	margin-right:      0;
}


/* icon area */

#school .icon {
	background:        url(../img/surfing/school/bg_icon_btm.gif) left bottom no-repeat; 
	width:             632px;
	font-size:         11px;
}

#school .icon .elm {
	background:        url(../img/surfing/school/bg_icon_top.gif) left top no-repeat;
	padding:           10px 20px 5px 20px;
}

#school h3 {
	padding-left:      10px;
	margin-bottom:     5px;
}


#school .icon ul {
	float:             left;
}


#school .icon ul li {
	padding-bottom:    5px;	
}




/* clear ****************************************/

#school .icon .elm:after,
#school .shop ul:after
{content:" "; height:0px; clear:both; visibility:hidden; display:block;}

#school .icon .elm,
#school .shop ul
{display :inline-block;}

/*\*/
* html #school .icon .elm,
* html #school .shop ul
{height:1%;}

#school .icon .elm,
#school .shop ul
{display:block;}
/*/*/