@charset "utf-8";




@media only screen and (min-width: 822px) {
    
#txt_fade ul li{    display: none;
}

#pankuzu_a{ z-index:100; position:relative;}
.bg_khmer{ background-image:url(images/bg_Khmer.gif) ; margin-top:-28px; padding-bottom:30px;}
.box_kimg{ background-image:url(images/bg_kimg.gif); margin:0px auto; width:100%; background-position:center 13px; background-repeat:no-repeat; text-align:center;}
/*.box_kimg{ background-image:url(images/bg_kimg.gif); margin:0px auto; width:100%; height:269px; background-position:center; background-repeat:no-repeat; text-align:center;}*/

.box_contents{background-image:url(images/bg_note.gif); background-repeat:repeat-y; width:900px; margin:-142px auto 0px auto; padding:0px 30px 20px 30px; background-color:#FFF; border-top:15px #FFF solid;border-bottom:15px #FFF solid;}


.bg_khmer h2{ padding:0px; border:0px; margin:0px;}
.box_kimg h2{padding:50px 0px 0px 0px; float:left}
/* ie6.7*/
.box_kimg h2{ position:relative; z-index:10;}

.box_cl{ width:550px;margin:0px auto; padding-left:480px;overflow:hidden; text-align:left;}


.box_cl ul { padding:110px 0px 0px 60px;}
.box_cl ul li{ margin-bottom: 3px;}

.td_center{ padding:80px 15px 0px 15px;}
.bg_navi{ background-image:url(images/bg_navi.gif); width:183px; height:457px; background-repeat:no-repeat;}
.bg_navi ul{ overflow:hidden; width:150px;margin:0px; padding:110px 0px 0px 12px;}
.bg_navi ul li{ float:left; padding-left:15px;}
.bg_navi ul li img:hover{
	display: inline;
	background-color:#FF0

}
    
    
   .khmer_key{
    text-align:center;
    padding: 0px 20px 10px 0px;
}
    
    .khmer_key_list{
     text-align:center;
     padding:10px 0px;
    }    

.list_key{ width:860px; background-color:#FFF; padding:15px 15px 15px 0px; overflow:hidden; letter-spacing:1px; line-height:200%; margin-top:5px;}
.list_key li{ float:left;}
.list_key li a{ float:left; margin-left:20px;}

.list_outline{ margin-top:-15px; line-height:190%; letter-spacing:1px; font-size:14px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#tate{   width:700px;height: 330px !important; padding:150px 0px 0px 30px; font-weight: 600}
/* ie67 */
div.taketori-col{ /height:300px !important;}

#tate h2{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size:22px; padding:0px 0px 10px 0px; font-weight: bold}


.list_outline h2{ padding:50px 0px 10px 0px;}

.khmer_map{ background-image:url(images/bg_map.gif); width:890px; height:438px; padding:5px; margin-top:50px;}
.list_map{
	padding:0px 10px 60px 30px;
	line-height:200%;
}
.list_map h2{ padding:0px 0px 10px 5px;}

.pointer_map{z-index:15; position: relative; top:-420px; left:-170px; width:174px; height:71px;}

.list_khmer span{ display: inline-block; text-align:center;background-color:#008ac9; padding:0px 1px 2px 1px; color:#FFF; font-size:10px; height:14px; width:14px; margin-right:5px; line-height:17px;border-radius:2px;}
h4{ font-size:14px; line-height:15px; margin-bottom:5px;}

.list_khmer td{line-height:160%; padding-bottom:15px;}

.list_tour_khmer{width:600px; line-height:160%; margin:8px auto 0px auto}
.list_tour_khmer td{line-height:160%; padding-bottom:10px;}
.list_tour_khmer strong span.red{color:#ff5a2e; }

.list_tour_khmer img{ 
    width:140px;
    height:93px; 
    padding:0px 7px 5px 0px;
    }
.list_tour_khmer a img:hover{	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.sttl_detail{
	background-color:#008ac9;
	font-size:10px;
	color:#FFF;
	width:38px;
	text-align:center;
	line-height:12px;
	padding-bottom:1px;
	display:inline-block;
	margin-right:3px;
}


.list_tour_khmer .strong{
	line-height:130%;
	display:inline-block;
}

.box_tour_out{background-image:url(images/dotted.gif); padding:1px;}
.box_tour{  padding:10px 10px 20px 10px; background-color:#FFF; text-align:left;}
.box_tour h2{ text-align:center; margin:30px 0px 5px 0px;}

#RolloverMap{margin-left:220px;}
#imgmap{margin-left:220px;}

/* tooltip */
.tooltip{
	width:560px;
	margin:-80px 0px 0px -200px;
	padding:20px;
	font-size:12px;
	line-height:150%;
	color:#666;
	background:#fff;
	border:6px solid #bcd91a;
/*	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";*/}
.tooltip h3{ font-size:18px;opacity:1;	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0px 0px 5px 0px; padding:4px 0px 0px 8px; line-height:80%; border-left:5px #bcd91a solid;}
.tooltip p{	color:#666;margin:0;text-align:justify;}
.tool_img img{ width: 170px !important}

.tooltip table {
    vertical-align: middle !important;  
}
.tooltip tbody {
    vertical-align: middle !important;  
}
.tooltip tr {
    vertical-align: middle !important;  
}.tooltip td {
    vertical-align: middle !important;  
}
#tooltip_3 .tool_img{
    width: 250px;
}


.tool_img{
	padding-right:15px;
	font-size:10px;
	line-height:120%;
 width: 170px !important}


/*　ポラロイド部分 */
#tiles {
list-style-type: none;
position: relative; /** Needed to ensure items are laid out relative to this container **/
margin: 0;
}

/**
 * Grid items
 */
#tiles li {
width: 275px;
background-color: #ffffff;
border: 1px solid #dedede;
/**display: none;  Hide items initially to avoid a flicker effect **/
cursor: pointer;
padding: 10px;
font-size:
}

#tiles li.long {
width: 570px;
}
#tiles li img {
display: block;
}

#tiles li a img:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/**
 * Grid item text
 */
#tiles li p {
color: #444;
font-size: 10px;
margin: 5px 0 0 5px;
line-height:140%;
font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/**
 * Some extra styles to randomize heights of grid items.
 */
#tiles ali:nth-child(3n) {
height: 175px;
}

#tiles ali:nth-child(4n-3) {
padding-bottom: 30px;
}

#tiles ali:nth-child(5n) {
height: 250px;
}

.cf_element{
	text-align:center;
	background-repeat:no-repeat;
	background-position:center;
	height:390px;
	margin-top:-42px;
	position: relative; top: 0px; z-index:-50;
}
.cf_element h2{
	border:0px;
	padding:110px 0px 0px 0px;
}


/**** Demos ****/

#khmer_container {
  margin-bottom: 20px;
  width:900px;
  overflow:hidden
}

