@charset "UTF-8" ;


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

a:link {
	color: #003300;
	text-decoration: underline;
}

a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover {
	color: #CC6600;
	text-decoration: none;
}

a:hover img.hoverImg{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";}
	
a:active {
	text-decoration: none;
	position: relative;
	left: +1px;
	top: +1px;
}

.u10px{margin-bottom:10px;}

ul,li {padding: 0;margin: 0;}




/* ボディ */
body{
	margin: 0;		/* スペース */
	padding: 0;		/* 余白 */
	font-size: 14px;	/* 文字サイズ */
	line-height: 1.618;	/* 行の高さ */
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	background-color: #fff7c8;
}

.wrapper{
	background-image: url(../images/back_02.png);
	background-repeat: repeat-y;
	width: 920px;
	margin: 0px auto;
	padding: 0px 11px 0px 11px;
}


/* ヘッダー */
.header{
	text-align: center;			/* テキスト、画像の真ん中寄せ */
	padding: 1em 0;			/* 上下の余白 */
	margin-bottom: 2em;			/* 他のブロックとのスペース */
	width: 920px;
	margin: 0px;
}

/* ロゴ画像 */
.logo-wrapper{
	margin: 0 ;
	padding: 0 ;
	line-height: 1 ;
}

/* ロゴ画像 */


/* ロゴ画像上テキスト */
.header h1{
	font-size: 12px;
	font-weight: normal;
	color: #1E1E1E;
	text-align: center;
	margin: 3px 0 ;
}


/* フッター */
.footer{
	text-align: center;			/* テキスト、画像の真ん中寄せ */
	margin-top: 2em;			/* 他のブロックとのスペース */
	padding: 100px 0 0 0;			/* 上下の余白 */
	background-image: url(../images/footer.jpg);
	background-size: auto 270px;
	background-repeat: no-repeat;
	height: 170px;
}


/* 全体(デスクトップPCとスマホ)に適用するCSS */
.contents-wrapper{
	width: 898px;
	margin: 0 auto;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0;			/* 上下左右の余白を0にしておく */
}


/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main{
	width: 650px;
	padding-right: 20px;					/* 右に15pxの余白 */
}

.contents{
	padding:10px;
	margin-bottom:20px;
}

table.t1{
    font-size: 12px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
	width:95%;
}

table.t1 th{
	padding:10px; 
	background-image:linear-gradient(-135deg, #FFFFFF, #C2F5FF);
	width:27%;
}

table.t1 td{
	padding:10px; 
}

table.t2{
    margin: 0 auto;
	border:solid 1px #CCCCCC;
    border-collapse: separate;
    border-spacing: 0px 1px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	width:95%

}

table.t2 th{
	padding:5px;
	width:27%;
	vertical-align:top;
	border-bottom:dotted 1px #ccc;
}

table.t2 td{
	padding:5px;
	vertical-align:top;
	border-bottom:dotted 1px #ccc;
}

.side{
	width: 218px;
	padding-left: 10px;
}
.menulist-pc ul li,.menulist-sp ul li{list-style: none;}






/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main{float: right;}

.side{float: left;}


.contents-wrapper{overflow: hidden ;}


/* スタッフ紹介ページ */
.staff{padding:20px;border-bottom:dotted 4px #88AECE;}
.staff .staff-img img{width:200px;float:right;padding-left:30px;}

.contents p{margin-bottom:2em;}

.contents h2{
	font: bold 105%;
	color:#2675c5;
}

.staff p{margin:0;}


.iframe-content {
	position:relative;
    width:100%;
    height:0;
    padding-top:75%;
	overflow:auto; /* scrollからautoに変更 */
	-webkit-overflow-scrolling:touch;
}
.iframe-content iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

iframe {
  width:100%;
  height:100%;
  border:none; /* 追加で指定 */
  display:block; /* 追加で指定 */
}
.fontsize18 {
	font-family: "HG丸ｺﾞｼｯｸM-PRO";
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	line-height: 12px;
}
.float-right {
	float: right;
}
#top_main_text {
	background-image: url(../images/top_main_back.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-bottom: 10px;
	padding: 10px;
}
#top_main_text02 {
	margin-bottom: 10px;
	padding: 10px;
}
.sstext {
	font-size: 12px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.f12 {
	font-size: 12px;
}
.f10 {
	font-size: 10px;
}
.style3 {
	color: #660033;
	font-weight: bold;
	font-size: 12px;
}#top_banners {
	text-align: center;
}