/*--

	Base

====================================================== --*/

body {
	background-color: #FFFFFF;
	font-size: 12px;
	color: #333333;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}
body > section{
	min-width: 100px;
	width:100%;
	margin:0px auto;
	text-align:left;
}
img {
	border: 0px;
	vertical-align:top;
}
dl,dt,dd,ul,li,ol,th,td,p{
	font-size: 13px;
	margin: 0px;
	padding:0px;
	list-style:none;
	line-height:1.6em;
}
dt {
	font-weight: bold;
}
hr {
	display:none;
	clear:both;
}
strong {
}
em {
}
.anchor{
	font-size:0px;
	line-height:0px;
	display:block;
	overflow:hidden;
	height:0px;
}
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.clear-fix:after
{
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0px;
}
* html .clear-fix { display: inline-block; }
/* no ie mac \*/
* html .clear-fix { height: 1%; }
.clear-fix { display: block; }
/* */
sup{
	vertical-align:5px;
	font-size:9px;
}

/*--

	Link Ele

====================================================== --*/
a {
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}


/*--

	Head Ele

====================================================== --*/
header{
	z-index:10000;
	height:63px;
	width:100%;
	min-width:1000px;
	position:absolute;
	position:fixed;
	left:0px;
	top:0px;
	transition:all 200ms ease;
}
header h1{
	padding:10px 34px 0px;
	margin:0px;
	background:no-repeat 34px 10px;
}
header > ul{
	position:absolute;
	right:0px;
	top:0px;
	height:63px;
	overflow:hidden;
}
header > ul > li{
	float:left;
	margin:0px 10px;
}
header > ul > li:last-child{
	margin-right:34px;
}
header > ul > li a{
	line-height:20px;
	color:white;
	text-decoration:none;
	padding:21px 10px 22px;
	display:block;
	font-size:13px;
	border-bottom:2px solid transparent;
	transition:all 200ms ease;
}
#BrandsIndex header > ul > li:nth-of-type(1) a,
#RiIndex header > ul > li:nth-of-type(2) a,
#Ri header > ul > li:nth-of-type(2) a,
#CsrIndex header > ul > li:nth-of-type(3) a,
#rikejyoIndex header > ul > li:nth-of-type(3) a,
#Fwis header > ul > li:nth-of-type(3) a,
#BeautyBus header > ul > li:nth-of-type(3) a,
#Csr header > ul > li:nth-of-type(3) a,
#AboutusIndex header > ul > li:nth-of-type(4) a,
#Aboutus header > ul > li:nth-of-type(4) a,
#Recruiting header > ul > li:nth-of-type(5) a{
	padding-bottom:11px;
	border-bottom:2px solid #fff;
}

#BrandsIndex header#black > ul > li:nth-of-type(1) a,
#RiIndex header#black > ul > li:nth-of-type(2) a,
#Ri header#black > ul > li:nth-of-type(2) a,
#CsrIndex header#black > ul > li:nth-of-type(3) a,
#rikejyoIndex header#black > ul > li:nth-of-type(3) a,
#Fwis header#black > ul > li:nth-of-type(3) a,
#BeautyBus header#black > ul > li:nth-of-type(3) a,
#Csr header#black > ul > li:nth-of-type(3) a,
#AboutusIndex header#black > ul > li:nth-of-type(4) a,
#Aboutus header#black > ul > li:nth-of-type(4) a,
#Recruiting header#black > ul > li:nth-of-type(5) a{
	border-bottom:2px solid #000;
}

