@charset "utf-8";

/* MASTER INIT
------------------------------------------------------------------------------*/

* {
	margin: 0px;
	padding: 0px;
	font-family: Osaka, Helvetica, Verdana, sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.0;
}

body {
	font-size: 13px;
	color: #000000;
}

ul,
ol {
	list-style-type: none;
}

img {
	border: 0 none;
}

a {
	outline-style: none;
	color: #333333;
}

.clearFix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

/* CONTAINER
------------------------------------------------------------------------------*/

#container {
	width: 950px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-right: auto;
	margin-left: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

/* HEADER
------------------------------------------------------------------------------*/

#header {
	background-image: url(img/bgheader.jpg);
	background-repeat: no-repeat;
}

#header h1 {
	height: 69px;
	margin-left: 10px;
	float: left;
	margin-top: 25px;
	width: 251px;
}

* html body #header h1 {
	display: inline;
}

#premium {
	float: right;
	height: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 360px;
}

* html body #premium {
	display: inline;
}

#header ul {
	background-image: url(img/bgnav.jpg);
	height: 46px;
	clear: both;
}

#header li {
	text-align: center;
	margin-top: 5px;
}

#navTop {
	float: left;
	width: 133px;
}

#navKnack {
	float: left;
	width: 193px;
}

#navMessage {
	float: left;
	width: 241px;
}

#navVoice {
	float: left;
	width: 123px;
}

#navMenu {
	float: left;
	width: 163px;
}

#navBlog {
	float: left;
	width: 96px;
}

/* WRAPPER
------------------------------------------------------------------------------*/

#wrapper {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	width: 930px;
}

#siteConcept {
	background-image: url(img/mainphoto.jpg);
	padding-top: 25px;
	padding-left: 25px;
	height: 275px;
	position: relative;
	padding-bottom: 10px;
	background-repeat: no-repeat;
}

#freeCounseling {
	position: absolute;
	bottom: 20px;
	right: 10px;
}

/* MAIN
------------------------------------------------------------------------------*/

#main {
	float: left;
	width: 600px;
}

#features h2 {
	background-image: url(img/features.jpg);
	height: 25px;
	padding-top: 15px;
	padding-left: 303px;
	margin-bottom: 10px;
}

#qanda h2 {
	background-image: url(img/qanda.jpg);
	height: 25px;
	padding-top: 15px;
	padding-left: 111px;
	margin-bottom: 10px;
}

#reason h2 {
	background-image: url(img/reason.jpg);
	height: 25px;
	padding-top: 15px;
	padding-left: 142px;
	margin-bottom: 10px;
}

#knack h2 {
	background-image: url(img/knack.jpg);
	height: 25px;
	padding-top: 15px;
	padding-left: 189px;
	margin-bottom: 10px;
}

#message h2 {
	background-image: url(img/message.jpg);
	height: 25px;
	padding-top: 15px;
	padding-left: 153px;
	margin-bottom: 10px;
}

#office h2 {
	background-image: url(img/office.jpg);
	height: 25px;
	padding-top: 15px;
	padding-left: 219px;
	margin-bottom: 10px;
}

#law h2 {
	background-image: url(img/law.jpg);
	height: 25px;
	padding-top: 15px;
	padding-left: 249px;
	margin-bottom: 10px;
}

#menu h2 {
	background-image: url(img/menu.jpg);
	height: 25px;
	padding-top: 15px;
	padding-left: 158px;
	margin-bottom: 10px;
}

#reserve h2 {
	background-image: url(img/reserve.jpg);
	height: 25px;
	padding-top: 15px;
	padding-left: 153px;
	margin-bottom: 10px;
}

#voice h2 {
	background-image: url(img/voice.jpg);
	height: 25px;
	padding-top: 15px;
	padding-left: 153px;
	margin-bottom: 10px;
}

#features1 {
	background-image: url(img/features1.jpg);
	background-repeat: no-repeat;
	height: 55px;
	padding-left: 70px;
	padding-top: 5px;
}

#features2 {
	background-image: url(img/features2.jpg);
	background-repeat: no-repeat;
	height: 55px;
	padding-left: 70px;
	padding-top: 5px;
}

#features3 {
	background-image: url(img/features3.jpg);
	background-repeat: no-repeat;
	height: 55px;
	padding-left: 70px;
	padding-top: 5px;
}

