@charset "utf-8";

/*============================================================
	モジュール

	1.Element
	2.Heading
	3.Navigation
	4.Text
	5.List
	6.Definition List
	7.Layout Block
	8.Block Element
	9.Table
	10.Top
	11.Other

============================================================*/
/*------------------------------------------------------------
	1.Element
------------------------------------------------------------*/
#contents p,
#contents ul,
#contents ol,
#contents dl,
#contents table{
margin-bottom:25px;
}
#contents p,
#contents li,
#contents dt,
#contents dd,
#contents caption,
#contents th,
#contents td{
font-size:0.875em;
line-height:1.6;
}
#contents li p,
#contents li li,
#contents li dt,
#contents li dd,
#contents li th,
#contents li td,
#contents dd p,
#contents dd li,
#contents dd dt,
#contents dd dd,
#contents dd th,
#contents dd td,
#contents th li,
#contents td p,
#contents td li,
#contents td dt,
#contents td dd,
#contents td th,
#contents td td{
font-size:1em;
}
#contents input,
#contents textarea,
#contents select{
font-size:inherit;
}
#contents label{cursor:pointer;}


/*------------------------------------------------------------
	2.Heading
------------------------------------------------------------*/
#contents h1,
#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents h6{
margin-bottom:1em;
line-height:1.4;
font-weight:bold;
}

/* hdg-type
----------------------------------------*/
/* hdg-type01 */
#contents .hdg-type01{
margin-bottom:20px;
min-width:1024px;
min-height:60px;
_height:60px;
background:#e4e6db url(/thai/common/images/bg/hdg-type01.jpg) center top no-repeat;
}
#contents .hdg-type01 h1{
margin:0 auto;
padding-top:12px;
width:1024px;
min-height:48px;
_height:48px;
font-size:1.625em;
}

/* hdg-type02 */
#contents .hdg-type02{
margin-bottom:20px;
padding-left:50px;
min-height:30px;
_height:30px;
background:url(/thai/common/images/bg/hdg-type02.gif) left 0.1em no-repeat;
font-size:1.125em;
}

/* hdg-type03-01 */
#contents .hdg-type03-01{
margin-bottom:20px;
background:url(/thai/common/images/bg/hdg-type03-01.gif) left top;
font-size:1em;
}
#contents .hdg-type03-01 span{
display:block;
padding:4px 5px 2px 15px;
min-height:24px;
_height:24px;
background:url(/thai/common/images/bg/hdg-type03.gif) left top repeat-y;
}

/* hdg-type03-02 */
#contents .hdg-type03-02{
margin-bottom:20px;
background:url(/thai/common/images/bg/hdg-type03-02.gif) right top repeat-y;
font-size:1em;
color:#fff;
}
#contents .hdg-type03-02 span{
display:block;
padding:4px 5px 2px 15px;
min-height:24px;
_height:24px;
background:url(/thai/common/images/bg/hdg-type03.gif) left top repeat-y;
}

/* hdg-type04 */
#contents .hdg-type04{
margin-bottom:15px;
background:url(/thai/common/images/bg/hdg-type04-02.gif) left bottom repeat-x;
font-size:0.9375em;
}
#contents .hdg-type04 span{
display:block;
padding:0 5px 5px 15px;
background:url(/thai/common/images/bg/hdg-type04-01.gif) left 0.5em no-repeat;
}

/* hdg-type05 */
#contents .hdg-type05{
margin-bottom:10px;
padding-left:15px;
background:url(/thai/common/images/bg/hdg-type05.gif) left 0.55em no-repeat;
font-size:0.875em;
}
#contents .hdg-type05 a:link,
#contents .hdg-type05 a:visited{text-decoration:none;}
#contents .hdg-type05 a:hover,
#contents .hdg-type05 a:active{text-decoration:underline;}

/* hdg-type06 */
#contents .hdg-type06{
margin-bottom:10px;
font-size:0.875em;
}

/* hdg-order01
----------------------------------------*/
#contents .hdg-order01{
position:relative;
margin-bottom:10px;
padding:4px 0 0 40px;
min-height:27px;
_height:27px;
font-size:1em;
zoom:1;
}
#contents .hdg-order01 .icon{
position:absolute;
top:0;
left:0;
}

/* hdg-image
----------------------------------------*/
/* hdg-image01 */
#contents .hdg-image01{
margin-bottom:10px;
padding:0;
border:0;
background:none;
}

/* hdg-bg
----------------------------------------*/
#contents .hdg-bg01,
#contents .hdg-bg02{
margin-bottom:20px;
padding:10px 0 10px 40px;
font-size:1em;
}
#contents .hdg-bg01{background:url(/thai/common/images/bg/hdg-bg01.jpg) left center no-repeat;}
#contents .hdg-bg02{background:url(/thai/common/images/bg/hdg-bg02.jpg) left center no-repeat;}


/*------------------------------------------------------------
	3.Navigation
------------------------------------------------------------*/
/* Topic Path
----------------------------------------*/
#contents #topic-path{
padding:5px 0 3px;
background:url(/thai/common/images/bg/topic-path.gif) left top repeat-x;
}
#contents #topic-path p{
margin:0 auto;
width:1024px;
font-size:0.75em;
}
#contents #topic-path span{padding:0 5px 0 8px;}
#contents #topic-path em{
font-weight:bold;
color:#333;
}
#contents #topic-path a:link,
#contents #topic-path a:visited{color:#302833;}
#contents #topic-path a:hover,
#contents #topic-path a:active{color:#f60;}

/* nav-page01
----------------------------------------*/
#contents .nav-page01{
margin:0 0 15px;
text-align:left;
letter-spacing:-0.4em;
}
#contents .nav-page01 li{
display:inline-block;
margin:0 0 5px -1px;
padding:0 10px;
border-right:1px solid #333;
border-left:1px solid #333;
letter-spacing:normal;
}
#contents .nav-page01 li a:link,
#contents .nav-page01 li a:visited{color:#006fa9;}
#contents .nav-page01 li a:hover,
#contents .nav-page01 li a:active{color:#f90;}
* html #contents .nav-page01 li{display:inline;zoom:1;}
*+html #contents .nav-page01 li{display:inline;zoom:1;}

