@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	color: #333333;
	line-height: 1.4;
	font-size: 90%;
	background-image: url(/img/tsiback.gif);
	background-repeat: repeat-x;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 15px;
	padding-left: 15px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
}
h1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 24px;
	margin-top: 4px;
	margin-left: 4px;

}
h2 {
	color: #333333;
	font-weight: bold;
	font-size: 18px;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	margin-right: 20px;
	margin-left: 20px;

}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}
/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}

/* ~~ この固定幅コンテナが他の div を囲みます。~~ */
.container {
	width: 1000px;
	/* [disabled]background: #FFF; */
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
}

/* ~~ これはレイアウト情報です。~~ 

1) 余白は、div の上部または下部にのみ配置されます。この div 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、div 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。div 内のエレメントの余白を削除し、さらにその div 内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の div を追加することもできます。

*/

.content {
	padding: 10px 0;
	background-color: #55a8e7;
}

/* ~~ フッター ~~ */
.footer {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */
.g_navi {
	height:88px;
	width: 1000px;
	display:block;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/*.g_navi ul {
	padding:6px 0 0 6px;
}*/
.g_navi li {
	display:inline;
	list-style-type:none;
}
.g_navi li a {
	height:88px;
	display:block;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
.g_navi li.g_navi01 a {
	background:url(/img/tsimenub.png) no-repeat 0px 0px;
	width:164px;
}
.g_navi li.g_navi02 a {
	background:url(/img/tsimenub.png) no-repeat -164px 0px;
	width:168px;
}
.g_navi li.g_navi03 a {
	background:url(/img/tsimenub.png) no-repeat -332px 0px;
	width:168px;
}
.g_navi li.g_navi04 a {
	background:url(/img/tsimenub.png) no-repeat -500px 0px;
	width:168px;
}
.g_navi li.g_navi05 a {
	background:url(/img/tsimenub.png) no-repeat -668px 0px;
	width:168px;
}
.g_navi li.g_navi06 a {
	background:url(/img/tsimenub.png) no-repeat -836px 0px;
	width:164px;
}

/*------hover*/
.g_navi li.g_navi01 a:hover {
	background:url(/img/tsimenub.png) no-repeat 0px -88px;
}
.g_navi li.g_navi02 a:hover {
	background:url(/img/tsimenub.png) no-repeat -164px -88px;
}
.g_navi li.g_navi03 a:hover {
	background:url(/img/tsimenub.png) no-repeat -332px -88px;
}
.g_navi li.g_navi04 a:hover {
	background:url(/img/tsimenub.png) no-repeat -500px -88px;
}
.g_navi li.g_navi05 a:hover {
	background:url(/img/tsimenub.png) no-repeat -668px -88px;
}
.g_navi li.g_navi06 a:hover {
	background:url(/img/tsimenub.png) no-repeat -836px -88px;
}

/*------on*/
.g_navi li.g_navi01_on a {
	background:url(/img/tsimenub.png) no-repeat 0px -176px;
	width:164px;
}
.g_navi li.g_navi02_on a {
	background:url(/img/tsimenub.png) no-repeat -164px -176px;
	width:168px;
}
.g_navi li.g_navi03_on a {
	background:url(/img/tsimenub.png) no-repeat -332px -176px;
	width:168px;
}
.g_navi li.g_navi04_on a {
	background:url(/img/tsimenub.png) no-repeat -500px -176px;
	width:168px;
}
.g_navi li.g_navi05_on a {
	background:url(/img/tsimenub.png) no-repeat -668px -176px;
	width:168px;
}
.g_navi li.g_navi06_on a {
	background:url(/img/tsimenub.png) no-repeat -836px -176px;
	width:164px;
}

/* -+-+-+-+-+-+-+-+-+-+-+-+- スライドショウ */
div#header_backgroundimg {
	height: 352px;
}


/* -+-+-+-+-+-+-+-+-+-+-+-+- 各ページ背景 */
div.bg_goaisatsu {
	background:url(/img/conback01.jpg);"
}
div.bg_gaiyou {
	background:url(/img/conback02.jpg);"
}
div.bg_group {
	background:url(/img/conback03.jpg);"
}
.nakawaku {
	margin-right: 8px;
	margin-left: 8px;
	padding-top: 10px;
	background-image: url(/img/ami03.png);
	padding-bottom: 1px;
}
.fulltable {
	border-collapse: collapse;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: 95%;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.bottomb {
	border-bottom: 1px solid #999999;
}
.fulltable .bottomb_leftd {
	border-bottom: 1px solid #999999;
	border-left: 1px dotted #999999;
	padding-left: 10px;
}


.fulltable td, th {
	vertical-align: top;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}


/* --- リストエリア --- */
ul.thumbnail {
	width: 320px; /* リストエリアの幅 */
	min-width: 100px; /* リストエリアの最小幅（不要な場合は削除） */
	margin: auto; /* リストエリアのパディング（上、左右、下） */
	list-style-type: none;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}

/* --- リスト項目 --- */
ul.thumbnail li {
	width: 320px; /* 項目の幅 */
	/*float: left;*/
}

/* --- 項目内容 --- */
ul.thumbnail dl {
	width: 300px; /* 内容の幅 */
	margin: 0; /* 内容のセンタリング */
}

/* --- 写真エリア --- */
ul.thumbnail dt {
	height: 50px;
	margin-bottom: 0px; /* 写真エリアの下マージン */
}

/* --- キャプションエリア --- */
ul.thumbnail dd {
	height: 32px; /* キャプションエリアの高さ */
	line-height: 120%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	text-align: center;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


.content .kizailist .kimg {
	width: 168px; /* 内容の幅 */
	margin: 0; /* 内容のセンタリング */
	float: left;
	margin-right: 8px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.content .kizailist .kimg li {
	margin-top: 0px;
	margin-bottom: 0px;
}
.tsih_logo {
	float: left;
	margin-top: 18px;
	margin-bottom: 7px;
}
.tsih_add {
	float: right;
	margin-top: 33px;
}
.tsih_tel {
	clear: right;
	float: right;
}

.form_b {
    font-size: 1.1em;
    font-weight: bold;
    padding: 5px 20px;
}

/* --- グループリスト --- */
ul.group {
	width: 960px; /* リストエリアの幅 */
	min-width: 760px; /* リストエリアの最小幅（不要な場合は削除） */
	margin: 20px; /* リストエリアのパディング（上、左右、下） */
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

ul.group li {
	width: 460px;
	float: left;
	margin-right: 20px;
}
.group_title {
	width: 420px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-size: 14px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 1px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

body {
/*	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
*/	
font-family:
                        "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro",
                        "ヒラギノ角ゴ Pro W3","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",
/*                        "HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",
*/                        "メイリオ","Meiryo",
                        "ＭＳ Ｐゴシック","MS P Gothic",
                        "sans-serif";
}

.thumbnail.clearFix li dl dd a:hover, a:active, a:focus a:visited {
	text-decoration: none;
}
.fulltable .yurai {
	border-bottom: 1px solid #999999;
	border-left: 1px dotted #999999;
	padding-left: 10px;
	font-size: 80%;
	line-height: 1.3;
	padding-top: 10px;
	padding-bottom: 10px;
}