.centered { margin: 0 auto; }

.box {
  margin: 5px;
  padding: 15px;
  background: #f9f7f4;
  font-size: 12px;
  float: left;
  text-align: left;
}

.box h3 {
	padding-bottom:5px;
}

.box img,
#tumblelog img {
  display: block;
  margin-bottom:5px;
}

#khmer_container .imgR{margin: 0px 0px 5px 5px;}


.rtl .box {
  float: right;
  text-align: right; 
  direction: rtl;
}



.col1 { width: 260px; }
.col2 { width: 560px; }
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 480px; }

header .box {
	margin: 0;
	padding: 0;
	background: inherit;
	font-size: 0;
	float: none;
}

}


@media only screen and (max-width: 821px) {



    
.list_outline{ margin-top:-15px; line-height:190%; letter-spacing:1px; font-size:14px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    position:absolute;
    top: -290px;
    left: 25px;
    width: 150px;
    height: 295px;
    }
        
.box_contents
    {background-image:url(images/bg_note.gif); 
        background-repeat:repeat-y; 
        width:auto; 
        position: relative;
        padding:30px 0px 0px 0px;
    }    
    
.bg_navi{ background-image:url(images/bg_navi.gif); 
    background-size:cover;
    width:150px; 
    height:315px; 
    background-repeat:no-repeat;
    }
    
.bg_navi ul{ overflow:hidden; width:150px;margin:0px; padding:80px 0px 0px 3px;}
.bg_navi ul li{ float:left; padding-left:12px;}
.bg_navi ul li img:hover{
	display: inline;
	background-color:#FF0

}
    
    
#tate{ 
    width:88%; 
    padding:20px 0px 0px 25px;
    font-size:14px;
    }


