@charset "utf-8";
/* ----------------------------------------------------
* reset style
* -------------------------------------------------- */
/* for new HTML5 elements */
section, article, aside, hgroup, header, footer, nav, figure, figcaption, summary { display: block; }

/* ----------------------------------------------------
* base style
* -------------------------------------------------- */
body {
	font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	color: #333;
	width:1100px;
	font-size: 16px;
	margin: 0 auto;
	font-weight: 500;
}



body.so1_bg { background-color:#dedcff; }
body.so2_bg { background-color:#eef0ff; }
body.sobs_bg { background-color:#e0f0f5; }
body.so3_bg { background-color:#ffeeef; }
body.so4_bg { background-color:#FBE9FF; }
body.so5_bg { background-color:#99ccFF; }
body.soa_bg { background-color:#FFFFCC; }

body.vp1_bg { background-color:#FFEBDC; }
body.vp2_bg { background-color:#e0f0f5; }
body.vpds_bg { background-color:#FFDFDF; }

body.eoe_bg { background-color:#eeeeee; }
body.laby_bg { background-color:#e8e8e8; }

body.tpc { background-color:#eeeeee;overflow-y:scroll;	width:auto !important; }

.so {background: #6461E2; }
.so1 {background: #3c5ea9; }
.so2 {background: #759fff; }
.so1fd {background: #3c5ea9; }
.so2se {background: #759fff; }
.sobs {background: #217bc8; }
.so3 {background: #473ef1; }
.so4 {background: #6461E2; }
.so5 {background: #6461E2; }
.vp1 {background: #FF9E56; }
.vp2 {background: #377EFF; }
.vpds {background: #D97979; }
.rs {background: #71D88E; }
.iud {background: #EBD26E; }
.eoe {background: #222222; }
.fg {background: #71D88E; }
.laby {background: #d1d2ff; }


a { text-decoration: none; }
a:link {
	color:#6699ff;
	border-bottom:1 dashed #c0c0c0;
	text-decoration:none;
}
a:visited {
	color: #95c7ff;
	border-bottom:1 dashed #c0c0c0;
	text-decoration:none;
}
a:active {color:#999999;
	text-decoration:underline;
}
a:hover {
	color:#ffffff;
	background:#6699ff;
	text-decoration:underline overline;
}


img { border: 0; }

.right { text-align:right; }
.center { text-align:center; }
	
.fs10 {font-size:10px;}
.fs8 {font-size:8px;}
.fs4 {font-size:4px;}
.h450 {height: 450px; }

/* ----------------------------------------------------
* page whole wrapper
* -------------------------------------------------- */
#wrapper {
	background-color:white;
}



/* ----------------------------------------------------
* page header
* -------------------------------------------------- */
/* global navigation */
nav {
	clear:both;
}
nav ul {
	margin:0;
	padding:0;
/*
	background-image:url('/common/img/titlebg.png');
*/
	background-repeat:repeat-x;
}
nav li {
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	list-style:none;
	display: inline;
	height: 20px;
	font-size: 95%;
}
nav li a {
	padding-left:5px;
	padding-right:5px;
	background-color:none;
	text-decoration:none;
	color: #333333;
	text-shadow:1px 1px 1px #ffffff;
	line-height: 15px;
}
nav li a:hover, header nav li a:active {
	background-color:#334d55;
	text-decoration:none;
	color:#ffffff;
	text-shadow:1px 1px 1px #000000;
}


dl {
	margin:5px 5px 5px 5px;
	padding:2px 2px 2px 2px;
	color: green;
	border: solid 1px; 
	background: #EEFFEE;
	width:90%;
}

/* crumb */
.crumb ol {
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;

}
.crumb li {
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	display:inline; 
	list-style-type:none;
	margin-left:5;
	padding-left:6px;
}


h1{
  border:1px solid #336699;
  border-left:10px solid #336699;
  border-right:10px solid #336699;
  padding:8px 0px 8px 10px;
  color:#003366;
}

h2 {
  border:1px solid #336699;
  border-left:8px solid #336699;
  border-right:8px solid #336699;
  text-align:center;
  line-height:160%;
  padding-left:8px;
  background-color:#f0f8ff;
  color:#003366;
}

h3 {
  border:1px solid #336699;
  border-left:6px solid #336699;
  line-height:200%;
  padding-left:8px;
  color:#003366;
}

.h3_2 {
  border:1px solid #336699;
  border-left:6px solid #336699;
  line-height:140%;
  padding-left:4px;
  color:#003366;
}

h4 {
	font-size: 16px;
	color:inherit;
	padding:0px;
	margin:20px 0px 0px 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: dashed;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #6461E2;
	border-left-color: #FFFFFF;
	font-style:oblique;
  color:#003366;
}


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

table.top01 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #CCCCCC;
}

table.top01 th,
table.top01 td {
  vertical-align: top;
}

table.top02 {
  margin: 0em;
  width: 100%;
}

table.top02 th,
table.top02 td {
  vertical-align: top;
  white-space: nowrap;
}

table.top02 .boxlink {
  on
  cursor: pointer;
}


table.tpc {
  margin-top: 0.2em;
  margin-bottom: 1em;
#  width: 500px;
  border-collapse: collapse;
  border: solid 1px #CCCCCC;
}

table.tpc th,
table.tpc td {
  vertical-align: top;
}

table.table01 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #0080FF;
  font-size: 100%;
}



table.t_a1 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border:hidden;
  font-size:14px;
}

table.t_a1 th {
  color: #FFFFFF; 
  background: #95b3d7;
}
table.t_a1 td {
  border:hidden;
  vertical-align:top;
}

table.t_a2 {
  margin-top: 0em;
  margin-bottom: 0em;
  border-collapse: collapse;
  border:hidden;
  font-size: 100%;
}

table.t_a2 th {
  color: #FFFFFF; 
  background: #95b3d7;
}
table.t_a2 td {
	text-align:center;
}

table.t_a3 {
  margin-top: 0em;
  margin-bottom: 0em;
  border-collapse: collapse;
  border:hidden;
}


.t_tda {
border: 1px #1C79C6 solid; 
background: #FF8080;
}

.t_tdb {
border: 1px #1C79C6 solid; 
background: #FFFFDD;
}

.t_tdb_yn {
border: 1px #1C79C6 solid; 
background: #FFFF00;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */ 
}

/* SOチャート */
table.t_f1 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.t_f1 th {
  color: #FFFFFF; 
  background: #6866d6;
  border: solid 1px #606060;
}
table.t_f1 td {
  border: solid 1px #606060;
  vertical-align:top;
}

table.t_f1 thead tr {
  background: #606060;
}


table.t_f2 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.t_f2 th {
  color: #FFFFFF; 
  background: #6866d6;
  border: solid 1px #606060;
}
table.t_f2 td {
//  border: solid 1px #606060;
  vertical-align:top;
text-align:center;
}

table.t_f3 {
  margin-top: 0.2em;
  margin-bottom: 1em;
//  width: 100%;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.t_f3 th {
  color: #FFFFFF; 
  background: #6866d6;
  border: solid 1px #606060;
}
table.t_f3 td {
  border: solid 1px #606060;
  vertical-align:top;
}

table.t_f3 thead tr {
  background: #606060;
}



/* SOキャラ1 */
table.t_c1 {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.t_c1 th {
  color: #FFFFFF; 
  background: #6f6fff;
  border: solid 1px #606060;
}

table.t_c1 tbody tr:nth-child(even) {
 background-color: #EEEEFF;
}

table.t_c1 td {
  border: solid 1px #606060;
  vertical-align:top;
}

table.t_c1 thead tr {
  background: #606060;
}


/* SOキャラ2 */
table.t_c2 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.t_c2 th {
  color: #FFFFFF; 
  background: #6f6fff;
  border: solid 1px #606060;
}

table.t_c2 tbody tr:nth-child(even) {
 background-color: #EEEEFF;
}

table.t_c2 tbody tr:nth-child(odd) {
// background-color: #FFFFFF;
}

table.t_c2 td {
  border: solid 1px #606060;
  vertical-align:top;
}

table.t_c2 thead tr {
  background: #606060;
}


table.t_c3 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.t_c3 th {
  color: #FFFFFF; 
  background: #6f6fff;
  border: solid 1px #606060;
}

table.t_c3 tbody tr:nth-child(even) {
 background-color: #EEEEFF;
}

table.t_c3 td {
  border: solid 1px #606060;
  vertical-align:top;
}

table.t_c3 thead tr {
  background: #606060;
}


table.t_c4 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.t_c4 th {
  color: #FFFFFF; 
  background: #6f6fff;
  border: solid 1px #606060;
}

table.t_c4 td {
  border: solid 1px #606060;
  vertical-align:top;
}

table.t_c4 thead tr {
  background: #606060;
}



table.t_pa {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.t_pa th {
  color: #FFFFFF; 
  background: #6f6fff;
  border: solid 1px #606060;
}

table.t_pa td {
  border: solid 1px #606060;
  vertical-align:top;
}

table.t_pa thead tr {
  background: #606060;
}

/* EoE */
table.t_e1 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.t_e1 th {
  color: #FFFFFF; 
  background: #606060;
  border: solid 1px #A0A0A0;
}

table.t_e1 tbody tr:nth-child(even) {
 background-color: #EEEEEE;
}

table.t_e1 td {
  border: solid 1px #606060;
  vertical-align:top;
}

table.t_e1 thead tr {
  background: #606060;
}


table.t_e2 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.t_e2 th {
  color: #FFFFFF; 
  background: #606060;
  border: solid 1px #A0A0A0;
}

table.t_e2 tbody tr:nth-child(even) {
 background-color: #EEEEEE;
}

table.t_e2 td {
  border: solid 1px #606060;
  vertical-align:top;
}

table.t_e2 thead tr {
  background: #909090;
}



table.t_e3 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.t_e3 th {
  color: #FFFFFF; 
  background: #606060;
  border: solid 1px #A0A0A0;
}



table.t_e3 td {
  border: solid 1px #606060;
  vertical-align:top;

}


table.t_e3 thead tr {
  background: #909090;
}


table.t_e5 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.t_e5 th {
  color: #FFFFFF; 
  background: #606060;
  border: solid 1px #A0A0A0;
}



table.t_e5 td {
  border: solid 1px #606060;
  vertical-align:top;

}


table.t_e5 thead tr {
  background: #909090;
}


/* そのた */
table.t_o1 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.t_o1 th {
  color: #FFFFFF; 
  background: #95b3d7;
  border: solid 1px #606060;
}
table.t_o1 td {
  border: solid 1px #606060;
  vertical-align:top;
}

table.t_o1 thead tr {
  background: #606060;
}


table.t_o2 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.t_o2 th {
  color: #FFFFFF; 
  background: #95b3d7;
  border: solid 1px #606060;
}
table.t_o2 td {
  border: solid 1px #606060;
  vertical-align:top;
}

table.t_o2 thead tr {
  background: #606060;
}




table.tableb4 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border:hidden;
  font-size:14px;
}

table.tableb4 th {
  color: #FFFFFF; 
  background: #95b3d7;
  border: solid 1px #606060;
}
table.tableb4 td {
  vertical-align:top;
}

/* エネミー */
table.t_o5 {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.t_o5 th {
  color: #FFFFFF; 
  background: #95b3d7;
  border: solid 1px #606060;
}
table.t_o5 td {
  border: solid 1px #606060;
}

table.t_o5 thead tr {
  background: #606060;
}


/* */











table.tableb1 th,
table.tableb1 td {
  border: solid 1px #0080FF;
}

table.tableb1 thead tr {
  background: #E1FFFF;
}

table.tableb2 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.tableb2 th {
  color: #FFFFFF; 
  background: #95b3d7;
  border: solid 1px #606060; 
}
table.tableb2 td {
  border: solid 1px #606060;
}

table.tableb2 thead tr {
  background: #606060;
}


table.tableb3 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.tableb3 th {
  color: #FFFFFF; 
  background: #95b3d7;
  border: solid 1px #606060;
}
table.tableb3 td {
  border: solid 1px #606060;
  vertical-align:top;
}

table.tableb3 thead tr {
  background: #606060;
}

table.tableb4 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border:hidden;
  font-size:14px;
}

table.tableb4 th {
  color: #FFFFFF; 
  background: #95b3d7;
  border: solid 1px #606060;
}
table.tableb4 td {
  vertical-align:top;
}

/* ラビリンスエネミー */
table.tableb5 {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.tableb5 th {
  color: #FFFFFF; 
  background: #95b3d7;
  border: solid 1px #606060;
}
table.tableb5 td {
  border: solid 1px #606060;
}

table.tableb5 thead tr {
  background: #606060;
}

table.tableb5 tr td:nth-child(2) {
text-align:right;
}

table.tableb5 tr td:nth-child(5) {
text-align:right;
}

table.tableb5 tr td:nth-child(7) {
text-align:right;
}


table.tableb6 {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
  border-collapse: collapse;
  border: solid 1px #606060;
  font-size:14px;
}

table.tableb6 th {
  color: #FFFFFF; 
  background: #95b3d7;
  border: solid 1px #606060;
}
table.tableb6 td {
  border: solid 1px #606060;
}

table.tableb6 thead tr {
  background: #606060;
}


.odd { background:#ddddd; }
.even { background-color:#eee; }






.bg {background: #EEEEFF; }







.sv {  font-size:11px;  }
.tt {background: #E1FFFF; }
.bg2 {background: #ddFFdd; }
.w {background: #FFFFFF; }
.t {background: #E1FFFF; }
.r {background: #FFECEC; }
.n {background: #bbbbbb; }
.pa {background: #ECFFF5; }
.pa2 {background: #ECFFF5; }
.pc {background: #FFFFDD; }
.pr {background: #ECF9FF; }
.pg {background: #E9FFEC; }

.sc {background: #FF8080; font-weight:bold; }
.br {background: #fabf8f; font-weight:bold; }


.s {height:40px; }
.s2 {height:60px; }
.sp {height:30px; }
.al {width:100%; filter:Alpha(opacity=100 finishOpacity=30 style=3)}

/* ----------------------------------------------------
* font color
* -------------------------------------------------- */



.b {color: #0000FF; }
.re {color: #FF0000; }
.cr {color: #FF8080; }
.r0 {color: #FFECEC; }
.d {color: #000055; font-style:oblique; }
.f {color: #FF0080; }
.p {color: #FF00FF; }
.wh {color: #FFFFFF; }

.bl {color: #2200BB; }
.or {color: #ffc560; }
.ye {color: #f9ff4e; }
.gr {color: #005e15; }

.c101 {color: #0000FF; }
.c102 {color: #F17CE0; }
.c104 {color: #FF9D9D; }
.c105 {color: #808000; }
.c106 {color: #898989; }
.c107 {color: #B07E22; }
.c108 {color: #FF0080; }
.c109 {color: #00CE00; }
.c110 {color: #7777c7; }
.c111 {color: #CC3B83; }
.c112 {color: #8E1EFF; }
.c113 {color: #9A9A9F; }
.c114 {color: #F9BF06; }

.c201 {color: #FF7171; }
.c202 {color: #7f6bef; }
.c203 {color: #C974D8; }
.c204 {color: #9A9A9F; }
.c205 {color: #FF7171; }
.c206 {color: #00CE00; }
.c207 {color: #0000FF; }
.c208 {color: #6FB7FF; }
.c209 {color: #FF9D9D; }
.c210 {color: #BBBB00; }
.c211 {color: #B07E22; }
.c212 {color: #F17CE0; }
.cb01 {color: #8080FF; }
.cb02 {color: #8E1EFF; }
.cb03 {color: #C974D8; }
.cb04 {color: #6FB7FF; }
.cb05 {color: #0000FF; }
.cb06 {color: #00CE00; }
.cb07 {color: #F17CE0; }
.cb08 {color: #B07E22; }
.cb09 {color: #FF9D9D; }
.cb10 {color: #F9B606; }
.cb11 {color: #94E0DE; }
.cb12 {color: #FF7171; }

.c301 {color: #0000FF; }
.c302 {color: #956855; }
.c303 {color: #999999; }
.c304 {color: #BBBB00; }
.c305 {color: #FF4A4A; }
.c306 {color: #00CE00; }
.c307 {color: #8080FF; }
.c308 {color: #5B5B5B; }
.c309 {color: #FBB305; }
.c310 {color: #25033F; }

.c401 {color: #C79F00; }
.c402 {color: #76341E; }
.c403 {color: #58CE91; }
.c404 {color: #FA7994; }
.c405 {color: #347E20; }
.c406 {color: #334CB9; }
.c407 {color: #EE46F0; }
.c408 {color: #F39127; }
.c409 {color: #979797; }

.f_so3dc {color: #CC3B83; font-weight: bold;}
.f_so4i {color: #CC3B83; font-weight: bold;}


.e {color: #ffffff; }
.q {color: #ffffff; font-size:5px;}
.menu {
	background-color:#EEFFEE;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	border-collapse: separate;
	border-top:1px solid #EEFFEE;
	border-bottom:1px solid #0080FF;
	border-left:1px solid #EEFFEE;
	border-right:1px solid #0080FF;
}

.en {
	padding:1px;
	margin:1px;
	border: 1px #8080FF solid; 
	background: #ffffff; 

}

.bs {
	margin:5px 5px 5px 5px;
	padding:2px 2px 2px 2px;
	color: green;

	background: #EEFFEE;
	width:90%;
}


h3.m {
	font-size: 15px;
	color:#336699;
	padding:0.1em;
	margin:20px 0px 0px 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #336699;
	border-left-color: #FFFFFF;
}


pre {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: lightsteelblue;
	margin-left: 5px;
	margin-right: 5px;
	padding: 1px;
	background: white;
}
.it {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: lightsteelblue;
	margin-left: 5px;
	margin-right: 5px;
	padding: 1px;
	background: white;
}
input.send{
	width:150px;
	height:50px;
	font-size: 1.2em;
	margin-bottom: -2px;
	line-height: 20px;
	padding: 0 5px;
}
input.clear{
	width:150px;
	height:30px;
	margin-bottom: -2px;
	line-height: 20px;
	padding: 0 5px;
}

.ifrm-container {
  width:520px;
  height:400px;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  display: inline-block;
  margin: 10px;
}
.ifrm {
  width:100%;
  height:100%;
  border:none;
  display:block;
}

table {
	background-color: ffffff;
}

/* ----------------------------------------------------
* table
* -------------------------------------------------- */
table.so1_wea1 tr td:nth-child(1) {
  background: #99F;
}
table.calendar tr th:nth-child(6) {
  background: #99F;
}

table.calendar tr th:nth-child(7) {
  background: #F99;
}

table.calendar tr td:nth-child(6) {
  color: #009;
}

table.calendar tr td:nth-child(7),
table.calendar tr:nth-child(5) td:nth-child(1) {
  color: #900;
}



/* ----------------------------------------------------
* twitter
* -------------------------------------------------- */
#twitter_ticker {
	border: 1px dashed #CCCCCC;
	padding: 3px;
}
#twitter_ticker .twtr-hd {
	height: 0 !important;
	width: 0 !important;
	display: none !important;
}
#twitter_ticker .twtr-bd p:before {
	content: "Twitter: ";
}
#twitter_ticker .twtr-widget .twtr-tweet-wrap {
	padding: 0 !important;
}
#twitter_ticker .twtr-ft {
	height: 0 !important;
	width: 0 !important;
	display: none !important;
}
.timeline-header
{
display:none !important;
}

div .timeline-header
{
display:none !important;
}

/* ----------------------------------------------------
* 
* -------------------------------------------------- */
#back-top {
	position: fixed;
	bottom: 120px;
	left: 90%;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #5881D6;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #174417;
	background:none;
}
/* arrow icon (span tag) */
#back-top span   { background: #99ddff url("arrow_up.png") no-repeat center; display: block; margin-bottom: 5px; margin-left: 27px; width: 50px; height: 50px; -moz-border-radius: 5px; -moz-transition: 1s; -webkit-border-radius: 10px; -webkit-transition: 1s; border-radius: 10px; transition: 1s 
			 }
#back-top a:hover span {
	background-color: #44dd44;
}

#soa_cafe { 
	position: fixed;
	bottom: 300px;
	left: 85%;
}