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


/*
上の３つの画像は幅250pxにしています。
この幅に基づいて、以下のDIVタグの幅を決めます。
DIVの幅＝width + border幅×2(両端にあるので、×2)
*/
* {
	/* ユニバーサル指定　marginやpaddingをいったんクリアします */
	margin:0px;
	padding:0px;
	border:none;
	font-size:12px;
	line-height: 20px;
}

div {
	margin-top:10px;
	margin-left:5px;
	margin-right:5px;
}
#wrap {	/* テーブルを中央寄せするために必要 */
	text-align:center;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	border-top: 1px solid #333;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #F30;
}


div.image {
	width:320px;	/* 画像の幅 */
	height:320px;
}
div.topimage {
	margin-top:0px;
}

div.himage {
	/* 横長のDIV */
	width:320px;
	height:155px;
}
div.vimage {
	/* 縦長のDIV */
	width:155px;
	height:320px;
	float:left;
}

div.text {
/* テキスト用　外側のDIVにpaddingを入れると外側の幅が変わってしまうため */
	padding:0.5em;
}

div.textlow {
	/* テキスト用　外側のDIVにpaddingを入れると外側の幅が変わってしまうため */
	padding:0.5em;
	vertical-align: bottom;
}


body {
	color: #999999;	/* 全体の文字色 */
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 75%/2 "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";	/* 壁色と壁紙画像設定 */
	background-color: #FFF;
}

h1,h2,h3,ul,li,dl,dt,dd{
	padding: 0px;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
}

h1 {
	font-size: 18px;
	color: #CC3300;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	float: left;
	margin: 0px;
	font-weight: normal;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 5px;
}

h2 {
	font-size: 12px;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	float: left;
	margin: 0px;
	font-weight: normal;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 5px;
	text-align: center;
	padding-bottom: 10px;
}

.main h2 {
	font-size: 12px;
	color: #09C;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 5px;
	text-align: left;
	padding-bottom: 10px;
}

.main h3 {
	font-size: 12px;
	color: #09C;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 5px;
	text-align: left;
	padding-bottom: 10px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

.color1 {
	color: #647d1e;
}

.mini {
	font-size: 90%;
	line-height: 1.6;
}

#main ul.listmark {
	padding: 0.5em 20px 0em 30px;
	list-style: disc;
}
html , body {   
    background-color: #fff;   
    color: #333;   
/*    overflow: hidden;   */
/*    height: 100%;   */
}
.sitemaplogo {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	color: #000;
	text-align: right;
	padding-right: 5px;
} 


/* 全般のリンク設定
--------------------------------------------------------------------------- */
a {
	color: #666;	/* リンク色 */
	text-decoration: none;
}

a:hover {
	color: #F30;	/* カーソルオーバー時の色 */
	text-decoration: none;	/* オーバー時に下線を消す設定。消したくないならこの１行を削除する。 */
}

.cate {
	text-align: left;
}
.cate img {
	padding: 5px 5px 5px 10px;
}

.cate a {
	color: #09C;	/* リンク色 */
	text-decoration: none;
	padding: 5px 0px 5px 10px;
}

.cate a:hover {
	color: #CCC;	/* カーソルオーバー時の色 */
	text-decoration: none;	/* オーバー時に下線を消す設定。消したくないならこの１行を削除する。 */
}


/* コンテナー（HP全体を囲むブロック）
--------------------------------------------------------------------------- */
#container {
	text-align: left;
	width: 100%;
	padding-top: 0px;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
	overflow: scroll;
	z-index: 1;
/*	height: 100%;*/
	margin-top: 0px;
}

#table {
	width:990px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

/* ヘッダー
--------------------------------------------------------------------------- */






/* メインコンテンツ（右側ブロック）
--------------------------------------------------------------------------- */


/* h2見出し設定 */
#main h2 {
	font-size: 100%;
	color: #FFFFFF;	/* 背景画像設定 */
	line-height: 30px;
	height: 30px;
	padding-left: 10px;
	overflow: hidden;
	background-color: #739023;
	background-image: url(../supl2/images/midashi_bg.gif);
	background-repeat: no-repeat;
}

#main p {
	padding-top: 0.5em;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 12px;
	text-align: left;
}




