/* CSS Document */

/* ============================== Common ============================= */

/* ---- フッターを最下部に設置 ------ */

html{
    height:100%;
}

body{
    height:100%;
}

* html div#wrapper-all{
    height:100%;
}

div#wrapper-all{
    width: 100%;
    margin:0px auto;
    position:relative;
    min-height: 100%;
}

body > #wrapper-all {
	height: auto;
}

div#wrapper-header-contents{
    padding-bottom:45px;
}

#wrapper-footer{
    position:absolute;
    bottom:0px;
    height:45px;
    width:100%;
}

/* ---- ページトップへ -------------- */

.pagetop-btn{
	width: 850px;
	text-align: right;
	margin:12px 0 25px 0;
	padding:10px 0 0 0;
	border-top:dotted 1px #000000;
}

.pagetop-btn-none{
	width: 850px;
	text-align: right;
	margin:12px 0 25px 0;
}

.pagetop-back{
	margin-top:15px;
}


/* ----リセット --------------- */
table{
	border-collapse: collapse; border: none; border-spacing: 0; 
}

/* ----Wrapper --------------- */
.main-contents-wrapper{
	width: 850px;
	margin: 0 auto;
	padding-top:20px;
	padding-bottom:5px;
}

/* ---- セカンダリタイトル ---- */

.secondary-ttl-wrapper {
	background: url(/mms/img/common/bg_ttl_header.jpg) no-repeat right bottom;
	width: 830px;
}

.secondary-ttl-wrapper h1 {
	float: left;
	margin-bottom: 28px;
}
.secondary-ttl-wrapper p {
	float: left;
}

/* ---- セカンダリメニュー ---- */

.secondary-menu {
	background: url(/mms/img/common/bg_menu.jpg) no-repeat left top;
	width: 235px;
	padding-top: 21px;
	padding-bottom: 150px;
	float: left;
}
.secondary-menu ul li img {
	margin: 0;
	padding-left: 27px;
	vertical-align: bottom;
}

/* ---- セカンダリコンテンツ ---- */

.secondary-contents-wrapper {
	float: right;
	width: 615px;
}
.secondary-mainttl {
	background: url(/mms/img/common/bg_ttl.jpg) no-repeat left top;
	padding-top: 51px;
	padding-bottom: 49px;
	margin-bottom: 25px;
}
.secondary-mainttl h2 {
	padding-left: 23px;
}

.secondary-contents-detail {
	margin-left: 23px;

}

/* ================================ トップ ============================ */

.index-ttl-wrapper {
	width: 813px;
	background: url(/mms/img/index/header_main_pic_bg.jpg) no-repeat right bottom;
}

.index-ttl-wrapper h1 {
	margin-bottom: 16px;
	float: left;
}

.index-ttl-wrapper p {
	padding-left: 15px;
	float: left;
}

.index-mainimage-wrapper {
	width: 850px;
}

.index-mainimage-left-wrapper {
	float: left;
	width: 220px;
	background: url(/mms/img/index/header_menu_bg.jpg) no-repeat left top;
	padding-top: 22px;
	padding-bottom: 36px;
}


.index-mainimage-left-wrapper ul li img {
	margin:0;
	padding: 0 0 0 27px;
	vertical-align: bottom;
}

.index-mainimage-wrapper h2 {

}

.index-movie-wrapper {
	background: url(/mms/img/index/center_pic.jpg) no-repeat left top;
	width: 849px;
	margin-bottom: 12px;
}
.index-movie-detail {
	float: right;
	background: url(/mms/img/index/movie_bg_box.jpg) no-repeat left top;
}

/* ============================ 特長 =============================== */

table.tokucho-detail tr td{
	padding-bottom:1em;
}

.tokucho-subttl {
	width: 592px;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #000;
}


/* ========================== 場所 =============================== */
.field-set-left {
	float: left;
	width: 194px;
}
.field-set-right {
	float: right;
	width: 383px;
}
.field-set-left h3 {
	border-bottom: 1px dotted #000;
	margin-bottom: 6px;
	padding-bottom: 6px;
}

.field-set-right-left {
	float: left;
	width: 184px;
}

.field-set-right-right {
	float: right;
	width: 184px;
}

/* ============================ スペック =============================== */

.spec-subttl {
	width: 592px;
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #000;
}

.spec-tbl{
	width:592px;
	border-right:solid 1px #ebebeb;
	border-bottom:solid 1px #ebebeb;
}

 table.spec-tbl tr th{
	padding:8px;
	border-left:solid 1px #ebebeb;
	border-top:solid 1px #ebebeb;
	background-color: #f3f3f3;
}

 table.spec-tbl tr td.spec-detail{
	padding:8px;
	border-left:solid 1px #ebebeb;
	border-top:solid 1px #ebebeb;
}


 table.spec-tbl tr td.spec-detail-a{
	padding:8px;
	border-left:solid 1px #ebebeb;
	border-top:solid 1px #ebebeb;
	background-color: #e0ebfe;
	font-weight: bold;
	text-align: center;
}

 table.spec-tbl tr td.spec-detail-s{
	padding:8px;
	border-left:solid 1px #ebebeb;
	border-top:solid 1px #ebebeb;
	background-color: #c0d2ff;
	font-weight: bold;
	text-align: center;
}

table.spec-tbl-mini tr td{
	padding:8px;
}

/* ============================ オプション =============================== */

.option-prod-detail {
	width: 283px;
	text-align: center;
}
.option-prod-detail h3 img {
	margin: 0px auto 10px;
}
.option-prod-detail p {
	text-align: left;
}

.wrapper-option-prod {
	/* overflow: hidden; */
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #CCC;
}
.wrapper-option-prod ul {
	float: left;
	width: 285px;
}
.wrapper-option-prod ul li h3 {
	font-weight: bold;
	color: #002f84;
}
.wrapper-option-prod ul li.option-prod-txt {
	padding-top: 12px;
	padding-bottom: 12px;
}
.wrapper-option-prod p {
	float: right;
	width: 283px;
}
.wrapper-option-prod ul li.option-prod-btn {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.wrapper-option-prod ul li.option-prod-btn img {
	vertical-align: bottom;
}


/* ============================ 資料 =============================== */

.document-prod-detail{
	text-align:center;
	width:242px;
}

.column01{
	width:196px;
	margin-right:22px;
}
.column01last{
	width:196px;
}
.column02{
	width:196px;
	margin-right:22px;
	margin-bottom:15px;
}
.column03{
	width:268px;
	margin-right:23px;
}
.column03last{
	width:268px;
}


.btn-bg{
	padding:28px 0;
	background: url(/mms/img/btn_bg.gif) no-repeat;
	text-align: center;
}

.index-mainimage-right-wrapper {
	float: left;
}

/* ============================ 導入活用例 =============================== */
.cad-chart {
	margin: 0px auto;
	width: 460px;
}

.cad-chart-left {
	float: left;
	width: 270px;
}

.cad-chart-right {
	float: left;
	width: 190px;
}

.cad-chart-right img {
	margin-top:20px;
}

.cad-arrow {
	padding: 15px 0;
	margin:0 auto;
	width: 27px;
	clear: both;
}