*{letter-spacing:0pt; line-height:14pt;}

/*---public-------------------------------------------------------------*/

body{
font-size:13px; color:#2F4F4F; margin:0px; background-color:#ccc;
 background-image:url('../gif/outline_bg.gif'); background-repeat:repeat-y; background-position:center;
}
a{color:royalblue; font-size:13px; text-decoration:none;}
a:hover{color:#ff4500;}
td{font-size:13px; color:#2F4F4F;}

h1{font-size:20px; margin:20px 0px; background-image:url('../gif/dot_line.gif'); height:30px; background-position:bottom; background-repeat:repeat-x;}

h2{line-height: 0em; margin:5px 0px; text-align:center; font-size:13px;}
h3{margin:10px 0px;}
#badge1{width:30px; height:120px; position:fixed; top:450px; right:0px;}
#badge2{width:30px; height:120px; position:fixed; top:450px; left:0px;}
#badge3{width:30px; height:120px; position:fixed; top:500px; left:0px;}



.line{height:11px; background-image: url('../gif/dot_line.gif'); clear:both;}
.line_s{height:11px; background-image: url('../gif/dot_line.gif'); clear:both; margin:0px 15px;}



/*---for default-------------------------------------------------------------*/

.main_column{margin-top:50px; background-color:#ffffff; font-size:13px; color:#2F4F4F; margin-right:10px; padding:0px; text-align:left; width:490px; float:right; border:solid 0px #dddddd; display:inline;}

.left_column{margin-top:100px; background-color:#ffffff; font-size:13px; color:#2F4F4F; margin-left:10px; padding:0px; width:400px; border:solid 0px #dddddd;}


/*---default menu---------------------------------------------------------------*/
#ssm a{ display:block; text-align:left; margin:2px 0px; background-repeat:no-repeat; background-position:15px 50%; border:solid 1px #dddddd; height:100px;}

#ssm a:hover{color:#2F4F4F; background-color:#fff0f5; border:solid 1px #ee82ee; }

#ssm_focus div{background-color:#fff0f5; text-align:left; margin:2px 0px; background-repeat:no-repeat; background-position:15px 50%; border:solid 2px #ee82ee; height:100px;}
#ssm_focus span{ display:block; margin:15px 10px 15px 110px;}

#ssm span{ display:block; margin:15px 10px 15px 110px;}
#sp{margin:10px;}


#all_list{margin-top:50px; padding:0px 20px;}



.l_line{height:11px; background-image: url('../gif/dot_line.gif'); margin:10px 0px;}
#chick{ margin:0px; background-repeat:no-repeat; background-position:5px 50%; background-image: url('../gif/chick.gif');}
#chick div{ margin-left:95px; padding:10px 5px;}
#chick a{font-weight:bold; color:#ff8c00;}
#link{ margin:0px; background-repeat:no-repeat; background-position:5px 50%; background-image: url('../gif/do.gif');}
#link div{ margin-left:95px; padding:15px 5px;}

/*---contents-------------------------------------------------------------*/

/*
.c_outline{margin:0px auto; width:980px; background-color:#fff; border:solid 1px gray;}
.c_main{background-color:#ffffff; font-size:13px; width:768px; float:right; margin:30px 15px 0px 0px; padding:0px; text-align:left;}
.c_left{background-color:#ffffff; font-size:13px; color:#2F4F4F; margin:40px 0px 0px 0px; padding:0px; width:160px; position:fixed; margin-top:-20px;}
.c_right{background-color:#ffffff; font-size:13px; color:#2F4F4F; margin:20px 0px 0px 5px; padding:0px; width:160px;}
*/


.c_outline{margin-left:auto; margin-right:auto; width:920px; background-color:#fff; padding:50px 10px 0px;}

.c_outline div.c_main{width:728px; float:right; padding-bottom:20px;}
.c_outline div.c_left{width:160px; height:600px; float:left; position:fixed; margin-top:-20px;}


.c_copy{color:#fff; background-color:#111; text-align:center; font-size:13px; padding:4px 0px; clear:both; font-weight:bold; z-index:9; position:fixed; bottom:0px; width:100%;}






#msq_off{border:solid 1px #cccccc; background-color:#fafafa; text-align:center; margin:3px 0px; font-size:12px; padding:2px; height:100px;}
#msq_off img{border:solid 1px #cccccc;}
#msq_off p{margin:2px;}
#msq_off a{font-size:12px; font-weight:nomal;}


#msq_on{border:solid 1px #cccccc; background-color:#ffefd5; text-align:center; margin:3px 0px; font-size:12px; padding:2px; height:100px; font-weight:bold; color:#cd5c5c;}
#msq_on img{border:solid 1px #cccccc;}
#msq_on p{margin:2px;}

#arrow{padding:0px; margin:0px 0px; text-align:center;}

#head_line{ height:20px; top:250px; position:absolute;  text-align:center; }
#head_line div{width:950px; text-align:center; }

#bottom_line{height:20px; clear:both; text-align:center;}
#bottom div{width:950px; text-align:center;}

#sp_line{clear:both; padding:10px 0px; text-align:center;}


#g_336{text-align:center; margin:20px 0px;}

#agoda_336{text-align:left; margin-left:200px; font-weight:bold;}
#agoda_160{text-align:left; font-weight:bold;}
#agoda_160 p{margin-top:35px;}

#rpick{border:solid 1px #cccccc; background-color:#fafafa; text-align:center; margin:0px 3px; font-size:12px; padding:2px; width:160px; height:100px; float:left;}
#rpick img{border:solid 1px #cccccc;}
#rpick p{margin:2px;}
#rpick a{font-size:12px; font-weight:nomal;}
#rpick_out{padding-left:75px;}

#sp{clear:both; height:20px;}

.adkey{display:none;}


#sform{ top:40px; position:absolute;}
#sform div{text-align:right; margin-left:540px; width:300px;}
#sform form{margin:0px;}



/* left menu */

#l_menu{display:inline; font-size:12px; }

#l_menu div{display:block; height:110px; border:solid 1px #cccccc; background-color:#ffefd5; text-align:center; margin:3px 0px; font-size:12px; background-position:center 1px; background-repeat: no-repeat; color:#cd5c5c;}

#l_menu a{display:block; height:110px; border:solid 1px #cccccc; background-color:#fafafa; text-align:center; margin:3px 0px; font-size:12px; background-position:center 1px; background-repeat: no-repeat;}

#l_menu a:hover{border:solid 1px #cccccc; background-color:#fff0f5; color:#cd5c5c;}

#l_menu span{display:block; margin-top:72px;}

#l_menu b{display:block; height:110px; border:solid 1px #cccccc; background-color:#fafafa; text-align:center; margin:3px 0px; padding-top:10px;}

/* random pickup */

#ext{clear:both; margin:10px; padding-left:50px; text-align:center;}

#ext a{display:block; width:200px; height:110px; border:solid 1px #cccccc; background-color:#fafafa; text-align:center; margin:3px; font-size:12px; background-position:center 1px; background-repeat: no-repeat; float:left;}

#ext a:hover{border:solid 1px #cccccc; background-color:#fff0f5; color:#cd5c5c;}
#ext span{display:block; margin-top:72px;}

.ky{font-size:13px; font-weight:normal;}




a.m_off{ display:block; text-align:left; margin:2px 2px; background-repeat:no-repeat; background-position:10px 50%; border:dotted 1px #ddd; height:90px; float:left; width:240px;}
a.m_off:hover{color:#2F4F4F; background-color:#fff0f5; border:solid 1px #ee82ee; }
a.m_off span{ display:block; margin:30px 10px 15px 90px;}


a.m_on{ display:block; text-align:left; margin:2px 2px; background-repeat:no-repeat; background-position:10px 50%; color:#2F4F4F; background-color:#fff0f5; border:solid 1px #ee82ee;height:90px; float:left; width:240px;}
a.m_on:hover{color:#2F4F4F; background-color:#fff0f5; border:solid 1px #ee82ee; }
a.m_on span{ display:block; margin:30px 10px 15px 90px;}
/*--------------------------------------------------------------------------------------*/

#ylink{
z-index:1;
position:fixed;
top:0px;
width:100%;
text-align:center;
font-size:13px;
color:#fff;
font-weight:bold;
line-height:18px;
background-color:#111;
padding:5px;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
}
#ylink a{color:#fff; text-decoration:underline; margin:0px 10px;}
#ylink b{color:yellow; margin:0px 10px;}





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

#google_translate_outside{
position:absolute;
width:100%;
top:70px;
 z-index:999;
}

#google_translate_inside{
width:900px; margin:0px auto; text-align:right;
}

#google_translate_element{
width:200px; padding:5px;  margin-left:700px; text-align:center;
position:static; right:0px;
    background-color: #111;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
}



#photoframe{background-image:url('../gif/waku.gif'); background-position: right bottom; border-width:0px; padding:10px 13px 23px 10px; margin:0px 15px 15px 0px;}
#photoframe img{margin:12px 15px 22px 12px; border:solid 1px #cccccc;}

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

#arrow_l{
display:block;
position:fixed; top:50px; left:30px; width:100px; height:100px;
background-image:url('../gif/arrow_set.gif'); background-position: 0px 0px;
text-align:center; color:#fff; font-weight:bold;
line-height:100px;
}
#arrow_l:hover{background-image:url('../gif/arrow_set.gif'); background-position: -100px 0px;}

#arrow_r{
position:fixed; top:50px; right:30px; width:100px; height:100px;
background-image:url('../gif/arrow_set.gif'); background-position: 0px -100px;
text-align:center; color:#fff; font-weight:bold;
line-height:100px;
}
#arrow_r:hover{background-image:url('../gif/arrow_set.gif'); background-position: -100px -100px;}

#round{
position:fixed; top:180px; left:30px; width:100px; height:100px;
background-image:url('../gif/arrow_set.gif'); background-position: 0px -200px;
text-align:center; color:#fff; font-weight:bold;
line-height:100px;
}
#round:hover{background-image:url('../gif/arrow_set.gif'); background-position: -100px -200px;}

a.nedoko{position:fixed;
top:180px; right:10px; font-size:13px; width:130px; text-align:center;
padding:5px;
display:block; color:#fff; text-decoration:none;
background-image:url('../gif/arrow_set.gif'); background-position: 400px 0px;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
color:#ffffff;
background-color: #111;
}
a.nedoko:hover{background-image:url('../gif/arrow_set.gif'); background-position: 200px 0px;}
a.nedoko p{margin:5px;}
a.nedoko img{border:solid 1px #ccc;}