#BrandsIndex header:hover > ul > li:nth-of-type(1) a,
#BrandsIndex header.on > ul > li:nth-of-type(1) a,
#RiIndex header:hover > ul > li:nth-of-type(2) a,
#RiIndex header.on > ul > li:nth-of-type(2) a,
#Ri header:hover > ul > li:nth-of-type(2) a,
#Ri header.on > ul > li:nth-of-type(2) a,
#BeautyBus header:hover > ul > li:nth-of-type(3) a,
#BeautyBus header.on > ul > li:nth-of-type(3) a,
#CsrIndex header:hover > ul > li:nth-of-type(3) a,
#CsrIndex header.on > ul > li:nth-of-type(3) a,
#rikejyoIndex header:hover > ul > li:nth-of-type(3) a,
#rikejyoIndex header.on > ul > li:nth-of-type(3) a,
#Fwis header:hover > ul > li:nth-of-type(3) a,
#Fwis header.on > ul > li:nth-of-type(3) a,
#Csr header:hover > ul > li:nth-of-type(3) a,
#Csr header.on > ul > li:nth-of-type(3) a,
#AboutusIndex header:hover > ul > li:nth-of-type(4) a,
#AboutusIndex header.on > ul > li:nth-of-type(4) a,
#Aboutus header:hover > ul > li:nth-of-type(4) a,
#Aboutus header.on > ul > li:nth-of-type(4) a,
#Recruiting header:hover > ul > li:nth-of-type(5) a,
#Recruiting header.on > ul > li:nth-of-type(5) a,
header > ul > li a.on,
header > ul > li a:hover{
	padding-bottom:11px;
	border-bottom:2px solid #333;
}
/*
#RiIndex header > ul > li:nth-of-type(2) a.on,
#Ri header > ul > li:nth-of-type(2) a.on,
#CsrIndex header > ul > li:nth-of-type(3) a.on,
#rikejyoIndex header > ul > li:nth-of-type(3) a.on,
#Csr header > ul > li:nth-of-type(3) a.on,
#AboutusIndex header > ul > li:nth-of-type(4) a.on,
#Aboutus header > ul > li:nth-of-type(4) a.on,
header > ul > li a.on{
	padding-bottom:20px;
}
*/
header:hover,
#Blog header,
#base header,
header.on{
	background:white;
}
header:hover > ul > li a{
	padding-bottom:20px !important;
}
header:hover h1,
#Blog header h1,
#base header h1,
header.on h1,
header#black h1{
	padding-top:17px;
	background:url(../img/logo_black.png) no-repeat 34px 10px;
}
header:hover h1 img,
#Blog header h1 img,
#base header h1 img,
header.on h1 img,
header#black h1 img{
	opacity:0;
}

header:hover > ul,
#Blog header > ul,
#base header > ul,
header.on > ul{
}
header:hover > ul > li a,
#Blog header > ul > li a,
#base header > ul > li a ,
header.on > ul > li a,
header#black > ul > li a{
	color:#000;
}

header > div{
	position:absolute;
	top:63px;
	width:100%;
	height:335px;
	/*height:450px;*/
	left:0px;
	overflow:hidden;
	background:#f2f2f2;
	z-index:100;
}
header div{
	display:none;
}
header > div div{
	width:993px;
	height:100%;
	margin:0px auto;
	position:relative;
}
header div > ul{
	margin-top:33px;
}
header div ul.imgNavi{
	float:left;
	width:504px;
	/*width:450px;*/
}
header div ul.imgNavi li{
	float:left;
	width:210px;
	margin:0px 15px 0px 0px;
}
header div ul.imgNavi li a{
	display:block;
	color:#000;
	text-decoration:none;
	transition:opacity 300ms ease;
}
header div ul.imgNavi li a:hover{
	text-decoration:underline;
	opacity:0.7;
}
header div ul.imgNavi li a dt{
	margin-bottom:6px;
}
header div ul.imgNavi li a dd{
	font-size:13px;
	line-height:22px;
	background:url(../img/mark_link.png) no-repeat 0px 0.6em;
	padding:0px 0px 0px 10px;
}

header div ul.links{
	float:right;
	width:489px;
	/*width:540px;*/
}
header div ul.links li{
	margin:0px 0px 5px;
}
header div ul.links li > ul{
	margin-left:27px;
	margin-top:3px;
}
header div .navi03 ul.links > li{
	float:left;
	width:279px;
}
header div .navi03 ul.links > li + li{
	width:210px;
}
header div .navi04 ul.links > li{
	float:left;
	width:50%;
}
header div ul.links li dt{
	color:#999;
	font-weight:normal;
	font-size:13px;
	line-height:22px;
}
header div ul.links li dd{
	margin-bottom:15px;
}
header div .navi03 ul.links li:first-child dt{
	margin-top:5px;
}
header div .navi04 ul.links li:nth-of-type(2n){
	float:right;
}

