@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
	font-family: "ƒqƒ‰ƒMƒm–Ύ’© Pro W3", "Hiragino Mincho Pro", "HG–Ύ’©B", "‚l‚r ‚o–Ύ’©", "MS PMincho", "‚l‚r –Ύ’©", serif;
	font-size: 87.5%;
	background: url(http://www.kabou.com/img/header_bg.gif) repeat-x;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #979797;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.wrapper { width:1060px; margin:0 auto;}

/* clearfix */
.clearfix:after {
content: "."; 
display: block; 
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

/* hover */
a {color:#333;}
a img {transition: 0.5s;}
a img:hover {opacity: 0.6;transition: 0.5s;}

/* float */
.floatL,div.hd_top p img,h1,#hd_navi ul li,#leftBox ul li div.img {float:left;}
.floatR,div.phone,#hd_navi {float:right;}

/* padding */
section {padding:20px 0;}
section.off, .padding-off {padding:0;}
div.phone {padding-top:5px;}
div.hd_top p img {padding-top:20px;}

/* margin */
.img_border_1060 {margin:40px 0 30px;}
.marginB-off {margin-bottom:0;}
div#kensakuBox {margin-top:15px;}
.marginL20 {margin-left:20px;}
.marginB20 {margin-bottom:20px;}
.marginT20 {margin-top:20px;}


/* useful */
.bold {font-weight:bold;}
.small {font-size:11px;}
.text-left {text-align:left;}
.round, a.black_btn:hover,a.btn_beige,a.black_btn {border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;}


.layout_content {font-family: "ƒƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
font-size:12px; line-height:1.6;}

/* header */
h1 {padding-top:17px;}
.hd_top { height:60px;}
#hd_navi {width:720px;}
#hd_navi2 {width:1060px; height:40px;  text-align: center;margin-top: 50px;}
#hd_navi img {
margin-left: 26px;
margin-top: 12px;
padding-left: 4px;
}
#container {width: 100%;}
#main {width:835px;}
#leftBox {width:190px; margin-right:35px;}
#center { width:835px;}
#center-left { width:645px;}
#center-right { width:150px;}
#leftBox, #center,#main, #center-left {float:left;}
#center-right {float:right; margin-left:30px;}
.utility {display:none;}


/* side */
#leftBox a {text-decoration:none; color:black;}
div#kensakuBox div.kensaku {
width: 188px;
height: 25px;
border: 1px solid #202020;
overflow: hidden;
margin-top: 5px;
position: relative;
}
div#kensakuBox div.kensaku input.kensakuBtn {
height: 25px;
width: 57px;
position: absolute;
left: 133px;
top: 0px;
}
div#kensakuBox div.kensaku input.kensakuBtn:hover {opacity: 0.6;transition: 0.5s;}
.side_bnr img {margin:15px 0;}
#leftBox h2 {padding-bottom: 20px;border-bottom: 1px solid black;margin-bottom: 5px;}
#leftBox h2 img {margin-left:10px;}
#leftBox h3 {background: black;color: white;padding: 6px 6px 6px 15px;letter-spacing: 2px; margin-bottom:10px;}
#leftBox h3.mbottom {margin-bottom:1px;}
#leftBox ul li {height: 62px;border-bottom: 1px solid #ccc;display:-webkit-box; width:100%; margin-top:1px; display:block;}
#leftBox ul li:last-child {border-bottom:none; margin-bottom:10px;}
#leftBox ul li div.img {width:75px;}
#leftBox ul li div.img img {text-align:center; margin-left:10px; margin-top:5px; }
#leftBox ul li div.text {width: 100%;margin: 0 auto;text-align: center;padding: 22px 0;}
#leftBox ul li a:hover {background:#0D0D0D; color: white; display: block; width:190px;transition: 1s; border-bottom:none;}
#leftBox h3 a {color:white; display:block;}
#leftBox h3 a:hover {background:white; color:black;transition: 0.8s; display: block;padding: 9px 0;
border-bottom: 1px solid black; text-align:center; border-top:solid 1px black; margin:10px 0;}
#leftBox h3:hover {background: white;transition: 0.8s; padding:0;}
#leftBox div.left_bnr a img  {margin-bottom:15px;}
div.left_bnr {margin-top:20px;}

