@charset "UTF-8";

/***********************************************************************************
  メニュー
***********************************************************************************/

.panel .menu {
	position: relative;
}

.panel .menu .date,
.panel .menu .year,
.panel .menu .mon,
.panel .menu .day,
.panel .menu .wday {
	text-shadow: 0px 0px 5px #ffffff;
}

.panel .menu .date,
.panel .menu .year,
.panel .menu .wday {
	font-size: 1.3em;
}

.panel .menu .mon,
.panel .menu .day {
	font-size: 2em;
}

.panel .menu .year {
	padding: 0 0 0 5px;
}

.panel .menu .mon {
	padding: 0 3px 0 5px;
}

.panel .menu .day {
	padding: 0 3px 0 3px;
}

.panel .menu .wday {
	padding: 0 0 0 5px;
}

.panel .menu #clock {
	width: 8em;
	text-align: right;
	white-space: nowrap;
	position: absolute;
	top: 2.1em;
	right: 0px;
}

.panel .menu .config {
	border-top: 1px #333333 solid;
	padding: 5px 0 0 0;
	font-size: 1.3em;
	text-align: right;
	clear: both;
}

.panel .menu .config a {
	margin-left: 1.2em;
	display: inline-block;
}

#menu {
	margin: 5px 0 0 0;
	overflow: hidden;
}

#menu1,
#menu2,
#menu3 {
	display: none;
}

/***********************************************************************************
  検索
***********************************************************************************/

.search {
	padding: 10px 0 0 5px;
}

.search .textfield,
.search .button {
	margin: 0;
	overflow: hidden;
}

.search .textfield {
	width: 70%;
	height: 20px;
	padding-left: 25px;
	border-right: none;
	background: url(/img/icon_search.png) no-repeat 7px 5px;
	background-size: 15px auto;
	border-radius: 15px 0 0 15px;
	-o-border-radius: 15px 0 0 15px;
	-moz-border-radius: 15px 0 0 15px;
	-webkit-border-radius: 15px 0 0 15px;
}

.search .button {
	width: 20%;
	height: 25px;
	border-radius: 0 15px 15px 0;
	-o-border-radius: 0 15px 15px 0;
	-moz-border-radius: 0 15px 15px 0;
	-webkit-border-radius: 0 15px 15px 0;
	box-shadow: inset -1px -1px 3px rgba(0,0,0,0.4), inset 1px 1px 3px rgba(255,255,255,0.4);
	-o-box-shadow: inset -1px -1px 3px rgba(0,0,0,0.4), inset 1px 1px 3px rgba(255,255,255,0.4);
	-moz-box-shadow: inset -1px -1px 3px rgba(0,0,0,0.4), inset 1px 1px 3px rgba(255,255,255,0.4);
	-webkit-box-shadow: inset -1px -1px 3px rgba(0,0,0,0.4), inset 1px 1px 3px rgba(255,255,255,0.4);
}

.search .switch_search {
	padding: 10px 0 5px 0;
	font-size: 0.95em;
}

#search_option {
	overflow: hidden;
}

#search_option .option {
	overflow: hidden;
}

#search_option .left {
	padding-top: 10px;
	border-top: 1px #666666 dotted;
}

#search_option .right {
	padding-bottom: 10px;
}

#search_not {
	width: 50%;
}

#search_option .justify {
	width: 33%;
	margin: 5px 0 5px 0;
}

/***********************************************************************************
  フィードリーダー、ニュース、スケジュール、アドレス帳
***********************************************************************************/

.panel_feed .head .title {
	margin-right: 3em;
	display: block;
}

.panel_address {
	clear: both;
}

.panel .feed,
.panel .news,
.panel .schedule,
.panel .address {
	margin: 5px 0 0 0;
	overflow: auto;
	position: relative;
}

.panel .feed .left,
.panel .address .left {
	width: 34%;
	float: left;
}

.panel .feed .right,
.panel .address .right {
	width: 66%;
	float: right;
}

.panel .news .left,
.panel .schedule .left {
	width: 30%;
	float: left;
}

.panel .news .right,
.panel .schedule .right {
	width: 70%;
	float: right;
}

