@charset "utf-8";

/* ======== BASIC Setting ======== */
* {
   font-family:"メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif,"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3";
   color:#333333;
   font-size: 100%;
}
html {height: 100%;}

body {
  margin: 0 7px 0 0;
  padding:0;
  background-image: url(image/back.gif);
  height: 100%;
}

a {color:#000080; text-decoration:none;}
a:hover {color:#f85a35; text-decoration:underline;}

img {
  margin: 0px; padding: 0px; border: 0px;
  vertical-align: bottom;
}

table{border-collapse:collapse;padding:0;}
th,td{padding:0;}

h1,h2,h3,h4,h5,h6 {margin:0;}

h1 {
  margin: 25px 50px 20px 30px;
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
}
h2 {
  margin: 25px 50px 20px 45px;
  padding: 0px 0px 20px 10px;
/*  height: 1px; */
  font-size: 16px;
  font-weight: bold;
  border-left: 20px #333399 solid;
  border-bottom: 1px #000000 dashed;
}

div#totop {clear:both;}



/* ======== ヘッダーレイアウト ======== */
#header{
  margin: 0 auto;
  width:900px;
  height: 44px;
  background-color: #fff ;
}

/* ヘッダーロゴ */
#headerLogo{
  margin: 15px 0 5px 10px;
  text-align: left;
  float:left;
}

/* ヘッダーメニュー */
div#headerMenu{
  margin:0;
  text-arign: right;
  float:right;
}
#headerMenu ul {
  margin:0;
  padding-right: 15px;
  padding-top: 17px;
  text-align:right;
}

#headerMenu li {
   display:inline;
   font-size:75%;
   list-style:none;
}

/* ヘッダータイトル グラデーション */
#headerTitle{
  clear: both;
  width: 100%;
  text-align: right;
/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczMTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMTFGODEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMxRDVBRDkiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czMTIpIiAvPgo8L3N2Zz4=);
  border-right: 7px red solid;
}

#headerImg{
  margin: 0 auto;
  width: 900px;
  height: 50px;
  text-align: center;
  position: relative;
}

/* ヘッダータイトル位置 */
#layer1{
  width : 300px;
  height : 30px;
  top: 16px;
  left: 650px;
	position : absolute;
	z-index : 1;
	visibility : visible;
	color : #fff;
  font-size: 100%;
  font-weight : bold;
  letter-spacing: 1px;
}


/* ----- 左コンテンツ／ メニュー ----- */
div#menu{
  float: left;
  width: 200px;
  background-color: #f0ffff;
}

#menu h2{
  margin: 0px;
  font-size: 94%;
  height: 1px;
  background-color: #99CCFF;
  border: solid 1px;
  border-color: #B7DBFF #7096BA #7096BA #B7DBFF;
}

#menu ul { 
  margin: 0; 
  padding :0; 
  list-style-type : none; 
}

#menu li { 
  display : inline; 
  padding :0; margin:0; 
}

#menu a {
  display:block; 
  border-top:1px solid #000080;  
  border-right:1px solid #000080;  
  border-bottom:1px solid #000080;  
  border-left:5px solid #000080;
  background-color:#fff;
  font-size:84%;
  padding:1px 0 1px 0;
  text-decoration:none;
  /* width:8em; */
  color:#333333;
  margin:2px 0px;
  text-align:center;
  height:1.9em;
}
#menu a:hover {
  display:block; 
  border-top:1px solid #ff0000;  
  border-right:5px solid #ff0000; 
  border-bottom:1px solid #ff0000;  
  border-left:1px solid #ff0000;
  background-color:#fff;
  font-size:84%;
  padding:1px 0 1px 0;
  text-decoration:none;
  color:#ff0000;
  text-align:center;
  /* width:8em; */
  margin:2px 0px;
  height:1.9em;
}
#menu a#current {
  border-top:1px solid #000080;  
  border-right:1px solid #000080;  
  border-bottom:1px solid #000080;  
  border-left:5px solid #ff0000;
  background-color:#f0f8ff;
  font-size:84%;
  padding:1px 0 1px 0;
  text-decoration:none;
  /* width:8em; */
  color:#333333;
  margin:2px 0px;
  text-align:center;
  height:1.9em;
}
/* menu オープンコース */
#menu a#openCos{
  padding-right: 0.5em;
  font-size:82%;
  text-align:right;
  color :#fff;
  background-color:#4c80eb;
}

/* menu 行動変容支援 */
#menu a#bmodCos{
  padding-right: 0.5em;
  font-size:82%;
  text-align:right;
  color :#fff;
  background-color: #002664;
}

#menu a:active{
*   color: #CC6666;
}



/* ======== フッター ======== */
div#footer {
  clear: both;
  width: 100%;
  text-align: center;
  line-height: 110%;
  background-color: #032e9b;
  border-right: 7px solid #032e9b;
/*  background-color: #1b56d2; 
  border-right: 7px solid #1b56d2;*/}

#footer p{
  border-top: 1px #999999 dashed;
  padding: 3px;
}

address {
  padding:5px 0;
  font-style:normal;
  font-size:75%;
  text-align:center;
  color: #f0f8ff;
}

/* ======== フッターメニュー ======== */
/*
div#footMenu ul {
   margin:0 0 10px 0;
   padding:10px 0 0 0;
   text-align:right;
   background:url("image/bg_dotline.gif") 0 0 repeat-x;
}

div#footMenu li {
   display:inline;
   margin:0 0 0 10px;
   font-size:75%;
   list-style:none;
}

div#footMenu li a {
   padding-left:10px;
   color:#333;
   background: url(image/bg_footmenu.gif) 0 50% no-repeat;
}
*/