/* main */
#main div.bx-wrapper a img:hover {opacity: 1;}
#center-right div.beige-box {background:#A69280;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px; padding: 7px; position:relative;}
.ie8 #center-right div.beige-box {background-color:#A69280;}
#center-right div.beige-box h3 {color: white;margin-bottom: 10px;margin-top: 5px; padding-left:15px;}
div.white-box { background:white; border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px; padding: 5px;}
#center-right {line-height:1.4; text-align:center;}
#center-right div.beige-box h3 img  {margin-right:5px;position:absolute; top:14px; left:12px;}
#center-right div {margin-bottom:20px;}
a.black_btn {background:black; padding:5px; color:white;  text-decoration:none;text-align:center;  display:block; margin:7px 4px;}
a.black_btn:hover,#center-righ h3:hover {background:#A69280; transition: 0.5s;}
a.btn_beige { text-decoration:none; color:white; display:block; background:#A69280; position:relative; padding:9px;}
a.btn_beige img  {position:absolute; top:11px; left:15px; margin-right:10px;}
a.btn_beige p {margin-left: 20px;}
a.btn_beige:hover {background:black; transition:0.5s;}
div#right-bnr {margin-bottom:0; padding:0;}
#right-bnr img {margin-bottom: 20px;}
h3.black {background:black;color:white; display:block;padding:8px;}
#center-right #ranking ul li { margin-top:10px; list-style:none; position:relative; font-size:80%;}
#center-right #ranking ul li span img {z-index:1; position:absolute; top:0; left:0;}
#center-right #ranking ul li img {z-index:9999;}
#osusume-item img {margin-bottom:20px;}
#osusume-item {margin-top:20px;}
figure {
	position: relative;
	overflow: hidden;
}
figure a:hover img {opacity: 1;}
figcaption {
	position: absolute;
	bottom: -100px;
	left: 0;
	z-index: 2;
	background: rgba(0,0,0,.8);
	-webkit-transition: .3s;
	transition: .3s;
	color:white;
	line-height:1.8;
	width:100%;
	font-size:12px;
}
figcaption.small { width:90%; bottom: -200px;}
figure:hover figcaption {
	bottom: 22px;
}
figure.bnr:hover figcaption {
	bottom: 0px;
}
figcaption h3 {margin:10px;}

/* +06 FOOTER AREA
---------------------------------------------------- */
div#footerMenuArea {
	width: 100%;
	background-color: #F1F1F1;
	font-family: "ƒƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	margin-top:50px;
}
div#footerMenuBox {
	height: 674px;
	width: 1060px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #F1F1F1;
	color: #282828;
	padding-top: 37px;
	padding-right: 70px;
	padding-left: 70px;
}
div#footerMenuBox ul li {list-style:none;}
div#footerMenu {
	width: 1060px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #000;
	padding-top: 20px;
	position: relative;
}

/* FOOTER MENU TXT LINK COLOR₯ */
div#footerMenu a {
	color: #5A5858;
	text-decoration: none;
}
div#footerMenu a:hover {
	color: #5A5858;
	text-decoration: underline;
}
/* FOOTER MENU TXT LINK COLOR£ */

