body{
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
margin: 0px;
}

body.user_body
{
    background-color:#c1e0ff;
    margin:0px;
}

body.login_body
{
    background-color:#ffffff;
    margin:0px;
}

body.calendar_body
{
    background-color:#c1e0ff;
}

body.kanri_body{
//    background-color: #ffefe0; /* 背景色 */ 
    background-color: #ffffff; /* 背景色 */ 
}

.kanri_bg{
    background-color: #ffefe0; /* 背景色 */ 
}

.table1 { 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #1C79C6 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color: #FFFFFF; /* 背景色 */ 
 } 

.table1 TD { 
border: 1px #1C79C6 solid; /* セルの枠線（太さ・色・スタイル） */ 
 }

.table1 TH { 
border: 1px #1C79C6 solid; /* セルの枠線（太さ・色・スタイル） */ 
 }

.table2 { 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #1C79C6 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
background-color: #FFFFFF; /* 背景色 */ 
 } 

.table2 TD { 
border: 1px #1C79C6 solid; /* セルの枠線（太さ・色・スタイル） */ 
text-align: center;
font-size:80%;
padding:2px;
 } 

.table2 TH { 
border: 1px #1C79C6 solid; /* セルの枠線（太さ・色・スタイル） */ 
text-align: center;
font-size:80%;
padding:2px;
background-color:#dcdcdc;
font-weight:bold;
 } 

/*スクロール用*/
thead.scrollHead,tbody.scrollBody{
  display:block;
}

tbody.scrollBody{
  overflow-y:scroll;
}

/* 管理ページ ヘッダーの上*/
.master_hedder_over {
    background-color: #663300;
    color: #FFFFFF ;
    padding : 1px ;
    font-size:80%;
    text-align:center;
}

/* ユーザーページ ヘッダーの上*/
.user_hedder_over {
    background-color: #000099;
    color: #FFFFFF ;
    padding : 1px ;
    font-size:90%;
    text-align:center; 
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

/* ユーザーページ ヘッダー*/
.user_hedder {
    background-color: #0066ff;
    color: #FFFFFF ;
    padding : 5px ;
    font-size:140%;
    font-weight:bold; 
}

/* 管理ページ ヘッダー*/
.kanri_hedder {
    background-color: #8b4513;
    color: #FFFFFF ;
    padding : 5px ;
    font-size:120%;
    font-weight:bold; 
}

/* ユーザーページ ヘッダー２*/
.user_hedder2 {
    background-color: #0066ff;
    color: #FFFFFF ;
    margin-bottom :10px ;
    padding : 5px ;
    font-size:130%;
    font-weight:bold; 
}

/* ユーザーページ BODY */
.user_body {
    margin-left :5px ;
}

/* ユーザーページ 見出し */
.user_midashi {
    border-left: 15px solid #89c3eb;
    padding: 7px;
    background: #bbd7ea;
    font-size:130%;
}

/* イベント名 見出し */
.user_event_midashi {
    border-left: 15px solid #89c3eb;
    padding: 7px;
    background: #bbd7ea;
    font-weight:bold; 
    font-size:130%;
}

/* ログインページ ヘッダー*/
.login_hedder {
    background-color: #0066ff;
    color: #FFFFFF ;
    margin-bottom :10px ;
    padding : 5px ;
    font-size:160%;
    font-weight:bold; 
}

select.sizechange{
 font-size:150%;
 }


.month_title{
 margin:10px 10px 15px 10px;
 padding:5px 5px 5px 15px;
 background-color:#f5f5f5;
 font-size:120%;
 font-weight:bold;
 border: dashed 2px gray;
 box-shadow: 0px 0px 0px 5px #f5f5f5;
 border-radius: 5px 5px 5px 5px;
}


.user_event_list { /* イベントカード枠 */
    background-color: #CCFFFF;
    padding : 10px 5px 5px 5px ;
    margin-left: 5px;
    margin-right: 5px;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
    background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));  
    background: linear-gradient(to bottom, #ffffff, #f2f2f2 );
}


.user_event_list_none {  /*イベント無し*/
    text-align:center;
    font-weight:bold;
    background-color: #CCFFFF;
    padding-top : 15px ;
    padding-bottom : 15px ;
    margin-left: 5px;
    margin-right: 5px;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
    background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));  
    background: linear-gradient(to bottom, #ffffff, #f2f2f2 );
}

#smart_futter { 
  font-size: 80%;
  background-color:#0066ff; 
  text-align:center;
  color:#ffffff;
  padding:3px;
} 

