@charset "utf-8";
/*********************/


/***** ご利用の流れ **************************************************************/
ul#flowExa li {
	padding-left: 27px;
	font-size: 1.3em;
	font-weight: bold;
	float: left;
}

/***** ID *****/
div#flowFrame {
	background: url(../images/use/flow.gif) right top no-repeat;
}


div#useItem {
	width: 420px;
	/*float: left;*/
}


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


li#flowExa1 {
	margin-right: 25px;
	color: #052a79;
	background: url(../images/use/flow_exa_01.gif) 0 0.2em no-repeat;
}


li#flowExa2 {
	color: #d66b30;
	background: url(../images/use/flow_exa_02.gif) 0 0.2em no-repeat;
}


span#flowNo1 {
	background: url(../images/use/flow_no_01.gif) 0 0.3em no-repeat;
}


span#flowNo2 {
	background: url(../images/use/flow_no_02.gif) 0 0.3em no-repeat;
}


span#flowNo3 {
	background: url(../images/use/flow_no_03.gif) 0 0.3em no-repeat;
}


span#flowNo4 {
	background: url(../images/use/flow_no_04.gif) 0 0.3em no-repeat;
}


span#flowNo5 {
	padding-left: 10px;
	background: url(../images/use/flow_no_05.gif) 0 0.3em no-repeat;
}


span#flowNo6 {
	background: url(../images/use/flow_no_06.gif) 0 0.3em no-repeat;
}


span#flowNo7 {
	background: url(../images/use/flow_no_07.gif) 0 0.3em no-repeat;
}


span#flowNo8 {
	background: url(../images/use/flow_no_08.gif) 0 0.3em no-repeat;
}


span#flowNo9 {
	background: url(../images/use/flow_no_09.gif) 0 0.3em no-repeat;
}


span#flowNo10 {
	background: url(../images/use/flow_no_10.gif) 0 0.3em no-repeat;
}







/***** CLASS *****/
div.flowFrameBack {
	margin-bottom: 7px;
	padding-bottom: 27px;
	background: url(../images/use/flow_back.gif) 0 100% no-repeat;
}


div.flowFrame1 {
	padding-top: 10px;
	background: url(../images/use/flow_frame1_01.gif) 0 0 no-repeat;
}


div.flowFrame1Bottom {
	padding: 0 10px 10px;
	background: url(../images/use/flow_frame1_02.gif) 0 100% no-repeat;
}


div.flowFrame2 {
	padding-top: 10px;
	background: url(../images/use/flow_frame2_01.gif) 0 0 no-repeat;
}


div.flowFrame2Bottom {
	padding: 0 10px 10px;
	background: url(../images/use/flow_frame2_02.gif) 0 100% no-repeat;
}


p.flowP {
	font-size: 1.3em;
}


p.flowP span {
	padding-left: 15px;
	font-weight: bold;
}


p.useFigure {
    width: 200px;
	float: right;
}




/***** ご利用規約 **************************************************************/
ul.ruleList1 li, ul.ruleList2 li {
	margin-top: 0.3em;
	padding-left: 13px;
	font-size: 1.4em;
	background: url(../images/icon1.gif) 0 0.4em no-repeat;
}


ul.ruleList2 li strong {
	font-weight: bold;
}


dl.ruleDl1 dt {
	width: 2em;
	font-size: 1.2em;
	color: #cc0000;
	float: left;
	clear: left;
}


dl.ruleDl1 dd {
	margin-bottom: 0.4em;
	padding: 0 0 0 2em;
	font-size: 1.2em;
}


table.ruleTable th {
	padding: 7px 5px;
	font-size: 1.2em;
	text-align: center;
	color: #ffffff;
	border: #dddddd 1px solid;
	background: url(../images/table_back.gif) 0 0 no-repeat #0097e0;
}


table.ruleTable td.ruleTdCaption span {
	font-size: 0.7em;
}


table.ruleTable td em {
	margin-left: 0.5em;
	color: #cc0000;
}



/***** CLASS *****/
h4.ruleTitle {
	margin: 1.5em 0 0.2em;
	font-size: 1.4em;
	font-weight: bold;
	color: #06C;
}


