<link href="koba_1.css" rel="stylesheet" type="text/css">
@charset "UTF-8";


<style>
body,td,th{
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}

* {
	margin: 0;
	padding: 0;
}

a img {
	border-style:none;
}

a { 
	text-decoration: none;
 }

body {
	color: black;
	background: pink;
}
h1 {
	font-size: 32px;
	font-weight: bolder;
	margin-top: 0px;
	margin-right: 0px;
	line-height: 1.5em
	/*margin-bottom: 10px;*/
	}
	
h2 {
	font-size: 15px;
	font-weight: bolder;
	margin: 0px;
	padding: 0;
	line-height: 1.5em
}

h3 {
	font-size: 14px;
	font-weight: bolder;
	margin: 0px;
	line-height: 1.5em
}

h4 {
	font-size: 12px;
	font-weight: bolder;
	margin-bottom : 10px;
	line-height: 1.5em
}

h5 {
	font-size: 10px;
	font-weight: bolder;
	margin-bottom : 0px;
	line-height: 1.5em
}

h6 {
	font-size: 6px;
	font-weight: bolder;
	margin-bottom : 0px;
	line-height: 1.5em
}

#shita {
	margin-top: 1em;
}

#tops {
	background:  #ffffff;
	border: 4px solid mediumvioletred  ;
	/*border-radius: 6px;*/
	margin: 10px auto;
	width: 892px;
}

#main {
	overflow: hidden;
	background:  #ffffff;
	border: 4px solid mediumvioletred  ;
	margin: 10px auto;
	width: 892px;
}

#ko{
	 margin-left: 180px;
}


#ro {
	margin: 10px;
	padding : 0;
}

#bana {
	margin-top: 10px;
	margin-bottom:10px;
}

#cap {
  margin-left: 320px;	
  margin-right: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.ph {
  margin: 12px;
 /* width: 256px;
  height: 340px;*/
}

.phsn {
  margin-top: 5px;
}

/*リンクボタン上*/
#menu {
   width: 900px;
   height: 40px;
   overflow: hidden;
   margin: 0 auto;
   background: url(../images/lis0_2.png) 0 0 repeat-x;
}
.me {
   width: 900px;
   overflow: hidden;
   margin: 0 auto;
   padding-left: 2px;
   list-style-type: none;
   background: url(../images/lis00_2.png) 0 0 no-repeat;
}

.me li {
   float: left;
   font-size: 0.75em;
   color: #333;
}

.me li a {
   overflow: hidden;
   display: block;
   width: 100px;
   color: #fff;
   padding: 20px 0;
   line-height: 0.2;
   text-align: center;
   text-decoration: none;
   background: url(../images/lis00_3_2.png) 100% 0 no-repeat;
}

.me li a:hover {
   background: url(../images/lis00_2_2.png) 100% 0 no-repeat;
}
/*ここまで*/




/*3段の別案*/

#container {
 overflow:hidden;
 width: 872px;
 height: 600px;
 margin-left: auto;
 margin-right: auto;
/* text-align: left;*/
 color: #444;
 margin: 10px;
}

#boxA {
 width: 32%;
 height: 600px;
 float: left;
 margin-right: 2%;
 background-color: tan;
 text-align: center;
}

#boxB {
 width: 32%;
 height: 600px;
 float: left;
 background-color: lightgreen ;
 text-align: center;
}

#boxC {
 width: 32%;
 height: 600px;
 float: right;
 background-color: lightskyblue;
 text-align: left;
}

/*3段の別案ここまで*/

#rogos{
		position: relative;
 	top: -50px;
	}

#seko {
	   color: #000066;
	}

#aka {
	   color: #990000;
	}


/*左カラムのボタン*/
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
/*ここまで*/


h2#sen {
    border: solid;
    border-width: 3px 0px 3px 0px;
    padding: 5px;
    border-color: #003399;
    font-size: 120% ;
	margin-bottom : 10px;
}

h3#sen {
    border: solid;
    border-width: 3px 0px 3px 0px;
    padding: 5px;
    border-color: #003399;
    font-size: 14px ;
	margin-bottom : 10px;
}

hr {
    border: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #003399;
	margin-bottom : 5px;
	margin-top : 5px;
}


#bubu {
	text-align: center;
	margin-bottom: 20px;	
}
#copy {
	width: 900px;
	background-color: #000060;
	margin: 10px auto;
	clear: both;
	text-align: center;
	color: #FFFFFF;
	padding: 10px 0px;
}

</style>
