@charset "UTF-8";
/*
body {
	font: 13px/1.5 Arial,Helvetica,"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",sans-serif;  
    *font-size: small;
    *font: x-small;
	line-height: 1.3;
}
*/

body {
	padding: 0;
	margin: 0;
}

/*
html, body, #map {
	//width:100%;
	//height: 100%;
	//width:320px;
//	height:320px;
	height:512px;
	background:#000000;
}
*/

#map {
	//width:100%;
	//height: 100%;
	//width:320px;
	//height:310px;
	height:320px;
	//height:350px;
	//height:400px;
	background:#000000;
}


h2.date  {  
	background-color:#000000;
    padding: 10px;
    color:#ffffff;
	text-shadow: -1px -1px 0px #4c515e;
	font-size: 120%;
	vertical-align: middle;
	overflow: hidden;
}

h2.date a {
    color:#ffffff;
}


.typh_btn{
	position: absolute; 
	right: 10px; 
	color:#000000;
    background: #EEE;
    border: 1px solid #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 90px;
    padding: 10px 0;
	text-align: center;
	font-size: 120%;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
/*
.typh_comment{
	position: absolute; 
	bottom: 0px; 
	//top: 0px; 
	//height:200px; 
	background: #000000;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    padding: 20px 10px;
	font-size: 110%;
	color:#fff;
}
*/

.middle{
    vertical-align: middle;
}


/* my weather
-------------------------------------------------------------------------------- */

.h-illust {
	position: absolute;
	top: -5px;
	left: 0;
}

#myweather {
	margin: 10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border: solid 1px #c0d5da;
	background: #fff;
	position: relative;
	overflow: visible;
	display: block;
	-webkit-box-shadow: 1px 1px 3px rgb(187, 207, 213);
	-moz-box-shadow: 1px 1px 3px rgb(187, 207, 213);
	-ms-box-shadow: 1px 1px 3px rgb(187, 207, 213);
	box-shadow: 1px 1px 3px rgb(187, 207, 213);
	position: relative;
}

#myweather h2 {
	padding: 0 15px 0 35px;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(139, 188, 224)),color-stop(0.9, rgb(103, 162, 211)));
	background-image: -moz-linear-gradient(180deg,rgb(139, 188, 224) 0%,rgb(103, 162, 211) 99%);
	background-image: linear-gradient(180deg,rgb(139, 188, 224) 0%,rgb(103, 162, 211) 99%);
	-ms-box-shadow: 2px 2px 4px #6791b0;
	text-shadow: -1px -1px 0px #6791b0;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	border: 1px solid #fff;
	line-height: 2;
	font-size: 120%;
}

#myweather h2 a {
	padding: 0 20px 0 0;
	//background: url(../images/common/link_arrow2.png) no-repeat right center;
	background: url(../../images/common/link_arrow2.png) no-repeat right center;
	color: #fff;
}

#myweather #chiten {
	border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	
	position: absolute;
	right: 5px;
	top: 5px;
}

#myweather #chiten a {
	width: auto;
	margin: 0;
	color: #25779a;
	font-size: 110%;
	display: block;	
	
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: solid 1px #409fb9;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0.6, rgb(255, 255, 255)),color-stop(0.9, rgb(228, 228, 228)));
	background-image: -moz-linear-gradient(180deg,rgb(255, 255, 255) 61%,rgb(228, 228, 228) 92%);
	background-image: linear-gradient(180deg,rgb(255, 255, 255) 61%,rgb(228, 228, 228) 92%);
	line-height: 1.5;
}

#myweather #chiten a span {
	//background: url(../images/top/icon_haguruma.png) no-repeat 5px center;
	background: url(../../images/top/icon_haguruma.png) no-repeat 5px center;
	display: block;
}

#myweather #chiten a span span {
	padding: 0 13px 0 20px;
	//background: url(../images/top/link_arrow_chiten.png) no-repeat 95% center;
	background: url(../../images/top/link_arrow_chiten.png) no-repeat 95% center;
}

/* weather slide */

#weather-slide {
	//padding: 5px 10px;
	padding:5px 0 5px 0;
	overflow: hidden;
	border-top: solid 1px #e8e8e8;
}