/* サイドコンテンツ（左側ブロック）
--------------------------------------------------------------------------- */
#side {
	float: left;
	width: 200px;
	display: inline;
	margin-left: 10px;
	margin-top: 20px;
	padding-bottom: 10px;
}

/* h3見出し設定 */
#side h3 {
	border: 3px double #f5feda;	/* ボーダー設定。3pxの二重線を#f5fedaの色で入れる。 */
	text-align: center;			/* センタリング設定。左寄せがいいならこの１行を削除する。 */
	font-size: 100%;
	letter-spacing: 0.2em;		/* 文字間隔を少しあける設定 */
	background: #739023 url(../supl2/images/h3_bg.gif) no-repeat center top;	/* 背景画像設定 */
	padding-right: 5px;
	padding-left: 5px;
	color: #FFFFFF;
}

#side p {
	padding-top: 0.5em;
	padding-bottom: 1em;
	background-color: #FFC;
	font-size: 12px;
}




/* サイドメニュー
--------------------------------------------------------------------------- */
ul.sidemenu {
	margin-top: 5px;
	margin-bottom: 10px;
}

ul.sidemenu li {
	margin-bottom: 5px;
}

ul.sidemenu li a {
	border-bottom: 1px solid #999999;	/* メニュー下に#999999の直線を入れる設定。 */
	border-left: 5px solid #647d1e;		/* メニュー左に5px幅の直線を#647d1eで入れる設定。 */
	display: block;
	width: 190px;
	padding-left: 5px;
	text-decoration: none;
	color: #647D1E;
}

ul.sidemenu li a:hover {
	border-bottom: 1px solid #647d1e;
	background-color: #FFC;
}




/* メインコンテンツ内の「What's New」部分
--------------------------------------------------------------------------- */
#main dl.new {
	height: 100px;		/* What's Newボックスの高さ */
	overflow: auto;		/* この設定でiframe風に見える */
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	border-right: 1px solid #97B83A;	/* What's Newのフチの右ライン */
	border-bottom: 1px solid #97B83A;	/* What's Newのフチの下ライン */
	border-left: 1px solid #97B83A;	/* What's Newボックスの背景色 */
	background: #f3f5e9;
}

#main dt {
	font-weight: bold;	/* 日付を太字にする設定。 */
	color: #647d1e;		/* 文字色*/
}

#main dd {
	border-bottom: 1px solid #cccccc;	/* 説明文の下に1pxの直線(solid)を#ccccccの色で入れる。 */
}



/* テーブル
--------------------------------------------------------------------------- */
.ta {
	width: 600px;
	border-collapse:collapse;
	border: 1px solid #97B83A;
	font-size: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
}

.ta td, .ta th{
	padding: 10px 5px;
	border: 1px solid #97B83A;
}

.ta th{
	width: 150px;
	text-align: center;
	background: #f0f5e1;
}

.ta .tamidashi{
	width: auto;
	text-align: center;
	background: #b6d365;
	color: #FFFFFF;
}



/* フッター（最下部コピーライト部分）
--------------------------------------------------------------------------- */
#footer {
	border-bottom: 1px solid #ababa9;
	text-align: center;
	padding-bottom: 0px;
	clear: both;
	width: 100%;
	background-color: #FFF;
	color: #000;
}
#footer {
/*	position: absolute;*/
	position: fixed;
	bottom: -5px;
	left: -18px;
	width: 100%;
	z-index: 2;
}   

#container table tr td table tr td table tr td table tr td table tr td {
	color: #FFF;
}
.p12wl {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
	text-align: left;
}
.p12wc {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
	text-align: center;
}
.p12bl {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	text-align: left;
}
#container table tr td table tr td #wrap #foot #footer div {
	color: #FFF;
	font-size: 12px;
}
.p10bc {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	line-height: 20px;
	color: #333;
	text-align: center;
}

.p12bc {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	text-align: center;
}

.p14gc {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #999;
	text-align: center;
}

#container table tr td table tr td #wrap #foot #footer div a {
	color: #FFF;
}

.topimg1 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	background-image: url(img/20101021-m-03.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}

.r16gr {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: 24px;
	color: #000;
	text-align: left;
	line-height: 20px;
	font-weight: bold;
	padding-left: 10px;
	height: 50px;
	background-image: url(img/top-img/ftbar.jpg);
}

.p10wl {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #FFF;
	text-align: left;
}

