@charset "utf-8";
/************************************************

	Font Style#000055

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

body{
	font-family: 'Open Sans', sans-serif;;
	line-height: 1.7;
	color: #444444;
	font-size: 85%;
	-webkit-text-size-adjust:none;
    background: #ffffff;
}

.wrap{
}

h1,h2,h3,h4,h5,h6,
.heading p{
	line-height: normal;
}

h1{
	font-size:110%;
}

h2{
	font-size:100%;
}

h3,h4,h5,h6{
	font-size:100%;
}

a:link {
    color: #3284e5;
    text-decoration:none;
    font-weight: bold;
}

a:visited {
    color: #3284e5;
    text-decoration:none;
    font-weight: bold;
}

active {
    color: #25b4fe;
    text-decoration:none;
    font-weight: bold;
}

a:hover {
    color: #25b4fe;
    text-decoration:none;
    font-weight: bold;
    //text-decoration: underline;
}

.waku {
    width:160px;
    float: left;
    color:#ffffff;
    background:#337fcc;
    font-size:16px;
    font-weight:bold;
    text-shadow:0 -1px 0px #225588,0 -2px 0px #225588;
    text-align:center;
    display:block;
    text-decoration:none;
    border:1px solid #225588;
    padding:8px 0px 6px 0px;
    margin:5px 10px 0px 0px;
    border-radius:5px;
    background:-moz-linear-gradient(rgba(34,85,136,0.5), rgba(34,85,136,1));
    background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(54,107,182,0.5)), to(rgba(78,135,216,1)));
    background-size:auto 2px;
    box-shadow:1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
}
.waku2 {
    width:260px;
    float: left;
    color:#ffffff;
    background:#337fcc;
    font-size:16px;
    font-weight:bold;
    text-shadow:0 -1px 0px #225588,0 -2px 0px #225588;
    text-align:center;
    display:block;
    text-decoration:none;
    border:1px solid #225588;
    padding:8px 0px 6px 0px;
    margin:5px 10px 0px 0px;
    border-radius:5px;
    background:-moz-linear-gradient(rgba(34,85,136,0.5), rgba(34,85,136,1));
    background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(54,107,182,0.5)), to(rgba(78,135,216,1)));
    background-size:auto 2px;
    box-shadow:1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
}
a button:hover {
  background:-moz-linear-gradient(rgba(34,85,136,0.4), rgba(34,85,136,0.9));
  background:-webkit-gradient(linear, 100% 100%, 100% 0%, from(rgba(34,85,136,0.4)), to(rgba(34,85,136,0.9)));
  background-size:auto 2px;
}

.warn {
    margin:20px 0px 0px 0px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 3px #cccccc solid;
    background-color: #ffffff;
	padding: 0px 0px 15px 0px;
	text-align: center;
}
.warn_title {
	width: 92%;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	color: #444444;
	margin: 15px 0px 15px 20px;
	padding: 2px 0px 2px 0px;
    background-image: url("../images/title_back_gray.png");
    background-repeat: repeat-x;
    background-position: left top;
}


.normal {
    margin:20px 0px 0px 0px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 3px #cccccc solid;
    background-color: #ffffff;
	padding: 0px 0px 15px 0px;
	text-align: center;
}
.normal_title {
	width: 92%;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	color: #444444;
	margin: 15px 0px 15px 20px;
	padding: 2px 0px 2px 0px;
    background-image: url("../images/title_back_gray.png");
    background-repeat: repeat-x;
    background-position: left top;
}

.blue {
	width: 100%;
    margin:0px 0px 0px 0px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 3px #a0d9f7 solid;
    background-color: #dff1fb;
	padding: 0px 0px 0px 0px;
}

.bottom {
	width: 100%;
    position: relative;
    margin: 0px 0px 0px 0px;
    width: 100%;
    text-align: center;
    float: left;
    background-image:url("../images/bottom_back.jpg");
    background-repeat:repeat-x;
    background-position:center top;
    color: #ffffff;
	padding: 0px 0px 0px 20px;
}


.hidari {
    float: left;
}

/* アクセスマップ */
#map {
    width: 960px;
    height: 450px;
    background: url(../images/map_line.jpg) left top no-repeat;
	padding:2px;
}

.title{
    position: relative;
    font-size: 13px;
    height: 30px;
    line-height: 160%
    font-weight: bold;
    color: #444444;
    z-index: 2;
    background: url(../images/title_work.png) left top;
    padding: 10px 20px 0px 0px;
}

.big{
    font-size: 130%;
    line-height: 160%
    font-weight: bold;
}

.textframe{
    font-size: 110%;
    line-height: 150%
    font-weight: bold;
}

.small{
    font-size: 90%;
    line-height: 150%
}

div.active{display:none}
div.inactive{display:block;}

.video-container {
	position: relative;
	padding-bottom: 48%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 97%;
	height: 100%;
}

.kinkyu{
    margin: 0px auto;
	text-align: center;
	width: 85%;
    padding: 5px 0px 5px 0px;
    //margin: 1em 0;
    background: #eaeff9;/*背景色*/
    border-left: double 7px #4776e1;/*左線*/
    border-right: double 7px #4776e1;/*右線*/
}
.kinkyu p {
	font-weight: bold;
	color: #4776e1;
    margin: 0; 
    padding: 0;
}

.kinkyu2{
    margin: 0px auto;
	text-align: center;
	width: 85%;
    padding: 5px 0px 5px 0px;
    //margin: 1em 0;
    background: #fdeeed;/*背景色*/
    border-left: double 7px #f84460;/*左線*/
    border-right: double 7px #f84460;/*右線*/
}
.kinkyu2 p {
	font-weight: bold;
	color: #f84460;
    margin: 0; 
    padding: 0;
}