div#footerMenu div.footCate {
	float: left;
	width: 160px;
	margin-right: 64px;
}
div#footerMenu div.footCate h3 {
	margin-bottom: 10px;
	height: 25px;
	width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	font-size: 14px;
	font-weight: bold;
}
div#footerMenu div.footCate ul {
	width: 160px;
}
div#footerMenu div.footCate ul li {
	width: 160px;
	line-height: 26px;
	font-size: 12px;
	list-style:none;
}
div#footerMenu div.footCate ul li a {
	width: 160px;
	display: block;
}
div#footerMenu div.footContents {
	float: left;
	width: 160px;
	margin-right: 64px;
}
div#footerMenu div.footContents h3 {
	margin-bottom: 10px;
	height: 25px;
	width: 160px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	font-size: 14px;
	font-weight: bold;
}
div#footerMenu div.footContents ul {
	width: 160px;
	margin-bottom: 30px;
}
div#footerMenu div.footContents ul li {
	width: 160px;
	line-height: 26px;
	font-size: 12px;
}
div#footerMenu div.footContents ul li a {
	width: 160px;
	display: block;
}
div#footerMenu div.footGuide {
	float: right;
	width: 612px;
}
div#footerMenu div.footGuide h3 {
	margin-bottom: 10px;
	height: 25px;
	width: 612px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	font-size: 14px;
	font-weight: bold;
}
div#footerMenu div.footGuide div.footguideBox {
	float: left;
	width: 174px;
}
div#footerMenu div.footGuide div.mr45 {
	margin-right: 45px;
}
div#footerMenu div.footGuide div.footguideBox h4 {
	font-size: 12px;
	line-height: 26px;
	font-weight: bold;

}
div#footerMenu div.footGuide div.footguideBox p {
	font-size: 10px;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}

div#footerMenu p.pageGotop {
	height: 17px;
	width: 95px;
	position: absolute;
	left: 0px;
	top: -62px;
	margin: 0px;
	padding: 0px;
}
div#footerMenu p.pageGohead {
	height: 17px;
	width: 123px;
	position: absolute;
	left: 937px;
	top: -62px;
	margin: 0px;
	padding: 0px;
}

div#footerArea {
	width: 100%;
	background-color: #000;
}
div#footerArea div#footerBox {
	height: 300px;
	width: 1060px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #000;
	color: #E5E5E5;
	clear: both;
	padding-top: 43px;
	padding-right: 70px;
	padding-left: 70px;
}

/* FOOTER AREA TXT LINK COLOR₯ */
div#footerArea div#footerBox a {
	color: #DCDCDC;
	text-decoration: none;
}
div#footerArea div#footerBox a:hover {
	color: #DCDCDC;
	text-decoration: underline;
}
/* FOOTER AREA TXT LINK COLOR£ */

div#footerArea div#footerBox h2#footerLogo {
	margin-bottom: 26px;
}
div#footerArea div#footerBox ul.company {
	font-family: "ƒqƒ‰ƒMƒm–Ύ’© Pro W3", "Hiragino Mincho Pro", "HG–Ύ’©B", "‚l‚r ‚o–Ύ’©", "MS PMincho", "‚l‚r –Ύ’©", serif;
}
div#footerArea div#footerBox ul.company li {
	line-height: 20px;
	font-size: 11px;
	list-style:none;
}
div#footerArea div#footerBox ul.footNabi {
	height: 20px;
	width: 600px;
	font-family: "ƒƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	position: absolute;
	left: 530px;
	top: 48px;
	text-align: right;
}
div#footerArea div#footerBox ul.footNabi li {
	display: inline;
	line-height: 20px;
	font-size: 11px;
}
div#footerArea div#footerBox ul.footNabi2 {
	height: 20px;
	width: 600px;
	font-family: "ƒƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	position: absolute;
	left: 530px;
	top: 78px;
	text-align: right;
}
div#footerArea div#footerBox ul.footNabi2 li {
	display: inline;
	line-height: 20px;
	font-size: 11px;
}
div#footerArea div#footerBox small {
	line-height: 20px;
	text-align: right;
	font-family: "ƒƒCƒŠƒI", Meiryo, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	height: 20px;
	width: 500px;
	position: absolute;
	left: 630px;
	top: 200px;
	font-size: 10px;
}


/* header */
h1 {padding-top:17px;}
.hd_top { height:60px;}
#hd_navi {width:720px;}
#hd_navi img {
margin-left: 26px;
margin-top: 12px;
padding-left: 4px;
}
#container {width: 100%;}
#main {width:835px;}
#leftBox {width:190px; margin-right:35px;}
#center { width:835px;}
#center-left { width:645px;}
#center-right { width:150px;}
#leftBox, #center,#main, #center-left {float:left;}
#center-right {float:right;}