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

body {
    width: 100%;
	min-width:1200px;
    height: 100%;
    background: #fff;
    margin: 0;
    padding: 0;
    font:normal 14px/1.3 'Montserrat', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
    color: #332f2a;
    overflow-y: scroll;
	background-image:url(../img/kabe_h_p.gif);
	background-attachment:fixed;
}
h1, h2, h3, h4, h5, h6 { margin: 0; 
	font-weight:normal;
}
a {
    color: #00b2df;
    text-decoration: none;
}
a:hover {
/*    -ms-filter: "alpha(opacity=60)";
    opacity: 0.6;*/
}
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

dl,dt,dd,p {
	margin:0;
	padding:0;
}
header.global {
    padding-bottom: 26px;
}
#tagline {
	width:960px;
	margin:10px auto;
	color:#000;
}
#tagline h1 {
    font-size: 20px;
    font-weight: normal;
	color:#000;
	float:left;
}
#tagline p {
	float:left;
	padding-top:6px;
	padding-left:20px;
	}
#tagline img {
	width:100%;
	border:solid 3px #252d4e;
	box-sizing:border-box;
}
h2 { font-size:14px;}
h2 img {
	margin:0 auto;
	width:100%;
	max-width:1200px;
	display:block;
}

.link_button {
	clear:both;
    width:960px;
	margin:0 auto;
	display:block;
	font-size:14px;
}

.link_button ul li a {
	display:block;
	width:192px;
	box-sizing: border-box;
	border:solid 1px #365277;
	border-left:none;
	float:left;
	text-align:center;
	padding:10px 0;
	font-size:14px;
	font-weight:bold;
	background:linear-gradient(to bottom, #97acff 0%, #566ecc 80%);
	color:#fff;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.link_button ul li a.bl {
	border-left:solid 1px #365277;
}
.link_button li a.current {
	border-left:solid 1px #365277;
	border-left:none;
}

.link_button li a:hover {
	background:#5ae387;
	color:#fff;
	opacity: 1;
	font-size:14px;
}

.link_button li .current {
	background:linear-gradient(to bottom, #ff9a9a 0%, #ff7a7a 80%);
	color:#fff;
	border-left:none;
	opacity: 1;
	font-size:14px;
}

.main_box {
	clear:both;
	width:380px;
	margin:10px auto 60px;
	background-image:url(../img/09.gif);
	border: solid 1px #d6d6d6;
	outline: solid 1px #464646;
	outline-offset: 0;
	padding-bottom:30px;
}

.main_box ul li:first-child {
	padding-top:30px;
}

.thumbnail {
	width:300px;
	margin:0 auto;
	padding:20px 0 0;
}
.thumbnail img {
	border:solid 2px #000;
}
.txt_box {
	background:#000;
	color:#FFF;
	font-size:12px;
	padding:8px;
	width:288px;
	margin:8px 0 8px;
	height:45px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom:solid 1px #c7c7c7;
	border-right:solid 1px #c7c7c7;
	border-radius:0 15px 0 15px;
}
.tl { text-align:left;}
p.border {
	border-bottom:solid 1px #d6d6d6;
	outline: solid 1px #464646;
	margin:4px 0;
}
.border2 {
	clear:both;
	border-bottom:solid 1px #a7a7a7;
	margin:4px 0 10px;
}

.main_box_p {
	clear:both;
	width:680px;
	margin:10px auto 40px;
	background-image:url(../img/05.gif);
	border: solid 1px #d6d6d6;
	outline: solid 1px #464646;
	outline-offset: 0;
	padding-bottom:20px;
}

.main_box_p ul li:first-child {
	padding-top:15px;
}

.thumbnail_p {
	margin:0 20px 0 0;
	padding-left:25px;
	float:left;
}

.txt_box_p {
	background:#000;
	color:#FFF;
	font-size:12px;
	padding:8px;
	width:330px;
	margin:8px 0 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom:solid 1px #c7c7c7;
	border-right:solid 1px #c7c7c7;
	border-radius:0 15px 0 15px;
	float:left;
	line-height:2em;
}

.line {
	clear:both;
	padding:0 15px;
}

/*スライドアニメ*/
.list{
	list-style-type: none;
	overflow: hidden;
    margin: 0 auto;
}
.list img{
	transition: .8s;
}
.list-mv02{
	opacity: 0;
}
.list-mv02.wid{
	width:396px;
}
.mv02{
	opacity: 1.0;
}

/*スライドアニメ*/


/*ページトップ*/
#page_top {
    margin: 0;
	margin-bottom:20px;
    bottom: 10px;
    right: 20px;
    top: auto;
    left: auto;
    position: fixed;
    box-sizing: border-box;
    width: 70px;
    height: 70px;
    padding-top: 45px;
    border-radius: 5px;
    background: #de4d60 url(../img/ico_page_top.png) no-repeat center 10px;
    color :#fff;
    font-size: 10px;
    text-align:center;
    line-height: 12px;
	z-index:9999;
}
/*ページトップ*/

.drawr { display:none;}


/*footer---------------*/
footer.global {
	vertical-align:bottom;
	clear:both;
	background:#111;
	width:100%;
	text-align:center;
}

footer.global p {
	color:#fff;
	line-height:2em;
}

/*footer---------------*/

/*-----------------------------
clearfix
-------------------------------*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}