@charset "UTF-8";
/*******全要素初期化*******/
*{ margin: 0; padding: 0; }

/*******全体*******/
body {
    background-color: #FEFFEF;
    font-family: "ＭＳ Ｐゴシック", "細明朝体";
    background-image:url("../images/back.gif");
}

a:link {
}

a:visited {
}

a:hover {
}

h1
{
    font-size:small;
    text-align:left;
    color:#FFFFFF;/*#316AC5*/
    padding:0px 0px 0px 0px;
}
h2
{
    margin:4px 4px 0px 0px;
    padding:0px;
    /*
    border:1px solid #FF5400;
    background-color:#FFBB99;
    border-left:4px solid #FF5400;
    */
    height:26px;
}
h3
{
    margin:6px 10px 0px 6px;
    color:#CF480C;
    font-size:85%;
    padding:3px 6px;
    border-left:3px solid #FF5400;
    border-bottom:1px solid #DDDDD4;
    /*
    border:1px solid #FF5400;
    */
}
th
{
    text-align:left;
}
td
{
    text-align:left;
}
p
{
    line-height:120%;
    font-size:90%;
}
img
{
    border:none;
}

div#body
{
    width:807px;
    margin:0px auto;
    padding:0px;
    border-left:1px solid #DDDDDD;
    background-image:url("../images/body_back.gif");
}

div#content
{
    float:right;
    width:565px;
    margin:0px 5px 6px 0px;
    padding:11px 6px 6px;
    /*border:1px solid #AAAAAA;*/
}

/*******ヘッダー*******/
div#header
{
    margin:0px 7px 0px 0px;
    height:46px;
    background-image:url("../images/header.gif");
    background-repeat:no-repeat;
}
div#header img.toplink
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 6px;
}

/*******ナビ*******/
div#navi_menu
{
    margin:0px 7px 0px 0px;
    width:800px;
}
div#navi_menu ul 
{
    width:800px;
}
div#navi_menu ul li
{
    width:160px;
    text-align:center;
    float:left;
    list-style:none;
    height:28px;
}
div#navi_menu ul li img
{
    display:block;
}
div#navi_menu ul li a
{
    color:#aaaaaa;
    display:block;
    width:100%;
    height:28px;
}

/*******サイドメニュー*******/
div#sidemenu
{
    float:left;
    width:220px;
    margin:6px auto;
    padding:0px;
    /*border:1px solid #3366EE;*/
}
div#sidemenu ul
{
    margin:0px auto 26px;
    width:197px;
    background-color:#F1F1F1;
}
div#sidemenu ul li
{
    list-style:none;
    height:39px;
    margin:6px auto 6px;
    padding:0px;
    font-weight:bolder;
    /*border:1px solid #3366EE;*/
}
div#sidemenu ul li.floor
{
    height:17px;
    margin:0px 0px 0px 20px;
    padding:0px;
    font-weight:normal;
    font-size:80%;
    /*border:1px solid #3366EE;*/
}
div#sidemenu ul li img
{
    border:none;
}
div#sidemenu p.infomation
{
    margin:26px auto;
    padding:6px 0px 6px 10px;
    font-size:85%;
    /*border:1px solid #3366EE;*/
}
div#sidemenu div.banner
{
    text-align:center;
    margin:12px 8px;
}
div#sidemenu div.banner_demo
{
    height:40px;
    width:152px;
    margin:12px 26px;
    padding:6px;
    font-size:85%;
    background-color:#EEEEE4;
    border:1px solid #CCCCCC;
}

/*******フッター*******/
div#footer
{
    margin:0px 7px 0px 0px;
    padding:1px;
    background-color:#FF8C00;
    text-align:center;
}
div#footer p
{
    color:#FFFFFF;
    font-size:83%;
}

/*******TOPメイン画像*******/
div.main_frame
{
    margin:0px 7px 0px 0px;
    padding:0px;
    border-bottom:1px solid #DDDDDD;
}

/*******TOPお知らせ*******/
div.news
{
    margin:0px 0px 6px;
    padding:6px;
}
/*******TOP施設紹介*******/
div.institution
{
    margin:16px 6px 16px 0px;
    padding:0px 0px 16px 0px;
    /*border:1px solid #AAAAAA;*/
}
div.institution div.img
{
    width:200px;
    float:left;
}
div.institution dl
{
    width:350px;
    float:right;
    /*background-color:#FFF5F5;*/
}
div.institution dl dt
{
    font-size:100%;
    line-height:135%;
    font-weight:bolder;
    margin:4px 2px;
}
div.institution dl dd
{
    margin:4px 4px;
    background-image:url("../images/oba.jpg");
    background-repeat:no-repeat;
    background-position:120px 160px;
    padding:0px 0px 128px;
}
div.institution dl dd p
{
    font-size:90%;
    padding:6px 0px;
    line-height:130%;
}