#weather-slide .slides {
	overflow: hidden;
}

#myweather ul .data {
	height: 1%;
	margin: 0 0 5px 0;
	border-bottom: solid 1px #d1e6f0;
	overflow: hidden;
}

#myweather ul .area {
	float: left;
	white-space: nowrap;
	font-size: 130%;
}

#myweather ul .day {
	float: right;
}

#myweather ul .icon {
	float: left;
	clear: both;
}

.landscape #myweather ul .icon {
	width: 24%;
	text-align: center;
}

.landscape #myweather ul .icon img {
	display: inline!important;
}

#myweather ul .weather-data {
	float: right;
	width: 175px;
}

.android #myweather ul .weather-data {
	width: 165px;
}

.android.landscape #myweather ul .weather-data {
	width: 75%;
}

#myweather ul .weather-data * {
	white-space: nowrap;
}

#myweather ul .weather-data dl {
	padding: 0 0 3px 0;
	margin: 0 0 3px 0;
	overflow: hidden;
	border-bottom: solid 1px #d1e6f0;
}

#myweather ul .weather-data dl:last-child {
	border: none;
}

#myweather ul .weather-data dt {
	display: table-cell;
	vertical-align: middle;
}

#myweather ul .weather-data dd {
	margin: 0 0 0 6px;
	display: table-cell;
	vertical-align: middle;
}

#myweather ul .weather-data .temp dt span {
	padding: 0 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #db3b69;
	color: #fff;
}

#myweather ul .weather-data .temp dd {
	font-size: 140%;
}

#myweather ul .weather-data dd span {
	padding: 0 4px;
	font-size: 95%;
}

#myweather ul .weather-data .rain dt span {
	padding: 0 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #5087c9;
	color: #fff;
}

#myweather ul .weather-data .rainfall {
	color: #2b6ebe;
	font-size: 130%;
}

#myweather ul .weather-data .rainfall:after {
	content: "%";
	font-size: 85%;
}

/* for iphone */

.iphone #weather-slide.slide .item,
.other #weather-slide.slide .item  {
	width: 270px;
	padding: 0 45px;
	white-space: nowrap;
	display: inline-block;
} 

@media screen and (max-width: 320px) {
.iphone #weather-slide.slide .item,
.other #weather-slide.slide .item {
	width: 270px;
	padding: 0 5px;
	white-space: nowrap;
} 
}

.iphone #weather-slide .containerInner,
.other #weather-slide .containerInner  {
	width: 100%;
	overflow: auto;
}

.iphone #weather-slide .containerInner ul, 
.other #weather-slide .containerInner ul {
//    width:1425px;
//    width:2850px;
}

.iphone #weather-slide .containerInner li,
.other #weather-slide .containerInner li {
	width: 100%;
	float: left;
}

/* for ipad */

.ipad #weather-slide.slide .item  {
	width: 270px;
	padding: 0 85px;
	white-space: nowrap;
	display: inline-block;
} 

@media screen and (max-width: 480px) {
.ipad #weather-slide.slide .item {
	width: 480px;
	padding: 0 5px;
	white-space: nowrap;
} 
}

.ipad #weather-slide .containerInner  {
	width: 100%;
	overflow: auto;
}

.ipad #weather-slide .containerInner ul {
    width:1925px;
}

.ipad #weather-slide .containerInner li{
	width: 100%;
	float: left;
}

/* for Android */

.android #myweather {
	display: block;
}

.android #myweather #chiten {
	background: none;
	display: block;
}

.android .hidden * {
	display: none;
}

/* slider
-------------------------------------------------------------------------------- */

/* common */

.slide {
	overflow: hidden;
}

.slide-nav .prev {
	float: left;
}

.slide-nav .next {
	float: right;
}

.slide-nav .prev,
.slide-nav .next {
	display: block;
	margin: 0 5px;
}

.slide-nav .prev:active,
.slide-nav .next:active {
	background: #e8e8e8;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.nav {
	padding: 5px 0 0 0;
	text-align: center;
}

.slide-nav {
	text-align: center;
}

