/* 
 * Copyright (c) 2009 National Research Institute for Earth Science and
 * Disaster Prevention (NIED).
 * This code is licensed under the GPL 3.0 license, availible at the root
 * application directory.
 */

* {
	margin: 0px;
	padding: 0px;
	word-break: break-all;
}
li {
	margin-left: 20px;	
}
html, body {
	height: 100%;
}

body {
	background-color: #fcfcfc;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h2{
	font-size:100%;
}

a {
	color: #458dc4;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
a:visited {
	color: #458dc4;
}
/* wrapper: footerを下寄せするための枠 */

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/** margin: 0 auto -81px; **/
}

/* ヘッダ */

header {
	width: 100%;
	height: 55px;
	background: #fff;
}

#logo {
	display: block;
	margin: 0 auto;
	width: 258px;
}

#logo img {
	border-top: 5px solid #998;
	padding: 10px 0 5px;
}

/* グローバルメニュー用 */

#menu {
	position: relative;
/*	z-index: 99;*/
	width: 100%;
	height: 30px;
	background-image: url("images/nav_bg.png");
	background-repeat: repeat-x;
	font-size: 16px;
	padding-left: 10px;
}

#menu:after {
	height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}

#menu .nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 30px;
	color:#ffffff;
}

#menu li {
	width: 120px;
	height: 30px;
	margin: 0;
	padding: 0;
	text-align:center;
	color: #ffffff;
	
}
#menu a {
	display: block;
	padding: 7px 0 0 0;
	width: 120px;
	height: 30px;
	color: #ffffff;
}
#menu li:hover {
	background-image: url("images/nav_bg_h.png");
	background-repeat: repeat-x;
	color: #ffffff;
}
#menu .menu_title {
	padding: 1px 4px;
	font-size: 1.2em;
	color: #ffffff;
}

/* ぱんくずリスト */
#nav {
	clear: both;
	padding: 0px;
	height: 30px;
	background-image: url("images/nav_under.png");
	background-repeat: repeat-x;
	text-align: center;
}

#nav .nav_tp {
	width: 1160px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 0 10px;
	font-size: 15px;
}

#nav .nav_mn {
	float: right;
	padding: 8px;
	
}

#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 15px;
	color:#ffffff;
}

#nav li {
	float: left;
	width: 70px;
	height: 15px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #ffffff;
	
}
#nav a {
	color: #333333;
}

/* ブロック用コンテナ */
#container {
	position: relative;
	z-index: 1;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #fcfcfc;
}


#box_1 {
	border: solid 1px #2886E2;
	margin-bottom: 5px;
}

#space_1 .box_menu {
	width: 100%;
	height: 30px;
	background-image: url("images/block_left.png");
	background-repeat: repeat-x;
}

#box_2 {
	border: solid 1px #00a5a5;
	margin-bottom: 5px;
}

#space_2 .box_menu {
	width: 100%;
	height: 30px;
	background-image: url("images/block_center.png");
	background-repeat: repeat-x;
}

/* space_3: 右ブロック */
#space_3 .box {
	border: solid 1px #E76832;
	margin-bottom: 5px;
}

#space_3 .box_menu {
	width: 100%;
	height: 30px;
	background-image: url("images/block_right.png");
	background-repeat: repeat-x;
}
#section_warp section.main_column .box_menu{
	background-image: url("images/block_center.png");
}


.main_column .box_main{
	padding: 5px;
}
#space_1 .box_main {
	padding: 3px;
}
/* ブロック共通 */
.box_main {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}

.box_menu span {
	display: block;
	color: #ffffff;	
	font-weight: bold;
	padding-left: 10px;
}
.box_menu {
	line-height: 30px;
}
.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 98;
  position: relative;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	background-image: url("images/nav_bg.png");
	background-repeat: repeat-x;
	display: block;
}

.subnav li {
	background-image: none;
	background-color: #0d57a4;

}
.subnav li a:hover{
	background-image: none;
	background-color: #0d57a4;

}


