@charset "UTF-8";

/********************************************************/
/*********************minowaHP-css***********************/
/********************************************************/
/********************************************************/

/**********************初期設定**************************/

*{
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  list-style:none;
  text-decoration:none;
}
html{
  height: 100%;
}
body{
  background-color: #c6c3c3;
  background-image: url(images/body.gif);
  background-repeat: repeat;
  height: 100%;
}
body > #container {
    height: auto;
}

/********************************************************/
/********************************************************/
/***********************共通設定*************************/
/********************************************************/
/********************************************************/


/***************画像設定**************/
img{
  border:0px;
  text-decoration:none;
}
/***************見出しの設定**************/
h1{
  margin-top:50px;
  padding-bottom:2px;
  color: #333333;
  font-size: 1.2em;
  font-weight: bold;
  text-align: left;
/******背景画像******/
  background-image: url(./images/h1.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}
h2{
  margin-top: 30px;
  margin-left: 12px;
  margin-right: auto;
  padding: 3px 3px 3px 15px;
  color: #000000;
  font-size: 1.2em;
  background-image: url(./images/sankakulist-b.gif);
  background-repeat: no-repeat;
  background-position: center left;
}
h3{
  color: #333333;
  font-size: 1.2em;
  padding: 3px 3px 3px 10px;
  margin: 20px 0px 5px 0px;
  background-image: url(././images/scalegs.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  /**border-bottom:dotted 3px #cccccc;
  background-color: #f1f1f1;***/
}
h4{
  color: #333333;
  font-size: 1em;
  padding: 0px 0px 0px 8px;
  margin-top: 20px;
  border-bottom:dotted 2px #666666;
}

/***************強調文字***************/
em{
  color: #cc3300;
  font-weight: 500;
} 
strong{
}
/***************装飾文字***************/
span{
  color: #cc3300;
  font-weight: 500;
}

/***************hrタグ*****************/
/******hrタグを利用して、float(回り込み)をクリア******/
hr{
  clear: left;
  height: 0;
  visibility: hidden;
}

/********************************************************/
/********************************************************/
/*****************全体の設定*****************************/
/********************************************************/
/*****レイアウトの設定をしてからフォント/背景色の設定****/
/********************************************************/
/********************************************************/

/********************************************************/
/******************レイアウトの設定**********************/
/********************************************************/


/********************body直下のdiv***********************/
#container{
  height: 100%;
  min-height: 100%;
  position: relative;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  background-color: #f1f1f1;
}

/**********************HPタイトル************************/
p.head{
  width: 680px;
  padding: 20px 10px 0px 10px;
  text-align: right;
}

/*********************上部サブメニュー*******************/
#submenu{
  width: 700px;
  height: 80px;
  position: relative;
  border-top: solid 1px #000000;
  border-bottom: solid 1px #666633;
  background-image: url("./images/hari6.jpg");
  background-repeat: no-repeat;
}
#submenu ul{
  filter: alpha(opacity=70);
  opacity: 0.7;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding-top:10px;
  width: 700px;
  text-align: right;
}
#submenu ul li{
  display: inline;
  padding: 0 1em;
}

/*****サブメニュー下の大きな箱,フッターは含まない********/
div#main{
  width: 700px;
  padding-bottom:60px;
  margin-top:0px;
}

/***************メインメニューの設定*********************/
div#mainmenu{
  width: 150px;
  float: left;
}
div#mainmenu ul{
  padding:8px;
  margin-top: 100px;
  margin-left: 6px;
  width: 120px;
  border: 1px solid #999999;
}
div#mainmenu ul li{
  padding-left:1.3em;
  line-height: 2em;
  display: block;
  background-image: url("./images/dottedlist04.gif");
  background-repeat: no-repeat;
  background-position: left;
}

div#mainmenu ul li a:hover{               /*****点線表示***/
  border-bottom: dotted 2px #669900; 
}