.featuresText {
	background-image: url(img/arrow1.jpg);
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
}

#reason p,
#knack p,
#message p,
#office p {
	font-size: 15px;
	line-height: 1.5;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 15px;
}

#qanda dt,
#message h3,
#menu h3,
#reserve h3,
#voice h3 {
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF3366;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF3366;
}

#voice h3 {
	font-weight: bold;
	color: #333333;
}

#qanda span,
#message span {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #FF3366;
	margin-right: 5px;
}

#qanda dd,
#menu p,
#reserve p {
	margin-right: 10px;
	margin-left: 10px;
	line-height: 1.5;
	margin-bottom: 10px;
}

#qanda dd {
	margin-right: 10px;
	margin-left: 10px;
	line-height: 1.5;
	margin-bottom: 20px;
}

#menu li {
	line-height: 1.5;
	background-image: url(img/arrow1.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
}

#menu ul {
	margin-bottom: 20px;
	margin-left: 10px;
}

#reserve24h {
	height: 65px;
	padding-top: 5px;
}

#googleMap {
	height: 400px;
	width: 600px;
	margin-bottom: 10px;
}

#mapInfo {
	width: 220px;
	line-height: 1.5;
}

/* SIDE
------------------------------------------------------------------------------*/

#sideIndex {
	float: right;
	width: 320px;
	height: 1765px;
	background-image: url(img/bgside.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

*:first-child+html #sideIndex {
	height: 1782px;
}

* html body #sideIndex {
	height: 1782px;
}

#sideQanda {
	float: right;
	width: 320px;
	height: 1360px;
	background-image: url(img/bgside.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#sideMessage {
	float: right;
	width: 320px;
	height: 1700px;
	background-image: url(img/bgside.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

*:first-child+html #sideMessage {
	height: 1720px;
}

* html body #sideMessage {
	height: 1720px;
}

#sideVoice {
	float: right;
	width: 320px;
	height: 1250px;
	background-image: url(img/bgside.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#sideMenu {
	float: right;
	width: 320px;
	height: 2015px;
	background-image: url(img/bgside.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

*:first-child+html #sideMenu {
	height: 2125px;
}

* html body #sideMenu {
	height: 2125px;
}

#sideLaw {
	float: right;
	width: 320px;
	height: 860px;
	background-image: url(img/bgside.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#sideIndex li,
#sideQanda li,
#sideMessage li,
#sideVoice li,
#sideMenu li,
#sideLaw li,
#sideBlog li {
	color: #333333;
	margin-right: 5px;
	line-height: 1.5;
	font-size: 10px;
	float: none;
	display: inline;
	width: 45px;
}

*:first-child+html #sideIndex li,
*:first-child+html #sideQanda li,
*:first-child+html #sideMessage li,
*:first-child+html #sideVoice li,
*:first-child+html #sideMenu li,
*:first-child+html #sideLaw li,
*:first-child+html #sideBlog li {
	font-size: 9px;
}

* html body #sideIndex li,
* html body #sideQanda li,
* html body #sideMessage li,
* html body #sideVoice li,
* html body #sideMenu li,
* html body #sideLaw li,
* html body #sideBlog li {
	font-size: 9px;
}

#sideIndex h3,
#sideQanda h3,
#sideMessage h3,
#sideVoice h3,
#sideMenu h3,
#sideLaw h3,
#sideBlog h3 {
	color: #333333;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

#sideIndex h2,
#sideQanda h2,
#sideMessage h2,
#sideVoice h2,
#sideMenu h2,
#sideLaw h2,
#sideBlog h2 {
	margin-left: 7px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 40px;
}

#sideIndex form,
#sideQanda form,
#sideMessage form,
#sideVoice form,
#sideMenu form,
#sideLaw form,
#sideBlog form {
	padding-left: 10px;
	margin-bottom: 10px;
}

#sideIndex td,
#sideQanda td,
#sideMessage td,
#sideVoice td,
#sideMenu td,
#sideLaw td,
#sideBlog td {
	vertical-align: bottom;
}

#sideIndex ul,
#sideQanda ul,
#sideMessage ul,
#sideVoice ul,
#sideMenu ul,
#sideLaw ul,
#sideBlog ul {
	margin-right: 10px;
	margin-left: 10px;
}