.iphone .slide-nav {
	margin: 10px 0 0 0;
}

.slide-nav ul {
	display: inline-block;
}

.slide-nav ul li {
	padding: 0 5px;
	float: left;
}

.slide-nav ul li a {
	width: 10px;
	height: 10px;
	display: block;
	text-indent: -9999px;
	margin: 0 10px;
	display: inline-block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: solid 1px #a1a1a1;
	background: #e8e8e8;
}

.slide-nav ul li.selected a {
	background: #b3b3b3;
}

.slide .moving {
	-webkit-transition: -webkit-transform .2s ease-out;
} /* スピード等は任意です。 */


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

/*
.tbl-yoso {
	border-collapse: collapse;
	//text-align: center;
	width: 100%;
}

.tbl-yoso th {
	background: #a8d8b9;
	padding: 5px;
	white-space: nowrap;
	color:#fff;
}

.tbl-yoso th.nobg {
	background: none;
}

.tbl-yoso th, .tbl-yoso td {
	padding: 5px;
	border: solid 1px #8cc06c;
	//text-align: center;
    font-size:100%;
}

.tbl-yoso td {
	background: #fff;
	color:#000000;
}


.tbl-now {
	border-collapse: collapse;
	//text-align: center;
	width: 100%;

}

.tbl-now th {
	background: #007ac9;
	padding: 5px;
	white-space: nowrap;
	color:#fff;
}

.tbl-now th.nobg {
	background: none;
}

.tbl-now th, .tbl-now td {
	padding: 5px;
	border: solid 1px #0063a4;
	//text-align: center;
    font-size:100%;
}

.tbl-now td {
	background: #fff;
	color:#000000;
}
*/

.tbl-yoso {
	border-collapse: collapse;
	//text-align: center;
	width: 100%;
	font-size:120%;

}

.tbl-yoso th {
	background: #007ac9;
	padding: 5px;
	white-space: nowrap;
	color:#fff;
	text-align: left;
}

.tbl-yoso th.nobg {
	background: none;
}

.tbl-yoso th, .tbl-yoso td {
	padding: 5px;
	//border: solid 1px #0063a4;
	border: solid 1px #007ac9;
	//text-align: center;
    //font-size:100%;
//    font-size:16px;
    font-size:17px;
}

.tbl-yoso td {
	background: #fff;
	color:#000000;
}


.middle{
    vertical-align: middle;
}

/*
.typh_comment  {  
	position: absolute; 
	bottom: 0px; 
	//top: 300px; 
	background-color:#000000;
    //padding: 10px;
    padding: 5px 0 10px 0;
    color:#ffffff;
	//text-shadow: -1px -1px 0px #4c515e;
	font-size: 120%;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    width:100%;
}
*/

.typh_comment  {  
	background-color:#000000;
	//margin: -4px 0 0 0;
	margin: 0 0 8px 0;
    padding: 5px 0;
    color:#ffffff;
	//text-shadow: -1px -1px 0px #4c515e;
//	font-size: 120%;
	font-size: 17px;
}

.typh_comment p {  
	padding: 5px 10px 5px 10px;
}

.typh_comment1  {  
	background-color:#000000;
	margin: -4px 0 0 0;
    padding: 10px;
    color:#ffffff;
	//text-shadow: -1px -1px 0px #4c515e;
//	font-size: 120%;
	font-size: 17px;
}


.typhbosai {
	font-size: 120%;
}



/* news
-------------------------------------------------------------------------------- */



.news {
//	margin: 0 10px 10px 10px;
	position: relative;
}

.news .tit {
    padding: 10px;
	background-color:#000000;
    color:#ffffff;
	text-shadow: -1px -1px 0px #4c515e;
//	font-size: 130%;
	font-size: 17px;
    vertical-align: middle;
}


.news a {
	display: block;
    //color:#ffffff;
    //color:#808080;
}

.news .all {
	position: absolute;
	top: 7px;
	right: 10px;
	//border: solid 1px #a3a399;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	//background-color:#00a0dd;
	background-color:#c40026;
}