#tate h2{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
    font-size:22px; 
    font-weight: bold;
    padding:0px 0px 10px 0px;
    text-align: center;
}

.khmer_map{
    padding: 50px 0px 50px 0px;
}

.khmer_map h2{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
    font-size:22px; 
    font-weight: bold;
    padding: 0px 0px 10px 0px;
    text-align: center;
}

.khmer_map p{
    display:inline-block;
    padding: 0px 20px 10px 20px;
    font-size:14px;
}
    
    
.mymap {
    overflow: hidden;
}



    .khmer_key{
    padding: 0px 20px 10px 20px;
    margin: 0 auto;
}
    .khmer_key_list{
    font-size: 14px;
    align-text:left;
    padding:10px 0px;
    }  
    
    .khmer_key h2{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
    font-size:22px; 
    font-weight: bold;
    padding: 0px 0px 10px 0px;
    text-align: center;
}

    .khmer_key h2 span{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; 
    font-size:34px; 
    font-weight: bold;
    color:tomato;
}
    
    .list_key{ 
        background-color:#FFF;
        padding:10px; 
        overflow:hidden; 
        letter-spacing:1px; 
        line-height:200%; 
        margin-top:5px;
    }
    
    
    .list_key li{ 
        float:left;
    }
    
    .list_key li::before {
        content: url("./images/key.gif");
        transform: scale(0.5);
        vertical-align: middle;
        padding: 0px 2px 0px 7px;
    }
    


    
    
  .box {
  margin: 10px;
  padding: 25px;
  background: #f9f7f4;
  font-size: 14px;
  float: left;
}

.box h3 {
	padding-bottom:5px;
}

.box img,
#tumblelog img {
  display: block;
  margin-bottom:5px;
}

#khmer_container .imgR{margin: 0px 0px 0
    px 5px;}

#khmer_container .imgR-sp{margin: 0px 0px 0
    px 5px;}

.rtl .box {
  float: right;
  text-align: right; 
  direction: rtl;
}



.col1 { width: 80%; }
.col2 { width: 80%; }
.col3 { width: 80%; }
.col4 { width: 80%; }
.col5 { width: 80%; }

header .box {
	margin: 0;
	padding: 0;
	background: inherit;
	font-size: 0;
	float: none;
}
    
    
    
.list_tour_khmer{
    margin:8px auto 0px auto;
    }
    
table.list_tour_khmer tr td{
    vertical-align: top;
    padding:0px 5px 20px 0px;
    }
    
.list_tour_khmer strong span.red{color:#ff5a2e; }

.list_tour_khmer img{ 
    width:110px;
    height:76px; 
    padding:0px 7px 5px 0px;
    }
    
.list_tour_khmer a img:hover{	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

    .sttl_detail{
	background-color:tomato;
	font-size:10px;
	color:#FFF;
	width:38px;
	text-align:center;
	line-height:12px;
	padding-bottom:1px;
	display:inline-block;
	margin-right:3px;
}

    
   
   
  }