#nav_admin {
	clear: both;
	width: 100%;
	background-color: #E1E9FF;
	padding: 3px;
	text-align: right;
	height: 26px;
	margin-bottom: 6px;
	margin-right: 0px;
	padding-right: 0px;
}
#nav_admin a {
	display: block;
	padding: 4px 0 0 20px;
	margin-right: 5px;
	margin-left: auto;
	background-image: url("images/add_block.png");
	background-repeat: no-repeat;;
	background-position: 6px 6px;
	background-color: #FDFFD2;
	border: solid 1px #cccccc;
	width: 120px;
	height: 20px;
	color: #000000;
	font-size: 0.8em;
	text-align: left;
	float: right;
}

/* フッタ */

#container_foot {
	clear: both;
}

#footer_push {
	position: relative;
	z-index: -999;
	height: 81px;
}

footer {
	clear: both;
	height: 81px;
	width: 100% !important;
	background-image: url("images/foot_bg.png");
	background-repeat: repeat-x;
	text-align: center;
}

footer .footer_content {
	padding-top: 38px;
	color: #333333;
	font-size: 0.8em;
}

footer a, footer a:visited {
	color: #333333;
	text-decoration: underline;
}

.rss_title {
	
	padding: 3px;
}
.rss_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.rss_list > li {
	padding: 2px;
	
}
.rss_list > a {
	display: inline;
}
.rss_more {
	font-size: 0.8em;
	text-align: right;
	padding: 2px;
}


/******* インプット系 *******/
.input_wrap {
	text-align: center;
}
.input {
	width: 98%;
	text-align: left;
	margin: 10px auto;
	border: solid 1px #efefef;
}

.input_title_required {	
	font-weight: bold;
	background-color: #E6E6E6;
	padding: 2px 2px 2px 15px;
	position: relative;
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 5px;
}
.input_title_required::before {
	content: "";
	border-top: 4px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 7px solid #FF8000;
	position: absolute;
	left: 5px;
	top: 14px;
	margin-top: -5px;
}
.input_title_required span{
	color:#ff0000;
	margin-left:10px;
	font-size:90%;
}
.input_title {	
	font-weight: bold;
	background-color: #E6E6E6;
	padding: 2px 2px 2px 15px;
	position: relative;
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 5px;
}
.input_title::before {
	content: "";
	border-top: 4px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 7px solid #FF8000;
	position: absolute;
	left: 5px;
	top: 14px;
	margin-top: -5px;
}
.input_body {	
	font-weight: normal;
	background-color: #ffffff;
	padding: 3px 10px 10px 15px;
}

.input_form {
	margin: 0;
}
.input_text, .input_file, .input_num, .input_datetime {
	border: solid 1px #cccccc;
	padding: 2px;
	font-size: 13px;
}
.input_num {
	ime-mode: inactive;
	text-align: right;
}
.input_datetime {
	ime-mode: inactive;
	text-align: right;
}
.input_button {
	border: solid 1px #cccccc;
	background-color: #dbf1f6;
	padding: 2px 3px;
	margin: 3px;
	font-size: 12px;
}
.delbtn {
	border: solid 1px #cccccc;
	background-color: #ffffff;
	color: #ff6666;
	padding: 1px 3px;
	margin: 1px;
	font-size: 12px;
}

.input_submit {
	border: solid 1px #cccccc;
	background-color: #dbf6e7;
	padding: 4px 20px 3px;
	margin: 3px;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}
.input_cancel {
	border: solid 1px #cccccc;
	background-color: #ffffff;
	padding: 4px 10px;;
	margin: 3px;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}
.input_head {
	padding: 4px 8px;;
}

.head_error{
    color:#ff0000;
}
.input_wrap select {
	border: solid 1px #cccccc;
}
.input_submit_wrap {
	background-color: #f0f0f0;
	text-align: center;
	width: 100%;
}
.input_error {
	
	font-weight: normal;
	background-color: #e44141;
	color: #ffffff;
	padding: 2px;
}
.link_toggle/*イベント登録*/{
	margin-left: 20px;
	
}
#open_map/*イベント登録*/{
	margin-bottom: 10px !important;
	display:  block;	
	text-align: center;
	width: 180px;
	height: 18px;
	line-height: 18px;
	border: 1px solid #999 !important;
	color: #458dc4 !important;
}
#open_map a/*イベント登録*/{
	color: #458dc4 !important;
	display:  block;
	width: 180px;
	text-align: center;	
}


