/***** rslogin.html.erb(ログイン・メニュー) *****/

/* 会社名 */
p#catch_copy{
	font-size : 0.7em;
	color : #FFFFFF;
	margin: 0px;
}


/* タイトル */
p#logo{
	font-size : 1.5em;
	margin: 0px;
    width : 400px;
    float : left;
    line-height : 2em;
    color : #FFFFFF;

}

/* タイトル リンク色 */
p#logo a{
  color : #FFFFFF;
}


/* ユーザ名 */
div#logo_side{
	font-size : 0.85em;
	color : #FFFFFF;
    width : 330px;
    float : right;
    padding-top : 10px;
}

/* メインコンテンツ */
div#main_contents{
  font-size : 0.85em;
  color : #333333;
  line-height : 1.8em;
  padding : 0px 10px 10px 10px;
}

/* フリーエリア(カレンダー) */
div.free_area_contents{
  font-size : 0.75em;
  color : #333333;
  line-height : 1.8em;
}


/* テキストリンク色 */
a{
  color : #339900;
}


/* テキストリンク(オンマウス時) */
a:hover{
  color : #33cc00;
}

/* 段落マージン(下部) */
p{      
  margin-bottom : 1.5em;
}

body{
	font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height : 1.5em;
    /* background : #99ff66; */
	/* background : #99ff66 url("../../img/base/body_back.png");*/
	background : url("../../img/base/body_back.png");
	color : #333333;
	margin: 0px;
}

div#contents{
    width: 95%;
	margin : 0 auto;
	background-color : #f2f2f2;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;


}

/* ヘッダ部 */
div#logo_wrapper{
	padding : 0px 27px;
	background: url("../../img/header_back_img.png") repeat-x 0px 0px;
	height: 68px;
	border-bottom: 1px solid #FFFFFF;
}


/* メイン部(ここにテンプレートをyieldする) */
div#wrapper{
	margin : 0 10px;
	height: 100%;

}

/* メインカラム(右) */
div#main{
	width : 48%;
	float : right;
	margin-bottom : 40px;
	border : 1px solid #cccccc;
	background: #FFFFFF;

}


h1{
	font-size: 0.9em;
	padding-left: 10px;
	border-left: 5px solid #FFFFFF;
	color: #FFFFFF;
	margin-left: 10px;
	margin-top: auto;
	margin-bottom: auto;
}

h2, h3, h4, h5, h6{
  font-size : 1.0em;
}

/* メニューカラム(左) */
div#menu_block{
	width : 50%;
	float : left;
	margin-bottom : 40px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;

}

/* メニューリスト */
ul.list{
	margin : 0 0 30px 0; 
	list-style: none;
}

ul.list li h3{
    padding-top: 5px;
    font-size : 1.3em;
    margin-bottom: 5px;
}

ul.menu{
  padding : 0;
  font-size : 1.1em;
}

ul.menu li{
  list-style-type : none;
}

ul.menu a{
  display : block;
  width : 90%;
  padding : 10px 0 0 15px; 
  text-decoration : none;
  background : url("../../img/base/list_kazari.png") no-repeat 0px 20px;
  border-bottom : 1px dotted #006600;
  color : #333333;
}

ul.menu a:hover{
  color : #333333;
  background-color : #d9ffc0;
}

/* フリーエリア内容(カレンダー) */
div.free_area_contents{
	padding-left : 10px;
    padding-right : 10px;
	background-color : #ffffff;
	margin: 0px 0px 15px;

}

/* フッタ部 */
div#footer{
  clear : both;
  background-color : #000000;
  border-top : 1px solid #33cc00;
  color : #ffffff;
  text-align : center;
}

/* アドレスリンク色 */
address a{
  padding : 0 3px;
  color : #ffcc00;
}

/* アドレスリンク色(オンマウス時) */
address a:hover{
  color : #f0f0f0;
}

a img{
  border : none;
}

ul, ol{
  padding-left : 20px;
}

/* ナビゲーション部 */
div#navi_wrapper{
   width : 755px; 
  /* width: 80%; */
  margin : 0 auto;
  margin-bottom: 5px;
}

/* ヘッダ画像 */
div#header_image{
  width: 540px;
  height: 170px;
  float :right;
  /* clear : both; */
  /* margin : 0 0 30px 0; */
  padding-top: 4%;
  text-align : center;
  vertical-align : middle;
}

/* カレンダー */
div#calender{
    width: 200px;
    height: 170px;
    /* border: solid 1px #cccccc; */
    margin-bottom: 5px;
}

/* ナビゲーションリンク */
div.gnavi_green{
  clear : both;
  /* width : 756px;*/
  width: 100%;
  margin : 0 auto 5px auto;
  padding : 5px 10px;
  font-size : 0.95em;
  border : 2px solid #33bb00;
  color : #ffffff;
  background-color : #339900;
}

div.gnavi_green a{
  color : #ffffff;
}

div.gnavi_green a:hover{
  color : #eeeeee;
}

span.navi_list{
    padding: 3px 0;
    padding-right: 10px;
    margin: 5px;
    border-right: 1px solid #ffffff;
}

span.navi_logout{
    float: right;
    padding-left: 10px;
    margin: 0 5px;
    border-left: 1px solid #ffffff;
}

td{
  vertical-align : top;
}

/* 見出し部 */
div.midashi {
	background: url("../../img/midashi_back_img.png") repeat-x 0px 0px;
	height: 41px;
	margin: 0px;
	vertical-align: middle;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 4px;
}