/*******交通のご案内*******/
div.access
{
    padding:0px 8px 0px;
}
div.access p
{
    padding:8px 0px 8px 0px;
    font-size:90%;
    line-height:130%;
}

/*******施設概要*******/
div.institution_img
{
    margin:8px 6px 12px;
}
div.institution_img table
{
    width:550px;
}
div.institution_img table tr td
{
    vertical-align:top;
}
div.institution_img table tr td.menu
{
    width:176px;
    /*border:1px solid #AAAAAA;*/
    text-align:center;
    vertical-align:top;
}
div.institution_img table tr td.menu img
{
    padding:3px 0px;
}
div.institution_img img.appearance
{
    float:left;
    border:1px dotted red;
}
div.institution_img table tr td.submenu a
{
    display:block;
    margin-bottom:12px;
    padding:0px;
}
div.institution_img table tr td.submenu img
{
    padding:0px;
    margin:0px;
}
div.institution_img table tr td p
{
    padding:0px 0px 8px 0px;
    font-size:95%;
    line-height:130%;
}

div.outline
{
    margin:0px 0px 6px;
    padding:0px;
}
div.outline table
{
    width:558px;
    font-size:80%;
    margin:10px 0px;
    padding:0px;
}
div.outline table tr td
{
    width:454px;
    line-height:120%;
    padding:3px 0px;
    word-break:break-all;
    word-wrap:break-word;
    white-space:normal;
    border-bottom:1px dotted #AAAAAA;
}
div.outline table tr td.head
{
    width:100px;
    vertical-align:top;
    padding-left:23px;
    text-indent:-17px;
}
div.outline table.etc
{
    width:558px;
    font-size:80%;
    margin:10px 0px;
    padding:0px;
}
div.outline table.etc tr td
{
    width:454px;
    line-height:120%;
    padding:3px 0px;
    word-break:break-all;
    word-wrap:break-word;
    white-space:normal;
    border-bottom:1px dotted #AAAAAA;
}
div.outline table.etc tr th
{
    width:558px;
    background-color:#FCE8CC;
    color:#333333;
    font-size:110%;
    border-left:3px solid #FF8C00;
    padding:3px 6px;
}
div.outline table.etc tr td.head
{
    width:100px;
    vertical-align:top;
    padding-left:23px;
    text-indent:-17px;
}
div.define
{
    margin:0px 0px 6px;
    padding:6px;
}

/*******施設概要*******/
div.policy div.policy_info
{
    padding:0px 0px 0px 0px;
    float:right;
    width:340px;
}
div.policy div.policy_info p
{
    font-size:90%;
    line-height:125%;
    padding:0px 0px 8px 0px;
    width:340px;
}
div.policy img
{
    float:left;
}

/*******館内のご案内*******/
div.guidance_info
{
    padding:0px 8px 0px;
}
div.guidance_info p
{
    padding:0px 0px 8px 0px;
    font-size:95%;
    line-height:130%;
}
div.guidance_info1
{
    background-image:url("../images/hanasaka.jpg");
    background-repeat:no-repeat;
    background-position:330px 162px;
    padding:0px 8px 76px;
}
div.guidance_info1 p
{
    padding:0px 0px 8px 0px;
    font-size:95%;
    line-height:130%;
}
div.guidance_info2
{
    background-image:url("../images/kintaro02.jpg");
    background-repeat:no-repeat;
    background-position:340px 130px;
    padding:8px 8px 8px;
}
div.guidance_info2 p
{
    padding:0px 0px 8px 0px;
    font-size:95%;
    line-height:130%;
}
div.guidance_info3
{
    background-image:url("../images/momotaro02.jpg");
    background-repeat:no-repeat;
    background-position:340px 40px;
    padding:8px 8px 48px;
}
div.guidance_info3 p
{
    padding:0px 0px 8px 0px;
    font-size:95%;
    line-height:130%;
}
table.room
{
    width:550px;
    margin:16px 6px;
}
table.room tr td
{
    width:275px;
    vertical-align:top;
    padding-left:4px;
    padding-right:4px;
}
table.room tr td.info
{
    vertical-align:top;
    font-size:95%;
}
table.room tr td.img
{
    text-align:center;
    border-bottom:1px dotted #CCCCCC;
    padding:6px 4px;
}
table.room tr td.img2
{
    width:550px;
    text-align:center;
    border-bottom:1px dotted #CCCCCC;
    padding:6px 4px;
}
table.room tr td.no_b_img
{
    text-align:center;
    border-bottom:none;
    padding:6px 4px;
}
p.flnavi
{
    font-size:80%;
    padding:2px 0px 0px;
    text-align:center;
}

