@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 p {
	text-align:center;
}	
.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 {
	width:910px;
}
#main li {
	width:280px;
	height:auto;
	float:left;
}
.m-r-35 {
	margin-right:35px;
}
#main .box {
	width:260px;
    border: 1px #999 solid;
	padding:10px;
}


/* 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;
}