@charset "UTF-8";

html{
	font-size: 62.5%;
	}
body{
	text-align: center;
	margin: 8px 5px 0 5px;
	font-size: 13px; font-size: 1.3em; 
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	}
img{
	max-width: 100%;
	height: auto;
	display: block;
	float: right;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
	}
.container{
	margin: auto;
	width: 820px;
	text-align: center;
	background-color: #fff;
	border: solid 0px;	/* 確認用 */
	}
.sub_container{
	margin:auto;
	width:820px;
	background-color:#fafafa;
	border: solid 0px;	/* 確認用 */
	}


/* ------------------------------ */
/* トップタイトル */
.toptytle{
	margin-top: 3em;
	margin-bottom: 0;
   	text-align:center;
	color:#484848;
	}
h1{
	margin-top: 0;
	margin-bottom: 0;
	padding:0;
	line-height:120%;
	font-size: 24px; font-size: 2.4em;
    font-weight:500;
    letter-spacing: 0.15em;
	}
.toptytle p{
	margin-top: 0;
	margin-bottom: 2em;
	font-size: 10px; font-size: 1em;
    font-weight:500;
    letter-spacing:0.1em;
 	}
 .navi{
	text-align: center;
	font-weight:900;
	font-size:0.9em;
	margin:0.5em 0 0em;
	letter-spacing:0.08em;	
	padding-top: 0.6em;
	padding-bottom: 0.5em;
	border-top:solid 4px #707090;
	border-bottom:solid 1px #484848;
	line-height:125%;
	}