.news .all a {
	padding: 4px 15px 4px 10px;
	//background: url(../../images/common/link_arrow4.png) no-repeat 95% center;
	background: url(./link_arrow2.png) no-repeat 95% center;
	-webkit-background-size: auto 50%;
	-moz-background-size: auto 50%;
	-o-background-size: auto 50%;
	-ms-background-size: auto 50%;
}


/* アコーディオン
-------------------------------------------------------------------------------- */
/* menu panel
-------------------------------------------------------------------------------- */

#navi h3 {
	padding: 6px 10px;
	color: #fff;
//	font-size: 150%;
	font-size: 17px;

}

#navi a {
	display: block;
}

/* menu */
#menu {
//	margin: 0 10px 10px 10px;
	position: relative;
}

#menu h3 {
	//background: #0063a4;
	background: #00416b;
	//background-image: -moz-linear-gradient(top, #0063a4, #002856);
	//background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #0063a4), color-stop(1.0, #002856));
	//border-bottom: solid 1px #002856;
	border-bottom: solid 2px #c40026;
	text-shadow: -1px -1px 0px #000a16;
	border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
}


#menu ul li a,
#menu ul li .cat {
	border-top: solid 1px #fff;
	border-bottom: solid 1px #d8d3b5;
	border-left: solid 1px #d8d3b5;
	border-right: solid 1px #d8d3b5;
	//font-size: 150%;
	font-size: 130%;
	//padding: 10px 60px 10px 45px;
}


#menu ul li .cat {
	display: block;
	cursor: pointer;
	//padding: 12px 2% 12px 45px;
	padding: 12px 10px 12px 12px;
	text-align: center;
}

#menu ul li .cat:after {
	width: 12px;
	height: 20px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	content: "";
	float: right;
	background-position: right center;
	background-repeat: no-repeat;
}

#menu ul li .open:after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
}


#menu #iconsiel-list .cat:after {
	background-image: url(./img/link_arrow_menu_iconsiel.png);
}

#menu #iconsiel-list .cat {
	//background: #f3efe3;
	background: #f2e8e2;
	color: #8c1b27;
	border-bottom-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
}

#menu #iconsiel-list ul li a {
	padding: 10px 60px 10px 15px;
}

#menu li ul {
	border-top: solid 1px #f3efe3;
}

#menu li ul li {
	font-size: 80%;
	background-position: 10px center;
	background-repeat: no-repeat;
	background-color: #f3d4ca;
}

#menu li ul li a {
	background: url(./img/link_arrow_menu_lower.png) no-repeat 97% center;
	border-bottom: dotted 1px #95817b;
	border-top: none;
}

#menu li ul li:last-child a {
	border-bottom: none;
}

#menu .all {
	position: absolute;
	//top: 4px;
	top: 38px;
	right: 10px;
	//border: solid 1px #a3a399;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	//background-color:#00a0dd;
	background-color:#c40026;
}


#menu .all a {
	padding: 4px 23px 4px 10px;
	//background: url(../../images/common/link_arrow4.png) no-repeat 95% center;
	background: url(../images/common/link_arrow2.png) no-repeat 95% center;
	-webkit-background-size: auto 50%;
	-moz-background-size: auto 50%;
	-o-background-size: auto 50%;
	-ms-background-size: auto 50%;
	color:#ffffff;
	font-size: 130%;
}

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

