@charset "utf-8";

/*---------------------------------------------
	content
  ---------------------------------------------*/
h1.pageTit{
	margin: 0;
	padding: 30px 0 5px;
}
/* ------ .dataNav ------ */
#dataNav {
	background: url(/images/common/dataNavBg.png) repeat-x;
	height: 90px;
}
.dataNavArea li {
	float: left;
	width: 30%;
	margin: 0 1%;
	background: url(/images/common/top_mark2.png) no-repeat 10px center #fff;
    display: block;
	border: solid #8fc31f 2px;
	font-size: 80%;
	line-height: 120%;
	border-radius: 30px; 
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}
.dataNavArea li a {
	display: block;
	padding: 10px 10px 10px 30px;
	color: #373737;
}
.dataNavArea li a:hover {
	color: #fff;
}
.dataNavArea li:hover {
	background: url(/images/common/top_mark.png) no-repeat 10px center #8fc31f;
}
.dataNavArea li span{
	font-size: 110%;
}

/* ------ .mainArea ------ */
#mainArea h2,#mainArea h3,#mainArea h4,#mainArea p{
	margin: 0;
}
#mainArea .fLeft h2{
	padding-bottom: 20px;
}
#mainArea .fRight {
	padding-top: 30px;
}
#mainArea .fRight p{
	padding-right: 2px;
}
/* ------ .dataArea ------ */
.titBox {
	background-color: #d5f19a;
	padding: 5px 10px;
	border-radius: 3px; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	clear: both;
}
.titBox h3{
	margin: 0;
	font-size: 110%;
	line-height: 140%;
}
.dataBox {
	padding: 30px 0px;
}
.dataBox .fLeft p{
	padding-top: 15px;
	font-size: 90%;
}
.txtBox {
	padding: 30px 0px;
}
.txtBox .fLeft {
	width: 47%;
	padding-right: 3%;
}
.txtBox .fRight {
	padding-left: 3%;
	width: 47%;
}
.txtBox p {
	padding-bottom: 15px;
}
.txtBox p span{
	font-size: 110%;
	font-weight: bold;
	line-height: 200%;
}
.txtBox dl {
	padding-bottom: 10px;
}
.txtBox dt {
	font-weight: bold;
	line-height: 200%;
	border-bottom: dotted 1px #373737;
	margin: 0;
}
.txtBox dd {
	line-height: 140%;
	margin: 0;
	padding-top: 10px;
}
.txtBox dd span{
	font-size: 90%;
	line-height: 120%;
}
/*---------------------------------------------
	box4
  ---------------------------------------------*/
#box4 {
	width: 940px;
	margin: 0 auto;
	padding-top: 30px;
}
#box4 iframe{
	width: 100%;
	height: 480px;
}
.mapData {
	width: 840px;
	margin: 0 auto;
}
.mapData .fLeft{
	width: 540px;
}
.mapData ul{
	color: #3091cc;
	border: #3091cc solid 2px;
	padding: 10px;
	border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.mapData .fRight{
	width: 260px;
}

/*---------------------------------------------
	infoArea
  ---------------------------------------------*/
#infoArea {
	padding-top: 10px;
}
.infoBlock {
	max-width: 1320px;
	margin: 0 auto;
	background-color: #dceabd;
	padding: 10px 20px;
	border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.infoBlock h2 {
	border-bottom: #373737 solid 2px;
	font-size: 80%;
	font-weight: bold;
	margin: 0;
}
.infoBlock p {
	line-height: 200%;
	padding-top: 10px;
	margin: 0;
}
.infoBlock p.telNo {
	padding-top: 0;
	font-weight: bold;
	font-size: 100%;
}
.infoBlock p.telNo span{
	font-size: 220%;
}

/*-----------------------------------------------------	*/
/*	for - 600px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 600px) {
	
	h1.pageTit{
		margin: 20px 0;
		width: 90%;
	}
	/* ------ .dataNav ------ */
	#dataNav {
		background: none;
		height: inherit;
		padding: 0 10px;
	}
	.dataNavArea li {
		float: none;
		width: 97%;
		margin: 0 1% 1%;
	}
	
	/* ------ .mainArea ------ */
	#mainArea .fLeft {
		float: none;
		width: 280px;
		margin: 0 auto;
	}
	#mainArea .fLeft h2{
		padding-bottom: 0;
		margin: 0 auto;
	}
	#mainArea .fRight {
		float: none;
		padding: 10px 0 30px;
	}
	#mainArea .fRight p{
		padding-bottom: 2px;
		
	}
	
	/* ------ .dataArea ------ */
	.titBox {
		background-color: #d5f19a;
		padding: 5px 10px;
		border-radius: 3px; 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	.dataBox .fLeft {
		float: none;
	}
	.txtBox .fRight {
		float: none;
		width: 100%;
		padding-left: 0;
	}
	.txtBox .fLeft {
		float: none;
		width: 100%;
	}
	.txtBox .fRight {
		float: none;
		width: 100%;
	}
	.txtBox p {
		padding-bottom: 15px;
	}
	.txtBox p span{
		font-size: 110%;
		font-weight: bold;
		line-height: 200%;
	}
	.phBox .fLeft {
		width: 50%;
		padding: 0;
	}
	#box4 {
		width: 100%;
	}
	.mapBox {
		width: 100%;
		margin: 0 auto;
	}
	.mapData {
		width: 100%;
	}
	.mapData .fLeft{
		float: none;
		width: 100%;
	}
	.mapData ul{
		color: #3091cc;
		border: #3091cc solid 2px;
		padding: 10px;
		border-radius: 5px; 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.mapData .fRight{
		float: none;
		width: 100%;
		text-align: center;
	}
	
	/*---------------------------------------------
		infoArea
	  ---------------------------------------------*/
	.infoBlock p.telNo span{
		font-size: 130%;
	}
	
}