/* common.css */
@charset "UTF-8";
/* 共通 */
body,tr {
	margin: 0px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 12pt;
	-webkit-font-smoothing: none;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
} #base {
	width: 1024px;
	height: 100%;
	background-color: #FFFFFF;
	border: 0px solid;
	border-color: #CCCCCC;
/* 表 */
} .list {
	border-collapse: collapse;
	border: 1px solid #DDD;
} .list td {
	padding: 2px;
	line-height: 35px;
	border: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #DDD;
} .list_label {
	background-color: #F5F5F5;
	text-align: center;
	color: #000;
} .data_label {
	background-color: #EEE;
	text-align: center;
	color: #000;
} .list_data {
	text-align: center;
	background-color: #FFF;
} .list .top_row {
	border-top-width: 1px;
} .list .even_row {
	background-color: #f7f5f1;
} .list .r_dot {
	border-right-style: dotted;
	border-right-color: #426291;
} .list .b_dot {
	border-bottom-style: dotted;
	border-bottom-color: #426291;
} .list .r_solid {
	border-right-style: solid;
	border-right-color: #426291;
/* 入力項目 */
} .input_label {
	border-radius: 2px;
	border: 0px solid #BBB;
	text-align: center;
	line-height: 35px;
	float: left;
	margin-top: 3px;
} .input_label_yoyaku {
	border: 1px solid #AAA;
	text-align: center;
	line-height: 20px;
	float: left;
	margin-top: 3px;
	background-color: #bed69e;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#F5F6F7,endColorStr=#d3f7f4); /* IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F6F7', endColorstr='#d3f7f4', GradientType=0)"; /* IE8- */
	background: linear-gradient(to bottom, #F5F6F7, #d3f7f4); IE10 */
	background: -webkit-gradient(linear, left top, left bottom, from(#F5F6F7), to(#d3f7f4)); /* Chrome */
	border-radius: 2px;
} .input_label_white {
	text-align: center;
	line-height: 20px;
	float: left;
	background-color: #FFF;
	border: 1px solid #FFF;
	margin-top: 3px;
	border-radius: 2px;
} .input_cel {
	float: left;
} .input_text {
	padding-left: 5px;
	line-height: 28px;
	margin: 0px;
	font-size: 12pt;
	border:1px solid #DDD;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
} .input_combo {
	padding: 0px;
	height: 30px;
	margin: 0px;
	font-size: 12pt;
	border:1px solid #DDD;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
/* メニューバー */
} #menu_bar {
	width: 1024px;
	height: 40px;
	color: #000;
	background-color: #FFF;
	border:solid 0px;
	border-bottom: dotted 2px #BBB;
} #gmn_name {
	height: 31px;
	line-height: 31px;
	color: #FFF;
	background-color: #333;
	font-size: 11pt;
	border-radius:20px;
	border: solid 0px #fff;
} .menu_gmn_bt {
	width: 100px;
	line-height: 30px;
	text-align: center;
	border-radius: 2px;
	font-size: 10pt;
} #db_link {
	margin-left: 10px;
	height: 28px;
	line-height: 28px;
	color: #333;
	font-size: 11pt;
} #time {
	font-weight: bold;
} #logout_bt {
	width: 80px;
	line-height: 20px;
	border-radius: 2px;
} div.point {
	margin-left:10px;
	
	margin-top: -3px;
	/*
	margin-bottom: -3px;
	*/
	float: left;
} div.point > span {
	font-size: 9pt;
	border-radius: 2px;
	background-color: #ffdddd;
	padding-left: 7px;
	padding-right: 7px;
	/*
	margin-left: 34px;
	*/
/* メニューエリア */
/*
} #gmn_select_space {
	width: 1024px;
	height: 80px;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
*/
/* position: absoluteでやろうと思ったが、他の画面でHKと同様の実装があったと思うので、同じように実装する。処理速度の影響もないので。 */
} #gmn_select_follow_scroll {
	display: none;
	background-color: #FFF;
	position: fixed; /* 表示位置を固定 */
	top: 0px; /* 表示位置を固定 */
	left: 15px;
} #gmn_select {
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
	/*
	position: absolute;
	top: 42px;
	left: 0px;
	*/
} .button .gmn_bt {
	width: 105px;
	line-height: 30px;
	text-align: center;
	border-radius: 2px;
} #gmn_select .button, #gmn_select_follow_scroll .button {
	width: 105px;
	height: 80px;
	text-align: center;
	border-radius: 2px;
	background-color: #e5dfd3;
	transition: background-color .5s linear 0;
	-webkit-transition: all .5s;
} #gmn_select .button:hover, #gmn_select_follow_scroll .button:hover {
	cursor:pointer;
	border:0px solid #BBB;
	color: #FFF;
	background-color: #ff8888 !important;
} #gmn_select .button:hover a, #gmn_select_follow_scroll .button:hover a {
	color: #FFF;
	background-color: #ff8888 !important;
} #gmn_select .button img, #gmn_select_follow_scroll .button img {
	margin-top:15px;