/* nav-page02
----------------------------------------*/
#contents .nav-page02,
#contents .nav-page02-col2,
#contents .nav-page02-col3,
#contents .nav-page02-col5{
overflow:hidden;
margin:0 0 15px;
}
#contents .nav-page02 li,
#contents .nav-page02-col2 li,
#contents .nav-page02-col3 li,
#contents .nav-page02-col5 li{
float:left;
margin:0 0 0 -1px;
width:190px;
border-left:1px solid #fff;
font-size:0.85em;
text-align:center;
}
#contents .nav-page02 li a,
#contents .nav-page02 li span,
#contents .nav-page02-col2 li a,
#contents .nav-page02-col2 li span,
#contents .nav-page02-col3 li a,
#contents .nav-page02-col3 li span,
#contents .nav-page02-col5 li a,
#contents .nav-page02-col5 li span{
display:block;
padding:12px 3px 8px;
width:184px;
}
#contents .nav-page02 li a,
#contents .nav-page02-col2 li a,
#contents .nav-page02-col3 li a,
#contents .nav-page02-col5 li a{background:url(/thai/common/images/bg/nav-page02-01.gif) left top repeat-x;}
#contents .nav-page02 li span,
#contents .nav-page02-col2 li span,
#contents .nav-page02-col3 li span,
#contents .nav-page02-col5 li span{
background:url(/thai/common/images/bg/nav-page02-02.gif) left top repeat-x;
font-weight:bold;
color:#302833;
}
#contents .nav-page02 li a:link,
#contents .nav-page02 li a:visited,
#contents .nav-page02-col2 li a:link,
#contents .nav-page02-col2 li a:visited,
#contents .nav-page02-col3 li a:link,
#contents .nav-page02-col3 li a:visited,
#contents .nav-page02-col5 li a:link,
#contents .nav-page02-col5 li a:visited{color:#583822;text-decoration:none;}
#contents .nav-page02 li a:hover,
#contents .nav-page02 li a:active,
#contents .nav-page02-col2 li a:hover,
#contents .nav-page02-col2 li a:active,
#contents .nav-page02-col3 li a:hover,
#contents .nav-page02-col3 li a:active,
#contents .nav-page02-col5 li a:hover,
#contents .nav-page02-col5 li a:active{color:#583822;text-decoration:underline;}
#contents .nav-page02 li{width:190px;}
#contents .nav-page02-col2 li{width:380px;}
#contents .nav-page02-col3 li{width:254px;}
#contents .nav-page02-col5 li{width:152px;}
#contents .nav-page02 li a,
#contents .nav-page02 li span{width:184px;}
#contents .nav-page02-col2 li a,
#contents .nav-page02-col2 li span{width:374px;}
#contents .nav-page02-col3 li a,
#contents .nav-page02-col3 li span{width:248px;}
#contents .nav-page02-col5 li a,
#contents .nav-page02-col5 li span{width:146px;}

#contents .nav-page02.col-flex {display:flex;}
#contents .nav-page02.col-flex li{width:auto;flex-grow:1;flex-basis:0;}
#contents .nav-page02.col-flex li a{width:auto;}
#contents .nav-page02.col-flex li span{width:auto;}

#contents .breadth .nav-page02 li{width:256px;}
#contents .breadth .nav-page02-col2 li{width:512px;}
#contents .breadth .nav-page02-col3 li{width:341px;}
#contents .breadth .nav-page02-col5 li{width:204px;}
#contents .breadth .nav-page02 li a,
#contents .breadth .nav-page02 li span{width:250px;}
#contents .breadth .nav-page02-col2 li a,
#contents .breadth .nav-page02-col2 li span{width:506px;}
#contents .breadth .nav-page02-col3 li a,
#contents .breadth .nav-page02-col3 li span{width:335px;}
#contents .breadth .nav-page02-col5 li a,
#contents .breadth .nav-page02-col5 li span{width:198px;}

/* nav-page03
----------------------------------------*/
#contents .nav-page03{
margin:0 0 15px;
padding-top:15px;
text-align:center;
letter-spacing:-0.4em;
}
#contents .nav-page03 li{
display:inline-block;
margin:0 5px;
padding:1px 0;
letter-spacing:normal;
}
#contents .nav-page03 li a,
#contents .nav-page03 li span{
padding:4px 8px;
border:1px solid #594a43;
background:#edeae5;
}
#contents .nav-page03 li span{
background:#df4403;
color:#fff;
font-weight:bold;
}
#contents .nav-page03 .prev{
margin-right:30px;
padding:0 0 0 18px;
background:url(/thai/common/images/bg/icon-arrow01-l.gif) left 0.4em no-repeat;
}
#contents .nav-page03 .next{
margin-left:30px;
padding:0 18px 0 0;
background:url(/thai/common/images/bg/icon-arrow01-r.gif) right 0.4em no-repeat;
}
#contents .nav-page03 .prev a,
#contents .nav-page03 .next a{
border:none;
padding:0;
background:transparent;
}
#contents .nav-page03 li a:link,
#contents .nav-page03 li a:visited{color:#006fa9;text-decoration:none;}
#contents .nav-page03 li a:hover,
#contents .nav-page03 li a:active{color:#f90;text-decoration:none;}
#contents .nav-page03 .prev a:link,
#contents .nav-page03 .prev a:visited,
#contents .nav-page03 .next a:link,
#contents .nav-page03 .next a:visited{color:#006fa9;text-decoration:underline;}
#contents .nav-page03 .prev a:hover,
#contents .nav-page03 .prev a:active,
#contents .nav-page03 .next a:hover,
#contents .nav-page03 .next a:active{color:#f90;text-decoration:underline;}

* html #contents .nav-page03 li{display:inline;zoom:1;}
*+html #contents .nav-page03 li{display:inline;zoom:1;}
* html #contents .nav-page03 li a{padding:2px 8px;zoom:1;}
*+html #contents .nav-page03 li a{padding:2px 8px;zoom:1;}
* html #contents .nav-page03 li span{padding:2px 8px;zoom:1;}
*+html #contents .nav-page03 li span{padding:2px 8px;zoom:1;}

