@charset "utf-8";

/*
*	Title: Hoshino Accounting Office Main CSS
*	URI: http://www.hgaf.com/
*	Last Modified: 2009-12-25
*	ver 1.00
*	Author: Melia corp.
*/

body {
	margin:  0;
	padding: 0;
	color: #1B1B1B;
	font-family : 'MS Pgothic', verdana, 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
}

#container {
	background-image: url(../images/main_back.jpg);
	background-position: center top;
	background-repeat: repeat-y;
}

#headerContainer {
	background-image: url(../images/header_top_back.jpg);
	background-repeat: repeat-x;
}
#headerContainerInner {

}

#headerContainerMain {
	margin: 0 auto;
	width: 920px;
	background-image: url(../images/header_top_main.jpg);
	background-repeat: no-repeat;
}
#headerContainerMainInner {
	margin: 0 10px;
	height: 125px;
	position: relative;
}
#headerTitleName {
	display: none;
}
#headerTitleImage {
	position: absolute;
	top: 16px;
	left: 20px;
}
#headerTel {
	position: absolute;
	top: 6px;
	left: 668px;
}
#headerDescription {
	position: absolute;
	width: 880px;
	top: 96px;
	font-size: 12px;
	color: #E28619;
	text-align: right;
}

#mainContainer {
	background-image: url(../images/main_middle_back.jpg);
	background-repeat: repeat-x;
}
#mainContainerInnerLeft {
	width: 920px;
	margin: 0 auto 30px;
	background-image: url(../images/main_middle_back_left.jpg);
	background-repeat: no-repeat;
}
#mainContainerInnerRight {
	width: 100%;
	background-image: url(../images/main_middle_back_right.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#mainContainerContents {
	margin: 0 10px;
	background-color: #FFF;
	padding: 12px 20px;
}

#footerContainer {

}
#footerContainerInner {
}
#footerContainerTop {
	background-image: url(../images/footer_top.jpg);
	background-repeat: repeat-x;
	height: 110px;
}
#footerContainerTopInner {
	width: 920px;
	margin: 0 auto;
}
#footerContainerTopContents {
	color: #333;
	padding: 20px 30px 0;
	font-size: 12px;
}
#footerName {
	font-weight: bold;
}
#footerAddress {
	margin: 19px 0;
}

#footerContainerBottom {
	background-image: url(../images/footer_bottom.jpg);
	background-repeat: repeat-x;
	height: 60px;
}
#footerContainerBottomInner {
	width: 920px;
	margin: 0 auto;
}
#footerContainerBottomContents {
	color: #FFF;
	padding: 10px 30px;
	font-size: 12px;
}

#leftContainer {
	width: 652px;
	float: left;
}
#topComment {
	display: none;
}
#leftContainer .twoButtons {
	margin: 20px 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}
#leftContainer .twoButtons Li {
	margin: 0;
	padding: 0;
}
#leftContainer .twoButtons Li.a {
	float: left;
}
#leftContainer .twoButtons Li.b {
	float: right;
}
#leftContainer .twoButtons Li A {
	display: block;
	width: 320px;
	height: 95px;
	background-repeat: no-repeat;
}
#leftContainer .twoButtons Li A span {
	display: none;
}
#leftContainer .twoButtons Li.a, #leftContainer .twoButtons Li.a A {
	background-image: url(../images/button_hojin.jpg);
}
#leftContainer .twoButtons Li.a A:hover {
	background-image: url(../images/button_hojin_hov.jpg);
}
#leftContainer .twoButtons Li.b, #leftContainer .twoButtons Li.b A {
	background-image: url(../images/button_kojin.jpg);
}
#leftContainer .twoButtons Li.b A:hover {
	background-image: url(../images/button_kojin_hov.jpg);
}
h3#services {
	margin-top: 20px;
	background-image: url(../images/sub_title_1.jpg);
	background-repeat: no-repeat;
	height: 38px;
}
* html h3#services { /* IE6用 */
	margin-top: 55px;
}
h3#services span{
	display: none;
}
#servicesButtons {
	height: 140px;
	background-image: url(../images/sub_title_1_back.jpg);
	background-repeat: no-repeat;
}
#servicesButtons2 {
	height: 240px;
	background-image: url(../images/sub_title_1_back_2.jpg);
	background-repeat: no-repeat;
}
.servicesButtons {
	padding: 24px 0 0 25px;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
}
#servicesButtons2 .servicesButtons {
	padding: 20px 0 0 90px;
}
.servicesButtons Li {
	margin: 0;
	margin-right: 20px;
	padding: 0;
	float: left;
}
#servicesButtons2 .servicesButtons Li {
	margin-right: 80px;
}