.panel .feed .body,
.panel .news .body,
.panel .schedule .body,
.panel .address .body {
	padding: 0;
}

.panel .feed .left .body,
.panel .news .left .body,
.panel .schedule .left .body,
.panel .address .left .body {
	margin: 5px 10px 0 0;
}

.panel .feed .right .body,
.panel .news .right .body,
.panel .schedule .right .body,
.panel .address .right .body {
	margin: 5px 0 0 0;
}

.panel .feed .left .list,
.panel .news .left .list,
.panel .schedule .left .list,
.panel .address .left .list {
	margin: 0;
}

.panel .feed .list_inline .list,
.panel .address .list_inline .list {
	margin: 0 4px 4px 4px;
}

.panel .address .list_inline .list dd {
	width: 20%;
	text-indent: 0px;
	border: none;
	float: left;
}

.panel .address .list_inline .list dd.other {
	width: 40%;
}

.panel .address .list_inline .list .link {
	height: 1.4em;
	padding: 0.3em 0 0.3em 0;
	border-top: 1px #999999 solid;
	border-right: 1px #999999 solid;
	text-align: center;
	display: block;
}

.panel .address .list_inline .list .top_link .link {
	border-top: none;
}

.panel .address .list_inline .list .right_link .link,
.panel .address .list_inline .list .other .link {
	border-right: none;
}

.panel .address .list_inline .list dd span {
	color: #666666;
}

.panel .feed .body,
.panel .news .body,
.panel .schedule .body,
.panel .address .body {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.panel .feed_page,
.panel .news_page,
.panel .address_page {
	height: 50em;
	border: 1px #333333 solid;
	background-color: #ffffff;
	overflow-y: auto;
	overflow-x: hidden;
}

.panel .address_page {
	height: auto;
	min-height: 2em;
	max-height: 50em;
}

.panel .feed_float .feed_page {
	height: auto;
	max-height: 33.5em;
	border: none;
}

.right2_inner .panel .feed_float .feed_page {
	height: 33.5em;
}

.panel .auto_height,
.panel .feed_float .auto_height,
.right2_inner .panel .feed_float .auto_height {
	height: auto !important;
	max-height: none !important;
}

.panel .feed_page_list,
.panel .news_page_list,
.panel .address_page_list {
	margin: 0;
	border: none;
}

.panel .news_page_list {
	overflow: hidden;
}

.panel .feed_page_list dd {
	margin-top: -1px;
	padding: 9px 10px 8px 10px;
	position: relative;
}

.panel .address_page_list dd {
	margin-top: -1px;
	position: relative;
}

.panel .address_page_list dd .link {
	padding: 0.5em 3em 0.5em 0.8em;
}

.panel .address_page_list .icons {
	top: 0.25em;
}

.panel .news_page_list dd {
	padding: 0 5em 0 0;
	position: relative;
}

.panel .feed_page_list .feed_name {
	margin-right: 4.2em;
	text-align: justify;
	text-justify: distribute;
	display: inline-block;
}

.panel .news_page_list .news_name {
	padding: 0.5em 1.5em 0.5em 0.8em;
	text-align: justify;
	text-justify: distribute;
	display: inline-block;
}

.panel .feed_page_list .icons,
.panel .news_page_list .icons {
	display: block;
	position: absolute;
	top: 0.3em;
	right: 0.5em;
}

.panel .feed_page_list .icons .icon,
.panel .news_page_list .icons .icon {
	width: 1.6em;
	height: 1.6em;
}

.panel .feed_page_list p {
	padding: 5px 0 0 0;
	text-align: justify;
	text-justify: distribute;
}

.panel .feed_page_list .feed_image {
	max-width: 120px;
	max-height: 90px;
	margin: 0 0 5px 15px;
	float: right;
}

.panel .feed_page_list .feed_info {
	padding: 5px 0 0 0;
	color: #666666;
	text-align: right;
	clear: both;
}

.panel .news_page_list .news_info {
	color: #666666;
	white-space: nowrap;
	display: inline-block;
}

.panel .feed_title,
.panel .news_title,
.panel .schedule_title,
.panel .address_title {
	border-top: 1px #333333 solid;
	border-left: 1px #333333 solid;
	border-right: 1px #333333 solid;
	background-color: #666666;
	overflow: hidden;
	position: relative;
}

.panel .feed_title .link,
.panel .news_title .link,
.panel .schedule_title .link,
.panel .address_title .link {
	height: 1.4em;
	padding: 0.3em 3.5em 0.3em 0.5em;
	color: #ffffff;
	text-shadow: 1px 1px 2px #333333;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
}

.panel .feed_title .icons,
.panel .schedule_title .icons {
	position: absolute;
	top: 0px;
	right: 0.5em;
}

.panel .feed_title a {
	color: #ffffff;
}

.panel .feed_title a:hover {
	color: #cccccc;
}

.panel .schedule_list {
	overflow: hidden;
}

.panel .schedule_list .message {
	padding: 5px 10px 5px 10px;
}

#news_frame,
#schedule_frame,
#address_frame {
	border: 1px #333333 solid;
	background-color: #ffffff;
	overflow: hidden;
}

