/*
* CSS UNDER
*/
/*--------------------------------------------------------
汎用
--------------------------------------------------------*/
.Surfboard{
	width:1000px;
	height:150px;
	background: url(../../images/common/surfboard.png) center no-repeat;
	margin:0 auto;
}


/*--------------------------------------------------------
About
--------------------------------------------------------*/
#about .mv {
	width: 1000px;
	height: 300px;
	text-indent:-9999px;
	background: url(../../images/under/about_img.png) no-repeat;
	margin:0 auto 50px auto;
}

#about h3.about_tit01 {
	width: 363px;
	height: 77px;
	text-indent:-9999px;
	background: url(../../images/under/about_tit01.png) no-repeat;
	margin:0 auto 30px auto;
}
#about p.about_txt01 {
	width: 1000px;
	text-align:center;
	line-height:240%;
	letter-spacing:4px;
	font-size:13px;
}

.profile_box{
	width:780px;
	margin:0 auto;
}
#about h3.about_tit02{
	width: 225px;
	height: 77px;
	text-indent:-9999px;
	background: url(../../images/under/about_tit02.png) no-repeat;
	margin:0 auto 50px auto;
}
.profile_box .profile_box_l{
	width:280px;
	float:left;
}
.profile_box .profile_box_r{
	width:480px;
	float:left;
	margin-left:20px;
}
.profile_box .profile_box_r h4{
	font-size:25px;
}
.profile_box .profile_box_r h4 span{
	font-size:12px;
	font-style:italic;
}
.profile_box .profile_box_r p{
	width:480px;
	border-bottom:1px #CCCCCC dotted;
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:5px;
}
#about h3.about_tit03 {
	width: 129px;
	height: 75px;
	text-indent:-9999px;
	background: url(../../images/under/about_tit03.png) no-repeat;
	margin:0 auto 30px auto;
}
#about .brand_box {
	width: 1000px;
	margin:0 auto -30px auto;
}
#about .brand_box img a{
	float:left;
}
#about .brand_box p{
	margin-bottom:12px;
}
#about .brand_box img a .ml12 {
	margin-left:12px;
}

/*--------------------------------------------------------
Access
--------------------------------------------------------*/
#access .mv {
	width: 1000px;
	height: 300px;
	text-indent:-9999px;
	background: url(../../images/under/access_img.png) no-repeat;
	margin:0 auto 50px auto;
}
#access h3.access_tit{
	width: 212px;
	height: 77px;
	text-indent:-9999px;
	background: url(../../images/under/access_tit.png) no-repeat;
	margin:0 auto 50px auto;
}
#access p{
	width: 800px;
	margin:20px auto;
}
#access p span{
	font-weight:bold;
}
/*--------------------------------------------------------
Price
--------------------------------------------------------*/
#price .mv {
	width: 1000px;
	height: 300px;
	text-indent:-9999px;
	background: url(../../images/under/price_img.png) no-repeat;
	margin:0 auto 50px auto;
}
#price h3.price_tit{
	width: 328px;
	height: 79px;
	text-indent:-9999px;
	background: url(../../images/under/price_tit.png) no-repeat;
	margin:0 auto 50px auto;
}
#price h4 {
	width: 700px;
	font-size:18px;
	font-weight:bold;
	margin:0 auto 10px auto;
}
#price h4 span {
	font-size:12px;
	font-style:italic;
}
#price .course01 table,
#price .course02 table,
#price .course03 table,
#price .course04 table,
#price .course05 table {
	width: 700px;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	margin:0 auto;
}

#price .course01 table td,
#price .course01 table th,
#price .course02 table td,
#price .course02 table th,
#price .course03 table td,
#price .course03 table th,
#price .course04 table td,
#price .course04 table th,
#price .course05 table td,
#price .course05 table th,
#price .course06 table td,
#price .course06 table th {
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:10px;
	font-size:12px;
	vertical-align:middle;
}
#price table th {
	background:#F7F7F7;
	font-weight:bold;
}
#price table td span {
	color:#C00;
}


#price .course06{
	width:700px;
	margin:50px auto 50px auto;
}


#price .course06 table{
	width:330px;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

#price .tel_box,
#usage .tel_box{
	width:700px;
	margin:0 auto;
}
#price .tel_box td,
#usage .tel_box td{
	padding:10px;
	vertical-align:middle;
}
#price .tel_box td strong,
#usage .tel_box td strong{
	font-size:45px;
	font-weight:bold;
	letter-spacing:0px;
}
#price .tel_box td.Line,
#usage .tel_box td.Line{
	border-right:1px solid #CCC;
}
/*--------------------------------------------------------
Usage
--------------------------------------------------------*/
#usage .mv {
	width: 1000px;
	height: 300px;
	text-indent:-9999px;
	background: url(../../images/under/usage_img.png) no-repeat;
	margin:0 auto 50px auto;
}
#usage h3.usage_tit01{
	width: 202px;
	height: 77px;
	text-indent:-9999px;
	background: url(../../images/under/usage_tit01.png) no-repeat;
	margin:0 auto 50px auto;
}
#usage h3.usage_tit02{
	width: 217px;
	height: 77px;
	text-indent:-9999px;
	background: url(../../images/under/usage_tit02.png) no-repeat;
	margin:0 auto 20px auto;
}


#usage .flow_box{
	width:1000px;
	margin:0 auto 50px auto;
	background: url(../../images/under/usage_flow.png) center no-repeat;
}
#usage .flow_cont_box{
	width:300px;
	float:left;
}
#usage .flow_cont_box img{
	margin-bottom:10px;
}
#usage .flow_cont_box p{
	width:200px;
	float:right;
	font-size:12px;
}

#usage .flow01{
	background: url(../../images/under/usage_flow01.png) left bottom no-repeat;
}
#usage .flow02{
	background: url(../../images/under/usage_flow02.png) left bottom no-repeat;
}
#usage .flow03{
	background: url(../../images/under/usage_flow03.png) left bottom no-repeat;
}
#usage .flow04{
	background: url(../../images/under/usage_flow04.png) left bottom no-repeat;
}
#usage .flow05{
	background: url(../../images/under/usage_flow05.png) left bottom no-repeat;
}
#usage .flow06{
	background: url(../../images/under/usage_flow06.png) left bottom no-repeat;
}

/*--------------------------------------------------------
Photo
--------------------------------------------------------*/
#photo .mv {
	width: 1000px;
	height: 300px;
	text-indent:-9999px;
	background: url(../../images/under/photo_img.png) no-repeat;
	margin:0 auto 50px auto;
}

#photo h3.photo_tit {
	width: 267px;
	height: 76px;
	text-indent:-9999px;
	background: url(../../images/under/photo_tit.png) no-repeat;
	margin:0 auto 30px auto;
}

#photo .photo_box ul{
	margin-bottom:50px;
}
#photo .photo_box ul li{
	float:left;
	margin-left:23px;
	margin-bottom:20px;
}