.btn-hanrei {
	margin: 0 15px 0 0;
	padding: 5px 7px 5px 7px;
	background: #86796C;
	background-image: -moz-linear-gradient(top, #998e80, #86796c);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #998e80), color-stop(1.0, #86796c));
	border-radius: 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
	border: solid 1px #908475;
	font-size: 80%;
	display: inline-block;
}

.btn-hanrei span {
	margin: 0px 0 0 0;
	padding: 0 15px 0 0;
	background: url(../img/top/arrowR_w.png) no-repeat 99% 70%;
	text-shadow: -1px -1px 0px #7a6b5c;
	vertical-align: top;
	display: inline-block;
	font-size: 140%;
}

.img-r2 {
	 text-align: right;
	 //margin: 12px 0 5px 0;
	 margin: 3px 0 3px 0;
}

.credit {
	margin: 3px;
	text-align: right;
	font-size: 100%;
	color: #737373
}



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

.box_ul {
	width: 140px;
	//border: 1px solid #ccc;
	border-radius: 10px;
	background-color: #ffffff;
	padding: 2px;
	position: absolute; 
	top: 5px;
	left: 5px; 
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
	z-index:2;
}
	
.box_ur {
	width: 140px;
	//border: 1px solid #ccc;
	border-radius: 10px;
	background-color: #ffffff;
	padding: 2px;
	position: absolute; 
	top: 5px;
	right: 5px; 
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
	z-index:2;
}

.box_dl {
	width: 140px;
	//border: 1px solid #ccc;
	border-radius: 10px;
	background-color: #ffffff;
	padding: 2px;
	position: absolute; 
	bottom: 10px;
	left: 5px; 
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
	z-index:2;
}

.box_dr {
	width: 140px;
	//border: 1px solid #ccc;
	border-radius: 10px;
	background-color: #ffffff;
	padding: 2px;
	position: absolute; 
 	bottom: 10px;
	right: 5px; 
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
	z-index:2;
}

.infobox {
	width: 140px;
}

/*
ul.typhtab {
    list-style: none;
}
*/

ul.typhtab li {
	width: 32px;
	//width: 33%;
	//height: 40px;
	font-size: 12px;
	//line-height: 30px;
	text-align: center;
	margin: 2px 1px 2px 1px;
	padding:2px 3px;
	border-radius: 5px;
	display: inline-block;
}

/*
ul.typhtab li:hover {
    color: #FF0000;
}
*/


ul.typhtab li.active {
	color: #ffffff;
	background: #F97171;
}

ul.typhtab li.no_active {
	color: #999;
}

div.tabContent {
    display: none;
}

div.active {
    display: block;
}


.infotbl {
	font-size: 13px;
    margin:0px 0px 0px 5px;
}

hr {
	border: 1px #d9d9d9 solid;
	margin: 3px 10px;
}

.item_yoso {
	width: 100px;
	//height: 20px;
	font-size: 13px;
	//line-height: 20px;
	text-align: center;
	border-radius: 5px;
	background-color: #F97171;
	margin: 2px auto;
	padding:2px 3px;
}

.item_yoso a {
	color: #ffffff;
	padding:2px 30px;
}



.jquery-slider {
    overflow: hidden;
    position: relative;
}
.jquery-slider-element {
    overflow: hidden;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
   	padding: 3px;
}

.jquery-slider-control {
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 14px;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 0 0 0;
    margin: 0px;
    //border: 1px solid #666;
    //background: #fff;
    opacity: 0.6;
    cursor: pointer;
    border-radius: 12px;
}

.jquery-slider-control-prev {
    left: 5px;
    top: 5px;
}

.jquery-slider-control-next {
    right: 0px;
    top: 5px;
}

.emphasis{
    color: #e06897;
}


.tab{
	overflow:hidden;
	height:40px;
}

.tab li{
	background:#fff;
	float:left;
	width:50%;
	position: relative;
	font-weight:bold;
	font-size:120%;
}

.selected{
	position: absolute;
	border-top: solid 4px #fa9292;
	color:#d99c94;

}

.noselect{
	position: absolute;
	border-top: solid 4px #fff;
	color:#555;
}

.tabtext{
	position: absolute;
	left:60px;
	top:12px;
}

#footer-weather ul li strong {
	font-size: 17px;
}

.btn-reg a {
	font-size: 17px;
}


/* ---------------------------------------------- */
.bofu_form{
	border: 2px solid #3165A6;
	padding: 5px;
	background:#fff;
	height:300px;
	margin: 0px 10px 20px 10px;
    -webkit-border-bottom-left-radius: 5px;  
    -webkit-border-bottom-right-radius: 5px;  
    -moz-border-radius-bottomleft: 5px;  
    -moz-border-radius-bottomright: 5px; 
    text-align: center;
}

.bofu_form_short{
	height:160px;
}


.bofu_title{
	background:#3165A6;
	margin: 0px 10px 0px 10px;
	padding: 5px;
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;  
    -moz-border-radius-topleft: 5px;  
    -moz-border-radius-topright: 5px;
    text-align: center;
    font-size:150%;
    color:#fff;
}