header div ul.links li a{
	font-size:13px;
	line-height:22px;
	color:#000;
	display:inline-block;
	background:url(../img/mark_link.png) no-repeat 0px 0.6em;
	padding:0px 0px 0px 10px;
	text-decoration:none;
	white-space:nowrap;
}
header div ul.links li a:hover{
	text-decoration:underline;
}
header div ul.links li a[target=_blank]{
	background:url(../img/mark_link.png) no-repeat 0px 0.6em, url(../img/mark_blank.png) no-repeat right 0.4em;
	padding-right:20px;
}
/*--

	Contents Ele

====================================================== --*/
.contents {
	margin: 0px;
	padding: 0px 0px 50px;
	overflow:hidden;
	min-width:1000px;
}

.pagetop{
	position:fixed;
	right:20px;
	bottom:-67px;
	z-index:1000;
}

/*--

	Footer Ele

====================================================== --*/

footer {
	background:#fff;
	width:100%;
	min-width:1000px;
	position:relative;
	z-index:1000;
	padding:0px 0px 0px;
}
#Index footer {
	height:90px;
}
footer .path{
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	margin:0px 0px 40px;
	width:100%;
}
footer .path ul{
	width:993px;
	margin:0px auto;
	height:20px;
	padding:3px 0px;
}
footer .path ul li{
	display:inline-block;
	font-size:11px;
}
footer .path ul a{
	font-size:11px;
	line-height:20px;
	text-decoration:none;
	color:#333;
	display:inline-block;
	background:url(../img/path_bg.gif) no-repeat right 4px;
	padding:0px 25px 0px 0px;
	margin:0px 10px 0px 0px;
}
footer .path ul li a:hover{
	text-decoration:underline;
}

footer div.navi{
	width:993px;
	margin:0px auto;
	overflow:hidden;
}

footer div.navi dl{
	float:left;
	width:33%;
}
footer div.navi dl dt{
	font-size:13px;
	font-weight:normal;
	margin:0px 0px 25px;
}
footer div.navi dl dd{
	margin-top:-10px;
}
footer div.navi dl dd li{
	line-height:26px;
	font-size:13px;
}
footer div.navi dl dd ul{
	margin-bottom:30px;
}
footer div.navi dl dd ul ul{
	margin-left:10px;
}
footer div.navi dl dd p{
	color:#999;
	margin:-10px 0px 10px;
}
footer div.navi dl dd li a{
	background:url(../img/mark_link.png) no-repeat 0px 0.8em;
	padding:0px 0px 0px 10px;
	display:inline-block;
	transition:background 150ms linear;
}
footer div.navi dl dd li a[target=_blank]{
	background:url(../img/mark_link.png) no-repeat 0px 0.8em, url(../img/mark_blank.png) no-repeat right 0.6em;
	padding-right:20px;
}

footer div.navi dl dd li a:hover{
	background-position:4px 0.8em;
}
footer div.navi dl dd li a[target=_blank]:hover{
	background-position:4px 0.8em, right 0.6em;
}
footer div.navi dl a{
	color:#333;
	text-decoration:none;
}
footer div.navi dl a:hover{
	text-decoration:underline;
}
footer div.navi dl:nth-of-type(2){
	width:34%;
}

footer .subNaviWrap{
	height:90px;
	clear:both;
	position:relative;
	border-top:1px solid #e7e7e7;
}
#Index .subNaviWrap{
	border:none;
}
footer ul.navi{
	margin:0px auto 10px;
	font-size:0px;
	width:993px;
	padding:20px 0px 0px;
}
#Index footer ul.navi{
	margin:0px 34px 10px;
	width:auto;
}

footer ul.navi li{
	display:inline-block;
	font-size:13px;
}
footer ul.navi li a{
	color:#000;
	text-decoration:none;
}
footer ul.navi li a:hover{
	text-decoration:underline;
}
footer ul.navi li::after{
	content:"｜";
	color:#999;
	margin:0px 5px;
}
footer ul.navi li:last-child::after{
	content:none;

}

