@charset "Shift_JIS";

body {  
    text-align: center;  
}  
div#main{  
    width: 1000px;  
    margin: 0 auto;  
    text-align: left;  
}
h3{font-family: メイリオ;
}
p{font-family: メイリオ;
}

/*グローバルメニュー*/
div#menu ul{
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu li{
  font-family: メイリオ; 
  display: inline; 
  padding: 0; 
  margin: 0; 
  float: left;
  font-weight: bold;
}
#menu li a{
  display: block;
  width: 140px;
  padding: 7px;
  margin: 5px 0px 1px 0px;
  text-decoration: none;
  border:outset 3px #F781D8;
  background-color: #F6CEF5;
  text-align: center;
  color: #DF01D7;
  font-size: 17px; 
  border-radius: 10px;	/* ボックスの四つ角を丸くする */ 
}

#menu li a:hover{
border: inset 3px #95A38D;
background-color: #ffffff;
}


/*サブメニュー*/
div#submenu {
	width:160px;			/*幅の指定*/
	margin:10px 10px 10px 10px;	/*位置調整（IE6のバグに注意）*/
	display:inline;			/*IE6のマージン算出のバグ対策*/
	float:left;			/*サブメニューのカラムを左寄せにする*/
}

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#submenu_body {
        padding: 2px;
	background-color:#82FA58;
}
ul#submenu_body li {
         line-height: 320%;
	font-size:85%;			/*文字サイズを85%にする*/
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
        font-weight: bold;              /*太字にする*/
        font-family: "メイリオ";
}                
ul#submenu_body li a {
	display:block;			/*リンクをブロック表示にする*/
	margin:0px 4px 0px 4px;		/*サブメニュー項目のマージン*/
	padding:2px 0px 2px 20px;	/*サブメニュー項目のパディング*/
	background-color:#D8F6CE;	/*サブメニュー項目の背景色*/
	text-decoration:none;		/*リンクの下線を無くす*/
        color:#088A08;
}
ul#submenu_body li a:hover {
	background-color:#ffffff;	/*リンクにマウスが乗ったら色を変える*/
}

/*メインコンテンツ*/
div#content{
        width: 750px;
        height: auto; 
        background: url(img/korukubo-do.jpg);
        margin:25px 10px 10px 10px;
        display: inline-block; 
        border: 10px solid #ED8B58;
}
div#content h2{
        margin: 20px 20px 0px 20px;
        padding: 7px;
        background-color: #ffffff; 
        color: #000000;
        font-size: 130%;
        font-weight: normal;
        font-family:"arial unicode ms","メイリオ";
        text-align: center;
}
 /*見出しデザイン*/
h2 {
        position: relative;
        padding: 1em 0;
}

h2::before,
h2::after {
        position: absolute;
        left: 0;
        content: '';
        width: 100%;
        height: 6px;
        box-sizing: border-box;
}
h2::before {
        top: 0;
        border-top: 2px solid #ccc;
        border-bottom: 1px solid #ccc;
}
h2::after {
        bottom: 0;
        border-top: 1px solid #ccc;
        border-bottom: 2px solid #ccc;
}
 


div#content #content2{
        margin: 0px 20px 30px 20px;
        padding: 15px;
        background-color: #ffffff; 
        color: #000000;
        font-size: 100%;
        font-family: "メイリオ";
}
div#content li{
        font-size: 100%;
}

 /*表のデザイン*/
table {
  border-collapse: collapse;
  border: solid 2px orange;
  width: 100%
}
table th{
  border: solid 1px orange;
  /*実線 1px オレンジ色*/
 color: #FF9800;/*文字色*/
  background: #fff5e5;/*背景色*/	
} 
table td {
  border: solid 1px orange;
  /*実線 1px オレンジ色*/
  padding: 3px 10px;
  /*上下3pxで左右10px*/
}


/*小見出しデザイン*/
div#content h4{
    font-family: "メイリオ";
    font-size: "130%";
}
h4 {
  padding: .25em 0 .25em .75em;
  border-left: 6px solid #ccc;
}


/*footer*/
div#footer{
         background-color: #152460;
         height: 100px;
         text-align: center;s
             
}
 div#footer ul{
         margin: 5px;       
}
div#footer li{
         margin: 5px;
         display: inline; 
         
}
div#footer li a{
          color: #ffffff;
}
div#footer p{
          color: #ffffff;
          padding: 10px;
}