h4.ruleCaption {
	margin: 0.8em 0 0.2em;
	font-size: 1.3em;
	font-weight: bold;
}


ul.ruleList1 {
	margin-top: 1em;
}


dl.ruleDl1 {
	margin-top: 0.2em;
}


table.ruleTable {
	width: 100%;
	border: #dddddd 1px solid;
}


table.ruleTable2 {
	margin-top: 1em;
}


tr.ruleTr {
	background: url(../images/table_back2.gif) 0 0 no-repeat #f5fafc;	
}


th.ruleTableTh {
	text-align: center;
}


td.ruleTdCaption {
	padding: 7px 5px;
	font-size: 1.1em;
	border: #dddddd 1px solid;
	background: url(../images/table_back2.gif) 0 0 no-repeat #f0f0f0;
}


td.ruleTd {
	padding: 7px;
	font-size: 1.1em;
	border: #dddddd 1px solid;
}


td.ruleTd2 {
	padding: 5px;
	font-size: 1.1em;
	text-align: center;
	border: #dddddd 1px solid;
}


td.ruleTd3 {
	text-align: center;
}


p.ruleP {
	margin-bottom: 0.5em;
	font-size: 1.4em;
}


p.ruleNoteP {
	margin-top: 0.2em;
	font-size: 1.2em;
}





/***** 各種提出書類 ****************************************************************************/
h4.docTitleTop span, h4.docTitle span {
	padding: 0.1em 0.4em;
	font-size: 0.8em;
	color: #ffffff;
	background-color: #06c;
}


ul.docList1 li {
	margin: 0.3em 0;
	font-size: 1.4em;
}


ul.docList1 li em {
	padding: 0.1em 0.4em;
	font-size: 0.8em;
	font-weight: bold;
	color: #ffffff;
	background-color: #06c;
}


dl.docDl1 dt {
	width: 9em;
	padding-left: 13px;
	font-size: 1.3em;
	font-weight: bold;
	float: left;
	clear: left;
	background: url(../images/icon1.gif) 0 0.4em no-repeat;
}


dl.docDl1 dd {
	padding: 0 0 10px 9em;
	font-size: 1.3em;
	font-weight: bold;
	background: url(../images/drawn_line.gif) 0 100% no-repeat;
}


/***** CLASS *****/
h4.docTitleTop {
	margin: 1.5em 0 0.2em;
	font-size: 1.4em;
	font-weight: bold;
	color: #06C;
}


h4.docTitle {
	margin: 0 0 0.5em;
	font-size: 1.4em;
	font-weight: bold;
	color: #06C;
}


div.docItem {
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	background: url(../images/dashed_line.gif) 0 100% repeat-x;
}


ul.docList1 {
	margin-bottom: 1em;
}


dl.docDl1 {
	margin-bottom: 1em;
	padding-top: 10px;
	background: url(../images/drawn_line.gif) 0 0 repeat-x;
}


p.docDownload {
	margin-top: 0.3em;
	font-size: 1.3em;
}


p.docUrl {
	margin-top: 0.3em;
	padding-left: 10px;
	font-size: 1.3em;
	background: url(../images/icon2.gif) 0 0.4em no-repeat;
}


p.docNote {
	font-size: 1.3em;
}




/***** ご利用上の注意事項 *********************************************************************/
ul.noticeList1 li {
	margin-top: 0.5em;
	font-size: 1.4em;
}


ul.noticeList2 li {
	margin-top: 0.5em;
	padding-left: 13px;
	font-size: 1.4em;
	background: url(../images/icon1.gif) 0 0.4em no-repeat;
}


ul.noticeTableList1 li {
	margin: 0.4em 0;
}


ul.noticeTableList2 li {
	margin: 0.2em 0;
}


dl.noticeDl1 dt {
	margin-bottom: 0.4em;
	padding-bottom: 2px;
	font-size: 1.4em;
	font-weight: bold;
	background: url(../images/dashed_line.gif) 0 100% repeat-x;
}


dl.noticeDl1 dd {
	font-size: 1.4em;
}


dl.noticeTableDl dd {
	margin-left: 1em;
	font-size: 0.9em;
}