/*******ショートステイ*******/
div.shortstay
{
    padding:8px 8px;
}
div.shortstay p
{
    padding:0px 0px 12px 0px;
    font-size:95%;
    line-height:130%;
}

/*******お願い*******/
div.request
{
    padding:8px 8px;
}
div.request p
{
    padding:0px 0px 0px 0px;
    font-size:95%;
    line-height:130%;
}
table.req_room
{
    width:550px;
    margin:12px 6px;
}
table.req_room tr td
{
    width:183px;
    vertical-align:top;
    text-align:center;
    padding-left:4px;
    padding-right:4px;
}
table.req_room tr td.info
{
    vertical-align:top;
    text-align:left;
    font-size:90%;
}

/*******あたかの郷の１日*******/
h3.oneday
{
    margin:6px 0px 0px 0px;
    color:#000000;
    padding:3px 0px;
    border-left:none;
    border-bottom:none;
    /*
    border:1px solid #FF5400;
    */
}
div.oneday_info
{
    background-image:url("../images/momotaro01_s.jpg");
    background-repeat:no-repeat;
    background-position:310px 6px;
    padding:8px 0px 44px 0px;
}
div.oneday_info p
{
    padding:0px 6px 6px;
    font-size:100%;
    line-height:130%;
}
table.onedayimg
{
    width:550px;
    margin:0px 6px 12px;
    padding:4px;
    font-size:85%;
}
table.onedayimg tr td
{
    width:270px;
    padding:0px;
    word-break:break-all;
    word-wrap:break-word;
    white-space:normal;
    vertical-align:top;
    text-align:center;
}
table.onedayimg tr td.info
{
    margin:0px;
    padding:4px 0px;
    vertical-align:top;
    text-align:left;
}

/*******お問合せ*******/
table.contact_form
{
    width:560px;
    margin:6px 0px 12px;
    font-size:80%;
}
table.contact_form tr th
{
    padding:4px;
    background-color:#FCD6A6;
    font-weight:normal;
    border:1px solid #AAAAAA;
}
table.contact_form tr td
{
    padding:4px;
    border:1px solid #AAAAAA;
}
div.ask
{
    margin:0px;
    padding:6px;
}


/*******ご利用料金*******/
table.fee_table01
{
    width:550px;
    margin:0px 6px 2px;
    font-size:80%;
    border:1px solid #BBBBBB;
    border-collapse: collapse;
}
table.fee_table01 tr th
{
    background-color:#FFF7EF;
    font-weight:normal;
    text-align:center;
    padding:2px;
    border-color:#DDDDDD;
}
table.fee_table01 tr th.b_double_border
{
    border-bottom:3px double #DDDDDD;
}
table.fee_table01 tr th.v_top
{
    vertical-align:top;
}
table.fee_table01 tr td
{
    padding:3px 4px;
    border-color:#DDDDDD;
}
p.update
{
    margin:12px 10px 0px;
    font-size:80%;
    text-align:right;
}
p.annotate
{
    margin:4px 10px 8px;
    font-size:80%;
    text-indent:-1em;
    padding-left:1em;
}
p.annotate
{
    margin:4px 10px 8px;
    font-size:80%;
    text-indent:-1em;
    padding-left:1em;
}
p.notes
{
    margin:6px 10px 6px;
    font-size:80%;
}
/*
div.notes p.caption
{
    padding:3px 8px;
    background-color:#EEEEE4;
    color:#CF480C;
}
div.notes p.instructions
{
    margin-top:12px;
    font-size:80%;
    padding:0px 0px 0px 8px;
}
div.notes ul
{
    width:528px;
    margin:10px 10px;
    list-style:none;
}
div.notes ul li
{
    font-size:80%;
    margin:2px 0px;
    text-indent:-17px;
    padding-left:17px;
}
div.notes dl
{
    margin:3px 8px 12px;
    font-size:80%;
}
div.notes dl dt
{
}
div.notes dl dd p
{
    margin:0px 0px 0px 10px;
    line-height:130%;
    font-size:90%;
    text-indent:-21px;
    padding-left:21px;
}
*/

