@charset "UTF-8";

/* ****************************************************************** 

	COPYRIGHT(C) CYBRiDGE CORPORATION.
	URL: http://www.cybridge.jp/

****************************************************************** */


#mainMain{
	float:right;
	width:500px;
	}
#mainSidebar{
	float:left;
	width:220px;
	}
	
	
/*==================================================================
	common styles
===================================================================*/
#main{
	}
#detailHeader{
	position:relative;
	}
#detailHeader h2{
	font-size:170%;
	font-weight:bold;
	height:85px;
	line-height:80px;
	width:520px;
	}
#detailHeader h2 img{
	margin-right:4px;
	vertical-align:middle;
	}
#detailHeader.planD h2{
	height:88px;
	line-height:85px;
	width:100%;
	}
#detailHeader ul{
	position:absolute;
	right:0px;
	top:15px;
	width:220px;
	padding-top:5px;
	text-align:center;
	}
#detailHeader li#detailTel{
	padding:8px 0px 6px 0px;
	}
#detailHeader li#detailTel strong{
	font-family:Arial, Helvetica, sans-serif;
	font-size:166%;
	color:#C00;
	}


#main .headline2{
	font-size:133%;
	}
#$detail.detail_tel{
	}
/* ------------------------------------------------------------------
	detailNavigation styles
-------------------------------------------------------------------*/
ul#detailNavigation{
	border-bottom:4px solid #6A6FB5;
	height:32px;
	margin-bottom:12px;
	background:#FFF url("/img/btn/btn_detailnavigation.png") no-repeat 0px -58px;
	}
ul#detailNavigation li{
	display:inline;
	}
ul#detailNavigation li a{
	display:block;
	float:left;
	width:184px;
	text-decoration:none;
	text-indent:-5000px;
	background:url("/img/btn/btn_detailnavigation.png") no-repeat 0px 0px;
	height:32px;
	}


ul#detailNavigation li#tabDetail a:hover,
ul#detailNavigation li#tabDetail a.now{
	background-position:0px -32px;
	}

ul#detailNavigation li#tabCourse a{
	background-position:-184px 0px;
	}
ul#detailNavigation li#tabCourse a:hover,
ul#detailNavigation li#tabCourse a.now{
	background-position:-184px -32px;
	}

ul#detailNavigation li#tabMap a{
	background-position:-368px 0px;
	}
ul#detailNavigation li#tabMap a:hover,
ul#detailNavigation li#tabMap a.now{
	background-position:-368px -32px;
	}

ul#detailNavigation li#tabEntry a{
	width:183px;
	background-position:-552px 0px;
	}
ul#detailNavigation li#tabEntry a:hover,
ul#detailNavigation li#tabEntry a.now{
	background-position:-552px -32px;
	}
	

/* ------------------------------------------------------------------
	deatil styles
-------------------------------------------------------------------*/



/*	linetable styles
-------------------------------------------------------------------*/
#detailTable{
	float:left;
	width:420px;
	}
#detailTable td{
	font-size:133%;
	}


/*	map styles
-------------------------------------------------------------------*/

#map{
	}


/*	photoMain styles
-------------------------------------------------------------------*/
#p-detail .headline3 {
	padding-bottom: 8px;
	color: #6A6FB5;
	font-size: 132%;
	font-weight: bold;
}

#photoMain{
	float:left;
	width:300px;
	margin-bottom: 10px;
	}
#photoMain img {
	max-width: 300px;
}
#p-detail .request {
	line-height: 52px;
	text-align: center;
}
#mainMessage{
	float:right;
	width:425px;
	margin-bottom: 10px;
	}
#mainMessage p{
	line-height: 1.7;
	}


/* ------------------------------------------------------------------
	freeTxt styles
-------------------------------------------------------------------*/
.freeTxt{
	width:360px;
	}
.freeTxt img{
	float:left;
	margin:0px 5px 0px 0px;
	}
.freeTxt p{}

#free01,
#free03{
	float:left;
	}
#free02,
#free04{
	float:right;
	}


/*==================================================================
	 styles
===================================================================*/

/* ------------------------------------------------------------------
	voice styles
-------------------------------------------------------------------*/
#voice{}
#voice dl{
	}
#voice dt{
	width:140px;
	float:left;
	}
#voice dd{
	width:350px;
	float:right;
	}


/*==================================================================
	mainSidebar styles
===================================================================*/

/*	campaign styles
-------------------------------------------------------------------*/
#campaign{
	border:1px solid #F5C5CD;
	background:#FDF0F2;
	padding:8px;
	}
#campaign h4{
	font-size:133%;
	color:#C00;
	font-weight:bold;
	margin-bottom:5px;
	}
#campaign p{
	margin-bottom:5px;
	}


/*	tomobile styles
-------------------------------------------------------------------*/

#tomobile{}
#tomobile dt{
	float:left;
	}
#tomobile dd{
	padding-top:10px;
	}


/*	typeIcon styles
-------------------------------------------------------------------*/
ul.typeIcon li{
	width:24%;
	text-align: center;
	border:1px solid #CCC;
	margin-bottom:3px;
	padding:0px;
	margin:0px 2px 2px 0px;
	font-size:10px;
	float:left;
	white-space:nowrap;
	background: #EEE url("/img/common/bg_h.gif") repeat-x 100% 0%;
	}
ul.typeIcon li span{
	}
ul.typeIcon li{}


/*	#near styles
-------------------------------------------------------------------*/
#near{
	}
#near a{
	text-decoration:none;
	}

#near .nearItem{
	position: relative;
	padding:10px 0px 10px 10px;
	background-color:#F5F5F5;
	}
#near .nearItem.dark{
	background-color:#E5E5E5;
	}
#near .nearItem h4{
	font-size:110%;
	font-weight:bold;
	}
#near .nearItem p{
	margin:0px;
	}
#near .nearItem ul{
	position:absolute;
	right:10px;
	top:10px;
	text-align:right;
	width:140px;
	}



/*==================================================================
	COMPANY styles
===================================================================*/

#p-company #main{
	padding-top:0px;
	}
#p-company #main h2{
	font-size:160%;
	font-weight:bold;
	height:80px;
	line-height:80px;
	}
#p-company #main img{
	margin-right:4px;
	vertical-align:middle;
	}