body {
	background: url(../images/head_line.gif) repeat-x left top;
	font-size: 13px; /* モダンブラウザ向け */
	*font-size: small; /* IE 7向け */
	*font: x-small; /* IE 6以下 */
	color: #666666;
	font-family: Verdana, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}

#body{
	width:100%;
	max-width:960px;
	margin: 0px auto;
}

/* ------ ヘッダー ------ */
#head{
	margin-bottom:100px;
	padding-bottom:30px;
}

#head_Logo {
	float:left;
	margin-top:15px;
}

#head_Logo h1 {
	font-size:10px;
}

#headerContact {
	float:right;
}

#headerContact {
	margin:20px 0 0 0;
}


#headerContact div {
	font-family: Arial, Helvetica, sans-serif;
	font-size:165%;
	font-weight:bold;
	color:#000;
	text-align:right;
}

#headerContact div span {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	vertical-align: middle;
}

#headerContact p {
	font-size:10px;
	color:#666;
	text-align:right;
}

div#headerContact {
	margin-top:-100px;
}

/* ------ コンテンツ共通 ------ */
.wrapper {
     float: left;
     margin: 0;
     width: 100%;
     min-height:750px;;
     margin-left: -210px;
     min-height:650px;
}
 
.content {
     margin-left:220px;
}

.content-title {
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom: 1px solid #d4d4d4;
}

.content-title span {
	color:#1F5C97;
	font-weight:bold;
}

/* ------ コンテンツ共通 float ------ */
.left { float: left;}
.right { float: right;}
.clear { clear: both;}

/* ------ コンテンツ共通 tabel ------ */
.table01 {
	width: 100%;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	background: #ffffff;
	margin-bottom:15px;
}

.table01 th,
.table01 td {
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	padding: 10px;
	line-height: 1.6;
}

.table01 th {
	background-color: #f0f0f0;
}

/* ------ コンテンツ共通 link ------ */
a:link.link { color: #6A6A6A; }
a:visited.link { color: #6A6A6A; }
a:hover.link { color: #ff0000; }
a:active.link { color: #6A6A6A; }

/* ------ コンテンツ個別 ------ */
.home-content {
	width:200px;
	height:180px;
	float:left;
	padding:10px;
	border-style: solid ;
	border-width: 0px;
	border-radius: 10px;
	margin:0px 12px;
    box-shadow: -2px -2px 5px 2px #999999 inset;
}

.home-info li {
	margin-bottom:10px;
	line-height: 1.5em;
}

.icon-ivent {
	width:80px;
	height: 15px;
	float:left;
	margin-right: 10px;
	text-align:center;
	font-size: 12px;
	line-height: 1em;
	color: #ffffff;
	border-style: solid ;
	border-width: 1px;
	border-radius: 5px;
	border-color: #D2FFD2;
	background-color: #009900;
}

.icon-report {
	width:80px;
	height: 15px;
	float:left;
	margin-right: 10px;
	text-align:center;
	font-size: 12px;
	line-height: 1em;
	color: #ffffff;
	border-style: solid ;
	border-width: 1px;
	border-radius: 5px;
	border-color:#D9D9FF;
	background-color: #0000CC;
}

.icon-info {
	width:80px;
	height: 15px;
	float:left;
	margin-right: 10px;
	text-align:center;
	font-size: 12px;
	line-height: 1em;
	color: #ffffff;
	border-style: solid ;
	border-width: 1px;
	border-radius: 5px;
	border-color:#FFEEEE;
	background-color: #FF3300;
}

.icon-more {
	width:90px;
	height:20px;
	float:right;
	text-align:center;
	padding-bottom:2px;
	border-style: solid ;
	border-width: 0px;
	border-radius:7px;
    box-shadow: -1px -1px 1px 1px #999999 inset;
	font-size:14px;
	font-weight:normal;
}

.info-date {
	margin-right:10px;
}

.home-content:hover {
    box-shadow: 1px 1px 5px 1px #999999 inset;
}

.nolink:hover {
    box-shadow: -2px -2px 5px 2px #999999 inset;
}

.icon-more:hover {
    box-shadow: 1px 1px 2px 1px #999999 inset;
}

.home-content a {
	font-size:16px;
	margin:0px 0px 0px 10px;
	font-weight:bold;
	color: #666;
	text-decoration: none;
}

.home-content-title {
	font-size:16px;
	margin:0px 0px 0px 10px;
	font-weight:bold;
	color: #666;
	text-decoration: none;
}

.icon-more a {
	text-decoration: none;
}

.home-content p {
	margin:0px 0px 5px 0px;
}

/* ------ activityページ設定 ------ */

.activity-box {
	margin-bottom:20px;	
}

.activity-title span {
	color:#1F5C97;
	font-weight:bold;
}

.activity-text {
	max-width:400px;
	margin:10px 15px 20px 15px;
	float: left;
	line-height: 1.5em;
}

.activity-img {
	float: left;
}
 
/* ------ staffページ設定 ------ */ 
 
.staff-text {
	max-width:450px;
	margin:10px 15px 20px 15px;
	float: left;
	line-height: 1.5em;
} 

.staff-img {
	float: left;
}
 
/* ------ サイドバー ------ */
.sidebar {
    height: auto;
	float:left;
	width:205px;
	margin-bottom: 10px;
    position: relative;
    z-index: 2;
}

.sidebar ul li {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
}

.sidebar ul li a {
	display: block;
	height: 30px !important;
	height /**/: 44px;
	padding: 14px 0 0 28px;
	border-bottom: none;
	color: #000;
	text-decoration: none;
	background: url(../images/globalnavi.gif) no-repeat left top;
}

.sidebar ul li a:hover {
	background: url(../images/globalnavi_over.gif) no-repeat left top;
	color:#666;
	text-decoration: none;
}

#toggle{
	 display: none;
	}
	
#menu li{
	  display: block;
	  }
	  
#menu li a{
	  display: block;
	  }

.sidebar2{
	position: absolute;
	top: 500px;
}

/* ------ フッター ------ */
 
div#footer {
	clear:both;
    width:100%px;
}