/* nav-page04
----------------------------------------*/
#contents .nav-page04{
overflow:hidden;
margin:0 -7px 0 -8px;
padding-bottom:10px;
width:777px;
}
#contents .nav-page04 li{
_display:inline;
float:left;
margin:0 7px 15px 8px;
width:242px;
border:1px solid #594a43;
background:url(/thai/common/images/bg/nav-page04.gif) left top;
font-weight:bold;
}
#contents .nav-page04 li a{
position:relative;
display:block;
padding:12px 72px 12px 28px;
border:1px solid #fff;
background:url(/thai/common/images/bg/icon-arrow01-r.gif) 12px 1.4em no-repeat;
}
#contents .nav-page04 li a .icon{
position:absolute;
top:50%;
right:2px;
margin-top:-20px;
vertical-align:middle;
}
#contents .nav-page04 li a:link,
#contents .nav-page04 li a:visited{color:#006fa9;}
#contents .nav-page04 li a:hover,
#contents .nav-page04 li a:active{color:#f90;}
#contents .breadth .nav-page04{
overflow:hidden;
margin:0 -7px 0 -8px;
width:1039px;
}

/* nav-page05
----------------------------------------*/
#contents .nav-page05{
overflow:hidden;
margin:0 -7px 0 -8px;
padding-bottom:10px;
width:777px;
}
#contents .nav-page05 li{
_display:inline;
float:left;
margin:0 7px 15px 8px;
width:242px;
border:1px solid #594a43;
background:url(/thai/common/images/bg/nav-page04.gif) left top;
font-weight:bold;
vertical-align:middle;
}
#contents .nav-page05 li a{
position:relative;
display:block;
padding:8px 2px 8px 28px;
border:1px solid #fff;
background:url(/thai/common/images/bg/icon-arrow01-r.gif) 12px 1em no-repeat;
}
#contents .nav-page05 li a:link,
#contents .nav-page05 li a:visited{color:#006fa9;}
#contents .nav-page05 li a:hover,
#contents .nav-page05 li a:active{color:#f90;}
* html #contents .nav-page05 li a{display:inline;zoom:1;}
*+html #contents .nav-page05 li a{display:inline;zoom:1;}
#contents .breadth .nav-page05{
overflow:hidden;
margin:0 -7px 10px -8px;
width:1039px;
}

/* nav-cont01
----------------------------------------*/
#contents .nav-cont01{
margin:0 0 15px;
}
#contents .nav-cont01 li{
float:left;
margin:0 20px 5px 0;
padding-left:12px;
background:url(/thai/common/images/bg/icon-arrow01-b.gif) left 0.5em no-repeat;
}
#contents .nav-cont01 li a:link,
#contents .nav-cont01 li a:visited{color:#006fa9;}
#contents .nav-cont01 li a:hover,
#contents .nav-cont01 li a:active{color:#f90;}


/*------------------------------------------------------------
	4.Text
------------------------------------------------------------*/
#contents .color-type01{color:#df4403;}
#contents .color-type02{color:#ff8000;}
#contents .color-type03{color:#228b22;}

#contents .text-type01{font-size:0.86em;}
#contents .text-type02{font-size:1.14em;}
#contents .text-type03{font-size:1.26em;}

#contents .align-type01{text-align:left !important;}
#contents .align-type02{text-align:center !important;}
#contents .align-type03{text-align:right !important;}

#contents .valign-type01{vertical-align:top !important;}
#contents .valign-type02{vertical-align:middle !important;}
#contents .valign-type03{vertical-align:bottom !important;}

/* icon
----------------------------------------*/
#contents .icon01{
margin:0 5px;
vertical-align:middle;
}

/* caption
----------------------------------------*/
#contents .caption01{
display:inline-block;
margin-top:5px;
}

/* line
----------------------------------------*/
#contents .line01{
display:block;
margin:30px 0;
width:100%;
height:15px;
background:url(/thai/common/images/bg/line01.gif) center top no-repeat;
}
#contents .breadth .line01{
background:url(/thai/common/images/bg/line01-02.gif) center top no-repeat;
}
#contents .line02{
display:block;
margin:30px 0;
width:100%;
height:1px;
background:url(/thai/common/images/bg/line02.gif) center top repeat-x;
}


/*------------------------------------------------------------
	5.List
------------------------------------------------------------*/
#contents li{
margin-bottom:5px;
line-height:1.4;
}
#contents ul li ul,
#contents ol li ul{margin:5px 0 0;}
#contents ul li ol,
#contents ol li ol{margin:5px 0 0 2em;}

/* list-disc
----------------------------------------*/
#contents .list-disc01 li{
padding-left:15px;
background:url(/thai/common/images/bg/icon-disc01.gif) 1px 0.4em no-repeat;
}
#contents .list-disc02 li{
padding-left:12px;
background:url(/thai/common/images/bg/icon-disc02.gif) left 0.5em no-repeat;
}

/* list-link
----------------------------------------*/
#contents .list-link01 li{
padding-left:13px;
background:url(/thai/common/images/bg/icon-arrow01-r.gif) 1px 0.4em no-repeat;
}

/* variable
----------------------------------------*/
#contents .variable{
margin-right:-10px;
margin-left:-10px;
}
#contents .variable li{
float:left;
margin:0 10px 5px;
white-space:nowrap;
}
* html #contents .variable li{display:inline;}

/* list-notation01
----------------------------------------*/
#contents .list-notation01.element-left-irgl{
float:left;
width:500px;
}
#contents .list-notation01 li{
overflow:hidden;
}
#contents .list-notation01 li .mark{
display:block;
float:left;
margin-right:5px;
}
#contents .list-notation01 li .text{
display:block;
overflow:hidden;
}
* html #contents .list-notation01 li .text{display:inline;zoom:1;}
*+html #contents .list-notation01 li .text{display:inline;zoom:1;}

/* list-border01
----------------------------------------*/
#contents .list-border01{
padding-top:1px;
background:url(/thai/common/images/bg/line02.gif) left top repeat-x;
}
#contents .list-border01 li{
overflow:hidden;
margin:0;
padding:8px 0 8px 10px;
background:url(/thai/common/images/bg/line02.gif) left bottom repeat-x;
zoom:1;
}
#contents .list-border01 li .word{
display:block;
float:left;
margin-right:20px;
font-weight:bold;
}
#contents .list-border01 li .text{
display:block;
overflow:hidden;
}
* html #contents .list-border01 li .text{display:inline;zoom:1;}
*+html #contents .list-border01 li .text{display:inline;zoom:1;}


/*------------------------------------------------------------
	6.Definition List
------------------------------------------------------------*/
/* list-definition01
----------------------------------------*/
#contents .list-definition01 dt{font-weight:bold;}