.bannerMenu {
	text-align: right;
	height: 74px;
	margin-bottom: 3px;
}

#bannerVoice {
	margin-left: 7px;
	padding-top: 1px;
}

#email6 {
	height: 16px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	margin-top: 10px;
	width: 200px;
}

*:first-child+html #email6 {
	height: 14px;
	padding-top: 4px;
}

* html body #email6 {
	height: 14px;
	padding-top: 4px;
}

#mailMagazineText {
	padding-left: 15px;
	background-image: url(img/arrow1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 10px;
	margin-left: 10px;
}

#backNumber {
	text-align: right;
	margin-bottom: 5px;
}

html>/**/body #emailSubmit {
	height: 24px;
	width: 40px;
	margin-left: 10px;
	background-image: url(img/submit.jpg);
	text-indent: -9999px;
	border: 0 none;
}

*:first-child+html #emailSubmit {
	background-color: #FFFFFF;
	height: 24px;
	border: 1px solid #FF3366;
	width: 40px;
	margin-left: 10px;
	padding-top: 3px;
}

* html body #emailSubmit {
	background-color: #FFFFFF;
	height: 24px;
	border: 1px solid #FF3366;
	width: 40px;
	margin-left: 10px;
	padding-top: 3px;
}

*:first-child+html #sub1px {
	padding-bottom: 1px;
}

* html body #sub1px {
	padding-bottom: 1px;
}

/* FORM
------------------------------------------------------------------------------*/

#reserveForm {
	padding-right: 10px;
	padding-left: 10px;
}

#reserveForm table {
	border-collapse: collapse;
}

#reserveForm th {
	width: 140px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF3366;
	padding-left: 5px;
	text-align: left;
	padding-right: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF3366;
	color: #FF3366;
}

#reserveForm td {
	width: 420px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF3366;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF3366;
	padding-top: 10px;
	padding-bottom: 10px;
}

select {
	padding-top: 3px;
	padding-bottom: 3px;
}

textarea {
	width: 400px;
	height: 70px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 3px;
	border: 1px solid #7F9DB9;
	vertical-align: middle;
}

.textLong {
	width: 400px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	height: 16px;
}

*:first-child+html .textLong {
	height: 14px;
	padding-top: 4px;
}

* html body .textLong {
	height: 14px;
	padding-top: 4px;
}

.textShort {
	width: 150px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	height: 16px;
}

*:first-child+html .textShort {
	height: 14px;
	padding-top: 4px;
}

* html body .textShort {
	height: 14px;
	padding-top: 4px;
}

.textSpace {
	margin-right: 5px;
	margin-bottom: 5px;
}

#submit {
	height: 40px;
	width: 130px;
	border: 1px solid #FF3366;
	background-color: #FFFFFF;
}


#reserveForm span {
	color: #FF0000;
	font-size: 10px;
}

#reserveForm .bottomNone {
	border-bottom: none;
}

/* LAW
------------------------------------------------------------------------------*/

#law dl {
	margin-right: 10px;
	margin-left: 10px;
}

#law dd {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF3366;
	width: 400px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 180px;
}

* html body #law dd {
	margin-left: 0px;
	float: left;
	width: 400px;
}

#law dt {
	width: 165px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF3366;
	background-image: url(img/arrow1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FF3366;
}

#law .ddTwoLine {
	padding-top: 10px;
	padding-bottom: 10px;
}

#law .dtTwoLine {
	padding-top: 16px;
	padding-bottom: 17px;
}

#law .bottomNone {
	border-bottom: none;
}

/* FOOTER
------------------------------------------------------------------------------*/

#footer {
	height: 55px;
	background-image: url(img/bgfooter.jpg);
	text-align: center;
	color: #FAFAFA;
	padding-top: 25px;
}

#footer li {
	display: inline;
}

#footer a {
	color: #FAFAFA;

}

#footer ul {
	margin-bottom: 10px;
}

/* VOICE
------------------------------------------------------------------------------*/

#voice span {
	font-size: 10px;
	padding-left: 10px;
}

#voiceTitle {
	padding-bottom: 10px;
}

#voiceTitle a {
	font-size: 15px;
	line-height: 2.0;
}

#voiceTitle li {
	background-image: url(img/arrow1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

#zonal {
	border: 1px dashed #FF3366;
	margin-bottom: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#zonal li {
	display: inline;
	margin-right: 5px;
	line-height: 1.5;
}

