@charset "shift_jis";


/*---------- ページ全体の指定 ----------*/

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino KaKu Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #000000;
  background:#ff8c00;


}

a:link {
  color: #69821b;
  font-size: 12px;
}

a:hover {
  color: #99ab4e;
  font-size: 12px;
}

a:visited {
  color: #69821b;
  font-size: 12px;
}

p {
  margin: 18px 0 18px 0;
  line-height: 180%;
  letter-spacing: 1px;
  background: #ffffff;
}


/*---------- メイン ----------*/

#main {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 950px;
  border-right:  solid 0px #c6c6c6;
  border-bottom: solid 0px #c6c6c6;
  border-left: solid 0px #c6c6c6;
  background-color: #ffffff;
}



/*---------- ヘッダー ----------*/

#header {
  margin: 0;
  width: 950px;
  height: 160px;
  border-top: solid 0px #99ab4e;
  border-bottom: solid 0px #99ab4e;
  background-color: #ffffff;
  background-image: url(img/heda1.jpg);
  background-repeat: no-repeat;
}

#header h1 {
  margin: 0;
  padding: 2px 0 0 10px;
  text-align: left;
  font-weight: normal;
  font-size: 12px;
  color: #ffffff;
}

#header h2 {
  margin: 0;
  padding: 6px 10px 10px 12px;
  width: 400px;
  text-align: left;
  font-size: 14px;
  color: #555555;
  letter-spacing: 1px;
}


#table-left{
  text-align: left;
  font-size: 16px;
  color: #333333;
  line-height: 150%;
  text-decoration: none;
}

#table-left a{
  font-size: 16px;
  color: #333333;
  text-decoration: none;
}

#table-left a:hover{
  font-size: 16px;
  color: #666666;
  text-decoration: none;
}


#table-right{
  text-align: right;
  margin: 0;
  padding: 2px 14px 2px 0;
  font-size: 16px;
  color: #c9171e;
  line-height: 150%;
  text-decoration: none;
}

#table-right a{
  font-size: 12px;
  color: #333333;
  text-decoration: none;
}