#smart_futter_kanri { 
  font-size: 80%;
  background-color:#8b4513; 
  text-align:center;
  color:#ffffff;
  padding:3px;
} 


/* 更新エラーメッセージ用*/
.message_error {
    padding: 2px 0px 2px 5px;/*[上][右][下][左]*/
    color: #ff0000 ;
    background-color: #ffbf7f;
    font-weight:bold; 
    font-size: 120%;
}

/*メンバーメニュー小項目*/
.user_title{
    background-color: #7fbfff;
    padding: 2px 0px 2px 5px;/*[上][右][下][左]*/
    color: #191970 ;
    font-weight:bold; 
    border-top: 1px solid #FFFFFF;  
    border-bottom: 1px solid #FFFFFF;  
}

/*メンバーメニュー小項目(スケジュール)*/
.user_title_schedule{
    background-color: #7fbfff;
    padding: 2px 0px 2px 5px;/*[上][右][下][左]*/
    color: #191970 ;
    font-weight:bold; 
    border-top: 1px solid #FFFFFF;  
    border-bottom: 1px solid #FFFFFF;  
}

/*メンバーメニュー小項目(上部インフォメーション)*/
.user_title_news{
    background-color: #7fbfff;
    padding: 2px 0px 2px 5px;/*[上][右][下][左]*/
    color: #191970 ;
    font-weight:bold; 
    border-top: 1px solid #FFFFFF;  
    border-bottom: 1px solid #FFFFFF;  
}

/*メンバーメニュー小項目(下部インフォメーション)*/
.user_title_infomation{
    background-color: #7fbfff;
    padding: 2px 0px 2px 5px;/*[上][右][下][左]*/
    color: #191970 ;
    font-weight:bold; 
    border-top: 1px solid #FFFFFF;  
    border-bottom: 1px solid #FFFFFF;  
}

/*メンバーメニュー小項目(サイトからのお知らせ)*/
.user_title_sight_info{
    background-color: #7fbfff;
    padding: 2px 0px 2px 5px;/*[上][右][下][左]*/
    color: #191970 ;
    font-weight:bold; 
    border-top: 1px solid #FFFFFF;  
    border-bottom: 1px solid #FFFFFF;  
}

/*管理メニュー小項目*/
.kanri_title{
    background-color: #ffc68e;
    padding: 2px 0px 2px 5px;/*[上][右][下][左]*/
    color: #663300 ;
    font-weight:bold; 
    border-top: 1px solid #FFFFFF;  
    border-bottom: 1px solid #FFFFFF;  
}

.kanri_container
{
    margin-left:5px;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
}

.kanri_top_container
{
    margin-left:5px;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
}

.hissu_mark
{
    display:inline;
    background:#ff0000;
    border-radius: 2px; 
    -moz-border-radius: 2px;  
    -webkit-border-radius: 2px;  
    color: #ffffff;
    font-size:60%;
    padding:1px 2px 1px 2px;
    margin-left:5px;
}

.range_mark
{
    display:inline;
    background:#ffdbb7;
    border-radius: 4px; 
    -moz-border-radius: 4px;  
    -webkit-border-radius: 4px;  
    border: 1px solid #a9a9a9;  
    color: #808080;
    font-size:60%;
    padding:1px 4px 1px 4px;
    margin-left:10px;
}

/*管理メニュー大項目*/
.kanri_midashi{
    background-color: #8b4513;
    padding: 10px 0px 10px 5px;/*[上][右][下][左]*/
    color: #ffffff ;
    font-weight:bold; 
    font-size: 120%;
}

/* セルの自動改行禁止*/
td.cell_nowrap {
    white-space: nowrap;
    }

/* セルの自動改行禁止(user_list 用)*/
td.cell_nowrap_user_list {
    white-space: nowrap;
    }

input#member_submit_button {
     background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);  
     background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));  
     border-radius: 20px;  
     -moz-border-radius: 20px;  
     -webkit-border-radius: 20px;  
     color: #111;
     border-color:gray;
     -moz-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);  
     -webkit-box-shadow: inset 1px 1px 1px rgba(000,000,000,0.3);  
     padding: 5px 10px;/*縦方向-横方向*/
     font-size: 100%;
    }