#footer {
	background: url(../images/footer_line.gif) repeat-x left top;
	padding: 20px 0 20px;
	margin-top:15px;
}

#footer p {
	color:#666666;
}

#footerNavi {
	padding: 2px 0 0 0;
	font-size:77%;
	margin-right:8px;
}

#footerNavi p {
	margin-bottom: 0;
	color:#666666;
}

#footerNavi a {
	text-decoration:none;
	color:#666666;
}

/* h[x]
----------------------------------------------------- */
h1{
}

h2{
	background:url(../images/h2_icon.gif) no-repeat 8px 2px;
	padding-left:20px;
	margin:10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;
}

h3{
	background:url(../images/h3.gif) no-repeat left top;
	padding:7px 5px 13px 10px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:bold;
	color:#000;
}


/* ----------- 960px以下の表示設定 ----------- */
@media only screen and (max-width: 960px) {
.home-content {
	width:90%;
	height:auto;
	clear:both;
	padding:5px;
	margin-bottom:10px;
	margin-left:10px;
}

/* ----------- 740px以下の表示設定 ----------- */
@media only screen and (max-width: 740px) {
.aboutus-logo {
	display:none;
}
}

/* ----------- 480px以下の表示設定 ----------- */
@media only screen and (max-width: 480px) {

/* ------ コンテンツ共通 ------ */
.wrapper, .content, .sidebar {
	float: none;
    margin: 0;
    width: auto;
}

.wrapper {
    min-height:inherit;
}

/* ------ コンテンツ個別 ------ */
.home-content {
	width:90%;
	height:auto;
	clear:both;
	padding:5px;
	margin-bottom:10px;
	margin-left:10px;
}

/* ------ サイドバー ------ */  
#menu{
	display: none;
}

#menu li{
	width: 100%;
}   

#toggle{
  display: block;
  position: relative;
  width: 100%;
  background: #222;
}

#toggle a{
  display: block;
  position: relative;
  padding: 12px 0 10px;
  border-bottom: 1px solid #444;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
      
#toggle{
  display: block;
  position: relative;
  width: 100%;
  background: #1F5C97;
}

#toggle a{
  display: block;
  position: relative;
  padding: 12px 0 10px;
  border-bottom: 1px solid #444;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
	        
#toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #ffffff;
}
  
#toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #1F5C97;
}

#toggle a:before{
    margin-top: -6px;
}
  
#toggle a:after{
    margin-top: 2px;
}

.sidebar ul li a {
	background: url(../images/globalnavi-line.gif) left top;
}

.sidebar ul li a:hover {
	background: url(../images/globalnavi-line.gif) left top;
}

.sidebar2{
	position: static;
}

#headerContact div {
	clear:both;
	margin-top:0px;
	width:100%;
}

#headerContact p{
	display:none;
}

}/* @media (max-width: 480px) */