/***********************************************************************************
  チェックリスト
***********************************************************************************/

.panel .check_list {
	margin-top: -1px;
	padding: 0.5em 4em 0.5em 0.8em;
	font-size: 1.3em;
	border-top: 1px #cccccc solid;
	position: relative;
}

.panel .check_title {
	padding-right: 1em;
	text-align: justify;
	text-justify: distribute;
	display: inline-block;
}

.panel .check_info {
	color: #666666;
	white-space: nowrap;
	display: inline-block;
}

.panel .check_list .del,
.panel .check_list .sns {
	position: absolute;
	top: 0.4em;
}

.panel .check_list .del {
	right: 1em;
}

.panel .check_list .sns {
	right: 2.8em;
}

#check_list {
	overflow: auto;
}

/***********************************************************************************
  天気予報
***********************************************************************************/

.panel .weather {
	margin: 10px 0 0 0;
	border: 1px #333333 solid;
	position: relative;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-o-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.panel .weather .weather_title {
	border-bottom: 1px #333333 solid;
	background-color: #666666;
	overflow: hidden;
	position: relative;
}

.panel .weather .weather_title .title {
	padding: 0.3em 3em 0.3em 0.5em;
	color: #ffffff;
	text-shadow: 1px 1px 2px #333333;
}

.panel .weather .weather_title .icons {
	font-size: 1.3em;
	position: absolute;
	top: 0.1em;
	right: 0.5em;
}

.panel .weather .left,
.panel .weather .right {
	font-size: 1.2em;
	float: left;
}

.panel .weather .left {
	width: 26%;
}

.panel .weather .right {
	width: 37%;
}

.panel .weather .left span {
	padding-top: 0.05em;
	font-size: 0.95em;
	display: inline-block;
}

.panel .weather .left .link span {
	padding-top: 2.5em;
}

.panel .weather .date,
.panel .weather .link,
.panel .weather .info {
	padding: 5px 0 5px 0;
	text-align: center;
	display: block;
}

.panel .weather .right .date,
.panel .weather .right .link,
.panel .weather .right .info {
	border-left: 1px #cccccc solid;
}

.panel .weather .date {
	height: 1.6em;
	border-bottom: 1px #cccccc solid;
}

.panel .weather .link {
	height: 6em;
}

.panel .weather .info {
	height: 1.6em;
	border-top: 1px #cccccc solid;
}

.panel .weather .info .max {
	color: #cc3333;
}

.panel .weather .info .min {
	color: #3333cc;
}

.panel .weather .link img {
	margin: 1px 0;
}

.panel .weather .right .link span {
	color: #333333;
	display: block;
}

/***********************************************************************************
  カレンダー
***********************************************************************************/

#calendar_frame {
	height: 19em;
	margin: 0 auto 0 auto;
	overflow: hidden;
}

.panel_calendar .content {
	overflow: hidden;
}

.calendar {
	margin: 0 auto 0 auto;
	overflow: hidden;
}

