/* CSS Document */

/* ========== Global ========== */

body { min-width:990px; /*height:100%;*/ margin:0; padding:0; background-color:#FFFFFF; font-family:Microsoft Sans Serif, Meiryo; font-size:14px; color:#333333; letter-spacing:1px; line-height:20px; }

/* Link */
a:link { color: #6699CC; text-decoration: none; }
a:visited { color: #6699CC; text-decoration: none; }
a:hover { color: #FFCC00; text-decoration: none; }
a:active { color: #FFCC00; text-decoration: none; }

/* div */
div { box-sizing: border-box; }

/* Image */
img { border:0; margin:0; padding:0; }
.imgshadow { box-shadow: 0px 1px 2px #CCCCCC; }
.imgshadow_medium { box-shadow: 0px 1px 2px #999999; }
.imgshadow_dark { box-shadow: 0px 1px 2px #333333; }

/* Font */
h1 { margin:20px 0 20px 0; padding:0; font-size:26px; line-height:30px; color:#0E5F5F; text-transform:uppercase; /*uppercase only in admin*/ }
h2 { margin:0 0 15px 0; padding:0; font-size:20px; line-height:24px; }
h3 { margin:0 0 10px 0; padding:0; font-size:16px; line-height:20px; }

p { margin-top:0; }

/*blockquote { margin: 10px 0 10px 0; padding:15px; border-left: 5px solid #FF9900; background-color:#EEEEEE; display:block; }*/



.font_red { color: #CC0000; }

.font_orange { color: #FF9933; }

.font_remark_common { color:#999999; font-size:11px; margin:10px 0 10px 0; }

.font_subtitle { color:#FF9900; font-size:10px; font-weight:normal; }

/* Form */
form { margin:0 ; padding:0; border:0; line-height:24px; }
form input { font-family:Microsoft Sans Serif, Meiryo; font-size:14px; color:#7B7B7B; letter-spacing:1px; }
form textarea { font-family:Microsoft Sans Serif, Meiryo; font-size:14px; color:#7B7B7B; letter-spacing:1px; resize:vertical; }
form select { font-family:Microsoft Sans Serif, Meiryo; font-size:14px; color:#7B7B7B; letter-spacing:1px; }
form input:disabled, textarea:disabled { background-color:#EEEEEE; }

.frontform { padding: 20px 0 0 0; }
.frontform_label { width:200px; margin:0 20px 20px 0; float:left; display:inline-block; font-weight:bold; }
.frontform_detail { width:490px; margin:0 0 20px 0; float:left; display:inline-block; }
.frontform_buttonline { width:710px; margin:0; text-align:right; padding: 20px 0 0 0; border-top:1px solid #999; }
.frontform_remark { margin:10px 0 0 0; color:#999999; font-size:11px; line-height:20px; }

.adminform { padding: 15px 0 0 0; border-top:3px solid #0E5F5F; }

.textbox_frontform_medium { width:480px; height:16px; margin:0; padding:3px; border:1px solid #CCCCCC; background-color:#FFFFFFF; }
.textbox_frontform_short { width:180px; height:16px; margin:0; padding:3px; border:1px solid #CCCCCC; background-color:#FFFFFFF; }

.textmultibox_frontform_medium { width:480px; height:150px; margin:0; padding:3px; border: 1px solid #CCCCCC; background-color:#FFFFFF; }

/*--------------------*/

.button { margin:0; padding:0; width:150px; height:30px; border:1px solid #999999; font-weight: bold; color:#666666; }

.label_lang { margin:0 0 0 0; padding:0 2px; display:inline-block; width:25px; height:24px; color:#FFFFFF; font-weight:bold; text-align:center; }
.label_lang_multibox { margin:0 4px 0 0; padding:0 2px; display:inline-block; width:25px; height:24px; color:#FFFFFF; font-weight:bold; text-align:center; float:left; }
.label_lang_en { background-color:#006699; } 
.label_lang_jp { background-color:#990000; } 
.label_lang_th { background-color:#FFCC00; } 

.textbox_normal { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; height: 18px; width: 702px; background-color:#FFFFFF; }
.textbox_normal_lang { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; height: 18px; width: 668px; background-color:#FFFFFF; }
.textbox_half { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; height: 18px; width: 337px; background-color:#FFFFFF; }
.textbox_half_lang { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; height: 18px; width: 303px; background-color:#FFFFFF; }
.textbox_triple { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; height: 18px; width: 215px; background-color:#FFFFFF; }
.textbox_triple_lang { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; height: 18px; width: 181px; background-color:#FFFFFF; }

.textbox_short { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; height: 18px; width: 202px; background-color:#FFFFFF; }
.textbox_mini { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; height: 18px; width: 102px; background-color:#FFFFFF; }
.textbox_mini2 { margin:0 0 3px 0; padding:2px; border:1px solid #CCCCCC; height: 15px; width: 70px; background-color:#FFFFFF; }
.textbox_micro { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; height: 18px; width: 62px; background-color:#FFFFFF; }

.textmultibox_normal { margin:0 0 15px 0; padding:3px; border: 1px solid #CCCCCC; height: 80px; width: 702px; background-color:#FFFFFF; }
.textmultibox_normal_lang { margin:0 0 15px 0; padding:3px; border: 1px solid #CCCCCC; height: 80px; width: 668px; background-color:#FFFFFF; }
/**/
.textmultibox_triple_lang { margin:0 0 15px 0; padding:3px; border: 1px solid #CCCCCC; height: 60px; width: 181px; background-color:#FFFFFF; }

.selectbox_normal { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; width: 710px; background-color:#FFFFFF; }
.selectbox_half { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; width: 345px; background-color:#FFFFFF; }
.selectbox_triple { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; width: 223px; background-color:#FFFFFF; }

/*
.textbox_medium { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; height: 18px; width: 326px; background-color:#FFFFFF; }

.textbox_mini { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; height: 18px; width: 102px; background-color:#FFFFFF; }
.textbox_mini2 { margin:0 0 3px 0; padding:2px; border:1px solid #CCCCCC; height: 15px; width: 70px; background-color:#FFFFFF; }
.textbox_readonly { background-color:#EEEEEE; }

.textbox_searchpanel_mini { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; height: 14px; width: 60px; background-color:#FFFFFF; }

.textbox_distancelabel { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; height: 18px; width: 200px; background-color:#FFFFFF; }
.textbox_distancedetail { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; height: 18px; width: 60px; background-color:#FFFFFF; }


.textmultibox_medium { margin:0 0 15px 0; padding:3px; border: 1px solid #CCCCCC; height: 80px; width: 326px; background-color:#FFFFFF; }



.selectbox_searchpanel { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; width: 668px; background-color:#FFFFFF; }
.selectbox_searchpanel_mobile { margin:0 0 15px 0; padding:3px; border:1px solid #CCCCCC; width: 440px; background-color:#FFFFFF; }


.radiodiv_searchform { margin:0 0 10px 0; }
*/

.selectopt_major { font-weight:bold; } 


.radiodiv_admform { margin:0 0 15px 0; }

.formlabel { margin:0 0 5px 0; font-weight:bold; }
.formlabel_ex { font-size:12px; font-weight:normal; color:#CCCCCC; }

input[readonly] { background:#EEEEEE; }


.line_solid_thin { margin:20px 0 20px 0; padding:0; border-top:1px solid #999999; width:100%; line-height:0; }
.line_solid_med { margin:20px 0 20px 0; padding:0; border-top:2px solid #999999; width:100%; line-height:0; }

.line_dot_thin { margin:20px 0 20px 0; padding:0; border-top:1px dotted #999999; width:100%; line-height:0; }
.line_dot_med { margin:20px 0 20px 0; padding:0; border-top:2px dotted #999999; width:100%; line-height:0; }

.line_admform { margin:15px 0 15px 0; padding:0; border-top:1px solid #999999; width:100%; line-height:0; }

/*.sectitle_admform { margin:15px 0 15px 0; padding:0; border-bottom:2px solid #999999; width:100%; font-size:18px; font-weight:bold; color:#999999; text-transform:uppercase; }*/
.sectitle_admform { margin:0; padding:5px; width:100%; border-bottom:5px solid #FFFFFF; background-color:#0E5F5F; cursor:pointer; outline:none; }
.sectitle_admform h3 { margin:0; padding:3px 0; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; font-size:16px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; }
.secbody_admform { padding:10px 0 15px 0; }

/* ========== Global ========== */

.header { width:100%; margin:0; padding:20px 0; background-position:center; background-repeat:no-repeat; background-image:url(images/head_bg_01.png); }
.header_area { position:relative; }
.header_textphase { width:100%; margin:0; padding:0; position:absolute; z-index: 10; top:0; text-align:center; font-size:10px; letter-spacing:2px; color:#FFFFFF; }
.header_langbar { width:100%; margin:0; padding:0; position:absolute; z-index: 20; bottom:-10px; text-align:right; }


.mainbg { width:100%; margin:0; padding:0; background-position:top; background-repeat:repeat-x; background-image:url(images/bg_menu.png); }
.mainbg_decor { width:100%; margin:0; padding:0; background-position:top center; background-repeat:no-repeat; background-image:none; }

.bodypanel { width:950px; margin:auto; }

.mainpanel { width:710px; margin:0 25px 0 0; padding:0; display:block; float:left; }

.sidepanel { width:215px; margin:0; padding:0; display:block; float:left; }

/* may be adm_mainpanel */

.menupanel { width:950px; height:60px; margin:0; padding:19px 0 20px 0; font-size:16px; font-family:HGMaruGothicMPRO; color:#FFFFFF; }
.menupanel ul { margin:0; padding:0; list-style:none; vertical-align:middle; }
.menupanel ul li { margin-right:15px; padding:0; display:inline; }
.menupanel #lastitem { margin-right:0; }
.menupanel a:link { color: #FFFFFF; text-decoration: none; }
.menupanel a:visited { color: #FFFFFF; text-decoration: none; }
.menupanel a:hover { color: #FFCC00; text-decoration: none; }
.menupanel a:active { color: #FFCC00; text-decoration: none; }

.dropmain { cursor: pointer; }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { width: 200px; border-top:3px solid #339999; display: none; position: absolute; background-color: #FFF; z-index:90; font-family:Microsoft Sans Serif, Meiryo; font-size:14px; }
.dropdown-content a { padding:5px; border-bottom:1px dotted #999999; display: block; }
.dropdown-content a:link { color: #6699CC; text-decoration: none; }
.dropdown-content a:visited { color: #6699CC; text-decoration: none; }
.dropdown-content a:hover { color: #FFCC00; text-decoration: none; background-color: #0E5F5F; }
.dropdown-content a:active { color: #FFCC00; text-decoration: none; }
.dropdown:hover .dropdown-content { display: block; }
.dropdown:hover .dropmain { color: #FFCC00; }




.sectionbar { margin:30px 0 10px 0; }
.sectionbar_bg { width:665px; height:45px; margin:0; padding:0; background-image:url(images/section_02.png); background-repeat:repeat-x; }
.sectionbar_textphase { height:45px; margin-right:20px; }
.sectionbar_decor { width:150px; height:45px; background-image:url(images/section_04.png); background-repeat:repeat-x; }
.sectionbar h2 { margin:0; font-size:18px; font-weight:lighter; line-height:45px; color:#FFFFFF; }

.breadcrumb { width:100%; height:15px; margin:20px 0 0 0; border-bottom:1px solid #0E5F5F; text-align:right; }
.breadcrumb_textphase { margin:0; padding:0 0 5px 10px; font-size:11px; color:#999999; background-color:#FFFFFF; }



.col2_left { margin:0; padding:0; display:block; float:left; }
.col2_right { margin:0; padding:0 0 0 20px; display:block; float:left; }
.col2_line_left { margin:0; padding:0 19px 0 0; border-right:1px solid #CCCCCC; display:block; float:left; }
.col2_line_right { margin:0; padding:0 0 0 20px; display:block; float:left; }
.col2_form_left { margin:0; padding:0 10px 0 0; display:block; float:left; }
.col2_form_right { margin:0; padding:0 0 0 10px; display:block; float:left; }
.col2_formline_left { margin:0; padding:0 9px 0 0; border-right:1px solid #999999; display:block; float:left; }
.col2_formline_right { margin:0; padding:0 0 0 10px; display:block; float:left; }

.reclist { width:100%; padding:10px 0 7px 0; border-bottom:1px dotted #999; }
.col2_reclist_left { margin:0 0 3px 0; padding:0; display:block; float:left; }
.col2_reclist_right { margin:0 0 3px 0; padding:0 0 0 20px; display:block; float:left; }

.col2_building_left { width:300px; margin-right:25px; display:block; float:left; }
.col2_building_right { width:385px; display:block; float:left; }

.col3_gallery_left { width:220px; padding:10px 0 10px 0; margin-right:25px; display:block; float:left; font-weight:bold; } /* use for all column except the last one */
.col3_gallery_right { width:220px; padding:10px 0 10px 0; display:block; float:left; } /* use only the last one */

.col3_form_left { margin:0; padding:0 10px 0 0; display:block; float:left; }
.col3_form_center { margin:0; padding:0 10px 0 10px; display:block; float:left; }
.col3_form_right { margin:0; padding:0 0 0 10px; display:block; float:left; }

/* *****************  */
.tricolleft { width:210px; margin:0; padding:0 20px 20px 0; }
.tricolcenter { width:210px; margin:0; padding:0 19px 20px 19px; border-left:1px solid #E1E1E1; border-right:1px solid #E1E1E1; }
.tricolright { width:210px; margin:0; padding:0 0 20px 20px; }
.tricolleftmergecenter { width:459px; margin:0; padding:0 19px 0 0; border-right:1px solid #E1E1E1; }
/* *****************  */

.logobox_300 { width:300px; margin-bottom:20px; padding:10px; text-align:center; }
.clickbox_300 { width:300px; margin-top:10px; padding:5px; border:1px solid #C90; background-color:#FFCC00; text-align:center; color:#FFFFFF; }

.iconsitebar { padding:0 10px 0 0; width:134; text-align:center; font-size:11px; color:#999999; }

.subjsummary { padding:10px 0 20px 0; }
.subjtitle { margin-bottom:8px; font-size:16px; }

.sitelist { width:710px; margin:0; padding:20px 0 20px 0; border-bottom:1px dotted #CCCCCC; } /*width:710px; margin:10px 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #CCC;*/
.sitelist .clickbox { width:210px; margin-top:5px; padding:5px; border:1px solid #C90; background-color:#FFCC00; text-align:center; color:#FFFFFF; }
.sitelist_img { width:210px; margin:0 20px 0 0; padding:0; float:left; display:inline-block; }
.sitelist_img a:hover div { opacity: 0.8; }
.sitelist_info { width:480px; margin:0; padding:0; float:left; display:inline-block; }
.sitelist_info .iconset { margin:5px 0 0 0; }
.sitelist_info .segment { width:220px; margin:0 20px 5px 0; float:left; display:inline-block; }
.sitelist_info .segment .segtitle { margin-right:5px; font-weight: bold; }


/*.sitelist { width:710px; margin:0; padding:25px 0 25px 0; border-bottom:1px dotted #CCCCCC; }
.sitelist .clickbox { background-color:#FF9900; border:1px solid #CC6600; padding:5px; margin:5px 0 0 0; text-align:center; color:#FFFFFF; }
.sitelist_img { width:210px; margin:0 20px 0 0; padding:0; float:left; display:inline-block; }
.sitelist_img a:hover div { opacity: 0.8; }
.sitelist_info { width:480px; margin:0; padding:0; float:left; display:inline-block; }
.sitelist_info .segment { width:220px; margin:0 20px 0 0; float:left; display:inline-block; }
.sitelist_info .segment .segtitle { margin-right:5px; font-weight: bold; color:#FF9900; }
.sitelist h2 { margin:0 0 5px 0; padding:0; font-size:18px; color:inherit; }*/




.pagenav { margin:0; padding:5px 0 5px 0; border-top:2px solid #999999; border-bottom:2px solid #999999; width:710px; font-size:11px; color:#666666; overflow:hidden; }
.pagenav .label { margin:0 10px 0 0; display:block; float:left; font-weight:bold; }
.pagenav ul { margin:0; padding:0; list-style:none; }
.pagenav ul li { margin:0 5px 0 0; padding:0; width: 20px; height: 20px; display:block; float:left; text-align:center; cursor:pointer; }
.pagenav ul li a { margin:0; padding:0; width: 20px; height: 20px; display: block; float:left; background-color:#FF9900; color:#333333; }
.pagenav ul li #pagenavselected { background-color:#333333; color:#FF9900; font-weight:bold; }



.adminimgpreview { width:710px; padding:10px; margin:10px 0; border:1px solid #CCC; text-align:center; }


.footer { width:100%; margin:40px 0 0 0; padding:0; background-color:#0E5F5F; color:#CCC; font-size:11px; line-height:16px;}
.footer_area { width:950px; margin:auto; padding:30px 0 20px 0; }
.footer_left { width:475px; margin:0; padding-right:20px; display:block; float:left; }
.footer_right { width:474px; margin:0; padding-left:20px; border-left:1px solid #538282; display:block; float:left; }
.footer_title { margin-bottom:20px; font-size:16px; font-weight:lighter; color:#FFCC00; }
.footer_comname { margin:5px 0 20px 0; font-size:16px; font-weight:bold; color:#99CC00; }
.footer_sitemap { width:210px; display:block; float:left; }
.footer_sitemap .submenu { padding-left:10px; }
.footer a:link { color: #669999; text-decoration: none; }
.footer a:visited { color: #669999; text-decoration: none; }
.footer a:hover { color: #FFCC00; text-decoration: none; }
.footer a:active { color: #FFCC00; text-decoration: none; }

/*.footer { padding:20px 30px 30px 30px; color:#CCCCCC; font-size:11px; line-height:16px; }
.footer_left { width:420px; padding-right:29px; }
.footer_right { width:420px; padding-left:30px; border-left:1px solid #808080; }
.footer_title { margin-bottom:20px; font-size:16px; font-weight:lighter; color:#FF9900; }
.footer_comname { margin:5px 0 20px 0; font-size:16px; font-weight:bold; color:#99CC00; }
.footer_sitemap { width:200px; display:inline-block; float:left; }
.footer_sitemap .submenu { padding-left:15px; }*/

/* ===== */

.tbmenu { margin:0; padding:0; width:710px; height:21px; }
.tbmenu ul { margin:0; padding:0; list-style:none; vertical-align:middle; }
.tbmenu ul li { margin-right:5px; padding:0; display:inline; }

.dvtb { margin:15px 0 0 0; padding:0; font-size:13px; }
.dvtb ul { margin:0; padding:0; list-style:none; }
.dvtb ul li { display:block; margin:0; padding:8px 0 2px 0; border-bottom:1px solid #CCCCCC; width:710px; overflow:hidden; }
.dvtb ul li .dvtcell { margin:0 1px 0 1px; padding:0 5px 0 5px; float:left; overflow:hidden; }
.dvtb ul li #cellleft { margin:0 1px 0 0; }
.dvtb ul li #cellright { margin:0 0 0 1px; }
.dvtb .dvthead { padding:6px 0 6px 0; background-color:#0E5F5F; color:#FFFFFF; font-weight:bold; }
.dvtb .dvtmoverec { cursor:move; }

/* ===== */

.clr { clear:both; padding:0; margin:0; background:none;}


/* =============================================================== */
/* http://www.menucool.com */

#sliderFrame 
{
    position:relative;
    width:710px;
    margin:0 auto; /*center-aligned*/
}

#slider, #slider div.sliderInner {
    width:710px;height:250px;/* Must be the same size as the slider images */
}

#slider {
	background:#fff url(images/slide_loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto; /*center-aligned*/
    transform: translate3d(0,0,0);
    /*box-shadow: 0px 1px 5px #999999;*/
}

/* image wrapper */
#slider a.imgLink, #slider div.video {
	z-index:2;
	position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}
#slider .video {
	background:transparent url(video.png) no-repeat 50% 50%;
}

/* Caption styles */
#slider div.mc-caption-bg, #slider div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:10px 0;/* 10px will increase the height.*/
	left:0px; /*if the caption needs to be aligned from right, specify by right instead of left. i.e. right:20px;*/
	bottom:0px;/*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
#slider div.mc-caption-bg 
{
    /* NOTE: Its opacity is to be set through the sliderOptions.captionOpacity setting in the js-image-slider.js file.*/
	background:Black;/* or any other colors such as White, or: background:none; */
}
#slider div.mc-caption-bg2 {
    background:none;
}
#slider div.mc-caption {
	font: bold 14px/20px Arial;
	color:#EEE;
	z-index:4;
	text-align:center;
    background:none;
}
#slider div.mc-caption a {
	color:#FB0;
}
#slider div.mc-caption a:hover {
	color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
/* Note: check themes\2\js-image-slider.css to see how to hide nav bullets */
#slider div.navBulletsWrapper  {
    top:270px;/* Its position is relative to the #slider */
	text-align:center;
	background:none;
	position:relative;
	z-index:5;
}

/* each bullet */
#slider div.navBulletsWrapper div 
{
    width:11px; height:11px;
    font-size:0;color:White;/*hide the index number in the bullet element*/
    background:transparent url(images/slide_bullet.png) no-repeat 0 0;
    display:inline-block; *display:inline; zoom:1;
    overflow:hidden;cursor:pointer;
    margin:0 6px;/* set distance between each bullet*/
}

#slider div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */

#slider div.loading 
{
    width:100%; height:100%;
    background:transparent url(images/slide_loading.gif) no-repeat 50% 50%;
    filter: alpha(opacity=60);
    opacity:0.6;
    position:absolute;
    left:0;
    top:0; 
    z-index:9;
}

#slider img, #slider>b, #slider a>b {
	position:absolute; border:none; display:none;
}

#slider div.sliderInner {
	overflow:hidden; 
	-webkit-transform: rotate(0.000001deg);/* fixed the Chrome not crop border-radius bug*/
	position:absolute; top:0; left:0;
}

#slider>a, #slider video, #slider audio {display:none;}