/*------------------------------------------------------------
	7.Layout Block
------------------------------------------------------------*/
#contents .element-left{
float:left;
margin-right:20px;
padding-top:2px;
}
#contents .element-right{
float:right;
margin-left:20px;
padding-top:2px;
}

/* blk-column01
----------------------------------------*/
#contents .blk-column01{overflow:hidden;}
#contents .blk-column01.img-left .img{
float:left;
margin-right:20px;
}
#contents .blk-column01.img-right .img{
float:right;
margin-left:20px;
}
#contents .blk-column01 .img .variable{_display:inline !important;zoom:1;}

#contents .blk-column01 .txt{
overflow:hidden;
zoom:1;
}

/* blk-section
----------------------------------------*/
#contents .blk-section{
margin:0 -12px;
width:786px;
}
#contents .breadth .blk-section{
margin:0 -12px;
width:1048px;
}
#contents .blk-section .cont{
_display:inline;
float:left;
}

/* col2 */
#contents .blk-section.col2 .cont{
margin:0 12px;
width:369px;
}
#contents .breadth .blk-section.col2 .cont{width:495px;}

/* col3 */
#contents .blk-section.col3 .cont{
margin:0 12px;
width:238px;
}
#contents .breadth .blk-section.col3 .cont{width:322px;}

/* col4 */
#contents .blk-section.col4{
margin:0 -7px;
width:776px;
}
#contents .breadth .blk-section.col4{
margin:0 -7px;
width:1038px;
}
#contents .blk-section.col4 .cont{
margin:0 7px;
width:180px;
}
#contents .breadth .blk-section.col4 .cont{width:245px;}
#contents .blk-segment02 .blk-section.col4{
margin:0 -5px;
width:748px;
}
#contents .blk-segment02 .blk-section.col4 .cont{width:170px;}

/* blk-section01 */
#contents .blk-section01 .cont01{width:495px;}
#contents .blk-section01 .cont02{width:250px;}
#contents .blk-section01.img-left .cont01{float:right}
#contents .blk-section01.img-left .cont02{float:left;}
#contents .blk-section01.img-right .cont01{float:left;}
#contents .blk-section01.img-right .cont02{float:right;}

/* blk-section02 */
#contents .blk-section02 .cont01{width:475px;}
#contents .blk-section02 .cont02{width:270px;}
#contents .blk-section02.img-left .cont01{float:right}
#contents .blk-section02.img-left .cont02{float:left;}
#contents .blk-section02.img-right .cont01{float:left;}
#contents .blk-section02.img-right .cont02{float:right;}


/*------------------------------------------------------------
	8.Block Element
------------------------------------------------------------*/
/* blk-segment01
----------------------------------------*/
#contents .blk-segment01{
margin:0 0 20px;
padding:5px;
background:url(/thai/common/images/bg/segment01-01.gif) left top;
zoom:1;
}
#contents .blk-segment01 .layout{
padding:10px 10px 2px;
border:1px solid #fff;
background:#f7f5f3 url(/thai/common/images/bg/segment01-02.jpg) right bottom no-repeat;
zoom:1;
}
#contents .blk-segment01 p,
#contents .blk-segment01 ul,
#contents .blk-segment01 ol,
#contents .blk-segment01 dl,
#contents .blk-segment01 table{
margin-bottom:12px;
}

#contents .blk-segment01 .layout .blk-section01 .cont01{width:580px;}
#contents .blk-segment01 .layout .blk-section01 .cont02{width:130px;}

/* blk-segment02
----------------------------------------*/
#contents .blk-segment02{
margin:0 0 20px;
border:1px solid #b2aba0;
}
#contents .blk-segment02 .layout{
padding:10px 10px 2px;
border:1px solid #fff;
background:#fafaf9;
zoom:1;
}
#contents .blk-segment02 p,
#contents .blk-segment02 ul,
#contents .blk-segment02 ol,
#contents .blk-segment02 dl,
#contents .blk-segment02 table{
margin-bottom:12px;
}
#contents .blk-segment02 .variable{margin-bottom:5px;}
#contents .blk-segment02 .hdg-relate{
margin:-10px -10px 12px;
padding:4px 5px 3px 30px;
background:#e6e2dc url(/thai/common/images/bg/hdg-relate.gif) left top no-repeat;
font-size:0.9375em;
}

/* blk-faq01
----------------------------------------*/
#contents .blk-faq01{
margin:0 0 20px;
padding:1px;
border:1px solid #b2aba0;
}
#contents .blk-faq01 .hdg-question{
margin:0 0 10px;
padding:6px 5px 7px 40px;
background:#e7e3e8 url(/thai/common/images/bg/hdg-question.gif) left top no-repeat;
font-size:0.9375em;
}
#contents .blk-faq01 .blk-answer{
padding:0 5px 0 40px;
background:#fff url(/thai/common/images/bg/icon-answer.gif) 9px top no-repeat;
font-size:0.9375em;
}

/* blk-tab01
----------------------------------------*/
#contents .blk-tab01{margin-bottom:20px;}
#contents .blk-tab01 .tab-list{
position:relative;
overflow:hidden;
margin:0 0 -1px;
width:762px;
zoom:1;
}
#contents .blk-tab01 .tab-list li{
float:left;
margin:0 1px 0 0;
width:189px;
font-size:0.875em;
text-align:center;
}
#contents .blk-tab01 .tab-list li a{
display:block;
padding:12px 3px 6px;
width:183px;
background:url(/thai/common/images/bg/tab01.gif) left 5px no-repeat;
}
#contents .blk-tab01 .tab-list li a:link,
#contents .blk-tab01 .tab-list li a:visited{color:#006fa9;}
#contents .blk-tab01 .tab-list li a:hover,
#contents .blk-tab01 .tab-list li a:active{color:#f90;}
#contents .blk-tab01 .tab-list .active{
border-bottom:1px solid #fff;
}
#contents .blk-tab01 .tab-list .active a{
background-position:left top;
font-weight:bold;
}
#contents .blk-tab01 .tab-list .active a:link,
#contents .blk-tab01 .tab-list .active a:visited{color:#d61800;text-decoration:none;}
#contents .blk-tab01 .tab-list .active a:hover,
#contents .blk-tab01 .tab-list .active a:active{color:#d61800;text-decoration:none;}

