@charset "utf-8";

/* フォントの装飾用css */

/* ページタイトル */
div#contents .orangeTitle{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF6600;
	font-size: 130%;
	height: 1.5em;
	line-height: 1.5em;
	vertical-align: middle;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-weight: bold;
	margin: 20px;
}

div#contents .orangeTitle a:link{
	color: #000000;
	text-decoration: none;
}

div#contents .orangeTitle a:visited{
	color: #000000;
	text-decoration: none;
}

div#contents .orangeTitle a:active{
	color: #0000FF;
	text-decoration: underline;
}

div#contents .orangeTitle a:hover{
	color: #0000FF;
	text-decoration: underline;
}

/* 緑色 */
.green {
	color: #669900;
}
.greenBig {
	font-size: 120%;
	color: #669900;
}

.red {
	color: #FF3333;
}


/* 赤色+大きいサイズ */
.redBig {
	color: #FF3333;
	font-size: 120%;
}
.redBig a {
	color: #FF3333;
}
div#contents p.redLink {
	color: #FF3333;
	font-size: 120%;
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
div#contents  p.redLink a  {
	color: #FF3333;
}



/* 大きいサイズに */
.bigFont {
	font-size: 140%;
}

/* フォトフレーム1：1枚写真（横） */

div#contents table.photoFrame1 {
	background-image: url(../images/template/photo_back.jpg);
	background-repeat: repeat-y;
	width: 530px;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding: 0px;
}
.caption {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}

div#contents table.photoFrame1 td {
	width: 470px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}
div#contents table.photoFrame1 td .orangeTitle {
	width: 500px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
}
div#contents table.photoFrame1 td .houseData{
	border-top-width: 3px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	width: 500px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	display: block;
}

div#contents table.photoFrame1 img {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
}
div#contents table.photoFrame1 .photoFrameTop {
	margin: 0px;
	padding: 0px;
	width: 530px;
	height: 15px;
	background-color: #ffffff;
}

div#contents table.photoFrame1 .photoFrameTop img {
	margin: 0px;
	padding: 0px;
}

div#contents table.photoFrame1 .photoFrameBottom {
	margin: 0px;
	padding: 0px;
	width: 530px;
	height: 15px;
}

div#contents table.photoFrame1 .photoFrameBottom img {
	margin: 0px;
	padding: 0px;
}

/* フォトフレーム2：複数写真 */

div#contents table.photoFrame2 {
	background-image: url(../images/template/photo_back.jpg);
	background-repeat: repeat-y;
	width: 530px;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding: 0px;
}

div#contents table.photoFrame2 td.img {
	width: 530px;
	margin: 0px;
	padding: 0px;
}

div#contents table.photoFrame2 td.img img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

div#contents table.photoFrame2 td.text {
	clear: left;
	width: 500px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}
div#contents table.photoFrame2 td.photoFrameTop {
	margin: 0px;
	padding: 0px;
	width: 530px;
	height: 15px;
	background-color: #ffffff;
}
div#contents table.photoFrame2 td.photoFrameTop img {
	margin: 0px;
	padding: 0px;
}
div#contents table.photoFrame2 td.photoFrameBottom {
	margin: 0px;
	padding: 0px;
	width: 530px;
	height: 15px;
}
div#contents table.photoFrame2 td.photoFrameBottom img {
	margin: 0px;
	padding: 0px;
}

/* フォトフレーム3：1枚写真（縦） */

div#contents table.photoFrame3 {
	background-image: url(../images/template/photo_back.jpg);
	background-repeat: repeat-y;
	width: 530px;
	margin-top: 10px;
	margin-right: 30px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding: 0px;
}

div#contents table.photoFrame3 table.imgSet {
	width: 530px;
	height: 330px;
	margin-top: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

div#contents table.photoFrame3 table.imgSet td.img img {
	width: 225px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

div#contents table.photoFrame3 table.imgSet td.text {
	width: 255px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
	vertical-align: bottom;
}

div#contents table.photoFrame3 td.photoFrameTop {
	margin: 0px;
	padding: 0px;
	width: 530px;
	height: 15px;
	background-color: #ffffff;
}
div#contents table.photoFrame3 td.photoFrameTop img {
	margin: 0px;
	padding: 0px;
}
div#contents table.photoFrame3 td.photoFrameBottom {
	margin: 0px;
	padding: 0px;
	width: 530px;
	height: 15px;
}
div#contents table.photoFrame3 td.photoFrameBottom img {
	margin: 0px;
	padding: 0px;
}

/* おすすめポイント */

div#contents td.point {
	width: 500px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
div#contents /* ポイントの画像 */

 td.point  img.pointImg {
	width: 100px;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

/* ポイントのテキスト部分 */

div#contents table.pointText {
	width: 385px;
	background-image: url(../images/template/merit_back.jpg);
	margin: 0px;
	padding: 0px;
	float: right;
}

div#contents table.pointText td.pointTop {
	width: 385px;
	height: 9px;
	margin: 0px;
	padding: 0px;
}

div#contents table.pointText td.pointTop img {
	width: 385px;
	margin: 0px;
	padding: 0px;
}

div#contents table.pointText td.text {
	width: 365px;
	margin: 0px;
	color: #663300;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