#table-right a:hover{
  font-size: 12px;
  color: #666666;
  text-decoration: none;
}


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

	#menu {
	        width: 948px;
	        margin: 0px auto;
	        border: 1px solid #222;
	        background-color: #111;
	        background-image: -moz-linear-gradient(#0000ff, #191970);
	        background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	        background-image: -webkit-linear-gradient(#0000ff, #191970);
	        background-image: -o-linear-gradient(#0000ff, #191970);
	        background-image: -ms-linear-gradient(#0000ff, #191970);
	        background-image: linear-gradient(#0000ff, #191970);
	        -moz-border-radius: 0px;
	        -webkit-border-radius: 0px;
	        border-radius: 0px;
	        -moz-box-shadow: 0 0px 0px #777;
	        -webkit-box-shadow: 0 0px 0px #777;
	        box-shadow: 0 0px 0px #777;
	}


	#menu:before,
	#menu:after {
	        content: "";
	        display: table;
	}

	#menu:after {
	        clear: both;
	}

	#menu {
	        zoom:1;
	}


	#menu li {
	        float: left;
	        border-right: 1px solid #222;
	        -moz-box-shadow: 1px 0 0 #444;
	        -webkit-box-shadow: 1px 0 0 #444;
	        box-shadow: 1px 0 0 #444;
	        position: relative;
	}

	#menu a {
	        float: left;
	        padding: 12px 20px;
	        color: #ffffff;
	        text-transform: uppercase;
	        font: bold 12px Arial, Helvetica;
	        text-decoration: none;
	        text-shadow: 0 1px 0 #000;
	}

	#menu li:hover > a {
	        color: #ff0000;
               background-color: #0186ba;
	        background-image: -moz-linear-gradient(#04acec,  #0186ba);
	        background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	        background-image: -webkit-linear-gradient(#04acec, #0186ba);
	        background-image: -o-linear-gradient(#04acec, #0186ba);
	        background-image: -ms-linear-gradient(#04acec, #0186ba);
	        background-image: linear-gradient(#04acec, #0186ba);
	}

	*html #menu li a:hover { /* IE6 only */
	        color: #fafafa;
	}


	#menu ul {
	        margin: 20px 0 0 0;
	        _margin: 0; /*IE6 only*/
	        opacity: 0;
	        visibility: hidden;
	        position: absolute;
	        top: 38px;
	        left: 0;
	        z-index: 9999;
	        background: #444;
	        background: -moz-linear-gradient(#0000ff, #191970);
	        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
	        background: -webkit-linear-gradient(#0000ff, #191970);
	        background: -o-linear-gradient(#0000ff, #191970);
	        background: -ms-linear-gradient(#0000ff, #191970);
	        background: linear-gradient(#0000ff, #191970);
	        -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
	        -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	        box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	        -moz-border-radius: 3px;
	        -webkit-border-radius: 3px;
	        border-radius: 3px;
	        -webkit-transition: all .2s ease-in-out;
	        -moz-transition: all .2s ease-in-out;
	        -ms-transition: all .2s ease-in-out;
	        -o-transition: all .2s ease-in-out;
	        transition: all .2s ease-in-out;
	}

	#menu li:hover > ul {
	        opacity: 1;
	        visibility: visible;
	        margin: 0;
	}

	#menu ul ul {
	        top: 0;
	        left: 150px;
	        margin: 0 0 0 20px;
	        _margin: 0; /*IE6 only*/
	        -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	        -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	        box-shadow: -1px 0 0 rgba(255,255,255,.3);
	}

	#menu ul li {
	        float: none;
	        display: block;
	        border: 0;
	        _line-height: 0; /*IE6 only*/
	        -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	        -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	        box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	}

	#menu ul li:last-child {
	        -moz-box-shadow: none;
	        -webkit-box-shadow: none;
	        box-shadow: none;
	}

	#menu ul a {
	        padding: 10px;
	        width: 130px;
	        _height: 10px; /*IE6 only*/
	        display: block;
	        white-space: nowrap;
	        float: none;
	        text-transform: none;
	}

	#menu ul a:hover {
	        background-color: #0186ba;
	        background-image: -moz-linear-gradient(#04acec,  #0186ba);
	        background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
	        background-image: -webkit-linear-gradient(#04acec, #0186ba);
	        background-image: -o-linear-gradient(#04acec, #0186ba);
	        background-image: -ms-linear-gradient(#04acec, #0186ba);
	        background-image: linear-gradient(#04acec, #0186ba);
	}


	#menu ul li:first-child > a {
	        -moz-border-radius: 3px 3px 0 0;
	        -webkit-border-radius: 3px 3px 0 0;
	        border-radius: 3px 3px 0 0;
	}

	#menu ul li:first-child > a:after {
	        content: '';
	        position: absolute;
	        left: 40px;
	        top: -6px;
	        border-left: 6px solid transparent;
	        border-right: 6px solid transparent;
	        border-bottom: 6px solid #444;
	}

	#menu ul ul li:first-child a:after {
	        left: -6px;
	        top: 50%;
	        margin-top: -6px;
	        border-left: 0;
	        border-bottom: 6px solid transparent;
	        border-top: 6px solid transparent;
	        border-right: 6px solid #3b3b3b;
	}

	#menu ul li:first-child a:hover:after {
	        border-bottom-color: #04acec;
	}

	#menu ul ul li:first-child a:hover:after {
	        border-right-color: #0299d3;
	        border-bottom-color: transparent;
	}

	#menu ul li:last-child > a {
	        -moz-border-radius: 0 0 3px 3px;
	        -webkit-border-radius: 0 0 3px 3px;
	        border-radius: 0 0 3px 3px;
	}


/*---------- コンテンツ ----------*/

#container {
  width: 920px;
  overflow: hidden;
  margin: 0px;
  padding: 6px;
  background-color: #ffffff;
}


/*---------- メインコンテンツ ----------*/

#contents {
  float: right;
  margin: 10px 0px 0px 0px;
  padding: 5px 10px 5px 10px;
  font-size: 14px;
  line-height: 160%;
  width: 710px;
  letter-spacing: 2px;
  border-left: solid 0px #c6c6c6;
}

#contents #pannavi {
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 12px;
}

#contents h2 {
  height: 20px;
  margin: 0 0 8px 0;
  padding: 2px 0 2px 30px;
  font-size: 14px;
  color: #000000;
  background-repeat: no-repeat;
  
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */
   border-radius: 10px;         /* CSS3 */
   border: 1px  solid;     /* 枠線の装飾 */
   border-color:#0000ff;
   background-color: #eeeeee;   /* 背景色 */

}

#contents h3 {
 position: relative;
	padding: 0 .5em .5em 2em;
	border-bottom: 1px solid #000000;
}
h3::before,
h3::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
h3::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(50, 50, 500, .5);
       background-color:#0000ff;
}
h3::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: rgba(120, 120, 120, .5);
       background-color:#e0ffff;
}

#contents p {
  margin: 18px 0 18px 0;
  padding: 0 5px 0 5px;
  line-height: 140%;
  font-size: 15px;
  background: #ffffff;
}

#contents a {
  color: #0000ff;
  font-size: 14px;
}

#contents a:hover {
  color: #cc0000;
  font-size: 14px;
}

#contents img.head_photo {
  margin: 0 0 10px 0;
}

#contents img.photo {
  float: left;
  margin: 10px 20px 0 0;
}

#contents img.picture {
  margin: 0 10px 10px 0;
  float: left;
}

#contents p.photo {
  margin: 0 0 20px 0;
  padding: 0;
}


