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

@import url("/doc/theme/common/css/theme_base.css");
@import url("/doc/theme/common/css/header.css");
@import url("/doc/theme/common/css/main2.css");

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

/* GLOBAL LAYOUT */

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

* {line-height: 1.8!important;}
body, p {
	font-size: 13px;
	color: #333;
	-webkit-text-size-adjust: none!important;
}
.wrapper, #footer {
	margin: 0px auto;
	width: 900px;
}
#pagetop, p#btmName {
    width: 900px;
}
a img:hover{
	opacity:0.8;
	filter: alpha(opacity=80); 
}
.hide {
	display: none; //タブ切り替え用
}
h1 {
    float: right;
    width: 300px;
    font-size: 12px;
    text-align: right;
}
#footer_lp a {
	font-size: 10px;
}
/*----------------------------------------------- */

/* MAIN IMG */

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

#main_image {
	margin: 5px 0;
	padding: 15px 0;
	height: 247px;
	background: #f7f7f7 url(../images/bg_top.jpg) center no-repeat;
}
#main_image h2 {
	margin: 0 auto;
	width: 322px;
	height: 192px;
	background: url(../images/logo_nail.png) no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	text-align: center;
}
#main_image  p {
	padding-top: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
} 
/*----------------------------------------------- */

/* CONTENTS */

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

/**キャンペーン**/
#campaign {
	margin: 10px auto;
	padding: 30px 8px 25px;
	background: url(../images/bg_campaign.gif);
	border: 1px #ccc solid;
}
#campaign div {
	padding: 0 15px;
}
#campaign div:first-child {
	float: left;
	border-right: 1px #999 dashed;
}
.campaign_caption{
	margin-left: 385px;
}
.btn_cam {
	padding: 15px 0;
	text-align: center;
}
.campaign_caption p{
	max-height: 100%;
}
.campaign_caption p span{
	font-size: 14px;
	font-weight: bold;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}
/**教えてくれたのは・・・**/
.teach {
	margin: 25px auto 10px;
	padding: 10px 115px;
	width: 530px;
	background: #f1f1f1;
}
.teach div {
	float: left;
}
.teacher_detail {
	margin-left: 20px;
	width: 440px;
}
#tab01 .teacher_detail h3, #tab02 .teacher_detail h3 {
	margin-bottom: 10px;
	padding: 0;
	text-align: left;
}
/**クレジット**/
.credit_text {
	margin: 30px 40px 50px;
	font-size: 10px;
	color: #666;
}
/**タブメニュー**/
#menu {
	margin: 20px 0;
	height: 103px;
	border-bottom: 2px #666 solid;
	text-align: center;
}
#menu li {
	display: inline-block;
	padding: 0 10px;
}
#menu a {
	display: block;
	width: 230px;
	height: 105px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#menu a:hover {
	opacity:0.6;
	filter: alpha(opacity=60); 
}
.tab01 a {
	background: url(../images/img_menu.png) 0 -105px no-repeat;
}
.tab02 a {
	background: url(../images/img_menu.png) -230px -105px no-repeat;
}
	.ac.tab01 a, .tab01 a:hover {
		background: url(../images/img_menu.png) 0 0 no-repeat;
	}
	.ac.tab02 a, .tab02 a:hover {
		background: url(../images/img_menu.png) -230px 0 no-repeat;
	}