/****************************************
		サイト・システム管理設定
*****************************************/
/******* ページ設定画面 *******/
#section_warp .setting_menu  {
	
}
.setting_menu {
	padding-top: 10px !important;
	padding-left: 10px !important;
}

#regist_item {
	border: 3px solid #666 !important;
}

/******* ユーザー登録設定 *******/
#regist_item {
	margin-top: 10px;
	margin-left: 30px;
	width:90%;
}
table#form_add_input th {
	text-align: center;
	background-color: #F1F1F1;
}
.input_submit {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#validity_period{width: 50px;}

/******* ユーザーのサイト内権限変更*******/
#edituser_main{
	font-size: 15px !important;	
}
#space_2 .box_main span {
	padding-left: 5px;		
}
#space_2 .box_main ul li {
	margin-bottom: 10px;
}

/******* グループ内権限の変更*******/
#addtogroup_main div{
	margin-bottom: 15px !important;	
}

/******* グループの繋がり変更 *******/
.exp img {
	padding: 5px 10px 0;
}

/******* ログインIDとパスワードのルール・パスワードロックの設定 *******/
.print_no div {
	margin: 10px 10px;	
}
table.urgent_tbl {
	margin-left: 20px;
}

/******* サイト基本設定*******/
h1.box_menu span {
	font-size: 16px;
}
.box_main h3 {
	font-size: 16px;
}


/****************************************
		ページ設定
*****************************************/
/******* パーツの配置*******/
.module_data {
	width: 275px !important;
}

.accordion_head {
	font-weight: bold;
	margin-bottom: 10px;
}




/****************************************
		パーツ設定
*****************************************/
/******* グループ参加と参加者リスト ******/
#rej_msg_title{margin:5px 10px 20px}
#rej_msg {
	margin-left: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#search_frm input {font-size: 0.7em}

/******* ブログアーカイブ ******/

 /******* プロフィール *****
.profile_icon {
	text-align: center;
	padding: 4px;
}
.profile_icon > img {
	margin: 0 auto;
	border: solid 1px #efefef;
}
.profile_title {
	padding: 3px;
	font-size: 0.8em;
	background-color: #f9f9f9;
}
.profile_body {
	padding: 3px;
	
	background-color: #ffffff;
}
**/


/******* メニュー *****
.menu_href {
	display: block;
	background-image: url(/skin/default/image/arw.png);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	padding-left: 18px;
	padding-top: 4px;
}
.menu_href:hover {
	background-color: #eaffe8;
}
.menu_href span {
	display: block;
	padding: 1px 2px 1px 3px;
}
**/


/******* RSS *****
#rss_add_input {
	cursor: pointer;
	padding: 2px 2px 2px 22px;
	background-image: url(/fr.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	font-size: 0.8em;
	color: #6c9cc5;
}

.rss_href {
	display: block;
	background-image: url(/skin/default/image/arw.png);
	background-repeat: no-repeat;
	background-position: 3px 8px;
	padding-left: 18px;
	padding-top: 4px;
	border-top: dashed 1px #dfdfdf;
}
.rss_href:hover {
	background-color: #eaffe8;
}
.rss_href span {
	display: block;
	padding: 1px 2px 1px 3px;
}
.rss_body {
	padding: 3px 3px 3px 18px;
	font-size: 0.8em;
}
.rss_date {
	padding: 1px 3px 1px 1px;
	text-align: right;
	font-size: 0.8em;
	color: #aaaaaa;
}
.rss_header, .rss_footer {
	
	padding: 2px;
}
**/


/******* GLIST *****
.glist_main {
	;
}
.glist_href {
	display: block;
	background-image: url(/skin/default/image/person.png);
	background-repeat: no-repeat;
	background-position: 3px 8px;
	padding-left: 18px;
	padding-top: 4px;
}
.glist_href:hover {
	background-color: #eaffe8;
}
.glist_href span {
	display: block;
	padding: 4px 2px 1px 3px;
}
.glist_nohref {
	display: block;
	background-image: url(/skin/default/image/person.png);
	background-repeat: no-repeat;
	background-position: 3px 8px;
	padding-left: 18px;
	padding-top: 4px;
}
.glist_nohref span {
	display: block;
	padding: 4px 2px 1px 3px;
}
.glist_entry {
	color: #ffffff;
	border-top: solid 4px #a8e1ff;
	background-color: #71d8e6;
	padding :4px;
	font-weight: bold;
	text-align: center;
}
.glist_entry a {
	color: #ffffff;
}
.glist_bye {
	color: #ffffff;
	border-top: solid 4px #d4d4d4;
	background-color: #bdbdbd;
	padding :4px;
	font-weight: bold;
	text-align: center;
}
.glist_bye a {
	color: #ffffff;
}
**/