#contents .blk-tab01 .col5 li{
width:151px;
}
#contents .blk-tab01 .col5 li a{
width:145px;
background:url(/thai/common/images/bg/tab02.gif) left 5px no-repeat;
}

#contents .blk-tab01 .tabs{
overflow:hidden;
zoom:1;
}
#contents .blk-tab01 .tabs .tab-panel{
padding:15px 0 0;
position:absolute;
left:-9999em;
top:-9999em;
border-top:1px solid #999;
zoom:1;
}
#contents .blk-tab01 .tabs.static .tab-panel,
#contents .blk-tab01 .tabs .tab-panel.active{
position:static;
left:auto;
}

#contents .breadth .blk-tab01 .tab-list{width:1024px;}
#contents .breadth .blk-tab01 .tab-list li{width:255px;}
#contents .breadth .blk-tab01 .tab-list li a{
width:249px;
background-image:url(/thai/common/images/bg/tab01-02.gif);
}
#contents .breadth .blk-tab01 .col5 li{width:203px;}
#contents .breadth .blk-tab01 .col5 li a{
width:197px;
background-image:url(/thai/common/images/bg/tab02-02.gif);
}

#contents .blk-tab01 .tab-list .active a{background-position:left top;}

/* blk-guide01
----------------------------------------*/
#contents .blk-guide01{
margin:0 0 25px;
padding:10px 10px 9px;
width:742px;
background:url(/thai/common/images/bg/blk-guide01.gif) left top no-repeat;
}
#contents .blk-guide01 .guide-list{
float:left;
margin:0;
width:243px;
zoom:1;
}
#contents .blk-guide01 .guide-list li{
margin:0 0 1px;
width:auto;
text-align:left;
zoom:1;
}
#contents .blk-guide01 .guide-list li a{
display:table-cell;
padding:0 65px 0 35px;
width:143px;
height:48px;
vertical-align:middle;
font-weight:bold;
}
#contents .blk-guide01 .guide-list li a:link,
#contents .blk-guide01 .guide-list li a:visited{color:#006fa9;}
#contents .blk-guide01 .guide-list li a:hover,
#contents .blk-guide01 .guide-list li a:active{color:#f90;}
#contents .blk-guide01 .guide-list .active a:link,
#contents .blk-guide01 .guide-list .active a:visited{color:#df4403;text-decoration:none;}
#contents .blk-guide01 .guide-list .active a:hover,
#contents .blk-guide01 .guide-list .active a:active{color:#df4403;text-decoration:none;}
#contents .blk-guide01 .guide-list .first{position:absolute;left:-9999em;top:-9999em;}
#contents .blk-guide01 .guide-list .romancecar a{background:url(/thai/common/images/bg/guide01-romancecar.jpg) left top no-repeat;}
#contents .blk-guide01 .guide-list .highwaybus a{background:url(/thai/common/images/bg/guide01-highwaybus.jpg) left top no-repeat;}
#contents .blk-guide01 .guide-list .ropeway a{background:url(/thai/common/images/bg/guide01-ropeway.jpg) left top no-repeat;}
#contents .blk-guide01 .guide-list .sightseeing a{background:url(/thai/common/images/bg/guide01-sightseeing.jpg) left top no-repeat;}
#contents .blk-guide01 .guide-list .tozanbus a{background:url(/thai/common/images/bg/guide01-tozanbus.jpg) left top no-repeat;}
#contents .blk-guide01 .guide-list .tozancablecar a{background:url(/thai/common/images/bg/guide01-tozancablecar.jpg) left top no-repeat;}
#contents .blk-guide01 .guide-list .tozantrain a{background:url(/thai/common/images/bg/guide01-tozantrain.jpg) left top no-repeat;}
#contents .blk-guide01 .guide-list .active a{background-position:-243px top;}
* html #contents .blk-guide01 .guide-list li a{display:inline;padding-top:5px;height:43px;zoom:1;}
*+html #contents .blk-guide01 .guide-list li a{display:inline;padding-top:5px;height:43px;zoom:1;}

#contents .blk-guide01 .tabs-guide01{
overflow:hidden;
float:right;
margin:0;
width:493px;
height:341px;
zoom:1;
}
#contents .blk-guide01 .tabs-guide01 .guide-panel{
position:absolute;
left:-9999em;
top:-9999em;
zoom:1;
}
#contents .blk-guide01 .tabs-guide01.static .guide-panel,
#contents .blk-guide01 .tabs-guide01 .guide-panel.active{
position:static;
left:auto;
}
#contents .blk-guide01 .tabs-guide01 .guide-panel .map{position:relative;}
#contents .blk-guide01 .tabs-guide01 .guide-panel .map .more{position:absolute;}
#contents .blk-guide01 .tabs-guide01 #guide-item01 .map .more{top:298px;left:155px;}
#contents .blk-guide01 .tabs-guide01 #guide-item02 .map .more{top:288px;left:394px;}
#contents .blk-guide01 .tabs-guide01 #guide-item03 .map .more{top:298px;left:396px;}
#contents .blk-guide01 .tabs-guide01 #guide-item04 .map .more{top:213px;left:364px;}
#contents .blk-guide01 .tabs-guide01 #guide-item05 .map .more{top:302px;left:288px;}
#contents .blk-guide01 .tabs-guide01 #guide-item06 .map .more{top:192px;left:400px;}
#contents .blk-guide01 .tabs-guide01 #guide-item07 .map .more{top:157px;left:274px;}

/* blk-pdf01
----------------------------------------*/
#contents .blk-pdf01{
margin:0 0 20px;
border:1px solid #b2aba0;
}
#contents .blk-pdf01 dl{
margin:0;
padding:10px;
border:1px solid #fff;
background:#f7f5f3;
}
#contents .blk-pdf01 dl dt{
float:left;
margin:0;
width:158px;
}
#contents .blk-pdf01 dl dd{
float:left;
margin:0 0 0 15px;
width:565px;
font-size:0.75em;
}
#contents .breadth .blk-pdf01 dl dd{
margin:10px 0 0 15px;
width:827px;
}