p.headline
{
    margin:10px 6px 2px 6px;
    font-size:80%;
    font-weight:bolder;
}
p.headline_fee
{
    margin:4px 0px 2px 26px;
    font-size:85%;
    font-weight:bolder;
}
p.headline_ans
{
    margin:6px 10px 6px 26px;
    font-size:80%;
}

/*******ご利用料金*******/
table.fee_table02
{
    width:550px;
    margin:10px 6px 8px;
    font-size:80%;
    border:1px solid #BBBBBB;
    border-collapse: collapse;
}
table.fee_table02 tr th
{
    background-color:#FFF7EF;
    font-weight:normal;
    text-align:center;
    padding:2px;
    border-color:#DDDDDD;
}
table.fee_table02 tr th.b_double_border
{
    border-bottom:3px double #DDDDDD;
}
table.fee_table02 tr td
{
    padding:3px 4px;
    border-color:#DDDDDD;
}
table.fee_table02 tr td.share
{
    background-color:#FFFFCC;
}
p.tbl_caption
{
    margin:12px 6px 2px 6px;
    font-size:85%;
}

/*******ご利用料金*******/
table.fee_table03
{
    width:550px;
    margin:0px 6px 8px;
    font-size:80%;
    border:1px solid #BBBBBB;
    border-collapse: collapse;
}
table.fee_table03 tr th
{
    background-color:#FFF7EF;
    font-weight:normal;
    padding:2px 4px;
    border-color:#DDDDDD;
}
table.fee_table03 tr th.b2_border
{
    border-bottom:2px solid #DDDDDD;
}
table.fee_table03 tr th.r2_border
{
    border-right:2px solid #DDDDDD;
}
table.fee_table03 tr td
{
    padding:3px 4px;
    border-color:#DDDDDD;
}
table.fee_table03 tr td.share
{
    background-color:#FFFFCC;
}

/*******管理画面*******/
div#manageBody
{
    width:850px;
    margin:0px auto;
    padding:0px;
    border:1px solid #BBBBBB;
    background-color:#FFFFFF;
}
div#manageBody table
{
    font-size:90%;
}
div#manageBody ul.nosession
{
    padding:12px 0px 12px 32px;
}
div#manageHeader
{
    margin:0px;
    padding:2px 0px 0px;
    border-bottom:6px solid #FF8C00;
    background-color:#FCE4C6;
}
div#manageHeader h1
{
    width:776px;
    text-align:left;
    font-size:large;
    margin:0px;
    padding:36px 0px 0px 0px;
    color:#000000;
}
div#manageFooter
{
    margin:0px;
    padding:2px 8px;
    border-bottom:1px solid #AAAAAA;
    background-color:#FF8C00;
}
div#manageMenu
{
    margin:0px;
    padding:1px 4px 2px;
    background-color:#EEEEE4;
}
div#manageMenu table tr td
{
    font-size:95%;
    padding:2px 5px;
}
div#manageMenu table tr td.bdr
{
    border-right:1px solid #AAAAAA;
}
div#manageContent
{
    margin:0px auto;
    padding:12px 8px;
}
div#manageContent ul.menu
{
    margin:8px 0px 8px 24px;
}
div#manageContent ul.menu li
{
    margin:4px 0px 10px;
    list-style-type:none;/*circle/decimal/square*/
}
div#manageContent ul.menu li dl dt
{
    margin-bottom:2px;
    font-size:90%;
}
div#manageContent ul.menu li dl dd
{
    margin-bottom:2px;
    font-size:80%;
}
div#manageContent p.title
{
    font-size:90%;
    text-align:center;
    font-weight:bolder;
}
div#manageContent div.modform
{
    margin:12px auto;
    width:600px;
}
div#manageContent div.modform p
{
    font-size:90%;
    margin:4px 0px;
}
div#manageContent table.admininfo
{
    width:600px;
    margin:0px auto;
    border:1px solid #CCCCCC;
}
div#manageContent table.admininfo tr th
{
    width:100px;
    padding:4px 8px;
    font-weight:normal;
    background-color:#FFA73F;
}
div#manageContent table.admininfo tr td
{
    padding:4px 8px;
}