.p12br {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #333;
	text-align: right;
	padding-right: 50px;
}

.topimg2 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
	background-image: url(20101021-m-04.jpg);
	text-align: center;
	background-repeat: repeat;
}

.tms-bl {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
	text-align: left;
	width:319px;	/* 画像の幅 */
	height:70px;
	background-color: #09C;
	border-style:solid;
	border-width:1px;
	border-color:#09C;
}
	
.tms-bl:hover{
	color: #333;
	background-color: #FFF;
	cursor:hand;
}

.tms-gr {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
	background-color: #999;
	text-align: left;
	width:319px;	/* 画像の幅 */
	height:70px;
	background-color: #666;
	border-style:solid;
	border-width:1px;
	border-color:#666;
}

.tms-gr:hover{
	color: #333;
	background-color: #FFF;
	cursor:hand;
}
.tmss-bl {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #FFF;
	text-align: center;
	width:185px;	/* 画像の幅 */
	height:25px;
	background-color: #09C;
	border-style:solid;
	border-width:1px;
	border-color:#09C;
}
	
.tmss-bl:hover{
	color: #333;
	background-color: #FFF;
	cursor:hand;
}

.tmsm-bl {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
	text-align: center;
	width:185px;	/* 画像の幅 */
	height:40px;
	background-color: #09C;
	border-style:solid;
	border-width:1px;
	border-color:#09C;
}
	
.tmsm-bl:hover{
	color: #333;
	background-color: #FFF;
	cursor:hand;
}

.tmsm-gr {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #FFF;
	background-color: #999;
	text-align: center;
	width:185px;	/* 画像の幅 */
	height:40px;
	background-color: #666;
	border-style:solid;
	border-width:1px;
	border-color:#666;
}

.tmsm-gr:hover{
	color: #333;
	background-color: #FFF;
	cursor:hand;
}

.mainlogo {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 15px;
	color: #666;
	text-align: right;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-right: 5px;
	font-weight: bold;
}
.tm01 {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",     sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #FFF;
	background-image: url(top-img/2010103101.jpg);
	width:320px;	/* 画像の幅 */
	height:320px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: bottom;
}	
.tm01:hover{
    background:url(top-img/2010103101b.jpg) no-repeat;
	cursor:hand;
	cursor:hand;
}