/* blk-access01
----------------------------------------*/
#contents .blk-access01{
position:relative;
margin:0;
}
#contents .blk-access01 ul{
position:absolute;
top:270px;
left:508px;
margin:0;
}
#contents .blk-access01 ul li{
margin:0 0 6px;
width:244px;
height:46px;
}
#contents .blk-access01 ul li a{
display:table-cell;
padding:0 60px 0 34px;
width:150px;
height:46px;
font-weight:bold;
vertical-align:middle;
}
#contents .blk-access01 ul .romancecar{
background:url(/thai/common/images/bg/btn-access-omancecar01.jpg) left top no-repeat;
}
#contents .blk-access01 ul .highwaybus{
background:url(/thai/common/images/bg/btn-access-highwaybus01.jpg) left top no-repeat;
}
* html #contents .blk-access01 ul li a{display:inline;height:46px;padding:0px 60px 0px 34px;zoom:1;}
*+html #contents .blk-access01 ul li a{display:inline;height:46px;padding:0px 60px 0px 34px;zoom:1;}

/* basics-visual01
----------------------------------------*/
#contents #basics-visual01{
position:relative;
margin:0x;
width:762px;
height:593px;
background:url(/thai/common/images/bg/basics-visual01.jpg) left top no-repeat;
}
#contents #basics-visual01 #visual-cont{
margin:0;
padding:11px 10px 0;
}
#contents #basics-visual01 .img{
margin:0 0 9px;
width:742px;
height:361px;
zoom:1;
}
#contents #basics-visual01 .img ul{background:#fff;}
#contents #basics-visual01 .img ul,
#contents #basics-visual01 .img ul li{
margin:0;
width:742px;
zoom:1;
}
#contents #basics-visual01 .nav{
margin:0 auto;
width:738px;
}
#contents #basics-visual01 .nav li{
_display:inline;
float:left;
margin:0 10px;
}
#contents #basics-visual01 .text{
position:absolute;
top:475px;
left:30px;
margin:0;
width:700px;
line-height:1.3;
}

/* blk-basics01
----------------------------------------*/
#contents .blk-basics01{
margin:0 0 25px;
}
#contents .blk-basics01 .cont{
float:left;
margin:0;
width:254px;
}
#contents .blk-basics01 .cont .list-link01{
margin-left:15px;
}

/* blk-map01
----------------------------------------*/
#contents .blk-map01{
position:relative;
margin:0 0 25px;
min-height:430px;
_height:430px;
}
#contents .blk-map01 #map-attention{
display:none;
position:absolute;
top:0;
left:0;
margin:0;
width:762px;
text-align:center;
}
#contents .blk-map01 .map-image{
min-height:430px;
_height:430px;
}

/* blk-ryokan
----------------------------------------*/
#contents .drop-cap01{
float:left;
margin-right:3px;
font-size:3em;
line-height:1;
}

/* blk-ryokan-check */
#contents .blk-ryokan-check{
margin:0 auto 25px;
width:742px;
}
#contents .blk-ryokan-check .img{margin:0;}
#contents .blk-ryokan-check .cont01{
float:left;
margin:0 10px 19px 0;
padding:0 10px 0 0;
width:331px;
background:url(/thai/common/images/bg/ryokan-line02.gif) right 0 repeat-y;
}
#contents .blk-ryokan-check .cont01 .balloon{
margin:0;
padding:18px 10px 8px;
min-height:71px;
_height:71px;
background:url(/thai/common/images/bg/ryokan-balloon01.gif) left top no-repeat;
}
#contents .blk-ryokan-check .cont02,
#contents .blk-ryokan-check .cont03{
float:left;
margin:0 0 19px;
width:390px;
}
#contents .blk-ryokan-check .cont02{
margin:0 0 9px;
padding:0 0 10px;
background:url(/thai/common/images/bg/ryokan-line01.gif) 0 bottom repeat-x;
}
#contents .blk-ryokan-check .cont02 .img{
float:left;
width:214px;
}
#contents .blk-ryokan-check .cont02 .balloon{
float:left;
margin:0;
padding:8px 10px 8px 22px;
width:144px;
min-height:158px;
_height:158px;
background:url(/thai/common/images/bg/ryokan-balloon02.gif) right top no-repeat;
}
#contents .blk-ryokan-check .cont03 .img{
float:right;
width:214px;
}
#contents .blk-ryokan-check .cont03 .balloon{
float:left;
margin:0;
padding:8px 22px 8px 10px;
width:144px;
min-height:148px;
_height:148px;
background:url(/thai/common/images/bg/ryokan-balloon03.gif) right top no-repeat;
}

/* blk-ryokan-stay */
#contents .blk-ryokan-stay{
position:relative;
margin:0 auto 25px;
width:742px;
}
#contents .blk-ryokan-stay .img{margin:0;}
#contents .blk-ryokan-stay .cont01{
overflow:hidden;
margin:0 9px 19px 0;
width:392px;
}
#contents .blk-ryokan-stay .wrap-conts{
margin:0 0 9px;
padding:0 0 9px;
background:url(/thai/common/images/bg/ryokan-line01.gif) 0 bottom repeat-x;
}
#contents .blk-ryokan-stay .cont01 .img{
float:left;
width:214px;
}
#contents .blk-ryokan-stay .cont01 .balloon{
float:left;
margin:0;
padding:8px 10px 5px 22px;
width:144px;
min-height:161px;
_height:161px;
background:url(/thai/common/images/bg/ryokan-balloon04.gif) left top no-repeat;
}
#contents .blk-ryokan-stay .cont02{
overflow:hidden;
margin:0 9px 0 0;
width:392px;
}
#contents .blk-ryokan-stay .cont02 .img{
float:right;
width:212px;
}
#contents .blk-ryokan-stay .cont02 .balloon{
float:left;
margin:0;
padding:8px 22px 8px 10px;
width:146px;
min-height:148px;
_height:148px;
background:url(/thai/common/images/bg/ryokan-balloon05.gif) left top no-repeat;
line-height:1.4;
}
#contents .blk-ryokan-stay .cont03{
position:absolute;
top:0;
left:401px;
margin:0;
padding:0 0 0 10px;
width:328px;
background:url(/thai/common/images/bg/ryokan-line02.gif) left top repeat-y;
}
#contents .blk-ryokan-stay .cont03 .balloon{
margin:0;
padding:16px 10px 8px;
min-height:73px;
_height:73px;
background:url(/thai/common/images/bg/ryokan-balloon06.gif) left top no-repeat;
line-height:1.4;
}
#contents .blk-ryokan-stay .cont04{
float:left;
margin:0 9px 19px 0;
padding:0 10px 0 0;
width:505px;
background:url(/thai/common/images/bg/ryokan-line02.gif) right top repeat-y;
}
#contents .blk-ryokan-stay .cont04 .img{
float:left;
width:351px;
}
#contents .blk-ryokan-stay .cont04 .balloon{
float:right;
margin:0;
padding:8px 10px 10px 20px;
width:122px;
min-height:251px;
_height:251px;
background:url(/thai/common/images/bg/ryokan-balloon07.gif) left top no-repeat;
}
#contents .blk-ryokan-stay .cont05{
position:relative;
float:left;
margin:0 0 19px;
width:215px;
}
#contents .blk-ryokan-stay .cont05 .balloon{
margin:0;
padding:20px 10px 8px;
width:195px;
min-height:96px;
_height:96px;
background:url(/thai/common/images/bg/ryokan-balloon08.gif) left top no-repeat;
}