div#contents table.pointText td.pointBottom {
	margin: 0px;
	padding: 0px;
	width: 385px;
	height: 10px;
	clear: both;
}

div#contents table.pointText td.pointBottom img {
	width: 385px;
	margin: 0px;
	padding: 0px;
}

/*「メリット」の番号 */

div#contents .meritNo {
	color: #FFFFFF;
	background-image: url(../images/template/merit_btn.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 16px;
	width: 70px;
	line-height: 16px;
	vertical-align: middle;
	background-position: left top;
	display: block;
	text-align: center;
}

/* スタッフ紹介 */

div#contents table.staff {
	width: 500px;
	margin-top: 10px;
	margin-right: 60px;
	margin-bottom: 10px;
	margin-left: 30px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

div#contents table.staff tr {
	width: 500px;
	margin: 0px;
	padding: 0px;
}

div#contents table.staff tr td.img {
	width: 90px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

div#contents table.staff tr td.img img {
	padding: 0px;
	margin: 0px;
}

div#contents table.staff tr td.text {
	width: 410px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	vertical-align: bottom;
	font-size: 120%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

/* 文字を小さくする */

div#contents .smallFont {
	font-size: 80%;
}

/* thが黄色の表 */

div#contents table.yellow {
	width: 500px;
	margin-top: 10px;
	margin-right: 60px;
	margin-bottom: 10px;
	margin-left: 30px;
	padding: 0px;
	border-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

div#contents table.yellow tr {
	width: 500px;
	margin: 0px;
	padding: 0px;
}

div#contents table.yellow tr th {
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	background-color: #F4F3D5;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

div#contents table.yellow tr td {
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding: 5px;
}

/* 冊子紹介 */

div#contents table.book {
	width: 500px;
	margin-top: 10px;
	margin-right: 60px;
	margin-bottom: 10px;
	margin-left: 30px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

div#contents table.book tr {
	width: 500px;
	margin: 0px;
	padding: 0px;
}

div#contents table.book tr td.img {
	width: 120px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

div#contents table.book tr td.img img {
	padding: 0px;
	margin: 0px;
}
div#contents  table.book  tr  td.textarea {
	width: 360px;
	margin: 0px;
	vertical-align: middle;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
div#contents  table.book  tr  td.textarea  p {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}


/* 画像+キャプションの上に灰色の線 */

div#contents div.imgCaption {
	width: 500px;
	margin-top: 0px;
	margin-right: 60px;
	margin-bottom: 0px;
	margin-left: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
div#contents div.imgCaption p {
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
div#contents div.imgCaption img {
	margin: 0px;
	padding: 0px;
}

/* 段落の上に灰色の線 */

div#contents  p.line {
	width: 500px;
	margin-top: 0px;
	margin-right: 60px;
	margin-bottom: 0px;
	margin-left: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/* メールセミナー紹介の表 */

div#contents table.mailIndex {
	width: 500px;
	margin-top: 10px;
	margin-right: 60px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}

div#contents table.mailIndex tr {
	width: 500px;
	margin: 0px;
	padding: 0px;
}

div#contents table.mailIndex tr td.title {
	width: 490px;
	padding: 5px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	background-color: #F2EBE7;
	color: #641400;
	font-weight: bold;
}

div#contents table.mailIndex tr td.text {
	width: 470px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}

/* リスト */

div#contents ul {
	padding: 0px;
	width: 500px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}
div#contents ul a {
	color: #000000;
}

div#contents ul li {
	width: 487px;
	line-height: 2em;
	background-image: url(../images/common/navi_list.gif);
	background-repeat: no-repeat;
	background-position: left 0.7em;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
}
div#contents ul li ul li {
	width: 487px;
	line-height: 2em;
	background-image: url(../images/common/navi_list_2.gif);
	background-repeat: no-repeat;
	background-position: left 0.7em;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
}

/* seminar内用css */

div#contents div.seminarForm {
	background-color: #F2EBE7;
	padding: 10px;
	width: 291px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 20px;
	border: 1px solid #CCCCCC;
	text-align: center;
}
div#contents div.seminarForm img {
	padding: 0px;
	width: 260px;
	margin: 0px;
}
div#contents table.imgLeft {
	padding: 0px;
	width: 500px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}
div#contents table.imgLeft tr td.img {
	margin: 0px;
	padding: 010px;
}
div#contents table.imgLeft img {
	margin: 0px;
	padding: 0px;
}

div#contents  table.imgLeft  tr  td.text {
	vertical-align: top;
	margin: 0px;
	padding: 10px;
}

/* howto内用css */

div#contents div#howtoSec {
	width: 498px;
	border: 1px solid #999999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

div#howtoSec div#text {
	margin: 0px;
	float: left;
	width: 341px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
div#howtoSec div#text p {
	padding: 0px;
	width: 341px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

div#howtoSec div#photo {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 137px;
}

div#howtoSec div#photo p {
	margin: 0px;
	padding: 0px;
	width: 137px;
}

div#howtoSec div#photo p img {
	margin: 0px;
	padding: 0px;
}

div#howtoSec p#gotoHowto {
	margin: 0px;
	clear: both;
	width: 498px;
	display: block;
	padding: 0px;
}