table.noticeTable th {
	padding: 7px 5px;
	font-size: 1.2em;
	text-align: center;
	color: #ffffff;
	border: #dddddd 1px solid;
	background: url(../images/table_back.gif) 0 0 no-repeat #0097e0;
}


p.noticeInfoP span {
	font-weight: bold;
}


/***** CLASS *****/
h4.noticeTitle {
	margin: 1.5em 0 0.2em;
	font-size: 1.4em;
	font-weight: bold;
	color: #06C;
}


h4.noticeCaption {
	margin: 0.7em 0 0.2em;
	font-size: 1.4em;
	font-weight: bold;
}


dl.noticeDl1 {
	margin-top: 1.5em;
}


table.noticeTable {
	width: 100%;
	border: #dddddd 1px solid;
}


tr.noticeTr {
	background: url(../images/table_back2.gif) 0 0 no-repeat #f5fafc;	
}


td.noticeTdCaption {
	padding: 7px 5px;
	font-size: 1.2em;
	border: #dddddd 1px solid;
	background: url(../images/table_back2.gif) 0 0 no-repeat #f0f0f0;
}


td.noticeTd {
	padding: 7px;
	font-size: 1.2em;
	border: #dddddd 1px solid;
}


th.noticeThWidth {
	width: 18%;
}


p.noticeInfoP {
	margin-left: 1.1em;
	padding-left: 10px;
	font-size: 0.9em;
	color: #339;
	background: url(../images/icon2.gif) 0 0.4em no-repeat;
}


p.noticeP {
	margin-top: 1em;
	font-size: 1.4em;
}


p.noticeNote {
	margin: 0.2em 0 0 1em;
	font-size: 1.2em;
	text-indent: -1em;
}


p.noticeTableNote {
	margin-left: 1em;
	text-indent: -1em;
}




/***** 施設利用料金一覧 ************************************************************************/
ul.chargeList1 li {
	margin-bottom: 0.4em;
	padding-left: 13px;
	font-size: 1.4em;
	background: url(../images/icon1.gif) 0 0.4em no-repeat;
}


ul.chargeList1 li ul.chargeList2 li {
	margin-bottom: 0.2em;
	padding-left: 10px;
	font-size: 0.9em;
	background: url(../images/icon2.gif) 0 0.4em no-repeat;
}


ul.chargeList3 li {
	margin: 0.5em 0 0 1em;
	font-size: 1.3em;
	text-indent: -1em;
}


table.chargeTable th {
	padding: 5px;
	font-size: 1.1em;
	text-align: center;
	color: #ffffff;
	border: #dddddd 1px solid;
	background: url(../images/table_back.gif) 0 0 no-repeat #0097e0;
}

/***** CLASS *****/
ul.chargeList3 {
	margin-top: 1em;
}


table.chargeTable {
	width: 100%;
	border: #dddddd 1px solid;
}


tr.chargeTr {
	background: url(../images/table_back2.gif) 0 0 no-repeat #f5fafc;	
}


td.chargeTdDay {
	padding: 3px;
	font-size: 1em;
	text-align: center;
	border: #dddddd 1px solid;
	background: url(../images/table_back2.gif) 0 0 no-repeat #ffffd8;	
}


td.chargeTdDay2 {
	padding: 3px;
	font-size: 1em;
	text-align: center;
	border: #dddddd 1px solid;
	background: url(../images/table_back2.gif) 0 0 no-repeat #ffe0f5;	
}


td.chargeTdCaption1 {
	padding: 3px;
	font-size: 1em;
	text-align: center;
	border: #dddddd 1px solid;
	background: url(../images/table_back2.gif) 0 0 no-repeat #89ccec;
}


td.chargeTdCaption2 {
	padding: 3px;
	font-size: 1em;
	text-align: center;
	border: #dddddd 1px solid;
	background: url(../images/table_back2.gif) 0 0 no-repeat #cee7f4;
}


td.chargeTdCaption3 {
	padding: 3px;
	font-size: 1em;
	text-align: center;
	border: #dddddd 1px solid;
	background: url(../images/table_back2.gif) 0 0 no-repeat #f0f0f0;
}