.servicesButtons Li A {
	display: block;
	width: 104px;
	height: 89px;
	background-repeat: no-repeat;
}
.servicesButtons Li A span {
	display: none;
}
.servicesButtons Li.a, #servicesButtons .servicesButtons Li.a A {
	background-image: url(../images/button_seturitu.jpg);
}
.servicesButtons Li.a A:hover {
	background-image: url(../images/button_seturitu_hov.jpg);
}
.servicesButtons Li.b, #servicesButtons .servicesButtons Li.b A {
	background-image: url(../images/button_kaikeikomon.jpg);
}
.servicesButtons Li.b A:hover {
	background-image: url(../images/button_kaikeikomon_hov.jpg);
}
.servicesButtons Li.c, .servicesButtons Li.c A {
	background-image: url(../images/button_keikakusakutei.jpg);
}
.servicesButtons Li.c A:hover {
	background-image: url(../images/button_keikakusakutei_hov.jpg);
}
.servicesButtons Li.d, .servicesButtons Li.d A {
	background-image: url(../images/button_sozokuzoyo.jpg);
}
.servicesButtons Li.d A:hover {
	background-image: url(../images/button_sozokuzoyo_hov.jpg);
}
.servicesButtons Li.e, .servicesButtons Li.e A {
	background-image: url(../images/button_kakuteisinkoku.jpg);
}
.servicesButtons Li.e A:hover {
	background-image: url(../images/button_kakuteisinkoku_hov.jpg);
}
.servicesButtons Li.f, .servicesButtons Li.f A {
	background-image: url(../images/button_second.jpg);
}
.servicesButtons Li.f A:hover {
	background-image: url(../images/button_second_hov.jpg);
}


#schedules {
	width: 320px;
	float: left;
}

#schedules H3 {
	background-image: url(../images/sub_title_2.jpg);
	background-repeat: no-repeat;
	height: 38px;
}
#schedules H3 span{
	display: none;
}

#news {
	width: 320px;
	float: right;
}

#news H3 {
	background-image: url(../images/sub_title_3.jpg);
	background-repeat: no-repeat;
	height: 38px;
}
#news H3 span{
	display: none;
}
.topNewsList {
	margin: 10px 5px;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	font-size: 12px;
}
.topNewsList Li {
	background-image: url(../images/news_list.jpg);
	background-repeat: no-repeat;
	line-height: 1.5em;
}
.topNewsList Li div.line {
	padding: 6px 0 8px 25px;
	background: url(../images/news_list_line.jpg) no-repeat left bottom;
}
.topNewsList Li div Span.date {
	color: #da9335;
	margin-right: 10px;
}
#pageContents .contents UL.topNewsList {
	margin: 10px 20px 20px;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	font-size: 12px;
}

