/*==============================================================
** top(index.html) Layout.
*  http://hati-hmk.com/information/
*  http://hati-hmk.com/menu/
*  http://hati-hmk.com/contact/
*  http://hati-hmk.com/galally/
*  http://hati-hmk.com/profile/
==============================================================*/


/* Common Style
====================================================*/


/* leftCols
====================================================*/
div#contents div.leftCols {
	width: 602px;
	background: #fff;
	margin: 15px 0 40px;
	float: left;
}

div#contents div.leftColsContents {
	border-left: 1px solid #CFC3AC;
	border-right: 1px solid #CFC3AC;
	border-bottom: 1px solid #CFC3AC;
	padding: 0 10px 20px;
}


/* leftCols -gotoTops-
====================================================*/
div#contents div.contactLinks {
	background: url(/images/contents/common/contactLinks/bg.gif) no-repeat top left;
	width: 580px;
	height: 160px;
	padding: 30px 0 0;
	margin: 20px 0 0px;
}

div#contents div.contactLinks p {
	text-align: center;
	padding: 0 0 10px;
}


/* leftCols -gotoTops-
====================================================*/
p#gotoTops {
	margin: 12px 0 0;
	text-align: right;
}

hr#contentLine {
	display: list-item;
	list-style: url(/images/contents/common/linksLine.gif) inside;
	/*background: url(/images/contents/common/linksLine.gif) no-repeat top left;*/
	height: 30px;
	border: 0;
	filter : alpha(opacity=0);
	width: 0;
}




	/* leftCols each Contents Style
		* information
	====================================================*/
		div#contents div.informationBox {
			margin: 20px 0;
		}

		div#contents div.informationBox p {
			line-height: 2.0em;
		}

		div#contents div.informationBox div.infoHeadline {
			width: 580px;
			margin: 0 0 10px;
		}

		div#contents div.informationBox div.infoHeadline p.leftDate{
			float: left;
			background: url(/images/contents/information/calenderIconBg.gif) no-repeat;
			display: block;
			height: 60px;
			width: 70px;
			padding: 16px 0 6px 14px;
		}

		div#contents div.informationBox div.infoHeadline p.leftDate span {
			display: block;
		}

		div#contents div.informationBox div.infoHeadline p.leftDate span.yearText {
			color: #000;
			font-size: 87%;
		}

		div#contents div.informationBox div.infoHeadline p.leftDate span.monthDateText {	color: #000;
			font-size: 94%;
			font-weight: bold;
		}


		div#contents div.informationBox div.infoHeadline h3.rightHeadLine{
			padding: 12px;
		}



	/* leftCols each Contents Style
		* menu
	====================================================*/
		div#contents div.menuBox {
			margin: 20px 0;
		}

		div#contents div.menuBox p {
			line-height: 2.0em;
		}

		div#contents div.menuBox h3 {
			margin: 0 0 12px;
		}

		div#contents div.menuBox table {
			width: 550px;
			margin: 8px 8px 64px;
		}

		div#contents div.menuBox table td
		,th {
			border: none;
			border-bottom: 1px solid #eee;
		}

		div#contents div.menuBox table th {
			text-align: left;
			padding: 8px 0;
		}

		div#contents div.menuBox table td.discription {
			font-size: 87%;
			color: #666;
			width: 200px;
		}

		div#contents div.menuBox table td.price {
			font-size: 114%;
			color: #D8134F;
			font-weight: bold;
			font-family: "Arial","sans-selif";
			text-align: right;
		}

	/* leftCols each Contents Style
		* contact
	====================================================*/
		div#contents div.contactBox {
			margin: 20px 0;
		}

		div#contents div.contactBox p{
			line-height: 1.6em;
		}

		div#contents div.contactBox em{
			font-size: 108%;
			color: #D8134F;
			margin: 0 6px;
		}

		div#contents div.contactBox address.telName {
			font-family: "Arial","sans-selif";
			font-weight: bold;
			margin: 12px 4px;
			font-size: 114%;
			color: #000;
		}

		div#contents div.contactBox ul.coution {
			margin: 6px 6px 4px;
			font-size: 92%;
			color: #555;
		}

		div#contents div.contactBox ul.coution li{
			margin: 0 6px 4px; 
		}

		div#contents div.contactBox ul#errorArea {
			margin: 10px;
			padding: 10px;
		}

		div#contents div.contactBox ul#errorArea li{
			margin: 0 8px 8px;
			color: #D8134F;
		}

		div#contents div.contactBox table {
			margin: 12px 0;
			border: 1px solid #EEEEEE;
			background-color: #F6F6F6;
		}

		div#contents div.contactBox table th{
			border: none;
			font-weight: normal;
			text-align: left;
			width: 220px;
			padding: 12px 6px;
		}

		div#contents div.contactBox table td{
			border: none;
			width: 340px;
		}

		div#contents div.contactBox input.inputBoxW {
			width: 320px;
		}

		div#contents div.contactBox select {
			width: 320px;
		}

		div#contents div.contactBox textarea.txtareaBoxW {
			width: 320px;
			height:140px;
		}

		div#contents div.contactBox h4 {
			font-size: 104%;
			margin: 6px;
		}

		div#contents div.contactBox p#contactFreezeButton,
		p#contactResult {
			margin: 20px 0;
			text-align: center;
		}

	/* leftCols each Contents Style
		* galally
	====================================================*/
		div#contents div.galallyBox {
			margin: 20px 0;
		}

		div#contents div.galallyBox p {
			line-height: 2.0em;
		}

		div#contents div.galallyBox ol {
			padding: 4px;
			background-color: #fff;
			width: 560px;
			border: 1px solid #F5F5F5;
			margin: 12px 0;
		}

		div#contents div.galallyBox ol#newItem li span.numText {
			background-color: #E13863;
			color: #fff;
		}



		div#contents div.galallyBox ol li{
			float: left;
			width: 150px;
			margin: 2px 12px 24px;
			background-color: #fff;
			border: 1px solid #999;
		}

		div#contents div.galallyBox ol li img{
			padding: 0;
		}

		div#contents div.galallyBox ol li span.numText {
			background-color: #373737;
			display: block;
			color: #fff;
			width: 150px;
			padding: 4px 0 2px;
			text-align: center;
		}

	/* leftCols each Contents Style
		* profile
	====================================================*/
		div#contents div.profileBox {
			margin: 20px 0;
		}

		div#contents div.profileBox h3 {
			border-bottom: 2px solid #8EC600;
			margin: 0 12px 6px;
			padding: 2px 0;
			font-weight: normal;
			font-size: 114%;
		}

		div#contents div.profileBox ul {
			margin: 16px 16px 24px;
		}

		div#contents div.profileBox ul li{
			margin: 0 0 4px;
		}

		div#contents div.profileBox p{
			margin: 16px;
			padding: 12px;
		}

		div#contents div.profileBox span#profileImg {
			float: right;
			margin: 12px;
		}



/* rightCols
====================================================*/
div#contents div.rightCols {
	width: 270px;
	background: #E5DECA;
	margin: 15px 0 40px;
	float: right;
}

div#contents div.rightCols div.sideBarLists {
	padding: 10px;
}

div#contents div.rightCols div.sideBarLists h4{
	background: url(/images/contents/common/rightCol/headLineBarBg.gif) no-repeat top left;
	font-size: 100%;
	padding: 6px 12px;
}

div#contents div.rightCols div.sideBarLists ul{
	margin: 6px;
}

div#contents div.rightCols div.sideBarLists ul li{
	background: url(/images/contents/common/rightCol/listIcon.gif) no-repeat center left;
	padding: 6px 6px 6px 24px;
}

div#contents div.rightCols div.sideBarLists p{
	margin: 20px 0 0;
}

div#contents div.rightCols div.sideBarLists ul#bannerLinks {
	margin: 6px;
}

div#contents div.rightCols div.sideBarLists ul#bannerLinks li{
	padding: 6px 6px 6px 24px;
	background: none;

}

div#contents div.rightCols div.sideBarLists ul#bannerLinks li img{
	border: 1px solid #999;
}