td.chargeTd {
	padding: 3px;
	font-size: 1em;
	text-align: center;
	border: #dddddd 1px solid;
}


td.chargeTdWidth {
	width: 7%;
}


p.chargeTableCaption {
	marign-bottom: 0.2em;
	font-size: 1.2em;
}




/***** 施設利用にかかる料金 ***************************************************************/
ul.charge2List1 li {
	margin: 0.3em 0;
	padding-left: 13px;
	font-size: 1.4em;
	background: url(../images/icon1.gif) 0 0.4em no-repeat;
}


ul.charge2List2 li {
	margin: 0.3em 0;
	padding-left: 13px;
	background: url(../images/icon1.gif) 0 0.4em no-repeat;
}


table.charge2Table th {
	padding: 10px;
	font-size: 1.3em;
	font-weight: bold;
	border: #dddddd 1px solid;
	background: url(../images/table_back2.gif) 0 0 no-repeat #f0f0f0;
}


table.charge2Table2 th {
	padding: 5px;
	font-size: 1.3em;
	text-align: center;
	border: #dddddd 1px solid;
	background: url(../images/table_back2.gif) 0 0 no-repeat #f0f0f0;
}


table.charge2Table th span {
	font-weight: normal;
}


table.charge2Table td {
	padding: 10px;
	font-size: 1.3em;
	border: #dddddd 1px solid;
}


table.charge2Table2 td {
	padding: 5px;
	font-size: 1.3em;
	text-align: center;
	border: #dddddd 1px solid;
}


table.charge2Table2 td span {
	font-size: 0.8em;
}


/***** CLASS *****/
h4.charge2TitleTop {
	margin-bottom: 0.2em;
	font-size: 1.4em;
	font-weight: bold;
	color: #06C;
}


h4.charge2Title {
	margin: 1.5em 0 0.2em;
	font-size: 1.4em;
	font-weight: bold;
	color: #06C;
}


div.chargeTitleFrame {
	width: 100%;
	height: 35px;
	margin-bottom: 2em;
	position: relative;
}


table.charge2Table {
	width: 100%;
	border: #dddddd 1px solid;
}


table.charge2Table2 {
	width: 40%;
	margin-left: 15px;
	border: #dddddd 1px solid;
	float: right;
}


th.charge2TableTh {
	text-align: center;
}


p.chargeDetailBtn {
	position: absolute;
	right: 7px;
	top: 7px;
}


p.charge2Note {
	margin-top: 0.5em;
	font-size: 1.2em;
}


p.charge2Exa {
	font-size: 0.9em;
	color: #339;
}





/***** 必要と思われる経費 ***************************************************************/
ul.necessList1 li {
	margin: 0.2em 0;
	padding-left: 10px;
	background: url(../images/icon2.gif) 0 0.4em no-repeat;
}


table.necessTable th {
	padding: 10px 5px;
	font-size: 1.3em;
	color: #ffffff;
	border: #dddddd 1px solid;
	background: url(../images/table_back.gif) 0 0 no-repeat #0097e0;
}


table.necessTable2 th {
	padding: 10px;
	font-size: 1.3em;
	border: #dddddd 1px solid;
	background: url(../images/table_back2.gif) 0 0 no-repeat #f0f0f0;
}


table.necessTable td, table.necessTable2 td {
	padding: 7px 10px;
	font-size: 1.3em;
	border: #dddddd 1px solid;
}


/***** CLASS *****/
table.necessTable, table.necessTable2 {
	width: 100%;
	margin-top: 1em;
	border: #dddddd 1px solid;
}


tr.necessTr {
	background: url(../images/table_back2.gif) 0 0 no-repeat #f5fafc;	
}


th.necessTableTh {
	width: 50%;
	text-align: center;
}


td.necessTd {
	vertical-align: top;
}






/***** ダウンロード *******************************************************************/
p#downloadBtn a:link, p#downloadBtn a:visited {
	width: 300px;
	height: 50px;
	display: block;
	background: url(../images/use/download_btn.jpg) 0 0 no-repeat;
}


p#downloadBtn a:hover, p#downloadBtn a:active {
	width: 300px;
	height: 50px;
	display: block;
	background: url(../images/use/download_btn.jpg) -300px 0 no-repeat;
}