/* blk-ryokan-departing */
#contents .blk-ryokan-departing{
margin:0 auto 13px;
padding:0 0 12px;
width:742px;
background:url(/thai/common/images/bg/ryokan-line01.gif) 0 bottom repeat-x;
}
#contents .blk-ryokan-departing .img{margin:0;}
#contents .blk-ryokan-departing .cont01{
float:left;
margin:0 9px 0 0;
padding:0 10px 0 0;
width:267px;
background:url(/thai/common/images/bg/ryokan-line02.gif) right top repeat-y;
}
#contents .blk-ryokan-departing .cont01 .balloon{
margin:0;
padding:10px 10px 5px;
min-height:36px;
_height:36px;
background:url(/thai/common/images/bg/ryokan-balloon09.gif) left top no-repeat;
}
#contents .blk-ryokan-departing .cont02{
float:left;
width:456px;
}
#contents .blk-ryokan-departing .cont02 .img{
float:right;
width:331px;
}
#contents .blk-ryokan-departing .cont02 .balloon{
float:left;
margin:0;
padding:8px 22px 8px 10px;
width:93px;
min-height:214px;
_height:214px;
background:url(/thai/common/images/bg/ryokan-balloon10.gif) right top no-repeat;
}



/*------------------------------------------------------------
	9.Table
------------------------------------------------------------*/
/* table-type01
----------------------------------------*/
#contents .table-type01{
margin:0 0 20px;
padding:1px 0 1px 1px;
background:url(/thai/common/images/bg/table01.gif) left top;
}
#contents .table-type01 table{
margin:0;
width:100%;
}
#contents .table-type01 th,
#contents .table-type01 td{
padding:10px 12px;
border:0;
background:url(/thai/common/images/bg/table03.gif) right top repeat-y;
text-align:left;
}
#contents .table-type01 thead th,
#contents .table-type01 thead td{
background:url(/thai/common/images/bg/table02.gif) right bottom no-repeat;
background-color:#e5dfd4;
text-align:center;
}
#contents .table-type01 thead .cell01 th,
#contents .table-type01 thead th.cell01{
background-color:#f2efe9;
}
#contents .table-type01 th{
background-color:#e5dfd4;
font-weight:bold;
}
#contents .table-type01 td{background-color:#fff;}
#contents .table-type01 tbody .odd th{background-color:#c9c2b6;}
#contents .table-type01 tbody .odd td{background-color:#f2efe9;}

/* table-type02
----------------------------------------*/
#contents .table-type02{
margin:0 0 20px;
padding:0 0 1px;
background:url(/thai/common/images/bg/line02.gif) left bottom repeat-x;
}
#contents .table-type02 table{
margin:0;
width:100%;
}
#contents .table-type02 th,
#contents .table-type02 td{
padding:8px 15px;
border:0;
background:url(/thai/common/images/bg/line02.gif) left top repeat-x;
text-align:left;
}
#contents .table-type02 th{
font-weight:bold;
}

/* table-align
----------------------------------------*/
#contents table tr.align-type01 th,
#contents table tr.align-type01 td{
text-align:left;
}
#contents table thead.align-type02 th,
#contents table tbody.align-type02 td,
#contents table tr.align-type02 td{
text-align:center;
}
#contents table thead.align-type03 th,
#contents table tbody.align-type03 th,
#contents table tbody.align-type03 td,
#contents table tr.align-type03 th,
#contents table tr.align-type03 td{
text-align:right;
}

#contents table tr.valign-type01 th,
#contents table tr.valign-type01 td,
#contents table th.valign-type01,
#contents table td.valign-type01{
vertical-align:top;
}
#contents table tbody.valign-type02 th,
#contents table tbody.valign-type02 td,
#contents table tr.valign-type02 th,
#contents table tr.valign-type02 td,
#contents table th.valign-type02,
#contents table td.valign-type02{
vertical-align:middle;
}
#contents table tbody.valign-type03 th,
#contents table tbody.valign-type03 td,
#contents table tr.valign-type03 th,
#contents table tr.valign-type03 td,
#contents table th.valign-type03,
#contents table td.valign-type03{
vertical-align:bottom;
}

#contents table .nowrap{
white-space:nowrap;
}


/*------------------------------------------------------------
	10.Top
------------------------------------------------------------*/
/*	main-visual
--------------------------------------*/
#top #main-visual{
margin-bottom:20px;
height:476px;
background:url(/thai/common/images/bg/main-visual01.gif) left top;
position: relative;
}
#top #main-visual .layout{
margin:0 auto;
height:476px;
background:url(/thai/common/images/bg/main-visual02.jpg) center top no-repeat;
}
#top #main-visual h1{
position:absolute;
top:-999em;
}
#top #main-visual ul{
margin:0 auto;
padding-top:13px;
width:1050px;
height:463px;
}
#top #main-visual ul li{
_display:inline;
float:left;
margin:0 10px;
}

/*	travel-intro
--------------------------------------*/
#top #travel-intro{
margin:0 0 30px;
padding:11px 10px 10px;
width:742px;
height:370px;
background:url(/thai/common/images/bg/travel-intro.gif) left top no-repeat;
}
#top #travel-intro .visual{
width:742px;
height:300px;
}
#top #travel-intro .visual ul{
position:relative;
margin:0;
width:742px;
height:300px;
}
#top #travel-intro .visual ul li{margin:0;}