.bofu_selected{
	background:#FA9292;
	padding:1px;
    -webkit-border-top-left-radius: 3px;  
    -webkit-border-top-right-radius: 3px;  
    -moz-border-radius-topleft: 3px;  
    -moz-border-radius-topright: 3px;
}

.bofu_no_selected{
	background:#FFF;
	padding:1px;
    -webkit-border-top-left-radius: 3px;  
    -webkit-border-top-right-radius: 3px;  
    -moz-border-radius-topleft: 3px;  
    -moz-border-radius-topright: 3px;
}

.bofu_selected .stext{
	color: #FFF;
}

.bofu_no_selected .stext{
	color: #555;
}

.bofu_graph_relative {
    position: relative;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #fff;
    height: 245px;
    width:100%;
    box-sizing:border-box;
}

.bofu_graph_relative_short {
    height: 100px;
}

.bofu_graph_absolute {
    position: absolute;
}

.no_bofu_text{
	position:absolute;
	top:0%;
	left:50%;
	width:100%;
	margin:100px 0 0 -50%;
	font-weight:bold;
	font-size:150%;
}

.no_bofu_text_short{
	margin:50px 0 0 -50%;
}

.bofu_table{
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	font-size:140%;
	margin: 5px;
	width: 317px;
}

.bofu_table th{
	background: #F79646;
	padding: 3px;
	color: #fff;
	border: 1px solid #F79646;
	text-align: center;
	width: 138px;
}

.bofu_table td{
	padding: 3px;
	padding-left: 5px;
	border: 1px solid #F79646;
	font-weight:bold;
}

.bofu_mypoint_name{
	font-size:140%;
	margin-top:15px;
	margin-bottom:15px;
}

.graph_label_x{
	margin-top: 6px;
	line-height: 1.2;
	//margin-left: -10px;
}

.graph_label_x_kanji{
	//font: 6px;
	//font-size:50%;
	font-size: 8px;
}

.hour0{
	//margin-left: -5px;
}

.graph_label_x_day{
	border: 1px solid #ccc;
}

.graph_label_y{
	margin-right: 8px;
	text-align: right;
	width:20px;
}

.bofu-navi ul {
    margin-top: 5px;
    background: #eee;
    text-align: center;
    width: 100%;
    display: table;
    font-size:110%;
    table-layout: fixed;
    height:40px;
}
 
.bofu-navi ul li {
    display: table-cell;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
}
 
.bofu-navi ul li:last-child {
    border-right: 1px solid #ccc;
    width: 50px;
}

.graph_style{
    height: 150px;
    width: 320px;
}

.bofu_link {
	position: absolute;
	top: 8px;
	right: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background:#c40026;
}


.bofu_link a {
	padding: 4px 23px 4px 10px;
	background: url(./img/link_arrow_menu_lower.png) no-repeat 95% center;
	-webkit-background-size: auto 50%;
	-moz-background-size: auto 50%;
	-o-background-size: auto 50%;
	-ms-background-size: auto 50%;
	color:#ffffff;
	font-size: 130%;
}

.bofu_gps{
   height: 40px;
   vertical-align: middle;
}

.reg_mypoint{
	position:absolute;
	top:0%;
	left:50%;
	width:100%;
	margin:70px 0 0 -30%;
	font-weight:bold;
	font-size:150%;
	width: 200px;
	padding: 25px 5px 25px 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7ba1e), to(#fd7901));
	-webkit-appearance: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


@media screen and (max-width: 359px) {
  .graph_style{
      width: 280px;
  }
  
  .bofu_table{
    font-size:125%;
    width: 280px;
  }
  .bofu_table th{
    width:120px;
  }
  
  .bofu-navi ul {
    font-size:100%;
  }
  .reg_mypoint{
	margin:70px 0 0 -35%;
  }
}

.reg_mypoint_short{
	margin:15px 0 0 -30%;
}

.reg_mypoint span{
	color: #fff;
}
@media screen and (max-width: 359px) {
	.reg_mypoint_short{
		margin:15px 0 0 -35%;
	}
}