/* ボタン */
} .button {
	text-align: center;
} .button a {
	margin: 0px;
	float:left;
	border:0px solid #222;
	background-color: #e5dfd3;
	text-decoration: none;
	color: #222;
	padding: 0px;
	transition: background-color .5s linear 0;
	-webkit-transition: all .5s;
} .button a:hover{
	cursor:pointer;
	border:0px solid #BBB;
	color: #FFF;
	background-color: #ff8888;
} .button a.active{
	border:1px solid #bbb;
	background-color: #f3c47c;
	font-weight: bold;
	color: #000000;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#f3c47c); /* IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3c47c', GradientType=0)"; /* IE8- */
	background: linear-gradient(to bottom, #ffffff, #f3c47c); /* IE10 */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3c47c)); /* Chrome */
} .button a.save_bt {
	font-size: 10pt;
	width: 400px;
	line-height: 30px;
	text-align: center;
	border-radius: 2px;
/* テキストボタン */
} a.text_bt {
	color: black;
	font-size: 11pt;
	padding: 6px;
	position: relative;
	z-index: 2;
} a.text_bt:hover {
	color: #fff;
} a.text_bt::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	transition: all .2s;
	-webkit-transition: all .2s;
	top: -100%;
	left: 0%;
	width: 100%;
	height: 100%;
} a.text_bt:hover::after {
	top: 0;
	left: 0;
	background-color: #333;
} .underline {
	text-decoration: underline;
/* 文字スタイル */ 
} .num {
	text-align: right;
	font-size: 15pt;
} .char {
	text-align: left;
} .bold {
	font-weight: bold;
/* 行揃え */
} .center {
	text-align: center;
} .right {
	text-align: right;
} .left {
	text-align: left;
/* 文字幅 */
} .width25 {
	width: 25px;
} .width50 {
	width: 50px;
} .width75 {
	width: 75px;
} .width100 {
	width: 100px;
} .width150 {
	width: 150px;
} .width200 {
	width: 200px;
} .width250 {
	width: 250px;
} .width300 {
	width: 300px;
} .width350 {
	width: 350px;
} .width400 {
	width: 400px;
/* 背景色 */
} .green {
	background-color: #e9fcce;
} .yellow {
	background-color: #fcf8ce;
} .orange {
	background-color: #f4e7a3;
} .pink {
	background-color: #f7dfd3;
} .blue {
	background-color: #a8ccef;
} .purple {
	background-color:#f4ddff;
} .brown {
	background-color:#dfc291;
} .cyan {
	background-color:#52c4c5;
} .gray {
	background-color:#dddddd;
} .red {
	background-color:#ffcccc;
} .sum {
	background-color:#FFCCCC;
} .day {
	background-color: #EEE;
	text-align: center;
} .sat {
	background-color: #ccccff;
	text-align: center;
} .sun {
	background-color: #FFCCCC;
	text-align: center;
/* TOPボタン */
} #top_bt {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 30px;
	font-size: 18pt;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background-color: #8bc34a;
	position: fixed;
	bottom: -60px;
	left: 960px;
	cursor:pointer;
	transition: .3s;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
} #top_bt:hover {
	background-color: #668E36;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
} .clearfix:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
} #popup_base {
	width: 1024px;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 42px;
	background-color: #000000;
	filter: alpha(opacity=50);
	opacity:0.5;
	display: none;
	z-index: 50;
/* お気に入り */
} div.clickable_area[data-is-favorite="0"] img.favorite.off {
	opacity: 1;
} div.clickable_area[data-is-favorite="0"] img.favorite.on {
	opacity: 0;
} div.clickable_area[data-is-favorite="1"] img.favorite.off {
	opacity: 0;
} div.clickable_area[data-is-favorite="1"] img.favorite.on {
	opacity: 1;
/*favorite=1でホバーした時にもopacityを変えると、ホバーしている時はいつでも薄くなってしまうので、コメントアウト
} div.clickable_area[data-is-favorite="1"]:hover img.favorite.on {
	opacity: 0.5;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
*/
} div.clickable_area[data-is-favorite="0"]:hover img.favorite.on {
	opacity: 0.5;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	transition-duration: 0.2s;
} div.clickable_area[data-is-favorite="0"]:hover img.favorite.off {
	opacity: 0;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	transition-duration: 0.2s;
}