#rightContainer {
	width: 188px;
	float: right;
}
#mainMenu {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
#mainMenu Li {
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 1px;
}
#mainMenu LI A {
	margin: 0;
	padding: 0;
	height: 41px;
	display: block;
	background-repeat: no-repeat;
	line-height: normal;
}
#mainMenu Li A span {
	display: none;
}
#mainMenu LI.a, #mainMenu LI.a A {
	background-image: url(../images/list_hojin.jpg);
}
#mainMenu LI.a A:hover {
	background-image: url(../images/list_hojin_hov.jpg);
}
#mainMenu LI.a A.on {
	background-image: url(../images/list_hojin_on.jpg);
}
#mainMenu LI.b, #mainMenu LI.b A {
	background-image: url(../images/list_kojin.jpg);
}
#mainMenu LI.b A:hover {
	background-image: url(../images/list_kojin_hov.jpg);
}
#mainMenu LI.b A.on {
	background-image: url(../images/list_kojin_on.jpg);
}
#mainMenu LI.c A {
	background-image: url(../images/list_services.jpg);
}
#mainMenu LI.c, #mainMenu LI.c A:hover {
	background-image: url(../images/list_services_hov.jpg);
}
#mainMenu LI.c A.on {
	background-image: url(../images/list_services_on.jpg);
}
#mainMenu LI.d, #mainMenu LI.d A {
	background-image: url(../images/list_hosyu.jpg);
}
#mainMenu LI.d A:hover {
	background-image: url(../images/list_hosyu_hov.jpg);
}
#mainMenu LI.d A.on {
	background-image: url(../images/list_hosyu_on.jpg);
}
#mainMenu LI.e, #mainMenu LI.e A {
	background-image: url(../images/list_access.jpg);
}
#mainMenu LI.e A:hover {
	background-image: url(../images/list_access_hov.jpg);
}
#mainMenu LI.e A.on {
	background-image: url(../images/list_access_on.jpg);
}
#mainMenu LI.f, #mainMenu LI.f A {
	background-image: url(../images/list_gaiyo.jpg);
}
#mainMenu LI.f A:hover {
	background-image: url(../images/list_gaiyo_hov.jpg);
}
#mainMenu LI.f A.on {
	background-image: url(../images/list_gaiyo_on.jpg);
}
#mainMenu LI.g, #mainMenu LI.g A {
	background-image: url(../images/list_sodan.jpg);
}
#mainMenu LI.g A:hover {
	background-image: url(../images/list_sodan_hov.jpg);
}
#mainMenu LI.g A.on {
	background-image: url(../images/list_sodan_on.jpg);
}
#mainMenu LI.h, #mainMenu LI.h A {
	background-image: url(../images/list_toiawase.jpg);
}
#mainMenu LI.h A:hover {
	background-image: url(../images/list_toiawase_hov.jpg);
}
#mainMenu LI.h A.on {
	background-image: url(../images/list_toiawase_on.jpg);
}
#mainMenu LI.i, #mainMenu LI.i A {
	background-image: url(../images/list_link.jpg);
}
#mainMenu LI.i A:hover {
	background-image: url(../images/list_link_hov.jpg);
}
#mainMenu LI.i A.on {
	background-image: url(../images/list_link_on.jpg);
}
#mainMenu LI.j, #mainMenu LI.j A {
	background-image: url(../images/list_news.jpg);
	height: 46px;
}
#mainMenu LI.j A:hover {
	background-image: url(../images/list_news_hov.jpg);
	height: 46px;
}
#mainMenu LI.j A.on {
	background-image: url(../images/list_news_on.jpg);
	height: 46px;
}


/*======================================

	3-1. テキスト（基本指定）
	
=======================================*/
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

p {
	line-height: 1.8;
	text-align: justify;
	text-justify: distribute; 
}

pre {
	padding: 0.5em 0 0.5em 20px;
	width: 95%;
	max-width: 85%;
	overflow: scroll;
	color: #666;
	background-color: #f1efeb;
	font-family: "Osaka－等幅", monospace;
}

blockquote {
	margin-left: 40px;
	padding: 0.6em 20px;
	border: 3px solid #e4e2de;
	color: #a09591;
	background-color: #fff;
}

strong {
}
/*======================================

	3-2.リスト（基本指定）

=======================================*/

ul,
ol,
dl {
	margin: 0.5em 20px;
	padding: 1px 0;
}

ul {
	list-style-type: circle;
}

li,
dt,
dd {
	margin: 0.4em 10px;
}

dt {
	margin-top: 0.6em;
}

dd {
	margin-left: 20px;
	margin-bottom: 0.6em;
}

/*======================================

	3-3.画像（基本指定）

=======================================*/

img {
	vertical-align: bottom;
}
A img {
	border: none;
}


#pageNavi {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}
#pageNavi Ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
#pageNavi Li {
	margin: 0;
	padding: 0;
	display: inline;
}
#pageNavi Li.next {
	padding-left: 22px;
	background-image: url(../images/navi_next.jpg);
	background-repeat: no-repeat;
}
#pageContents {
	font-size: 14px;
}
#pageContents H3 {
	font-size: 18px;
	font-weight: bold;
	background-image: url(../images/page_h3.jpg);
	background-repeat: no-repeat;
	padding: 17px 15px;
}
#pageContents H4 {
	font-size: 14px;
	font-weight: bold;
	background-image: url(../images/page_h4.jpg);
	background-repeat: no-repeat;
	padding: 10px 26px 13px;
	color: #FFF;
}
#pageContents H4.nom {
	font-size: 14px;
	font-weight: bold;
	background-image: url(../images/page_h4_n.jpg);
	background-repeat: no-repeat;
	padding: 10px 13px 13px;
	color: #FFF;
}

#pageContents H5 {
	font-size: 14px;
	font-weight: bold;
	padding: 5px 10px;
	border-bottom: 2px solid #B1C4C7;
	margin: 10px 20px;
}

#pageContents H5.keikaku {
	font-size: 15px;
	color: #3A4F52;
	padding: 6px 7px;
	margin: 20px 10px;
}