/**********メニュー右側のコンテンツ用スペース外枠********/
div#contents{
  float: left;
  width: 480px;
  margin-top: 50px;
  margin-left: 13px;
  padding-left: 40px; 
  padding-bottom: 50px;
  border: 1px solid #999999;
}

/**********コンテンツスペース内のBOX****************/
div.box{
  clear: both;
  width: 390px;
  margin-top: 10px; 
  padding: 24px;
  border: solid 1px #888888;
}

/*********リード文章、見出しリストの設定。ここから*******/
dl#lead{
  width: 350px;
  margin-top: 50px;
  padding: 30px 44px;
  border: 1px solid #d4be95;
}
dl#lead dt{
  font-weight: bolder;
  margin-top: 1em;
}
dl#lead dd{
  padding:3px;
}

/*******文章目次設定*****/
div#mokuji{
  width: 350px;
  margin-top: 10px;
  padding: 20px;
  border-left: 10px solid #999999;
  border-top: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
div#mokuji dt{
  width: 7em;
  padding-left: 1em;
  background-image: url(./images/dottedlist06.gif);
  background-repeat: no-repeat;
  background-position: left;
}
div#mokuji dd{
  margin-top: -1em;
  margin-left: 7em;
  padding-left: 1.2em;
  background-image: url(./images/mokuji.gif);
  background-repeat: no-repeat;
  background-position: 0 0.5em;
}




/*************BOX内のDT設定******************/
div.box dl dt{
  margin-top: 0.5em;
  padding-left: 1em;
  background-image: url(./images/squarelist-glay.gif);
  background-repeat: no-repeat;
  background-position: left;
}

div.box dl dd{
  margin-top:0.5em;
  padding-left:1em;
}

/**div.box dl dt a{
  color: #333333;
}**/

/************box内のイメージ表示設定*********************/
div.box img{
  margin-bottom: -1em;
  margin-top: 1em;
}
* img.in{
  padding: 0em 1em 1em 0em;
  float: left;
}

/********************パンくずリスト**********************/
#pan{
  width: 450px;
}
#pan ul{
  float: right;            /*****リスト全体を右寄せ*****/
}
#pan ul li{
  display: inline;         /*****リストを横並び表示*****/
  padding:0.1em;
}
/****************pタグ*****************/

div.box p{
  margin-top: 1em;
}
* p.modoru{
  text-align: right;
  margin-right: 40px;
}
div.box p.migi{
  text-align: right;
  margin-right: 1.5em;
  margin-top: 3px;
}

/***********************フッター*************************/
#footer{
  height: 40px;
  width: 700px;
  position: absolute;
  bottom: 0px;
}
#footer address{
  border-top: dotted 2px #666666;
  margin: 10px 0 0 0;
  text-align: right;
}

/********************************************************/
/*****レイアウト終わりここからフォント/背景色の設定******/
/********************************************************/

/*********************HPタイトル*************************/
p.head{
  font-size: 1em;
  color: #666666;
}
p.head span{
  color: #666666;
  font-size: 1.1em;
/**  font-weight: bolder;**/
}

/********************上部サブメニュー********************/
div#submenu{
  font-size: 0.9em;
}
div#submenu ul{
  background-color: #cccccc;
}
div#submenu ul li a{
  color: #000000;
}
div#submenu ul li a:hover{
  color: #000000;
  background: #ffffff;
}

/*****サブメニュー下の大きなボックス,フッターは含まない********/
div#main{
  background: #ffffff;
  background-image: url(./images/bg02.jpg);
  background-repeat: repeat;
  background-position: left top;
}

/****************メインメニューの設定********************/
div#mainmenu ul{
  background: #ffffff;
}
div#mainmenu ul li a{
  color: #666666;
}
div#mainmenu ul li a:hover{
  color: #000000;
}

/**********メニュー右側のコンテンツ用スペース外枠********/
#contents{
  background: #ffffff;
}
/*******************パンくずリスト***********************/
#pan{
  font-size: 0.8em;
}