footer ul.sns{
	position:absolute;
	right:50%;
	top:29px;
	width:160px;
	margin:0px -498px 0px 0px;
}
footer ul.sns li{
	float:left;
	margin:0px 3px;
}
footer ul.sns li a{
	transition:opacity 300ms ease;
}
footer ul.sns li a:hover{
	opacity:0.75;
}
#Index footer ul.sns{
	margin:0px 0px 0px 0px;
	right:34px;
}
footer small{
	display:block;
	margin:0px auto;
	width:993px;
}
#Index footer small{
	margin:0px 34px 10px;
	width:auto;
}

/*--

	7.Main Contents Ele

====================================================== --*/
/*-- mainVisual --*/
/*-- ------------------------------------------------- --*/
.main ,
.main02 {
	height:700px;
	height:793px;
	margin:0px auto 0px;
/*
	height:570px;
	margin:0px auto -370px;
*/
	position:relative;
	min-width:1000px;
	overflow:hidden;
}
.main02 {
	height:641px;
}

.main h1,
.main02 h1{
	width:993px;
	padding:134px 0px 0px;
	position:relative;
	z-index:100;
	margin:0px auto 31px;
	color:white;
	font-weight:normal;
	font-size:13px;
	line-height:1.2em;
}
@media screen and (max-width: 768px){
	.main h1, .main02 h1 {
		padding:70px 0px 0px;
	}
}
.main h1 strong,
.main02 h1 strong{
	font-weight:normal;
	font-size:56px;
	display:block;
	line-height:1.2em;
}
.main h1 img,
.main02 h1 img{
	display:block;
	margin:10px 0px 0px;
}
.main h1.ex,
.main02 h1.ex{
	margin-top:15px ;
}
.main dl,
.main02 dl{
	width:993px;
	margin:0px auto;
	color:white;
	position:relative;
	z-index:100;
	font-weight:normal;
	font-size:13px;
	line-height:1.2em;
}
.main dl dt,
.main02 dl dt{
	font-weight:normal;
	font-size:17px;
	line-height:24px;
	margin:0px 0px 13px;
}
.main dl dd,
.main02 dl dd{
	font-size:13px;
	line-height:24px;
}
.main p,
.main02 p{
	width:993px;
	margin:-8px auto 0px;
	color:white;
	position:relative;
	z-index:100;
	font-weight:normal;
	font-size:13px;
	line-height:28px;
	color:white;
}
.main .bg,
.main02 .bg{
	position:absolute;
	left:50%;
	width:1400px;
	margin:0px 0px auto -700px;
	top:0px;
	bottom:0px;
}
.main .slash,
.main02 .slash{
	position:absolute;
	left:50%;
	width:2000px;
	margin:auto 0px auto -1000px;
	top:172px;
}
/* 下層用 */
.main02 .slash{
	top:21px;
}
@media screen and (min-width: 1416px){
	.main .bg{
		left:0px;
		width:100%;
		margin:auto;
		top:-112%;
		bottom:-100%;
	}
	.main02 .bg{
		left:0px;
		width:100%;
		margin:auto;
		top:-91%;
		bottom:-100%;
	}
}

	/*
@media screen and (min-width: 1590px){
	.main .bg,
	.main02 .bg{
		width:100%;
		margin:auto;
		top:-100%;
		bottom:-100%;
		left:0px;
		right:0px;
	}
	.main .slash{
		width:100%;
		left:0px;
		margin:0px;
	}
}
	*/

/*-- commonBtn --*/
/*-- ------------------------------------------------- --*/
.commonBtn,
.commonBtn02{
	display:block;
	position:relative;
	z-index:50;
	height:17px;
	background:url(../img/mark_more.png) no-repeat 140px center;
	border:1px solid #ccc;
	border-radius:20px;
	font-size:13px;
	line-height:17px;
	color:#666;
	text-decoration:none;
	padding:10px 0px 10px 38px;
	overflow:hidden;
	transition:all 300ms ease;
}
.commonBtn02{
	padding:8px 0px 8px 38px;
}
.commonBtn:hover,
.commonBtn02:hover{
	color:white;
	background-color:#000;
	border-color:#000;
	background-image:url(../img/mark_more_hover.png);
}


