﻿@charset "utf-8";

div#header01 {

	width : 916px;

	height : 85px;

	border-top-width: 4px;

	border-right-width: 4px;

	border-bottom-width: 4px;

	border-left-width: 4px;

	border-top-style: solid;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	border-top-color: #316AC5;

	border-right-color: #316AC5;

	border-bottom-color: #316AC5;

	border-left-color: #316AC5;

}

div#header01 h1 {

float : left;

margin : 0;

padding : 0;

}

div#header01 div h2 {

text-align : right;

padding : 28px 5px 0 0;

}

div#header02 {

	clear : both;

	margin-bottom : 10px;

}

div#header02 ul {

	padding : 0;

	list-style : none;

	height : 42px;

	background-color : #000;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 10px;

	margin-left: 0;

}

div#header02 ul li {

display : block;

float : left;

height : 42px;

margin : 0;

padding : 0;

}

div#header02 ul li a {

display : block;

}

div#bread01 {

color : #666666;

clear : both;

font-size : 10px;

height : 12px;

line-height : 11px;

padding-left : 20px;

padding-bottom : 10px;

}

div#bread01 a {

color : #666666;

}

div#footer01 {

clear : both;

width : 900px;

height : 12px;

text-align : right;

font-size : 10px;

line-height : 10px;

padding : 10px 10px 10px 0;

}

div#footer01 a {

height : 12px;

color : #999;

text-decoration : none;

background-position : 0;

padding-left : 10px;

}

div#footer01 a:hover {

color : #666;

}

div#footer02 {

	clear : both;

	width : 916px;

	height : 70px;

	color : #ccc;

	font-size : 10px;

	margin-bottom : 0;

	padding-top : 10px;

	background-color: #FFFFFF;

}

div#footer02 a {

color : #aaa;

text-decoration : none;

padding-bottom : 1px;

}

div#footer02 a:hover {

color : #7C4E50;

text-decoration : underline;

}

div#footer02 div.footerlink {

	float : left;

	padding-left : 300px;

	height: 13px;

}

div#footer02 div.copyright {

	float : right;

	padding-right : 20px;

	color: #999999;

}

* {

margin : 0;

padding : 0;

}

img {

border : none;

}

body {

	margin : 0;

	padding : 0;

	background-image: url(../images/bg01.gif);

	background-repeat: repeat;

}

div#wrapper01 {

	width : 916px;

	padding : 0;

	background-position : center 0%;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

div#wrapper02 {

	width : 916px;

	background-color : #fff;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}

a {

color : #FF3300;

}

.center {

text-align : center;

}

h2 {

	color : #666666;

	font-size : 16px;

	line-height : 20px;

	width : 660px;

	height : 30px;

	margin-left : 1px;

	padding-top: 6px;

	padding-right: 0;

	padding-bottom: 5;

	padding-left: 26px;

	background-image: url(../images/title_top00.jpg);

	letter-spacing: 4px;

	background-repeat: no-repeat;

}

div#header02 {

	width: 916px;

}

div#header02 ul {

margin-bottom : 0;

}

div#flash01 {

	width : 666px;

	height : 300px;

	margin-top: 10px;

	margin-right: 10px;

	margin-bottom: 0;

	margin-left: 10px;

}

div#sidebar00 {

	float : left;

	width : 200px;

	overflow : hidden;

	padding-left : 13px;

	margin-bottom : 15px;

	background-repeat : no-repeat;

	background-position : 10px 0;

	height: 255px;

	padding-top: 2px;

	background-image: url(../img/side_bg0.jpg);

}

div#content01 {
	color : #666;

}



div#banner {

	clear : both;

	width : 916px;

	height : 110px;

	background-color : #f6f6f6;

	border : 1px #ececec;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;
	padding-top: 7px;

}

div#banner ul {

list-style : none;

padding-top : 6px;

}

div#banner ul li {

	display : inline;

	width : 200px;

	height : 37px;

	padding-top: 0;

	padding-right: 5px;

	padding-bottom: 8px;

	padding-left: 5px;

}

div#banner ul li a {

display : inline;

width : 200px;

height : 37px;

}

div#banner ul li a img {

margin-bottom : 7px;

}
div#content01 div.content03 {

	float : left;

	margin-left : 15px;

	width: 686px;
}

.style1 {

	font-size: 12px;

	padding-left: 8px;

	padding-top: 5px;

	line-height: 13px;

}

.style2 {

	font-size: 12px;

	font-weight: bold;

	background-image: url(../img/q.gif);

	padding-left: 40px;

	background-repeat: no-repeat;

	height: 50px;

}

.style3 {

	font-size: 12px;

	line-height: 20px;

	padding-left: 10px;

}

.style4 {

	font-size: 12px;

	padding-left: 15px;

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #ECE9D8;

	line-height: 20px;

}

.style5 {color: #999999}

.style6 {

	color: #993300;

	font-size: 12px;

}

.style7 {

	color: #999999;

	background-image: url(../images/top_main_b.jpg);

	text-align: center;

	height: 300px;

	padding-left: 20px;

	background-position: center;

}

div#sidebar0 {

	float : left;

	width : 198px;

	padding-top : 2px;

	background-position: 10px 0px;

	height: 255px;

	margin-bottom: 15px;

	padding-left: 13px;

	background-image: url(../img/side_bg0.jpg);

	background-repeat: no-repeat;
}

