@charset "utf-8";
/* ____ テキストカラー ____ */
.red {
color: #ff0000;
}
.red-bg {
color: #fff;
background-color: #ff0000;
}
.blue {
color: #3399FF;
}
.blue-bg {
color: #fff;
background-color: #3399FF;
}
.grn {
color: #339900;
}
.ora {
color: #FF9900;
}
.ora-bg {
color: #FFF;
background-color: #FF8B17;
}
.gry {
color: #999;
}
.gry-bdr {
background-color: #fff;
border-style: solid;
border-color: #ddd #ddd #ccc #ddd;
border-width: 1px 1px 2px 1px;
}
.gry-bg {
background-color: #F2F2F2;
}
.yell {
color: #000;
background-color: #F7FF72;
}
.yell-bg {
background-color: #FFFFF4;
}
.yell-bg2 {
background-color: #FFFF00;
}
.yell-bdr {
border: 1px solid #CCCC00;
margin: 10px;
padding: 10px;
}
.wht-bg {
background-color: #fff;
}
.sky {
color: #00ccff;
}
.pin {
color: #F3C;
}
.price {
color: #ff2600;
font-weight: bold;
font-family: Verdana;
}
.privacy {
width: 94%;
height: 240px;
overflow: auto;
margin: 10px;
border: 1px #F2F2F2 solid;
background-color: #F4F4F4;
}
.privacy p {
font-size:11px;
}
/*___________ レイアウト設計 ___________ */
#BNR-HOME-SP01,#BNR-SP01 {display:none;}
/*___________ 【BNR-HOME】 ___________ */
#WRAP-BNR-HOME {
display: none;
margin: 0;
padding: 0;
background: url(../img-layout/bg_bannar.jpg) repeat center top;
}
#BNR-HOME {
width: 950px;
height: 420px;
margin:0 auto;
}
#BNR-HOME .bnr1 {
width: 950px;
height: 420px;
position: relative;
}
#BNR-HOME .bnr1 .bnr1-1 {
position: absolute;
left: 0px;
top: 12px;
}
/*___________ slider0 ___________ */
#slider0 {
height:100%;
}
#slider0-prev {
position: absolute;
left: 5px;
top: 344px;
}
#slider0-next {
position: absolute;
right: 5px;
top: 344px;
}
/*___________ 【BNR-DIR01】 ___________ */
#WRAP-BNR-DIR01 {
}
#BNR-DIR01 {
position: relative;
}
#BNR-DIR01 .bnr1 {
width: 100%;
height: 400px;
background: url(../img-layout/main-img001.jpg) no-repeat center top;
}
#BNR-DIR01 .bnr2 {
width: 100%;
height: 400px;
background: url(../img-layout/main-img002.jpg) no-repeat center top;
}
#BNR-DIR01 .bnr3 {
width: 100%;
height: 400px;
background: url(../img-layout/main-img003.jpg) no-repeat center top;
}
#BNR-DIR01 .bnr4 {
width: 100%;
height: 400px;
background: url(../img-layout/main-img004.jpg) no-repeat center top;
}
#BNR-DIR01 .bnr5 {
width: 100%;
height: 400px;
background: url(../img-layout/main-img005.jpg) no-repeat center top;
}
/*___________ slider1 ___________ */
#slider1 {
height: 400px;
background : #fff url(../img-layout/loading.gif) no-repeat 50% 50%;
}
#BNR-DIR01 .bx-prev {
position: absolute;
left: 5px;
top: 184px;
background : url(../img-layout/ico_prev.png) no-repeat;
}
#BNR-DIR01 .bx-next {
position: absolute;
right: 5px;
top: 184px;
background : url(../img-layout/ico_next.png) no-repeat;
}
#BNR-DIR01 a.bx-prev,
#BNR-DIR01 a.bx-next {
overflow: hidden;
width: 32px;
height: 32px;
text-indent: 34px;
}
#BNR-DIR01 a:hover.bx-prev {
background : url(../img-layout/ico_prev_o.png) no-repeat;
}
#BNR-DIR01 a:hover.bx-next {
background : url(../img-layout/ico_next_o.png) no-repeat;
}
/*___________ 【BNR-DIR02】 ___________ */
#WRAP-BNR-DIR02 {
margin: 0;
padding: 0;
background: url(../img-layout/main_img2.jpg) repeat center top;
}
#BNR-DIR02 {
width: 950px;
height: 420px;
margin:0 auto;
position: relative;
}
#BNR-DIR02 .bnr1 {
position: absolute;
left: 5px;
top: 30px;
width: 430px;
height: 300px;
padding: 0 36px;
}
/*___________ slider2 ___________ */
#slider2 {
height: 100%;
background : #fff url(../img-layout/loading.gif) no-repeat 50% 50%;
}
#slider2-prev {
position: absolute;
left: 0px;
top: 136px;
}
#slider2-next {
position: absolute;
right: 0px;
top: 136px;
}
/*___________ 【BNR-DIR03】 ___________ */
#WRAP-BNR-DIR03 {
margin: 0;
padding: 0;
background: url(../img-layout/bg_main_bannar.gif) repeat-x center top;
}
#BNR-DIR03 {
width: 950px;
height: 310px;
margin:0 auto;
position: relative;
}
#BNR-DIR03 .bnr1 {
position: absolute;
left: 670px;
top: 30px;
}
#BNR-DIR03 .bnr2 {
position: absolute;
left: 28px;
top: 30px;
}
/*___________ slider3 ___________ */
#slider3 {
height:100%;
background : #fff url(../img-layout/loading.gif) no-repeat 50% 50%;
}
#slider3-navi {
margin: 0 0 0 96px;
text-indent: 20px;
}
#slider3-navi a {
overflow: hidden;
display:block;
width: 12px;
height: 12px;
float: left;
border-radius: 6px;
margin: 6px 3px 30px 3px;
padding: 0;
background: #DDD;
}
#slider3-navi a:hover,
#slider3-navi a.activeSlide {
background: #666;
}
/*___________ slider-c1 ___________ */
#slider-c1 {
height: 180px;
background : #fff url(../img-layout/loading.gif) no-repeat 50% 50%;
}
#slider-c1-navi {
margin: 0 0 0 180px;
text-indent: 20px;
}
#slider-c1-navi a {
overflow: hidden;
display:block;
width: 12px;
height: 12px;
float: left;
border-radius: 6px;
margin: 6px 3px 30px 3px;
padding: 0;
background: #DDD;
}
#slider-c1-navi a:hover,
#slider-c1-navi a.activeSlide {
background: #666;
}
/*___________ slider-c2 ___________ */
#slider-c2 {
height: 100%;
background : #fff url(../img-layout/loading.gif) no-repeat 50% 50%;
}
#SLIDER-C2 {
position: relative;
}
#SLIDER-C2 .bx-prev {
position: absolute;
left: 5px;
top: 5px;
background : url(../img-layout/ico_prev.png) no-repeat;
}
#SLIDER-C2 .bx-next {
position: absolute;
right: 5px;
top: 5px;
background : url(../img-layout/ico_next.png) no-repeat;
}
#SLIDER-C2 a.bx-prev,
#SLIDER-C2 a.bx-next {
overflow: hidden;
width: 32px;
height: 32px;
text-indent: 34px;
}
#SLIDER-C2 a:hover.bx-prev {
background : url(../img-layout/ico_prev_o.png) no-repeat;
}
#SLIDER-C2 a:hover.bx-next {
background : url(../img-layout/ico_next_o.png) no-repeat;
}
/*___________ slider-c3 ___________ */
#SLIDER-C3 {
width: 540px;
height: 320px;
margin:0 auto;
position: relative;
}
#SLIDER-C3 .bnr1 {
position: absolute;
left: 0px;
top: 0px;
width: 430px;
height: 300px;
padding: 0 36px;
}
/*___________ slider-c4 ___________ */
#SLIDER-C4 {
width: 240px;
height: 240px;
margin:0 auto;
position: relative;
}
#SLIDER-C4 .bnr1 {
position: absolute;
left: 0px;
top: 0px;
width: 240px;
height: 240px;
padding: 0;
}
/*___________ imgに枠線 ___________ */
.waku img {
border: 1px solid #7b7b7b;
margin-bottom: 30px;
}
#CONTENTS .mark {
	background-image: url(../img-layout/li_point01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 0px;
	padding-left: 18px;
	font-weight: bold;
}
#CONTENTS .frame {
	border: 1px dotted #999;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	background-color: #fffff4;
	padding: 10px;
}
.frame p {
	line-height: 150%;
}
.source {
	border: 1px solid #CCC;
	background-color: #FFFFF4;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.source p {
	font-size: 12px;
	line-height: 150%;
	font-family: Verdana, Geneva, sans-serif;
}
table tr .bg_blue {
	background-color: #4B6F9E;
}
.bg_grey {
	background-color: #EAEAEA;
	margin: 10px;
}
.point li {
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 20px;
}.point ul {
	margin: 10px;
}
.point {
	padding-top: 10px;
	padding-bottom: 10px;
}
.dl {
	border: 1px dotted #ccc9b1;
	background-color: #faf9f2;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 45px;
	background-image: url(../../img-layout/ico_download.gif);
	background-repeat: no-repeat;
	background-position: 20px 20px;
	margin: 10px;
}
.dl p {
	color: #550053;
}
/*___________ color追加 ___________ */
.pup {
	color: #63C;
}
.brw {
	color: #930;
}