#top #travel-intro .nav{
position:relative;
padding:5px 24px 5px 24px;
width:694px;
height:60px;
background:url(/thai/common/images/bg/travel-intro-nav.gif) left top no-repeat;
}
#top #travel-intro .nav .prev{
position:absolute;
top:3px;
left:0;
}
#top #travel-intro .nav .next{
position:absolute;
top:3px;
right:0;
}
#top #travel-intro .nav .prev-quasi{
display:block;
position:absolute;
top:5px;
left:25px;
width:228px;
height:60px;
cursor:pointer;
}
#top #travel-intro .nav .next-quasi{
display:block;
position:absolute;
top:5px;
left:490px;
width:228px;
height:60px;
cursor:pointer;
}

#top #travel-intro .nav ul{
margin:0;
}
#top #travel-intro .nav ul li{
float:left;
margin:0;
padding:0 2px;
}
#top #travel-intro .nav ul li span{
display:block;
padding:1px;
border:1px solid #bfbfbf;
background:#fff;
}
#top #travel-intro .nav ul .current span{border:1px solid #de4607;}

/*	top-first-view
--------------------------------------*/
#top-first-view{
min-width:1050px;
}
body.first-access #top-welcome{
display:none;
min-width:100%;
}

/*------------------------------------------------------------
	11.Other
------------------------------------------------------------*/
/*	space
--------------------------------------*/
.space-top01{margin-top:0 !important;}
.space-top02{margin-top:5px !important;}
.space-top03{margin-top:1em !important;}
.space-top04{margin-top:2em !important;}
.space-top05{margin-top:3em !important;}

.space-right01{margin-right:0 !important;}
.space-right02{margin-right:10px !important;}
.space-right03{margin-right:20px !important;}
.space-right04{margin-right:30px !important;}
.space-right05{margin-right:50px !important;}

.space-btm01{margin-bottom:0 !important;}
.space-btm02{margin-bottom:5px !important;}
.space-btm03{margin-bottom:1em !important;}
.space-btm04{margin-bottom:2em !important;}
.space-btm05{margin-bottom:3em !important;}

.space-left01{margin-left:0 !important;}
.space-left02{margin-left:10px !important;}
.space-left03{margin-left:20px !important;}
.space-left04{margin-left:30px !important;}
.space-left05{margin-left:50px !important;}


/*------------------------------------------------------------
	clearFix
------------------------------------------------------------*/
#contents .nav-page01:after,
#contents .nav-page02:after,
#contents .nav-page02-col2:after,
#contents .nav-page02-col3:after,
#contents .nav-page02-col5:after,
#contents .nav-page04:after,
#contents .nav-page05:after,
#contents .nav-cont01:after,
#contents .variable:after,
#contents .blk-column01:after,
#contents .blk-section:after,
#contents .blk-section01:after,
#contents .blk-section02:after,
#contents .blk-guide01:after,
#contents .blk-pdf01 dl:after,
#contents .blk-basics01:after,
#contents #basics-visual01 .nav:after,
#contents .blk-ryokan-check:after,
#contents .blk-ryokan-stay:after,
#contents .blk-ryokan-departing:after,
#top #main-visual ul:after,
#top #travel-intro .nav ul:after,
.blk-fix:after,
.clearfix:after{
display:block;
clear:both;
visibility:hidden;
content:".";
height:0;
font-size:0;
line-height:0;
}
#contents .nav-page01,
#contents .nav-page02,
#contents .nav-page02-col2,
#contents .nav-page02-col3,
#contents .nav-page02-col5,
#contents .nav-page04,
#contents .nav-page05,
#contents .nav-cont01,
#contents .variable,
#contents .blk-column01,
#contents .blk-section,
#contents .blk-section01,
#contents .blk-section02,
#contents .blk-guide01,
#contents .blk-pdf01 dl,
#contents .blk-basics01,
#contents #basics-visual01 .nav,
#contents .blk-ryokan-check,
#contents .blk-ryokan-stay,
#contents .blk-ryokan-departing,
#top #main-visual ul,
#top #travel-intro .nav ul,
.blk-fix,
.clearfix{
display:inline-block;
}
#contents .nav-page01,
#contents .nav-page02,
#contents .nav-page02-col2,
#contents .nav-page02-col3,
#contents .nav-page02-col5,
#contents .nav-page04,
#contents .nav-page05,
#contents .nav-cont01,
#contents .variable,
#contents .blk-column01,
#contents .blk-section,
#contents .blk-section01,
#contents .blk-section02,
#contents .blk-guide01,
#contents .blk-pdf01 dl,
#contents .blk-basics01,
#contents #basics-visual01 .nav,
#contents .blk-ryokan-check,
#contents .blk-ryokan-stay,
#contents .blk-ryokan-departing,
#top #main-visual ul,
#top #travel-intro .nav ul,
.blk-fix,
.clearfix{
display:block;
}

/*	travel-banner
--------------------------------------*/
#contents .travel-01-contents {
background:url(/english/common/images/contents/travel-banner-bg-01.jpg) 0 0 repeat;
margin-bottom: 30px;
padding: 16px 16px 0;
}

#contents h2.travel-banner-hdg-l2-01{
margin-bottom:15px;
}


#contents .travel-01-box{
border:solid #034452 2px;
border-top:none;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
margin-bottom:15px;
padding:21px 19px 0;
background:#FFF;
overflow:hidden;
}
#contents .travel-01-box.bg{
background:url(/english/common/images/contents/travel-banner-bg-02.jpg) #fff 100% 100% no-repeat;
}
#contents .travel-01-box .link-list-image{
margin:0 0 0 -21px;
width:708px; /*687+21px*/
}
#contents .travel-01-box .link-list-image li{
float: left;
margin:0 0 21px 21px;
}
#contents .travel-01-contents a:hover img{
opacity:0.8;
-ms-filter: "alpha(opacity=80)";
}

#contents .travel-01-box .link-list{
}
#contents .travel-01-box .link-list li{
padding-left:22px;
background:url(/english/common/images/contents/icon-list-travel-01.png) 0 0.25em no-repeat;
min-height:15px;
}
#contents .travel-01-box .link-list li a{
color:#00543c;
text-decoration:none;
}
#contents .travel-01-box .link-list li a:hover{
text-decoration:underline;
}

/*	black-ribbon
--------------------------------------*/
.black-ribbon {
position: absolute;
top: 0;
right: 0;
}