/********リード文章、見出しリストの設定。ここから********/
dl#lead{
  background: #fcfcdd;
  color: #330000;
}
dl#lead dt{
  font-weight: bolder;
}

/********del,insタグの設定********/
del{
  text-decoration: line-through;
}

ins{
  text-decoration: underline
}


/********リンク色****************************************/

/*********基本設定*********/
a:link{
  color: #669900;
  text-decoration:none;
}
a:visited{
  color: #669900;
}
a:hover{
  color: #b83800;
}

div.box p.modoru a{
  color: #333333;
}

* a.present{
  color: #b83800;
}
div#mainmenu ul li a.present{
  color: #000000;
  border-bottom: dotted 2px #669900;
}

/**********************フッター**************************/
#footer{
  color: #333333;
  background: #ffffff;
}

/********************************************************/
/*************フォント/背景色の設定終わり****************/
/********************************************************/


/****************************************************************/
/***********************FORM設定*********************************/
/****************************************************************/
.line{
  border: 1px solid #333333;
}




/****************************************************************/
/****************************************************************/


/*********************************************************/
/************************リスト表示***********************/
/*********************************************************/

#contents ul{
  margin: 10px 0 0 20px;
  padding: 0px;
  list-style: square;
}

#lead dd ul{
  margin-top: 1em;
}
#lead dd ul li{
  margin-top: 0.3em
}

div#mokuji li{
  margin: 0.2em;
  padding-left: 1em;
  background-image: url(./images/dottedlist06.gif);
  background-repeat: no-repeat;
  background-position: left;
}

div.box ul li{
  margin-top: 1em;
  padding-left: 1em;
  background-image: url(./images/squarelist-glay.gif);
  /**background-image: url(./images/sankakulist-b.gif);**/
  background-repeat: no-repeat;
  background-position: left top;
}

div.box ul li ul li{
  background-image: none;
}

/*********************************************************/
/******************完成写真用表示*************************/
/*********************************************************/

ul#phot{
  margin: 0;
  padding: 0;
  background-image: none;
  position: relative;      /*基準*/
  width: 390px;
  height: 490px;
}
ul#phot li a img{       /*レイヤー階層の設定*/
  position: relative;   /*z-indexのため*/
  z-index: 3;           /*z-indexで、前後関係を設定*/
  width: 78px;          /*サムネール用画像大きさ*/
  height: 51px;
}
ul#phot li{
  display: inline;
  float: left;
  width: 78px;
  height: 51px;
  list-style-type: none;
  background: #cccccc /*url(./images/view.png)*/ top left no-repeat; /* クリック時の背景*/
  line-height: 0;             ここからIE用の設定
  vertical-align: bottom;
  font-size: 0;
}
ul#phot li a{
  display:block;
  width: 78px;
  height: 51px;
}
ul#phot li a:hover{
  padding-top: 204px; /*上部サムネール用余白*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 390px;
  height: 260px;
}
ul#phot li a:hover img{           /*マウスオーバーで画像拡大*/
  width: 390px;
  height: 260px;
}
ul#phot li a:active,
ul#phot li a:focus{
  padding-top: 204px;
  position: absolute;
  top: 0;
  left: 0;
  width: 390px;
  height: 260px;
}
ul#phot li a:active img,
ul#phot li a:focus img{
  position: relative;
  z-index: 1;
  width: 390px;
  height: 260px;
}

/****************************************************************/

/***サイトマップ用のリスト**********/
div.box ul.map li{
  padding: 0;
  list-style: square;
  background-image: none;
}
div.box ul.map ul{
  margin: 10px 0px 10px 30px; 
  padding: 0px;
  border-left:solid 1px #333333;
}
div.box ul.map ul li{
  list-style: none;
}

/******ここまでサイトマップ*********/



/*****************************************************************/
/***************************終わり********************************/
/*****************************************************************/