#zonal p {
	color: #FF3366;
	margin-top: 10px;
}

#zonal #zonalMonthly {
	margin-top: 15px;
}

#voiceEntry {
	padding-bottom: 10px;
}

#voiceEntry p,
#voiceEntry a {
	line-height: 1.5;
}

#calendarHeading {
	padding-top: 30px;
}

#voiceArea {
	height: 100px;
}

#sideVoice #voiceArea li,
#sideBlog #voiceArea li {
	color: #333333;
	margin-right: 5px;
	line-height: 1.5;
	font-size: 10px;
	float: none;
	display: inline;
	width: 45px;
}

*:first-child+html #sideVoice #voiceArea li,
*:first-child+html #sideBlog #voiceArea li {
	font-size: 9px;
}

* html body #sideVoice #voiceArea li,
* html body #sideBlog #voiceArea li {
	font-size: 9px;
}

#widgetCalendar h3 {
	text-align: center;
}

#widgetCalendar table {
	height: 150px;
	width: 200px;
	margin-left: 60px;
}

#widgetCalendar td {
	vertical-align: middle;
	text-align: center;
}

*:first-child+html #widgetCalendar th {
	line-height: 1.25;
}

* html body #widgetCalendar th {
	line-height: 1.25;
}

#calRed {
	color: #FD3164;
}

#calBlue {
	color: #88A5C5;
}

#sideVoice #widgetCalendar h3,
#sideBlog #widgetCalendar h3 {
	margin-top: 0px;
}

#sideVoice #widgetLinks li {
	font-size: 13px;
	line-height: 2.0;
	padding-left: 15px;
	background-image: url(img/arrow1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	width: 296px;
	display: block;
}

/* BLOG
------------------------------------------------------------------------------*/

#blog h2 {
	background-image: url(img/blog.jpg);
	height: 25px;
	padding-top: 15px;
	padding-left: 126px;
	margin-bottom: 10px;
}

#blog h3 {
	font-size: 15px;
	margin-top: 3px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF3366;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF3366;
	font-weight: bold;
	color: #333333;
	line-height: 1.3;
}

.blogCat {
	font-size: 11px;
	float: right;
	text-align: right;
	width: 300px;
}

*:first-child+html .blogCat {
	line-height: 1.25;
}

* html body .blogCat {
	line-height: 1.25;
}

.blogDate {
	float: left;
	width: 100px;
	padding-left: 10px;
}

.entryBox {
	padding-bottom: 40px;
}

.entryBody {
	clear: both;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
}

.entryBody p,
.entryBody font,
.entryBody span,
.entryBody div {
	line-height: 1.5;
}

#container .footerNoTree {
	background-image: url(img/bgfooternotree.jpg);
}

#sideBlog {
	float: right;
	width: 320px;
	margin-bottom: 15px;
}

#sideBlog #widgetRecently li,
#sideBlog #widgetMonth li {
	font-size: 11px;
	line-height: 1.5;
	width: 300px;
	display: block;
}

#sideBlog #widgetRecently li {
	padding-bottom: 5px;
}

#sideBlog #widgetCategory li {
	width: 300px;
	padding-bottom: 5px;
	display: block;
}

#blogEntryLink {
	font-size: 11px;
	line-height: 1.5;
	margin-top: 15px;
	padding: 5px;
	border: 1px dashed #FF3366;
}

.blogEntryDetail {
	font-size: 11px;
	text-align: right;
	margin-top: 10px;
	height: 13px;
	overflow: hidden;
}

*:first-child+html .blogEntryDetail a {
	line-height: 1.25;
}

* html body .blogEntryDetail a {
	line-height: 1.25;
}

#blogPage {
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #FF3366;
	border-right-color: #FF3366;
	border-bottom-color: #FF3366;
	border-left-color: #FF3366;
	padding-top: 15px;
	font-size: 14px;
	padding-bottom: 15px;
}

.pageThan {
	font-size: 12px;
}

*:first-child+html #sideBlog .widget .widget-content li {
	width: 150px;
}

* html body #sideBlog .widget .widget-content li {
	width: 150px;
}

/* VOICE(INCLUDE BLOG)
------------------------------------------------------------------------------*/

.entryBoxVoice {
	padding-bottom: 25px;
}