/***********
タブ01
***********/
#tab01 h3 {
	padding: 20px 0;
	text-align: center;
}
#tab01 .tab_caption {
	margin: 0 10px;
	padding: 20px 30px;
	border-top: 4px #ccc double;
	text-align: center;
}
/**12星座**/
#tab01 ul {
	width:880px;
	margin: 0 auto 10px;
}
#tab01 li {
	float: left;
	margin: 20px 20px 20px 0;
	width: 272px;
	border-width: 4px;
	border-style: solid;
}
#tab01 li.li_r{
	margin-right: 0;
}
.seiza01 { border-color: #faecec;}
.seiza02 { border-color: #f7ebe3;}
.seiza03 { border-color: #9dc9e9;}
.seiza04 { border-color: #f8f3a7;}
.seiza05 { border-color: #f7c0c0;}
.seiza06 { border-color: #e1f0c5;}
.seiza07 { border-color: #cedbea;}
.seiza08 { border-color: #d6ecf5;}
.seiza09 { border-color: #e1d7ee;}
.seiza10 { border-color: #e7d9c2;}
.seiza11 { border-color: #f4e3ef;}
.seiza12 { border-color: #f2c3c3;}

.seiza {
	padding: 16px 0 12px;
	text-align:center;
}
.uranai{
	height: 200px;
}
.seiza01 .seiza { background-color: #faecec;}
.seiza02 .seiza { background-color: #f7ebe3;}
.seiza03 .seiza { background-color: #9dc9e9;}
.seiza04 .seiza { background-color: #f8f3a7;}
.seiza05 .seiza { background-color: #f7c0c0;}
.seiza06 .seiza { background-color: #e1f0c5;}
.seiza07 .seiza { background-color: #cedbea;}
.seiza08 .seiza { background-color: #d6ecf5;}
.seiza09 .seiza { background-color: #e1d7ee;}
.seiza10 .seiza { background-color: #e7d9c2;}
.seiza11 .seiza { background-color: #f4e3ef;}
.seiza12 .seiza { background-color: #f2c3c3;}

.seiza01 .uranai {background-color: #fdf7f7;}
.seiza02 .uranai {background-color: #fcf7f4;}
.seiza03 .uranai {background-color: #e1eff8;}
.seiza04 .uranai {background-color: #fefded;}
.seiza05 .uranai {background-color: #fef4f4;}
.seiza06 .uranai {background-color: #f6faed;}
.seiza07 .uranai {background-color: #ebf1f7;}
.seiza08 .uranai {background-color: #f3f9fc;}
.seiza09 .uranai {background-color: #f6f3fa;}
.seiza10 .uranai {background-color: #faf7f3;}
.seiza11 .uranai {background-color: #fcf7fa;}
.seiza12 .uranai {background-color: #fcf3f3;}

#tab01 li div {
	padding: 10px 16px 10px;
}
.label {
	margin-top: 10px;
	padding-left: 50px;
	background: url(../images/icon_happy.png) no-repeat;
	font-size: 17px;
	font-weight: bold;	
}
.neil_caption {
	height: 95px;
	color: #666;
}
#tab01 .neil_photo {
	text-align:center;
	color: #e2889c;
}
.love_title {
	margin: 7px 0 5px;
	font-weight: bold;	
}
.teacher_detail p {
	font-size: 11px;
}

/***********
タブ02
***********/
#tab02 {
	margin-top: 20px;
	background: url(../images/img_foot1.jpg) top right no-repeat;
}
.footnail_title {
	position: relative;
	padding: 125px 0 0 30px;
	height: 320px;
}
#tab02 .tab_caption{
	margin-top: 18px;
	width: 480px;
}
.nail04 {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 5px;
	width: 260px;
	background: rgba(255,255,255,0.6);
}
.nail04 p {
	font-size: 90%;
}
.trend_point {
	margin: 30px auto 45px;
	width: 560px;
}
.trend_point h3 {
	text-align: center;
}
.trend_point .trend_title {
	margin: 5px;
	text-align: center;
	font-weight: bold;
}
#tab02 ul {
	margin: 0 auto;
	width: 824px;
}
#tab02 li {
	position: relative;
}
#tab02 li.foot02 {
	margin-bottom: 80px;
}
#tab02 li.foot03 {
	margin-bottom: 120px;
}
#tab02 li.foot04 {
	margin-bottom: 50px;
}
.footcap_area {
	position: absolute;
	width: 360px;
}
.foot02 .footcap_area { top: 137px; left: 345px; }
.foot03 .footcap_area { top: 145px; left: 110px; }
.foot04 .footcap_area { top: -25px; left: 365px; }
.foot_title {
	font-size: 18px;
	font-weight: bold;
	color: #e2889c;
	text-align: center;
}
.foot03 .neil_photo {
	text-align: right;
}

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

/* SEARCH AREA */

/*----------------------------------------------- */
.search_area {
	padding: 40px 0 20px;
	background: #f9adbe;
}
.search_area .wrapper {
	width: 824px;
}
.catalog, .search {
	padding-bottom: 20px;
	text-align: center;
}
.search {
	padding-top: 30px;
}
.search_area h3 {
	padding: 10px;
	border-bottom: 4px #232323 double;
}
.footer_caption {
	padding: 10px;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
}
.search .footer_caption {
	color: #333;
	font-size: 18px;
}
.innerpull {
	float: left;
	margin: 0 10px 30px;
	text-align: center;
}
.innerbtn {
	float: right;
}
.innerpull p {
	font-size: 18px;
}
.pull select {
	position: relative;
	padding: 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
}
.searcharea .pull select.serviceArea {
	width: 170px;
}
.pull, .btn_area {
	text-align: center;
}
.innerpull p {
	text-align:left;
	font-weight: bold;
	text-decoration: underline;
	color: #fff;
}
 .jsSearch {
	margin: 33px 10px 0 0;
}
.pull .middleArea {
	width: 320px;
}

/* 202404追記 */
#header {
    width: 100%;
    border-bottom: 0;
    margin-bottom: 7px;
}
#headerWrapper {
    border-bottom: 2px solid #B4B0AD;
}
#footer {
    border-top: 0;
    padding: 0;
}