#pageContents .contents {
	padding: 10px;
}
#pageContents .contents p {
	padding: 5px 20px;
	line-height: 1.6em;
}

#pageContents .contents ul {
	padding: 0 10px 0 40px; 
	margin: 0;
	line-height: 1.6em;
	list-style-type: none;
	list-style-image: url(../images/contents_list_style_image.gif);
}
#pageContents .contents ul.big {
	line-height: 1.9em;
	margin: 10px 0 10px 10px;
}
#pageContents .contents ul.gaiyo {
	line-height: 1.8em;
	margin: 20px 0 20px 0;
}
#pageContents .contents ul.gaiyo li {
	margin: 5px 0;
}
#pageContents .contents table ul {
	padding: 0 0 0 20px;
}

#pageContents .contents li {
	padding: 0;
	margin: 0;
}
#pageContents .toLink {
	background-image: url(../images/tolink.jpg);
	background-repeat: no-repeat;
	margin: 20px 20px;
	padding: 3px 30px;
	font-weight: bold;
}
#pageContents .toLink2 {
	background-image: url(../images/tolink2.jpg);
	background-repeat: no-repeat;
	margin: 20px 20px;
	padding: 3px 30px;
	font-weight: bold;
}
#pageContents .kuwashiku {
	background-image: url(../images/kuwashiku.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	font-size: 90%;
	font-weight: bold;
}

#pageContents Table {
	border-collapse: collapse;
	border: 2px solid #004000;
	font-size: 90%;
	width: 100%;
}
#pageContents Table TH, #pageContents Table TD {
	border: 2px solid #004000;
}
#pageContents Table TH {
	padding: 5px;
	background-color: #C5D3D6;
	text-align: center;
	width: 80px;
}
#pageContents Table TD {
	padding: 10px;
}
#pageContents Table TH.a {
	color: #FFF;
	width: 43%;
	background-color: #7C9DA2;
}
#pageContents Table TH.b {
	color: #FFF;
	width: 43%;
	background-color: #557579;
}
#pageContents Table TD.b {
	background-color: #F3F8F8;
}
#pageContents Table TD.t {
	background-color: #C5D3D6;
	text-align: center;
	font-weight: bold;
	color: #334548;
}
.shienTable {
	margin: 10px 0 20px 20px;
}
#pageContents Table.hosyu1, #pageContents Table.hosyu2, #pageContents Table.hosyu3, #pageContents Table.hosyu4 {
	font-size: 85%;
	margin: 20px 0;
}
#pageContents Table.hosyu3 {
	width: 50%;
}
#pageContents Table.hosyu4 {
	width: 65%;
}

#pageContents Table.hosyu1 TH, #pageContents Table.hosyu1 TD {
	width: 16%;
}
#pageContents Table.hosyu2 TH, #pageContents Table.hosyu2 TD {
	width: 20%;
}
#pageContents Table.hosyu3 TH, #pageContents Table.hosyu3 TD {
	width: 50%;
}
#pageContents Table.hosyu1 TD, #pageContents Table.hosyu2 TD, #pageContents Table.hosyu3 TD, #pageContents Table.hosyu4 TD {
	text-align: right;
	padding: 8px;
}
#pageContents Table.hosyu1 TD.ht, #pageContents Table.hosyu2 TD.ht, #pageContents Table.hosyu3 TD.ht, #pageContents Table.hosyu4 TD.ht {
	text-align: left;
	background-color: #F3F8F8;
}
#pageContents Table.hosyu1 TD.hc, #pageContents Table.hosyu2 TD.hc, #pageContents Table.hosyu3 TD.hc, #pageContents Table.hosyu4 TD.hc {
	text-align: center;
}
#pageContents Table.hosyu1 TD.hr, #pageContents Table.hosyu2 TD.hr, #pageContents Table.hosyu3 TD.hr, #pageContents Table.hosyu4 TD.hr{
	text-align: right;
}
#pageContents Table.hosyu1 TD.hl, #pageContents Table.hosyu2 TD.hl, #pageContents Table.hosyu3 TD.hl, #pageContents Table.hosyu4 TD.hl{
	text-align: left;
}
#pageContents .hosyuText {
	font-size: 90%;
	margin: 10px 0 20px 10px;
}

#pageContents Table.gaiyo {
	margin: 30px 20px;
	width: 95%;
}
#pageContents Table.gaiyo TD.gt {
	background-color: #F3F8F8;
	width: 120px;
}
#pageContents Table.secondopinion {
	margin: 20px 0px;
}
#pageContents Table.secondopinion TD.st {
	background-color: #F3F8F8;
	width: 80px;
}