.calendar .line {
	width: 90%;
	margin: 0 auto 0 auto;
	border-top: 1px #cccccc solid;
	clear: both;
	display: block;
}

.calendar .date {
	width: 90%;
	margin: 0 auto 0 auto;
	padding: 0.3em 0 0.3em 0;
	font-size: 1.4em;
	text-align: center;
	position: relative;
	display: block;
}

.calendar .prev,
.calendar .next {
	font-size: 0.9em;
	display: block;
	position: absolute;
	bottom: 0.3em;
}

.calendar .prev {
	padding-right: 0.8em;
	border-right: 1px #999999 dotted;
	left: 0px;
}

.calendar .next {
	padding-left: 0.8em;
	border-left: 1px #999999 dotted;
	right: 0px;
}

.calendar .day {
	width: 14.28%;
	padding: 0.2em 0 0.1em 0;
	color: #333333;
	font-size: 1.2em;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	float: left;
}

.calendar a.day:hover {
	color: #ffffff;
	background-color: #333333;
	box-shadow: inset 2px 2px 3px rgba(255,255,255,0.5), inset -2px -2px 3px rgba(0,0,0,0.5);
	-o-box-shadow: inset 2px 2px 3px rgba(255,255,255,0.5), inset -2px -2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 2px 2px 3px rgba(255,255,255,0.5), inset -2px -2px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 2px 2px 3px rgba(255,255,255,0.5), inset -2px -2px 3px rgba(0,0,0,0.5);
}

.calendar .sun,
.calendar .hday {
	color: #cc3333;
}

.calendar .sat {
	color: #3333cc;
}

.calendar .today {
	font-weight: bold;
	text-decoration: underline;
}

.calendar .week {
	font-size: 0.8em;
}

/***********************************************************************************
  メモ
***********************************************************************************/

.panel_memo .body {
	height: 13.43em;
	color: #333333;
	overflow: hidden;
	display: block;
}

.panel_memo a.body:hover {
	opacity: 0.6;
}

.panel_memo_form {
	position: relative;
}

.panel_memo_form .textarea {
	width: 95%;
	height: 11em;
}

.panel_memo_form .button {
	margin-left: -4em;
	position: absolute;
	left: 50%;
	bottom: 0.55em;
}

/***********************************************************************************
  SNS投稿
***********************************************************************************/

.panel_sns strong {
	padding: 0.1em 0 0.1em 0;
	display: block;
}

.panel_sns .textfield,
.panel_sns .textarea {
	width: 95%;
}

.panel_sns .textarea {
	height: 15.15em;
}

.panel_sns label {
	margin-bottom: 0.5em;
	padding-left: 0.5em;
	display: block;
}

/***********************************************************************************
  広告
***********************************************************************************/

.ad {
	height: 100%;
	overflow: hidden;
}

.ad .ad_inner {
	height: 100%;
	padding: 15px 5px 0 5px;
	text-align: center;
	overflow: hidden;
}

.ad .ad_inner a {
	width: 80px;
	height: 105px;
	text-align: center;
	overflow: hidden;
	display: block;
	float: left;
}

#ad_panel1 .content,
#ad_panel2 .content,
#ad_panel3 .content {
	visibility: hidden;
}

/***********************************************************************************
  トップリンク
***********************************************************************************/

.goto_top {
	margin: -5px 15px 10px 0;
	text-align: right;
}

.goto_top a {
	font-size: 1.3em;
}

/***********************************************************************************
  横幅設定、その他
***********************************************************************************/

#top_group {
	width: 25%;
	float: left;
}

#left_group {
	width: 25%;
	float: left;
}

#center_group {
	width: 50%;
	float: right;
}

#right_group {
	width: 25%;
	float: right;
}

.left_group2 {
	width: 25%;
	float: left;
}

#right_group2 {
	width: 75%;
	float: right;
}

.right2_inner {
	width: 50%;
	float: left;
}

#top_group .panel,
#left_group .panel,
#center_group .panel,
#right_group .panel,
.left_group2 .panel,
#right_group2 .panel {
	display: block;
	float: none !important;
}

.only_width_type5 {
	display: none;
}