ul.downList1 li {
	margin-top: 0.5em;
	font-size: 1.3em;
}


dl.downDl1 dd {
	font-size: 1.1em;
}


dl.downDl2 dt {
	width: 9em;
	padding-left: 13px;
	font-size: 1.3em;
	font-weight: bold;
	float: left;
	clear: left;
	background: url(../images/icon1.gif) 0 0.4em no-repeat;
}


dl.downDl2 dd {
	padding: 0 0 10px 9em;
	font-size: 1.3em;
	font-weight: bold;
	background: url(../images/drawn_line.gif) 0 100% no-repeat;
}


ul.downList2 li {
	width: 150px;
	margin-top: 10px;
	float: left;
}


ul.downListLeft li, ul.downListRight li {
	margin-top: 0.5em;
	padding-left: 13px;
	font-size: 1.3em;
	background: url(../images/icon1.gif) 0 0.4em no-repeat;
}


/***** ID *****/
div#downloadBtnFrame {
	text-align: center;
}


p#downloadBtn {
	width: 300px;
	height: 50px;
	margin: 25px auto 0;
	text-indent: -9999px;
	overflow: hidden;
	clear: both;
}


/***** CLASS *****/
h4.downTitleTop {
	margin-bottom: -1em;
	font-size: 1.4em;
	font-weight: bold;
	color: #06C;
	clear: both;
}


h4.downTitle {
	margin: 2.5em 0 -1em;
	font-size: 1.4em;
	font-weight: bold;
	color: #06C;
	clear: both;
}


div.downListFrame {
	margin-top: 1em;
}


ul.downListLeft {
	width: 45%;
	margin-right: 15px;
	float: left;
}


ul.downListRight {
	width: 45%;
	float: left;
}


ul.downList2 {
	margin: 0 50px;
	clear: both;
}


li.downAnchorLi {
	margin-right: 10px;
}


li.downList2Li {
	margin-right: 40px;
}


dl.downDl2 {
	margin-top: 1em;
	padding-top: 10px;
	background: url(../images/drawn_line.gif) 0 0 repeat-x;
}


dd.downDl1Dd {
	text-align: center;
}



/***** ダウンロードフォーム ***********************************************************************/
ul#contactSubmit li {
	margin: 0 20px;
	display: inline;
}


dl.contactSec dt {
	font-size: 1.4em;
	font-weight: bold;
}


dl.contactSec dd {
	padding-bottom: 8px;
	font-size: 1.3em;
	background: url(../images/dashed_line.gif) 0 100% repeat-x;
}


table.contactTable th {
	width: 10.5em;
	padding: 10px;
	font-size: 1.3em;
	background-color: #eeeeee;
	border-top: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
}


table.contactTable th span {
	margin-left: 0.3em;
	font-size: 0.8em;
	color: #ff0000;
}


table.contactTable td {
	padding: 10px;
	font-size: 1.3em;
	border-top: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
	border-left: #cccccc 1px dotted;
}


table.contactTable th.contactTableThTop, table.contactTable td.contactTableTdTop {
	border-top: none;
}


table.contactTable th.contactTableThBottom, table.contactTable td.contactTableTdBottom {
	border-bottom: none;
}




/***** ID *****/
ul#contactSubmit {
	margin-top: 2em;
	text-align: center;
}




/***** CLASS *****/
div.contactTableFrame {
	padding-top: 3px;
	background: url(../images/drawn_line.gif) 0 0 repeat-x;
}


div.contactTableFrameBottom {
	padding-bottom: 3px;
	background: url(../images/drawn_line.gif) 0 100% repeat-x;
}


table.contactTable {
	width: 100%;
}


dl.contactSec {
	margin-top: 4em;
	padding-top: 8px;
	background: url(../images/dashed_line.gif) 0 0 repeat-x;
}


p.contactNote {
	margin-top: 2em;
	font-size: 1.1em;
	color: #ff0000;
}


span.contactExa {
	margin-left: 1em;
	font-size: 0.8em;
}


.inputWidth {
	width: 270px;
}


.textareaWidth {
	width: 350px;
	height: 120px;
}