/*-- numList --*/
/*-- ------------------------------------------------- --*/
.numList{
	margin-bottom:30px;
}
.numList li{
	line-height:1.85em;
	list-style:decimal;
	margin:0px 0px 0px 20px;
}




/*-- articleList --*/
/*-- ------------------------------------------------- --*/
.articleList{
}
.articleList h2,
.articleList h3{
	width:993px;
	margin:0px auto;
	color:#000;
	font-weight:normal;
	font-sise:17px;
	line-height:25px;
	padding:0px 0px 5px;
	border-bottom:1px solid #000;
}
.articleList h2 + nav,
.articleList h3 + nav{
	text-align:right;
	width:993px;
	margin:-30px auto 33px;
}
.articleList h2 + nav a,
.articleList h3 + nav a{
	text-decoration:none;
	color:#000;
	background:url(../../images/blog/mark_next.png) no-repeat right center;
	padding:0px 30px 0px 0px;
}
.articleList h2 + nav a:hover,
.articleList h3 + nav a:hover{
	text-decoration:underline;
}

.articleList ul{
	width:993px;
	overflow:hidden;
	margin:0px auto;
}
.articleList ul li{
	float:left;
	width:237px;
	margin:0px 15px 13px 0px;
}
.articleList ul li.ex{
	width:489px;
}

.articleList ul li a{
	display:block;
	text-decoration:none;
	color:#000;
	height:215px;
	font-size:13px;
	line-height:24px;
	transition:opacity 300ms ease;
}
.articleList ul li.ex a{
	height:443px;
}

.articleList ul li a:hover{
	opacity:0.75;
}
.articleList ul li a span.img{
	display:block;
	width:237px;
	height:133px;
	overflow:hidden;
	position:relative;
	background: no-repeat center center;
}
.articleList ul li a span.img img{
	min-height:133px;
	min-width:237px;
}

.articleList ul li a span.text{
	display:block;
	color:#666;
	font-size:11px;
	margin:10px 0px 0px;
}
.articleList ul li a strong{
	font-weight:normal;
}

.articleList ul li:nth-of-type(4n){
	margin-right:0px;
}
.articleList ul li:nth-of-type(4n + 1){
	clear:both;
}

.articleList ul.hanasoList{
	width:1023px;
}

.articleList ul.hanasoList li{
	margin:0px 0px 13px 15px;
}

.articleList ul.hanasoList li:nth-of-type(4n){
}
.articleList ul.hanasoList li:nth-of-type(4n + 1){
	clear:none;
}

.articleList ul li:last-of-type{
}

.articleList .more{
	width:322px;
	padding:20px 0px ;
	margin:0px auto;
	clear:both;
}
.articleList .more a{
	background-image:none;
	text-align:center;
	padding-left:0px;
	background-color:#fff;
}
.articleList .more a:hover{
	background-color:#000;
}
/*
.articleList .more a{
	display:block;
	background:white;
	border-radius:32px;
	border:1px solid #cccccc;
	text-align:center;
	line-height:22px;
	padding:5px 0px;
	font-size:13px;
	color:#666;
	text-decoration:none;
}
*/
.articleList .more a span{
	margin-left:14px;
}

.articleList .more + ul{
	display:none;
}



/*--

	12.Form Ele

====================================================== --*/
form {
	margin: 0px;
	padding: 0px;
}
.form{
	text-align:right;
}
form td input{
	vertical-align:middle;
}
form td select{
	margin:1px 0px;
}
input.radio{
	vertical-align:-2px;
}
input.long{
	width:220px;
}
input.short{
	width:50px;
}
input.zipcode{
	width:65px;
}
input.very-short{
	width:30px;
}
textarea{
	width:330px;
	height:80px;
	font-size:12px;
}
fieldset {
	padding: 0.5em;
	border: 1px solid #FF66CC;
	margin: 0.5em;
}
legend {
	font-weight: bold;
}
td.submit {
	text-align: center;
	padding-top:20px;
}