.tm02 {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #FFF;
	background-image: url(top-img/2010103102.jpg);
	width:320px;	/* 画像の幅 */
	height:320px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: bottom;
}	
.tm02:hover{
    background:url(top-img/2010103102b.jpg) no-repeat;
    cursor:hand;
}
.tm03 {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #FFF;
	background-image: url(top-img/2010103103.jpg);
	width:320px;	/* 画像の幅 */
	height:320px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: bottom;
}	
	.tm03:hover{
    background:url(top-img/2010103103b.jpg) no-repeat;
    cursor:hand;
}
.tms04 {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/ti04a.jpg);
	width:320px;	/* 画像の幅 */
	height:155px;
	text-align: right;
	background-repeat: no-repeat;
}		
.tms04:hover{
	background:url(top-img/ti04b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.ts04 {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",    sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #FFF;
	background-image: url(top-img/ts04a.jpg);
	width:320px;	/* 画像の幅 */
	height:320px;
	text-align: left;
	background-repeat: no-repeat;
}	

	.ts04:hover{
    background:url(top-img/ts04b.jpg) no-repeat;
	cursor:hand;
}

.tms05 {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/ti05a.jpg);
	width:320px;	/* 画像の幅 */
	height:155px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-bottom;

}	
	.tms05:hover{
	background:url(top-img/ti05b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.tms06 {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/ti06a.jpg);
	width:320px;	/* 画像の幅 */
	height:155px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-top;
}	
	.tms06:hover{
	background:url(top-img/ti06b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.tms07 {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #CC3300;
	background-image: url(top-img/ti07a.jpg);
	width:320px;	/* 画像の幅 */
	height:155px;
	text-align: right;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
}	
	.tms07:hover{
	background:url(top-img/ti07b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.tms08 {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/tl01a.jpg);
	width:155px;	/* 画像の幅 */
	height:320px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: top;
	float:left;
}	
	.tms08:hover{
	background:url(top-img/tl01b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.tms09 {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/tl02a.jpg);
	width:155px;	/* 画像の幅 */
	height:320px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	float:left;
}	
	.tms09:hover{
	background:url(top-img/tl02b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.tms10 {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/tl05a.jpg);
	width:155px;	/* 画像の幅 */
	height:320px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: top;
	float:left;
}	
	.tms10:hover{
	background:url(top-img/tl05b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.tms11 {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/tl06a.jpg);
	width:155px;	/* 画像の幅 */
	height:320px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	float:left;
}	
	.tms11:hover{
	background:url(top-img/tl06b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.tl03a {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/tl03a.jpg);
	width:155px;	/* 画像の幅 */
	height:320px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	float:left;
}	
	.tl03a:hover{
	background:url(top-img/tl03b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.tl04a {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/tl04a.jpg);
	width:155px;	/* 画像の幅 */
	height:320px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	float:left;
}	
	.tl04a:hover{
	background:url(top-img/tl04b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.ti08a {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/ti08a.jpg);
	width:320px;	/* 画像の幅 */
	height:155px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	float:left;
}	
.ti08a:hover{
	background:url(top-img/ti08b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}

.ti010a {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/ti010a.jpg);
	width:320px;	/* 画像の幅 */
	height:155px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
}	
.ti010a:hover{
	background:url(top-img/ti010b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.ti011a {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/ti011a.jpg);
	width:320px;	/* 画像の幅 */
	height:155px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	float:left;
}	
	.ti011a:hover{
	background:url(top-img/ti011b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}

.ti012a {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/ti012a.jpg);
	width:320px;	/* 画像の幅 */
	height:155px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	float:left;
}	
	.ti012a:hover{
	background:url(top-img/ti012b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.ti013a {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/ti013a.jpg);
	width:320px;	/* 画像の幅 */
	height:155px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	float:left;
}	
	.ti013a:hover{
	background:url(top-img/ti013b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}

.ti014a {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/ti014a.jpg);
	width:320px;	/* 画像の幅 */
	height:155px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
}	
	.ti014a:hover{
	background:url(top-img/ti014b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.ti015a {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/ti015a.jpg);
	width:320px;	/* 画像の幅 */
	height:155px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	float:left;
}	
	.ti015a:hover{
	background:url(top-img/ti015b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.ti016a {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/ti016a.jpg);
	width:320px;	/* 画像の幅 */
	height:155px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
}	
	.ti016a:hover{
	background:url(top-img/ti016b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.ti017a {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/ti017a.jpg);
	width:320px;	/* 画像の幅 */
	height:155px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	float:left;
}	
.ti017a:hover{
	background:url(top-img/ti017b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.ti018a {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/ti018a.jpg);
	width:320px;	/* 画像の幅 */
	height:155px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	float:left;
}	
	.ti018a:hover{
	background:url(top-img/ti018b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.ti019a {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/ti019a.jpg);
	width:320px;	/* 画像の幅 */
	height:155px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	float:left;
}	
	.ti019a:hover{
	background:url(top-img/ti019b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}
.ti020a {
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #000;
	background-image: url(top-img/ti020a.jpg);
	width:320px;	/* 画像の幅 */
	height:155px;
	text-align: left;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
	float:left;
}	
	.ti020a:hover{
	background:url(top-img/ti020b.jpg) no-repeat;
	color: #FFF;
	cursor:hand;
}

.ftor {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #FFF;
	background-color: #F30;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
}
.ftwh {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #333;
	background-color: #FFF;
	background-repeat: repeat;
	vertical-align: middle;
	padding-bottom: 0px;
	padding-top: 0px;
}
.inner {
	font-size: 14px;
	vertical-align: text-bottom;
	padding-top: 260px;
}

.tlinner {
	vertical-align: text-bottom;
	font-size: 12px;
    padding-top: 260px;
}

.tiinner {
	vertical-align: text-bottom;
    font-size: 12px;
	padding-top: 95px;
}

.tiinnerrt {
	vertical-align: text-bottom;
    font-size: 12px;
	padding-top: 95px;
	text-align:right;
}


div.inner {
	font-size: 14px;
	vertical-align: text-bottom;
	padding-top: 260px;
}

div.tlinner {
	vertical-align: text-bottom;
	font-size: 12px;
    padding-top: 260px;
}

div.tiinner {
	vertical-align: text-bottom;
    font-size: 12px;
	padding-top: 95px;
}

div.tiinnerrt {
	vertical-align: text-bottom;
    font-size: 12px;
	padding-top: 95px;
	text-align:right;
}

.lowprof {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 15px;
	color: #333;
	text-align: center;
	padding-top: 10px;
}





/* セカンドページに関するCSS */

b {
	font-size: 12px;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	float: center;
	margin: 0px;
	font-weight: normal;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 5px;


h3 {
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	top: 0px;
	position: relative;
	bottom: 15px;
}


#logo {
	width: 600px;
	float: right;
	position: relative;
	left: -180px;
}

/* ナビゲーションに関するCSS */

#navi {
	font-size: 80%;
	padding:0px;
	float:left;
	height: 25px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 15px;
	width: 900px;
	text-align: center;
}

#navi li {
	float:left;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px;
	text-align: center;
	width: 128px;
	height:25px;
	color: #CC3300;
	list-style-type: none;
}

#navi a{
	color: #666666;
	display:block;
	width: 118px;
	height:22px;
}

#navi a:hover {
	color: #CC3300;
	background-color: #FFFFFF;
	text-decoration:none;
}

/* サブナビゲーションに関するCSS */

#navig {
	font-size: 80%;
	padding:0px;
	list-style:none;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 896px;
	position: relative;
	top: 10px;
}

#navig li {
	float:left;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px;
	text-align: center;
	width: 140px;
	color: #CCCCCC;
	list-style-type: none;
}

#navig a{
	color: #999999;
	display:block;
	width: 145px;
	height:22px;
	list-style-type: square;
}

#navig a:hover {
	color: #CC3300;
	background-color: #FFFFFF;
	text-decoration:none;
	list-style-type: square;
}

/* ムービーページ・サブナビゲーションに関するCSS */

#navi2 {
	font-size: 80%;
	padding:0px;
	list-style:none;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 896px;
	position: relative;
	top: 10px;
	left: 30px;
}

#navi2 li {
	float:left;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px;
	text-align: center;
	width: 160px;
	color: #CCCCCC;
	list-style-type: none;
}

#navi2 a{
	color: #999999;
	display:block;
	width: 160px;
	height:22px;
	list-style-type: square;
}

#navi2 a:hover {
	color: #CC3300;
	background-color: #FFFFFF;
	text-decoration:none;
	list-style-type: square;
}

/* コンテンツに関するCSS　(first=中庭のある家、second=リフォーム・週末住宅、third=店舗・集合住宅、forth=プロジェクト・プロダクト、fifth=トラベルダイアリー） */

#content {
	clear:both;
	width: 900px;
}

#first {
	position: absolute;
	top: 2200px;
	text-align: left;
}
#second {
	position: absolute;
	top: 2200px;
}
#third {
	position: absolute;
	top: 1730px;
}
#forth{
	position: absolute;
	top: 2300px;
}
#fifth{
	position: absolute;
	top: 1880px;
}
#first1 {
	position: absolute;
	top: 1450px;
	text-align: left;
	width: 170px;
}
#second1 {
	position: absolute;
	top: 950px;
	text-align: left;
	width: 170px;
}
#third1 {
	position: absolute;
	top: 800px;
	text-align: left;
	width: 170px;
}
#forth1{
	position: absolute;
	top: 950px;
	text-align: left;
	width: 170px;
}
#fifth1{
	position: absolute;
	top: 1600px;
	text-align: left;
	width: 170px;
}
table {
	margin-top: auto;
	margin-bottom: auto;
	clear: both;
} 

table .main {
	width:960px;
	padding-left: 15px;
}


#sidebar {
	font-size: 8px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	　　font-weight: normal;
	margin-top: 5px;
	　　margin-bottom: 5px;
	margin-right: 5px;
	margin-left: auto;
	text-align: right;
}
#sidebar a.red:link{
	color: #CC3300;
}
#sidebar a.red:visited {
	color: #CC6600;
}

/* コラムページのリストに関するCSS */

#column {
	float:left;
	border: 0px;
	text-align: left;
	width: 550px;
	color: #666666;
	list-style-type: none;
	top: 10px;
	position: relative;
	line-height: 150%;
}

#column a:link{
	color: #666666;
}
#column a:visited {
	color: #999999;
}