div#manageContent ul.ex
{
    margin:0px 0px 0px 25px;
    font-size:90%;
}
div#manageContent ul.ex li
{
    margin:6px 0px;
    line-height:110%;
    list-style-type:decimal;/*circle/decimal/square*/
}
div#manageContent ul.fee
{
    margin:8px 0px 8px 0px;
}
div#manageContent ul.fee li
{
    margin:4px 0px 10px;
    list-style-type:none;/*circle/decimal/square*/
}
div#manageContent ul.fee li dl dt
{
    border-left:4px solid #FFA73F;
    background-color:#EEEEE4;
    padding:1px 2px;
    margin-bottom:3px;
    font-size:90%;
}
div#manageContent ul.fee li dl dd
{
    margin-bottom:2px;
    font-size:80%;
}
div#manageContent ul.fee li dl dd input
{
    margin:2px 0px;
}


/*******汎用*******/
.clearfix:after
{
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; 
}
.clearfix
{
    display: inline-block;
    margin:0px auto;
}
.clearfix
{
    display: block;
}
.cl_famile
{
    color:#F1F69B;
}
.image_frame
{
    border:1px solid #cccccc;
    padding:1px;
}
p.pankuzu
{
    padding:2px 3px;
    font-size:75%;
    margin:0px;
}
.errmsg
{
    color:red;
    margin:10px 0px;
    padding:8px;
    width:540px;
    text-align:center;
    border:1px solid red;
}
p.endmsg
{
    text-align:left;
    margin:10px 6px;
    padding:0px;
    width:540px;
    line-height:135%;
}

.fbold
{
	font-weight:bolder;
}
.indent1
{
	margin-left:1em;
	text-indent:-1em;
}
.m_top
{
	margin-top:12px;
}
.m_left
{
	margin-left:6px;
}
.p_left
{
	padding-left:6px;
}
.p_top
{
	padding-top:6px;
}
.w_120
{
    width:120px;
}
.w_80
{
    width:80px;
}
input.sbtn
{
	width:100px;
	height:28px;
}
input.btn
{
	width:120px;
	height:28px;
}
input.ssbtn
{
	width:60px;
	height:24px;
}
input.mbtn
{
	width:150px;
	height:28px;
}
input.bbtn
{
	width:170px;
	height:28px;
}
input.xbbtn
{
	width:215px;
	height:28px;
}
input.ascii
{
	ime-mode: disabled;
}
input.kana
{
	ime-mode: active;
}

input.loginbox
{
	width:130px;
	height:20px;
}
.nomargin
{
	margin:0;
}
.red
{
	color:red;
}
.green
{
	color:#99CC33;
}
.deepgreen
{
	color:#78AF00;
}
.orange
{
	color:#FF5500;
}
.deeporange
{
	color:#FF6E00;
}
.brown
{
	color:brown;
}
.largest
{
	font-size:150%;
}
.mid
{
	font-size:105%;
}
.sml
{
	font-size:90%;
}
.xsml
{
	font-size:80%;
}

/**行揃え**/
.l	/*左*/
{
	text-align:left;
}
.r	/*右*/
{
	text-align:right;
}
.c	/*中央*/
{
	text-align:center;
}
/**配置**/
.fl_left
{
	float:left;
}
.fl_right
{
	float:right;
}
.clr
{
	clear:both;
}

/**必須・エラーメッセージ**/
.warning
{
	color:red;
	margin:6px 0px;
	text-align:center;
}
.kome
{
	font-size:80%;
	color:#FF3800;
}

/**ボーダー**/
.l_border	/*左*/
{
	border-left:1px solid #aaaaaa;
}
.r_border	/*右*/
{
	border-right:1px solid #aaaaaa;
}
.t_border	/*上*/
{
	border-top:1px solid #aaaaaa;
}
.b_border	/*下*/
{
	border-bottom:1px solid #aaaaaa;
}

.l_not_border	/*左*/
{
	border-left:none;
}
.r_not_border	/*右*/
{
	border-right:none;
}
.t_not_border	/*上*/
{
	border-top:none;
}
.b_not_border	/*下*/
{
	border-bottom:none;
}

.b_dot_border	/*下*/
{
	border-bottom:1px dotted #aaaaaa;
}