.blockStyle {
	margin: 5px 20px 20px;
	padding: 10px;
	line-height: 1.6em;
	background-color: #F1F5F5;
	background-image: url(../images/block_back.gif);
}
.blockTitle {
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #006060;
	margin: 0 20px 10px;
}
.blockStyleB {
	margin: 5px 10px 20px;
	padding: 20px;
	line-height: 1.6em;
	background-color: #F1F5F5;
	background-image: url(../images/block_back.gif);
	font-size: 105%;
	border: 1px solid #A8BFBF;
}
.blockStyleS {
	margin: 5px 20px 30px;
	padding: 10px;
	line-height: 1.6em;
	font-size: 90%;
	border: 1px solid #A8BFBF;
}

.centerStyle {
	text-align: center;
}
.padStyle {
	padding: 10px 0 10px 20px;
}
.marginStyle {
	margin: 40px 20px;
}
.marginStyleS {
	margin: 20px 0;
}
.smallStyle {
	margin: 0 20px;
	font-size: 90%;
}

#sozokuSchedule {
	background-image: url(../images/sozoku_schedule_back.jpg);
	background-repeat: no-repeat;
	margin-left: 20px;
	font-size: 90%;
}
#pageContents .contents #sozokuSchedule UL {
	margin: 10px 10px 10px 40px;
}


form {
	margin:  0;
	padding: 0;
	width: 100%;
}

form dl,
form p {
	margin: 0;
}

input,
textarea,
select {
	margin: 0;
	padding: 2px 3px;
	border: 1px solid #666;
	background-color: #fafafa;
}

textarea {
	padding: 2px 3px;
}

input.inputField {
	color: #c4a38c;
}

input.submit {
	background-color: #666;
	border: 2px solid #ddd;
	color: #fff;
	text-align: center;
	padding: 3px 10px;
	font-weight: bold;
}
input.before {
	background-color: #666;
}
input.confirm {
	background-color: #333;
}

input.submit:hover {
	background-color: #666;
}

input.radio {
	background-color: transparent;
	background-image: none;
	border: none;
}
input.checkbox {
	background-color: transparent;
	background-image: none;
	border: none;
}
.submitGroup {
	text-align: center;
}
.mopiAnounce {
	margin: 10px;
}

form table {
}
form img {
}
form td {
	text-align: left;
	padding-bottom: 10px;
}
form th {

}

form td span {
	font-size: 12px;
}

form .withBefore {
	text-align: left;
	margin-top: 0;
}

form#mainForm {
	padding: 10px 0;
}
* html form#mainForm {
	width: 92%;
}

form#mainForm dl,
form#mainForm p {
	margin: 0;
}

form#mainForm fieldset {
}

form#mainForm legend {
}

form#mainForm input,
form#mainForm textarea,
form#mainForm select {
	margin: 0 3px;
}

form#mainForm input:hover,
form#mainForm textarea:hover {
}

form#mainForm input:focus,
form#mainForm textarea:focus {
}

form#mainForm textarea {
}

form#mainForm input.inputField {
}

form#mainForm input.submit {
}
form#mainForm input.submit_confirm {
}

form#mainForm input.submit:hover {
}

form#mainForm input.radio {
}

form#mainForm table {
	margin: 0;
	border: none;
	background-color: transparent;
	width: 100%;
	border-collapse: separate;
}
form#mainForm img {
}
form#mainForm td {
	text-align :left;
	border: none;
	background-color: transparent;
}
form#mainForm td.t {
	width: 135px;
	border-left: 10px solid #E39E43;
	padding: 0 6px;
	font-weight: normal;
	background-color: #F8F8F8;
	text-align: left;
}

form#mainForm th {
	border-right: 0px solid white;
	border: transparent;
	background-color: transparent;
}

form#mainForm td span {
	font-size: 12px;
}

form#mainForm .withBefore {
	text-align: left;
	margin-top: 3px;
}
form#mainForm .withBefore span{
	margin-right:20px;
}
form#mainForm dl {
	margin: 0 0 0 10px;
}
form#mainForm dt {
	border-left: 10px solid #333;
	padding: 0 0 0 8px;
	font-weight: bold;
	background-color: #e7e7e7;
}
.imeOff {
	ime-mode: disabled;
}
.toiawaseTel {
	color: #993300;
	font-size: 18px;
	font-weight: bold;
}
#accessMap {
	text-align: center;
	margin: 10px;
}