.toptytle a:link{color:#484848;background-color:#ffffff;text-decoration:none;}
.toptytle a:visited{color:#484848;background-color:#ffffff;text-decoration:none;}
.toptytle a:active{color:#484848;background-color:#ffffff;text-decoration:none;}
.toptytle a:hover{color:#0c6e0c;background-color:#ffffff;text-decoration:underline;}

.navi a:link{color:#484848;background-color:#ffffff;text-decoration:none;}
.navi a:visited{color:#484848;background-color:#ffffff;text-decoration:none;}
.navi a:active{color:#484848;background-color:#ffffff;text-decoration:none;}
.navi a:hover{color:#d54e00;background-color:#ffffff;text-decoration:underline;}
/* トップタイトル終了 */
/* ------------------------------ */



/* ------------------------------ */
/* センターカラム */
.main{
	width:646px;
	height: auto;
    margin:0 ;
	float:left;
    background-color: #fff;
	text-align:left;
	color:#484848;
 	border:solid 0px;	/* 確認用  */
	}
/* text */
.text{
	float: left;
	margin-top: 0em;
	margin-bottom: 1.5em;
	box-sizing: border-box;
	border:solid 0em;	/* 確認用 */
	}
/* 各インデックスページ、自動ライン追随 */
h2{
	margin-top: 2.8em;
	margin-bottom: 0.5em;
	line-height:100%;
	letter-spacing:0.05em;
	color:#5b5b5b;
	font-size:16px; font-size: 1.6em;
	font-weight:900;
	}
.text h3{
	margin-top: 1.7em;
	margin-bottom: 0.3em;
	font-size: 14px; font-size: 1.4em; 
	color:#0033cc;
	background-color:#ffffff;
	}
.text h4{		/* 文章中見出し */
	margin-top: 1em;
	margin-bottom: 0em;
	font-size: 13px; font-size: 1.3em; 
	color:#000;
	background-color:#ffffff;
	}
.text p{
	margin-top: 0em;
	margin-bottom: 1.5em;
	padding-right: 0.5em;
	letter-spacing:0.05em;
	line-height:165%;
	font-size:12px; font-size: 1.2em;
	box-sizing: border-box;
 	}
#indx{
	line-height:190%;
	}

/* ページジャンプ用 */
.jump{
	margin-bottom: 2em;
	text-align:center;
	font-size:13px; font-size: 1.3em;
	}
.jump a:link{color:#7777ff;background-color:#fff;text-decoration:underline;}
.jump a:visited{color:#7777ff;background-color:#fff;text-decoration:underline;}
.jump a:active{color:#7777ff;background-color:#fff;text-decoration:underline;}
.jump a:hover{color:#5e5ec8;font-weight:900; background-color:#fff;text-decoration:none;}
.text h2 a:link   {color:#777777;text-decoration:none;}
.text h2 a:visited{color:#777777;text-decoration:none;}
.text h2 a:active {color:#777777;text-decoration:none;}
.text h2 a:hover  {color:#c64b46;text-decoration:none;font-weight:900;}

/* ギャラリーindex用画像配置 */
.chairs{
	margin-bottom: -1em;
	border:solid 0px;	/* 確認用  */
	}
.chairs img{
	float: none;
	}
.indv{
	float: left;
	margin-right: 3.5em;
	margin-left: 0em;
	width: 150px;
	height: 210px;
	line-height:140%;
	text-align: center;
	border: solid 0px;	/* 確認用 */
	};

.chairs a:link   {color:#777777;text-decoration:none;}
.chairs a:visited{color:#777777;text-decoration:none;}
.chairs a:active {color:#777777;text-decoration:none;}
.chairs a:hover  {color:#c64b46;text-decoration:none;font-weight:900;}
.indv a:link   {color:#777777;text-decoration:none;}
.indv a:visited{color:#777777;text-decoration:none;}
.indv a:active {color:#777777;text-decoration:none;}
.indv a:hover  {color:#c64b46;text-decoration:none;font-weight:900;}



/* センターカラム終了 */
/* ------------------------------ */



/* ------------------------------ */
/* 右カラム */
.right{
	float:right;
	width:174px;
	border:solid 0px;	/* 確認用 */
	}
.side_r{
	text-align:left;
	letter-spacing:0.03em;
	padding-left: 0.2em;
	}
.side_r p{
	margin-top: 0.5em;
	margin-bottom: 1.0em;
	font-size: 11px; font-size: 1.1em;
	}

/* サイドタイトル */
h6{
	margin-top: 3em;
	margin-bottom: 0;
	text-align:center;
	color:#fff;
	font-size: 11px; font-size: 1.1em;
	font-weight:900;
	letter-spacing:0.05em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	background-color:#d1d1d1;
	border-top:solid 1px #888;
	border-bottom:solid 1px #888;
	}
.r-spa{
	margin:0;
	font-size: 11px; font-size: 1.1em;
	/* font-family: sans-serif; */
	padding-top: 0.15em;
	line-height:190%;
	border-bottom:solid 1px #dde;
	}
#rsc{
	background-color: #efefef;
	}
.r-spa2{
	border-bottom: solid 1px #dde;
	}
.side_r #rsc a:link{color:#000;background-color:#efefef;text-decoration:underline;}
.side_r #rsc a:visited{color:#000;background-color:#efefef;text-decoration:underline;}
.side_r #rsc a:active{color:#000;background-color:#efefef;text-decoration:underline;}
.side_r #rsc a:hover{color:#d54e00;background-color:#efefef;text-decoration:none;}

.side_r a:link{color:#303030;background-color:#fafafa;text-decoration:underline;}
.side_r a:visited{color:#303030;background-color:#fafafa;text-decoration:underline;}
.side_r a:active{color:#303030;background-color:#fafafa;text-decoration:underline;}
.side_r a:hover{color:#d54e00;background-color:#fafafa;text-decoration:underline;}
/* サイドタイトル終了 */
/* ------------------------------ */



/* ------------------------------ */
/* フッタ */
.footer{
	margin-top: 0em;
	border-top:solid 1px #484848;
	border-bottom:solid 4px #707090;
}
.footer p.ft{
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	text-align:center;
	font-size: 11px; font-size: 1.1em; 
	letter-spacing:0.05em;
	line-height:130%;
	}
.text p a:link{color:#303030;background-color:#ffffff;text-decoration:underline;}
.text p a:visited{color:#303030;background-color:#ffffff;text-decoration:underline;}
.text p a:active{color:#303030;background-color:#ffffff;text-decoration:underline;}
.text p a:hover{color:#d54e00;background-color:#ffffff;text-decoration:none;}

/* フッタ終了 */
/* ------------------------------ */



/* =============================== */
/* テーブル */
table{
	/* モバイル対策 */
	width:100%;
	table-layout: fixed;
	word-break: break-word;
	/* モバイル対策ここまで */
	font-size: 12px; font-size: 1.2em;
	margin-top: 0.6em;
	margin-bottom: 2em;
	padding-right: 1em;
	border-collapse: collapse;
	empty-cells:show;
	line-height:270%;
	letter-spacing:0.02em;
 	} 
table td {
	border: none;
	height: 3em;
 	line-height:130%;
	}
table th {
	border: none;
	height: 3em;
 	line-height:130%;
	}
table.sal{
	/* モバイル対策 */
	width:100%;
	table-layout: fixed;
	word-break: break-word;
	/* モバイル対策ここまで */	
	font-size: 13px; font-size: 1.3em;
	margin-top: 0.5em;
	margin-bottom: 2em;
	border-collapse: collapse;
	empty-cells:show;
	line-height:140%;
	letter-spacing:0.02em;
	border:2px solid #373737;
 	}
table.sal td {
    border:1px solid #373737;
    height: 1.5em;
	}
table.sal th {
    border:1px solid #373737;
    height: 1.5em;
	}
table.prf{
	/* プロフィール用 */
	/* モバイル対策 */
	width:100%;
	table-layout: fixed;
	word-break: break-word;
	/* モバイル対策ここまで */
	font-size: 11px; font-size: 1.1em;
	margin-top: 0.6em;
	margin-bottom: 2em;
	border-collapse: collapse;
	empty-cells:show;
	line-height:130%;
	letter-spacing:0.02em;
 	} 	
table.prf td {
    border: none;
    height: 1.5em;
    padding-right:8px;
	}
.tbl_r{
	/* 全幅テーブル用・モバイル対策用（テーブル右側隙間） */
	margin-right: 1.7em;
	}

/* 本分中のテーブルで、下が開きすぎの場合 */
#tbl-lower{
	margin:0 0 1.2em;
	}
#m-0{
	margin: 0 0 0 0;
	font-size: 9px; font-size: 0.92em; 
	}
#m-1{	/* 文中 */
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	font-size: 12px; font-size: 1.2em; 
	}
#m-2{	/* 最下行・下に見出し */
	margin-top: 0.5em;
	margin-bottom: 2em;
	font-size:12px; font-size: 1.2em;
	}



/* =============================== */
/* プロフィール・リンク下地（色変） */
.text tr.cdc{
	background-color:#f6f3e9;
	}
.text tr a:link{color:#303030;background-color:#ffffff;text-decoration:underline;}
.text tr a:visited{color:#303030;background-color:#ffffff;text-decoration:underline;}
.text tr a:active{color:#303030;background-color:#ffffff;text-decoration:underline;}
.text tr a:hover{color:#d54e00;background-color:#ffffff;text-decoration:none;}

.text tr.cdc a:link{color:#303030;background-color:#f6f0dc;text-decoration:underline;}
.text tr.cdc a:visited{color:#303030;background-color:#f6f0dc;text-decoration:underline;}
.text tr.cdc a:active{color:#303030;background-color:#f6f0dc;text-decoration:underline;}
.text tr.cdc a:hover{color:#d54e00;background-color:#f6f0dc;text-decoration:none;}
/* =============================== */

/* ------------ */
/* 箇条書き */
.text ol.list03  {	/* d-03.html、b-07 等で使用 文の中間 ナンバリング */
	margin-top: 0.6em;
	margin-bottom: 1.4em;
	margin-left: -1em;
	margin-right: 1em;
	}
.text ul.list01  {	/* d-03.html、b-07 等で使用 文の中間 ナンバリング */
	margin-top: 0.6em;
	margin-bottom: 1.4em;
	margin-left: -1em;
	margin-right: 1em;
	}
.text li{
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	padding-left: 0.3em;
	letter-spacing:0.05em;
	font-size:12px; font-size: 1.2em;
	line-height:150%;
	}

/* =============================== */

@media screen and (max-width: 820px) {
.container, .sub_container, .main, .text, .right, .footer{
	float: none;
	margin: 0;
	width: auto;
	}
.toptytle{
	margin-top: 2em;
	}
.toptytle p{
	margin-bottom: 1.5em;
 	}
.text p{
	letter-spacing:0.04em;
	line-height:155%;
 	}
h1{
	font-size: 2.0em;
	}
h2{
	font-size: 1.5em;
	}
	}