@charset "utf-8";

/*
-----------------------------------------------------
◆◆（株）クレイス　スタイルシート◆◆
◇◇◇◇◇◇◇◇標準定義◇◇◇◇◇◇◇◇
■■■■■■■■PC用設定■■■■■■■■
-----------------------------------------------------
-----------------------------------------------------
【改訂履歴】
25/05/23：フッターSNS追加
24/05/13：Cafe→Photo変更に伴い改訂
24/03/13：ロゴ差し替え対応
23/04/19：ロゴ差し替え対応
23/01/30：「.FooterWrap ul li.Mynavi a」追加
22/04/25：Footer設定変更
21/06/29：ロゴ差し替え対応
19/04/19：「.FooterWrap ul li.Youtube a」追加
18/07/30：body min-width追加、.FooterWrap ul設定変更（ipad対策）
18/03/01：初版作成
-----------------------------------------------------
*/

a:link { color: #444; text-decoration: none; }
a:visited { color: #444; text-decoration: none; }
a:hover { color: #444; text-decoration: underline; }
a:active { color: #444; text-decoration: underline; }

/*--◆◆Body◆◆--*/

html {
	width:100%;
	height:100%;
	min-height:100%;
	padding:0px 0px 0px 0px;
	position: relative;
	}

body {
	min-width:1220px;
	width:100%;
	min-height:100%;
	}

.Body {
	/*width:1200px;*/
	margin:0px auto;
	}

.ContentFrame {
	width:100%;
	}

/*--◆◆Header◆◆--*/

.Header {
	height:100px;
	border-top:40px solid #0079c3;
	border-bottom:1px solid #0079c3;
	}

.HeaderWrap {
	width:1200px;
	margin:0px auto;
	position:relative;
	}

.HeaderWrap a:hover {
	text-decoration:none;
	}

.PageTitle {
	position:absolute;
	left:0;
	top:-40px;
	margin:0;
	color:#fff;
	font-size:80%;
	line-height:40px;
	text-align:left;
	}

.ClaiceLogo {
	position:absolute;
	left:0;
	top:10px;
	width:291px;
	height:80px;
	}

.MainNavi {
	position:absolute;
	right:0;
	top:0px;
	width:806px;
	height:100px;
	border-left:1px solid #0079c3;
	}

.MainNavi li {
	float:left;
	}

.MainNavi li a {
	display:block;
	width:160px;
	height:100px;
	border-right:1px solid #0079c3;
	background:#fff;
	line-height:150px;
	position:relative;
	}

.MainNavi li a:before {
	content:"";
	position:absolute;
	left:55px;
	top:17px;
	display:block;
	width:50px;
	height:36px;
	margin:0px auto 0px auto;
	background-image:url("../img/header_pict2024.png");
	background-repeat:no-repeat;
	}

.MainNavi li:nth-child(1) a:before { background-position:0px 0px; }
.MainNavi li:nth-child(2) a:before { background-position:-50px 0px; }
.MainNavi li:nth-child(3) a:before { background-position:-100px 0px; }
.MainNavi li:nth-child(4) a:before { background-position:-150px 0px; }
.MainNavi li:nth-child(5) a:before { background-position:-200px 0px; }

.MainNavi li:nth-child(1) a:hover:before { background-position:0px -36px; }
.MainNavi li:nth-child(2) a:hover:before { background-position:-50px -36px; }
.MainNavi li:nth-child(3) a:hover:before { background-position:-100px -36px; }
.MainNavi li:nth-child(4) a:hover:before { background-position:-150px -36px; }
.MainNavi li:nth-child(5) a:hover:before { background-position:-200px -36px; }

.MainNavi li a:hover {
	background:#2b87d2;
	color:#fff;
	}

.SubNavi1 {
	position:absolute;
	right:200px;
	top:-40px;
	}

.SubNavi2 {
	position:absolute;
	right:0px;
	top:-40px;
	}

.SubNavi1 li,
.SubNavi2 li {
	float:left;
	}

.SubNavi1 li a,
.SubNavi2 li a {
	display:block;
	padding:0px 10px;
	color:#fff;
	font-size:80%;
	line-height:40px;
	}

.SubNavi1 li a:before,
.SubNavi2 li a:before {
	content:"";
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:5px;
	vertical-align:middle;
	background:url("../img/arrow_s_silver.png") no-repeat 0px center;
	background-size:16px 16px;
	}

.SubNavi1 li a:hover,
.SubNavi2 li a:hover {
	text-decoration:underline;
	}

#panel-btn,
.CloseMenu {
	display:none;
	}

/*◆◆Footer◆◆*/

.Footer {
	width:100%;
	/*margin-top:100px;*/
	padding-top:25px;
	clear:both;
	border-top:5px solid #0079c3;
	}

.FooterWrap {
	width:1200px;
	margin:25px auto;
	}

.FooterWrap ul {
	margin:0px 29px 25px 0px;
	text-align:left;
	float:left;
	}

.FooterWrap ul li {
	margin-bottom:10px;
	text-align:left;
	font-size:85%;
	font-weight:bold;
	white-space:nowrap;
	}

.FooterWrap ul li ul {
	margin:10px 0px 0px 1em;
	font-weight:normal;
	float:none;
	}

.FooterWrap ul li ul li {
	font-weight:normal;
	}

.FooterWrap ul li ul li:before {
	content:"";
	display:inline-block;
	width:6px;
	height:11px;
	margin-right:5px;
	background:url("../img/arrow_ss.png") no-repeat 0px 0px;
	background-size:6px 11px;
	}

.FooterWrap .ExternalLink {
}

.FooterWrap .ExternalLink a {
	display: block;
	margin: 0 auto 20px auto;
	text-indent: -999em;
}

.FooterWrap ul li.Youtube a {
	width:135px;
	height:30px;
	background:url(../img/yt_logo_rgb_light.png) no-repeat 0px 0px / contain;
}

.FooterWrap ul li.Twitter {
	width: 50%;
	float: left;
}

.FooterWrap ul li.Instagram {
	width: 50%;
	float: right;
}

.FooterWrap ul li.Clear {
	clear: both;
}

.FooterWrap ul li.Twitter a {
	width:30px;
	height:30px;
	background:url(../img/logo_x.png) no-repeat 0px 0px / contain;
}

.FooterWrap ul li.Instagram a {
	width:30px;
	height:30px;
	background:url(../img/logo_instagram.png) no-repeat 0px 0px / contain;
}

.FooterWrap ul li.Mynavi a {
	width:140px;
	height:17px;
	background:url(../img/logo_mynavi2026.png) no-repeat 0px 0px / contain;
}

.FooterWrap ul li.Rikunabi a {
	width:140px;
	height:30px;
	background:url(../img/logo_rikunabi2026.png) no-repeat 0px 0px / contain;
}

.FooterBottom {
	width:100%;
	padding:0px 0px;
	height:175px;
	clear:both;
	border-top:1px solid #0079c3;
	}

.FooterBottom .FooterWrap {
	position:relative;
	margin:0px auto 0px auto;
	}

.FooterBottom .p_mark {
	position:absolute;
	left:0;
	top:25px;
	}

.FooterBottom .p_mark img {
	width:110px;
	height:120px;
	}

.FooterBottom .SSL_SiteSeal {
	position:absolute;
	left:125px;
	top:55px;
	width:115px;
	height:57px;
}

.FooterBottom ul {
	display:inline-block;
	position:absolute;
	margin:0 0 0 0;
	right:0;
	top:50px;
	letter-spacing: -.4em; /* スキマ対策 */
	}

.FooterBottom ul li {
	display:inline-block;
	margin: 0 0 0 0;
	margin-left:-1px;
	padding:0px 10px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	font-weight:normal;
	letter-spacing: normal; /* スキマ対策 */
	}

.FooterBottom .Copy {
	position:absolute;
	right:0;
	top:100px;
	font-size:80%;
	text-align:right;
	}

/*◆◆ページトップへ◆◆*/

#pageTop{
	width:60px;
	height:60px;
	position:fixed;
	bottom:100px;
	right:25px;
	text-indent:-999em;
	background-image:url("../../common/img/bt_pagetop.png");
	z-index:99;
	}

/*◆◆PC非表示、SP表示◆◆*/

.NoPC { display:none !important ;}