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

/* wrap */
#wrap {
	width: 100%;
    height: 100%;
}

#wrap-1 {
	width: 100%;
    height: 100%;
	background:url(../img/main-bg.gif) repeat;
}

img{
	width: auto;
	height: auto;
	max-width: 100%;
}

/* header */
#header {
	width:100%;
	height:40px;
	margin:0 auto;
	background-color:#D82727;
}

#header h1 {
	color:#FFFFFF;
	padding-left:20px;
	padding-top:10px;
}

#header-1 {
	width:100%;
	height:40px;
	background:url(../img/header-bg.png) repeat-x;
}
#header-1 h1 {
	color:#FFFFFF;
	padding-left:20px;
    font-size: 85%;
}


/* contents-index */
#contents-index {
	width:100%;
	height:100%;
	margin:30px auto;
}

/* index-con */
#index-con {
	width:950px;
	margin:0 auto;
	box-shadow: 0 0 10px 3px #999;
	-moz-box-shadow: 0 0 10px 3px #999;　/* Firefox用 */  
    -webkit-box-shadow: 0 0 10px 3px #999;　/* Safari,Google Chrome用 */
}

#index-con .conarea {
	width:580px;
	height:auto;
	float:right;
}
#index-con .con1 {
	width:540px;
	height:auto;
	padding:30px;
	margin-bottom:20px;
    background: rgba(255, 255, 255, 0.8); /* RGBを10進数(0～255)で指定、不透明度を0～1.0で指定 */
	border-radius: 10px;         /* CSS3 */
    -moz-border-radius: 10px;    /* Firefox */
    -webkit-border-radius: 10px; /* Safari,Chrome */
}
#index-con .logo {
	width:385px;
	height:65px;
}
#index-con .text {
	width:490px;
	height:auto;
	padding:15px 0 0 35px;
}
#index-con .text h3 {
	color:#333;
}
#index-con .text p {
	color:#333;
}

#index-con .con2 {
	width:550px;
	height:38px;
	padding:14px 15px;
	margin-bottom:30px;
	background:url(../img/index-18kin-bg.png) no-repeat;
}
#index-con .left {
	width:40px;
	height:38px;
	margin-right:20px;
	float:left;
}
#index-con .right {
	width:470px;
	height:38px;
	padding-right:20px;
	float:right;
}

#index-con .con3 {
	width:330px;
	height:41px;
	margin:0 auto;
}
#index-con .con3 .in {
	width:150px;
	height:41px;
	margin-right:30px;
}
#index-con .con3 .out {
	width:150px;
	height:41px;
}
#index-con li {
	float:left;
}


/* contents-top */
#contents-top {
	width:100%;
	height:100%;
	margin:0 auto 100px;
}

/* container */
#container {
	width:910px;
	height:auto;
	margin:0 auto 15px;
	padding:20px;
    border: 1px #999 solid;
}
#container .title{
	width:910px;
}
#container .title h2,
#main .title h2{
	display: block;
	width: auto;
	max-width: 200px;
	margin: 0 auto 30px auto;
	background-color: #333;
	color: #fff;
	text-align: center;
	font-size: 140%;
	padding: 10px;
}
	

#container .title p {
	text-align:center;
	font-size: 13px;
	margin-bottom: 18px;
}	
#container .title p:last-child{
	margin-bottom: 0;
}
.font130 {
	font-size:120%;
}


/* main */
#main {
	width:910px;
	height:auto;
	margin:0 auto 15px;
	padding:20px;
    border: 1px #999 solid;
}
#main .title{
	width:910px;
	margin-bottom:20px;
}
/*#main .title p {
	text-align:center;
}*/
#main ul.flex {
	width:910px;
	display: flex;
	justify-content: space-between;
}
#main li {
	/*width:280px;
		float:left;*/
	height:auto;
}
.m-r-35 {
	/*margin-right:35px;*/
	width: 31%;
}
#main .box {
	/*width:260px;*/
	width: auto;
    border: 1px #999 solid;
	padding:10px;
}

.textbox p,
#main .m-r-35 p{
	font-size: 12px;
	letter-spacing: 0;
	
}
.textbox p{
	margin-bottom:20px;
}
#main .m-r-35 p:last-child,
.bottom_none,
.textbox p:last-child
{
	margin-bottom:3px !important
}

table.border_none caption{
text-align: left;
}
table.border_none{
	border: none;
}
table th,
table td{
	padding: 3px 0;
}
table.border_none th{
	width: 23%;
}
table.border_none td{
	width: 77%;
}

#main ol.ollist,
#main ul.list{
	margin: 0 auto 30px auto;
	padding: 0 0 0 20px;
	width: auto;
	height: auto;
	overflow: hidden;
}
#main ol.ollist li,
#main ul.list li{
	padding: 0 0 3px 0;
}
#main ol.ollist{
	list-style-type:decimal;
	
}
#main ul.list{

	list-style-type: disc;

}
#main ul.list li{
	padding: 0 0 3px 0;
}
/* matsuitsunematsu */
#matsui {
	width:910px;
	height:auto;
	margin:0 auto 100px;
	padding:20px;
    border: 1px #999 solid;
}
#matsui .textbox {
	width:706px;
	background:url(../img/IMG_0071.png) no-repeat left;
	padding-left:204px;
}


/* link */
#link {
	width:950px;
	height:50px;
	margin:0 auto 20px;
}
#link li {
	width:448px;
	height:50px;
    border: 1px #C40000 solid;
}
.m-r-50 {
	margin-right:50px;
}
	

	


.font80 {
	font-size:80%;
}
.font90 {
	font-size:90%;
}
.bold {
	font-weight:bold;
}
.m-b-10 {
	margin-bottom:10px;
}
.m-r-5 {
	margin-right:5px;
}


/* FOOTER */
#footer {
	width:100%;
	background-color:#D82727;
}
#footer .box {
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	color:#FFF;
}
#footer p {
	text-align:center;
	color:#FFF;
}
#footer a {
	color:#FFC;
}
#footer a:hover {
	color:#FC9;
}
	


/* ClearFix */
.clearfix {
	clear:both;
	visibility:hidden;
	height:0;
}