input#midium_button {
     background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);  
     background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));  
     border: 2px solid #DDD;  
     color: #111;  
     border-radius: 4px;  
     -moz-border-radius: 4px;  
     -webkit-border-radius: 4px;  
     -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);  
     -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);  
     padding: 5px 60px;/*縦方向-横方向*/
     margin-top:5px;
     margin-bottom:10px;
     margin-left:10px;
     font-weight:bold; 
    }

input#comment_del_bottun {
     background: #ffd700;  
     border-top: 1px solid #ffd1a3;  
     border-left: 1px solid #ffd1a3;  
     border-right: 1px solid #ffbf7f;  
     border-bottom: 1px solid #ffbf7f;  
     color:#808080;
     padding: 1px 1px;/*縦方向-横方向*/
     font-size: 60%;
    }

input#comment_del_bottun_kanri {
     background: #ffc489;  
     border-top: 1px solid #ffd1a3;  
     border-left: 1px solid #ffd1a3;  
     border-right: 1px solid #ffbf7f;  
     border-bottom: 1px solid #ffbf7f;  
     color:#ffffff;
     padding: 1px 1px;/*縦方向-横方向*/
     font-size: 60%;
    }

.user_commet_log_box
    { 
         border: solid 1px #808080;
         height: 40px;
         padding: 0.5em;
         font-size: 70%;
         line-height:150%;
         overflow: auto;
    }

/* フローティングtopへボタン */
.pagetop {
	position: fixed;
	bottom: 10px;
	right: 15px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #333;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
        filter:alpha(opacity=50);
        -moz-opacity: 0.5;
        opacity: 0.5;
}

.pagetop.show {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

    /* 矢印つきリスト */
.foot_list  a {
	position: relative;
	display: block;
	padding: 10px 25px 10px 10px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
        text-decoration: none;
	background-color: #ffdbb7;
        color:#696969;
        font-weight:bold; 

}

.foot_list  a visted{
        color:#808080;
}

.foot_list  a::before,

.foot_list  a::after {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	content: '';
	width: 12px;
	height: 3px;
	background-color: #888;
	border-radius: 4px;
}

.foot_list  a::before {
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.foot_list  a::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

    /* 矢印つきリスト（ｕｓｅｒ） */
.foot_list2  a {
	position: relative;
	display: block;
	padding: 10px 25px 10px 10px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
        text-decoration: none;
	background-color: #7fbfff;
        color:#696969;
}

.foot_list2  a visted{
        color:#696969;
}

.foot_list2  a::before,

.foot_list2  a::after {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	content: '';
	width: 12px;
	height: 3px;
	background-color: #888;
	border-radius: 4px;
}

.foot_list2  a::before {
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.foot_list2  a::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* ヘッダーホームボタン */
a.hedder_btn{
text-align: center;
display: inline-block;
padding: 6px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 1px;
margin-right: 5px;
color: #f9fcff;
text-decoration: none;
text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
border-radius: 10px;
border: 1px solid #63b7ec;
font-size: 60%;
font-weight: bold;
background: #0066ff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0066ff), to(#0066ff));
background: #0066ff linear-gradient(#0066ff, #0066ff);
}

    /* 矢印つきリスト */
.info_list_master  a {
	position: relative;
	display: block;
	padding: 10px 25px 10px 10px;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
        text-decoration: none;
	background-color: #ffffff;
        color:#696969;
        font-weight:bold; 
        font-size:90%;
}

.info_list_master  a visted{
        color:#808080;
}

.info_list_master  a::before,

.info_list_master  a::after {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	content: '';
	width: 12px;
	height: 3px;
	background-color: #888;
	border-radius: 4px;
}

.info_list_master  a::before {
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.info_list_master  a::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.text_input_box{
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border:solid 1px #EEA34A;
}
.text_input_box:focus {
    border:solid 2px #8b4513;
}


     .page_submit_button_case
     {
         padding-top:50px;
         padding-bottom:50px;
         text-align:center;
     }

     .page_submit_button {
     background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);  
     background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));  
     border: 2px solid #DDD;  
     color: #111;  
     border-radius: 4px;  
     -moz-border-radius: 4px;  
     -webkit-border-radius: 4px;  
     -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);  
     -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);  
     padding: 5px 60px;/*縦方向-横方向*/
     margin-top:5px;
     margin-bottom:10px;
     margin-left:10px;
     font-weight:bold;
     width:80%;
     font-size:120%;
     color:#a0522d;
    }

    .select_box_s{
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
        border:solid 1px #EEA34A;
        font-size:16px;
        color:black; 
    }
    .select_box_s:focus {
       border:solid 2px #8b4513;
    }