div#sidebar0_side {

	float : left;

	width : 200px;

	overflow : hidden;

	padding-left : 13px;

	margin-bottom : 10px;

	background-position : 0;

/*	height: 500px;
*/
/*	padding-top: 2px;*/

}

#menu2 ul {

	list-style: none;

	padding-top: 72px;

	padding-right: 0px;

	padding-bottom: 15px;

	padding-left: 0px;

	background-image: url(../images/side_bg1.jpg);

	background-repeat: no-repeat;

	height: 400px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	text-align: center;

}

#menu2 li {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#menu2 a {

	width: 180px;

	display: block;

	text-decoration: none;

	color: #26306D;

	font-size: 12px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

	background-image: url(../images/side_me3_b.jpg);

	background-repeat: no-repeat;

	line-height: 18px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #0794FE;

	margin-bottom: 5px;

	font-weight: bold;

}

#menu2 a:hover {

	width: 180px;

	display: block;

	text-decoration: none;

	color: #3177CC;

	font-size: 12px;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 5px;

	padding-left: 0px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #000064;

	background-image: url(../images/side_me3_br.jpg);

	background-repeat: no-repeat;

	margin-bottom: 5px;

}

.new_img {

	MARGIN-TOP: 10px;

	DISPLAY: block;

	PADDING-LEFT: 23px;

	FLOAT: left;

	WIDTH: 300px;

	font-size: 14px;

}
.new_img li{
	margin-top: 5px;
	list-style: none;
}
	/*-----------
全頁共通スムーススクロール
--------------*/
#scrollbtn ul{
	margin-bottom:40px;
		overflow:hidden;

}
#scrollbtn li{
	margin-bottom:10px;
	list-style: none;
		float:left;
	margin:0px 10px 10px 0px;

}
#scrollbtn a{
	display:block;
	border:1px solid #888;
	text-decoration: none;
		padding: 3px 14px;
	font-size: 14px;
	color: #666;
}
#scrollbtn li a::before{
		content:" \f103";
	font-family:FontAwesome;
	font-size:14px;

	margin-right:4px;
}

#scrollbtn li a:hover{
	opacity: 0.8;
}
		#menu01{
  list-style: none;
  width: 200px;
  padding: 0;
}
#menu01 li{
  list-style: none;
  width: 100%;
  margin-bottom: 3px;
  padding: 0;
  border-bottom: 1px dotted #444;
}
#menu01 li:last-child{
  border-bottom: 0px;
}
#menu01 li a{
  position: relative;
  display: block;
  margin: 0;
  padding: 10px;
  background: #fff;
  color: #444;
  font-weight: bold;
  text-decoration: none;
}
#current a{
background: #0080c9!important;
	color: #fff!important;
}	

#menu01 li a:before{
	font-family:FontAwesome;
	margin-right: 10px;
	    content: "\f138";

} 
#menu01 li a:hover{
background: #0080c9;
	color: #fff;
}	
#menu01 li a,#menu01 li a:before,#menu01 li a:after{
-webkit-transition: all .5s;
transition: all .5s;
	}

		
		
#sideh1{
	margin:10px 0 30px;
}		
#nav2 {
  overflow: hidden;
  margin: 30px auto 0;
  padding: 0;
  display: flex;
	z-index: 99;
}
#nav2 li {
  list-style: none;
}
#nav2 >li{
	padding-left: 10px;
}
 #nav2 li a {
  font-size: 13px;
  display: block;
  width: 100px;
  height: 26px;
  margin: 0;
  padding-left: 5px;
  line-height: 24px;
  color: #444;
  background: #fff;
	 border: 1px solid #9fb7d4;

  text-decoration: none;
  box-sizing: border-box;
}
#nav2 li a:hover {
  background: #eee;
}
 #nav2 li ul {
  width: 99px;
  display: none;
  position: absolute;
	 border-left: 1px solid #9fb7d4;
	 	 border-bottom: 1px solid #9fb7d4;
	 border-right: 1px solid #9fb7d4;
}
 #nav2 li ul li a {
 border: none;
}
#sidebar0_side{
}




.ori_mida02 {
  padding: 10px 0 0 10px;
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}

.ori_ul li {
  position: relative;
  list-style: none;
      margin-left: 20px;
}
.ori_ul li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1em;
  width: 6px;
  height: 6px;
  background-color: #3498db;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ori_mida03{
 border-bottom: solid 3px #cce4ff;
  position: relative;
  font-weight:normal;
  width: 90%;
}

.ori_mida03:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}
.balloon{
     position: relative;
    padding: 15px;
    width:250px;
    margin: 0px 5px 0 0px;
    background: #3498db;
    font-size: 16px;
    height: 28px;
    line-height: 16px;
    color:#fff;
}


.bor_bro{
    border: 1px solid saddlebrown;
    }
    
    
    .lang_menu li {
    display: inline-block;
    margin-right: 0!important;
    border: 1px solid #888;
    width: 92px;
    text-align: center;
}
.mar_top20{
margin-top:20px;
}
ul.lang_menu {
}
.lang_menu li a{
text-decoration: none;
color:#444;
display:block;
padding: 5px 10px;
}

.lang_menu li a:hover{
background: #888;
	color: #fff;
}	

.lang_menu li a, .lang_menu li a:before,.lang_menu li a:after{
-webkit-transition: all .5s;
transition: all .5s;
	}
	
#current2 a{
background: #888!important;
	color: #fff!important;
}	