#contents .box2 {
float: left;
width:180px;
margin: 0px 3px 0px 3px;
padding: 5px 5px 5px 5px;
display: inline;
}

#contents .box-img-left2 {
margin: 5px 0px 5px 0px;
border:solid #cccccc 0px;
}

#contents .box2_text {
font-size:13px;
margin: 5px 0px 5px 0px;
}





#contents .box3 {
float: left;
width:490px;
margin: 10px 3px 0px 3px;
padding: 5px 5px 5px 5px;
display: inline;

   -moz-border-radius: 3px;    /* Firefox */
   -webkit-border-radius: 3px; /* Safari,Chrome */
   border-radius: 3px;         /* CSS3 */
   border: 0px  solid;     /* 枠線の装飾 */
   border-color:#000000;
   background-color: #ffffff;   /* 背景色 */


}

#contents .box-img-left3 {
margin: 5px 0px 5px 0px;
border:solid #cccccc 0px;
}

#contents .box3_text {
font-size:14px;
margin: 5px 10px 5px 10px;

}



#contents .box4 {
float: left;
width:580px;
margin: 0px 20px 0px 3px;
padding: 5px 5px 5px 5px;
display: inline;
background-color: #ffffd5;
}


#contents .box4_text {
font-size:15px;
margin: 5px 0px 5px 0px;
}

#contents .box5 {
float: left;
width:220px;
margin: 0px 5px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
border-right: solid 1px #fceded;
border-left: solid 1px #fceded;
border-bottom: solid 1px #fceded;
}

#contents .box-img-left5 {
margin: 0px 0px 5px 0px;
border:solid #cccccc 0px;
}

#contents .box5_text {
font-size:13px;
margin: 10px 5px 0px 5px;
padding: 0px 3px 0px 3px;

}


#contents .clear {
clear:both;
visibility:hidden;
height: 0;
padding: 0;
margin: 0;
}






table#t01 {
  border: solid 0px #999999;
  border-collapse: collapse;

}


td#t01 {
  border: solid 0px #999999;
  border-collapse: collapse;
}


td#head {
  padding: 7px 6px 5px 10px;
  border: solid 0px #999999;
  border-collapse: collapse;
  background-image : url(item_block_bg.gif);
}


table.table_line {
  margin : 10px 0 0 0;
  border-collapse: collapse;
  border: solid 0px #dddddd;
}


td.table_line {
  border-collapse: collapse;
  border: solid 1px #dddddd;
  padding : 10px 14px 8px 14px;
}

/*---------- メニュー ----------*/

#side {
  float: left;
  margin: 0 0 65px 0;
  padding: 0;
  width: 180px;
  text-align: left;
  background:#ffffff;
  letter-spacing: 1px;

}

#side h2 {
  height: 19px;
  margin: 0;
  padding: 7px 0 0 12px;
  font-size: 13px;
  color: #000000;
  background: #ffffff;
  background-repeat: no-repeat;
}

#side p {
  margin: 0;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  background-color: #ffffff;
  line-height: 100%;
}

.sidelist {
  margin: 0 0 15px 0;
  padding: 25px 2px 0px 5px;
  width: 180px;
  text-align: left;
  background:#ffffff;
}

.sidelist h2 {
  height: 19px;
  margin: 0;
  padding: 7px 0 0 12px;
  font-size: 12px;
  color: #fffffc;
  background: #ffffff;
  background-repeat: no-repeat;
}

.sidelist a{
  color: #000066;
  display: block;  
border-right: solid 0px #dddddd;
  border-bottom: solid 0px #dddddd;
  border-left: solid 0px #dddddd;
  width: 154px;
  padding: 0px 0px 0px 0px;
  font-size: 11px;
  line-height: 240%;
  height: 40px;
  text-decoration: none;
  background-repeat: no-repeat;
  letter-spacing: 2px;
 
}

.sidelist a:hover{
  padding: 0px 0px 0px 3px;
}


.side_free {
  margin: 0 0 14px 0;
  padding: 5px 2px 0px 5px;
  width: 180px;
  text-align: left;
  background: #ffffff;
}

.side_free h2 {
  height: 19px;
  margin: 0;
  padding: 7px 0 0 12px;
  font-size: 12px;
  color: #fffffc;
  background: #ffffff;
  background-repeat: no-repeat;
}

.side_free a{
  color: #69821b;
  padding: 0px 0 0px 0;
  font-size: 12px;
 
}

.side_free a:hover{
  color: #99ab4e;
}

.side_free p{
  margin: 0;
  padding: 0px 0px 0 0px;
  font-size: 12px;
  line-height: 120%;
}
/*---------- フッター ----------*/

#footer {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 15px 0 15px 0;
  text-align: center;
  font-size: 12px;
  color: #333333;
  border-top: solid 0px;
  border-top-color: #000000;
background:#ccff99;
}

#footer a {
  color: #333333;
  font-size: 12px;
 
}

#footer a:hover {
  color: #333333;
}