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

/* -------------------------------

 outline 
 
 ------------------------------ */

body, input, textarea, button, legend {
	font-family:'Lucida Grande', Geneva, Tahoma, Verdana, "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

body {
	background: #f3f3f3 url(../images/table_bg01.jpg);
}

#wrapper {
	width:760px;
	background:#fff;
	margin:5px auto;
	box-shadow:1px 1px 5px rgba(0,0,0,0.3);
	border:1px solid #999;
}

#header {
	height:30px;
	padding:12px 0 0 20px;
	background:url(../images/headbar.gif) 0 0 repeat-x;
	/*border-bottom:1px solid #999;*/
}

#main {
	width:100%;
	min-height:300px;
	height:auto !important;
	height:300px;
	font-size:1.4em;
	line-height:1.6em;
	color:#222;
	padding-bottom:5px;
	background:#fff url(../images/main-bg.jpg) left bottom no-repeat;
}

#footer {
	height:30px;
	clear:both;
	background:#efeff5;
	margin-top/:5px;
	padding:5px 15px;
	border-top:1px solid #999;
}

/* --------------------------

 #header 
 
 --------------------------*/

#nito-logo a {
	text-indent:-9999em;
	display:block;
	height:40px;
	width:280px;
	float:right;
	background:url(../images/nito-home_header.jpg) 0 -40px no-repeat;
}

#nito-logo a:hover {
	background-position: 0 0;
}

/* --------------------------

 #footer
 
 --------------------------*/
.footer-list {
	float:right;
}

ul.footer-list li {
 	float:left;
	display:inline;
	margin-right:15px;
}

ul.footer-list ul li a {
	display:block;
}

p.copyright {
	color:#666;
	text-shadow:#fff 0 1px 1px; /* CSS3 */
	float:left;
}

/* --------------------------

figure
 
 --------------------------*/

.contents-box {
	/*text-align:center;*/
	clear:both;
	min-height:108px;
	height:auto !important;
	height:108px;
	width:760px;
	margin:0 auto 10px;
	/*border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;*/
	background:url(../images/promo-word_bg.jpg) left bottom no-repeat #fff;
}

.contents-txt {
	color:#345;
	font-weight:bold;
	line-height:1.6em;
	font-size:1.05em;
	/*float:left;*/
	/*width:575px;*/
	padding:0 10px 16px 30px;
}


/* --------------------------

 #main 
 
 --------------------------*/
 
#cabista-title {
    width:760px;
    height:200px;
    text-indent:-9999em;
    background:url(../images/s_qbsta_index-title.jpg) 0 0 no-repeat;
    margin:0px;
    /*box-shadow:1px 1px 3px rgba(0,0,0,0.3);*/
}

#title_bottom {
	/*color:#00cecc;*/
	color:#333;
	font-size:0.9em;
	line-height:1.6em;
	width:740px;
	min-height:36px;
	height:auto !important;
	height:36px;
	padding:0 10px 30px;
	text-align:center;
	text-shadow:rgba(255,255,255,0.5) 0 1px 1px;
	background:url(../images/s_housta_index-title_bg.jpg) left bottom no-repeat;
}


 
#start-btn {
	clear:both;
    display:block;
    margin:15px auto;
    width:300px;
    height:170px;
    text-indent:-9999em;
    background:url(../images/qbsta_start.png) 0 -170px no-repeat;
}


#start-btn:hover {
    background-position: 0 0 ;
}

#yb-btn {
	clear:both;
    display:block;
    margin:15px auto;
    width:104px;
    height:85px;
    text-indent:-9999em;
    background:url(../images/qbsta_youtube.png) 0 -86px no-repeat;
}


#yb-btn:hover {
    background-position: 0 0px ;
}

#pdf-btn {
	clear:both;
    display:block;
    margin:15px auto;
    width:106px;
    height:120px;
    text-indent:-9999em;
    background:url(../images/qbsta_catalog.png) 0 0px no-repeat;
}

#pdf-btn:hover {
    background-position: 0 -120px ;
}

#pdf-btn2 {
	clear:both;
    display:block;
    margin:15px auto;
    width:106px;
    height:120px;
    text-indent:-9999em;
    background:url(../images/qb_catalog.png) 0 0px no-repeat;
}


#pdf-btn2:hover {
    background-position: 0 -120px ;
}

/*　==== text-style ==== */

.txt_blue {
	color:#3287f1;
}

.qfl_l {
margin-top:8px;
font-size:0.9em;
line-height:1.6em;
margin-left:20px;
}
.qfl_l li {
	list-style-type: circle;
	margin-left:16px;

}
.qfl_r {
	padding-top:30px;
}
.tbl_back{
	padding:0;
    background:url(../images/qbback.jpg) 80px 0px no-repeat;
}