@charset "shift_jis";

/*--------------------------------------
共通タブデザイン
--------------------------------------*/

#commonNav h3 {
	background-color: #fff;
	}

#commonNav ul {
	width: 745px;
	height: 46px;
	border-bottom: 3px solid #e61e0a;
	margin: 0;
	padding: 0;
	}

#commonNav li.left,
#commonNav li.right {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	}

#commonNav li.left a,
#commonNav li.right a {
	height: 46px;
	display: block;
	}

#commonNav li.left a {
	width: 373px;
	}

#commonNav li.right a {
	width: 372px;
	}

/*--------------------------------------
コンテンツ　ブロック
--------------------------------------*/
.aboutBox {
	margin-top: 25px;
	}

.aboutBox h4 {
	font-size: 175%;
	color: #000;
	font-weight: bold;
	/margin-top: 20px;
	}

.colRed {
	color: #e61e0a;
	}

.aboutBox dl {
	border: 1px solid #e61e0a;
	width: 743px;
	margin: 12px 0;
	}

.aboutBox dt{
	padding: 15px;
	font-size: 125%;
	line-height: 1.4;
	font-weight: bold;
	background: url(../bg_wh_dot.html) repeat #e8e8e8;
}

.aboutBox dt.tentame {
	background: none;
	padding: 15px 15px 0;
}

.aboutBox dd {
	padding: 20px 15px 20px;
	}

.aboutBox dd ul.left {
	width: 357px;
	float: left;
	text-align: left;
	}

.aboutBox dd ul.left li {
	line-height: 1.5;
	padding-bottom: 10px;
	font-size: 110%;
	}

.aboutBox dd ul.right {
	width: 356px;
	float: right;
	}

.aboutBox dd ul li.left {
	width: 357px;
	float: left;
	text-align: center;
	}

.aboutBox dd ul li.right {
	width: 356px;
	float: right;
	text-align: center;
	margin: 10px  0 !important;
	}

.aboutBox dd ul.right li {
	text-align: center;
	margin: 0  0 20px !important;
	}

.aboutBox dd ul li.right img {
	margin: 0 5px !important;
	}
	
.deviceArea li {
	width: 178px;
	float: left;
	text-align: center;
	
}

.deviceArea li a{
    color: #A58863;
    text-decoration:underline;
	width: 178px;
	height: 20px;
	display: block;
	padding-top: 110px !important;
	padding-bottom: 10px !important;
}
.deviceArea li a:link {
    color: #000;
    text-decoration:underline;
}
.deviceArea li a:visited {
    color: #000;
    text-decoration:underline;
}
.deviceArea li a:hover {
    color: #C90;
    text-decoration:none;
}
.deviceArea li a:active {
    text-decoration:underline;
}


.deviceArea li a {
}
.deviceArea li.pc {
	background: url(../bg_02_pc.html) top center no-repeat;
}

.deviceArea li.sp {
	background: url(../bg_02_sp.html) top center no-repeat;
	}

.deviceArea li.mb {
	background: url(../bg_02_mb.html) top center no-repeat;
	}

.deviceArea li.tv {
	background: url(../bg_02_tv.html) top center no-repeat;
	}

ul.btn {
	margin: 30px 0 40px !important;
	width: 746px;
	}

ul.btn img {
	margin-bottom: 20px!important;
	}

ul.btn li.left {
	float: left;
	width: 364px;
}
	
ul.btn li.right {
	float: right;
	width: 364px;
}
/*--------------------------------------
tab.js
--------------------------------------*/
#about {
	position:relative;
	padding:108px 0 0 0;;
}
	#commonNav {
		position:absolute;
		top:0;
		background:#fff;
		z-index:5000;
	}
		#commonNav h3 {
			background-color: #fff;
			margin:0;
		}


/*--------------------------------------
その他
--------------------------------------*/

.mgt20 { margin-top: 20px !important;}
.mgb20 { margin-bottom: 20px !important;}
.mgr30 { margin-right: 30px !important;}
.mgr60 { margin-right: 60px !important;}
.mgr5 { margin-right: 5px;}
.mgb10 { margin-bottom: 10px !important;}
.alR { text-align: right !important;}
.alL { text-align: light;}
.alC { text-align: center;}
.nrm { font-weight: normal;}
.clear { clear: both;}