/******* SCHEDULE *****
.schedule_href {
	display: block;
	background-image: url(/skin/default/image/arw.png);
	background-repeat: no-repeat;
	background-position: 3px 6px;
	padding-left: 18px;
	padding-top: 2px;
}
.schedule_href:hover {
	background-color: #eaffe8;
}
.schedule_href span {
	display: block;
	padding: 2px 2px 1px 3px;
}
.schedule_body {
	padding: 3px 3px 3px 18px;
	font-size: 0.8em;
}
.schedule_date {
	padding: 1px 3px 1px 4px;
	text-align: left;
	
	color: #666666;
}

.schedule_title { 
	font-size: 1.2em;
	padding: 4px;
	border: solid 1px #a2bfe4;
	background-color: #dbe8f9;
	margin: 3px;
}
**/


/******* EDIT MENU *******/
.edit_menu_title {
	display: block;
	/*background-image: url(/skin/default/image/arw.png);
	background-repeat: no-repeat;
	background-position: 3px 8px;
	padding-left: 18px;*/
	background-color: #CCC;
	padding-left: 8px;
	padding-top: 4px;
	border-top: 1px dashed #dfdfdf;
}
/*.edit_menu_title:hover {
	background-color: #eaffe8;
}*/
.edit_menu_title span {
	display: block;
	padding: 1px 2px 1px 3px;
	font-weight: bold;
}
.edit_menu_sub {
	display: block;
	background-image: url(/skin/default/image/arw.png);
	background-repeat: no-repeat;
	background-position: 13px 8px;
	padding-left: 28px;
	padding-top: 4px;
	border-top: dashed 1px #dfdfdf;
}
.edit_menu_sub:hover {
	background-color: #eaffe8;
}
.edit_menu_sub span {
	display: block;
	padding: 1px 2px 1px 4px;
}

.edit_button {
	padding: 2px;
	display: block;
	border: solid 1px #cccccc;
	background-color: #dbf6e7;
	text-align: center;
	font-size: 14px !important;
	white-space: nowrap;
}
.edit_delbtn {
	padding: 2px;
	display: block;
	border: solid 1px #cccccc;
	background-color: #ffefef;
	text-align: center;
}

.edit_table_wrap {
	width: 100%;
	text-align: center;
	padding: 0 0 5px 0;
	margin-top: 10px;
}
.edit_table {
	width: 98%;
	text-align: left;
	border: 1px #e0e0e0 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 auto;
}
.edit_table th {
	padding: 5px;
	border: #e0e0e0 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	white-space: nowrap;
	
}
.edit_table tr.tr_2ndline {
	background-color: #f9fcff;
}
.edit_table td {
	padding: 5px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: left;
	font-size: 0.8em;
}
.edit_table td.td_nowrap {
	white-space: nowrap;
}
/******* MAP *******/
.map_layer_cbox {
	width: 100%;
	background-color: #efefef;
	
	padding: 0px;
	margin: 0px;
}


/******* TAGREADR *******/
.tagreader_href {
	display: block;
	background-image: url(images/arw.png);
	background-repeat: no-repeat;
	background-position: 3px 8px;
	padding-left: 18px;
	padding-top: 4px;
	border-top: dashed 1px #dfdfdf;
}
.tagreader_href:hover {
	background-color: #eaffe8;
}
.tagreader_href span {
	display: block;
	padding: 1px 2px 1px 3px;
}
.tagreader_header, .tagreader_footer {
	
	padding: 2px;
}

form {
	margin: 0;
}

select, input {
	border: solid 1px #ccc;
	padding: 0;
}


.filter_form>input[name="handle"]{
width:250px;
}
.filter_form>input[name="email"]{
width:350px;
}


/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}