@charset "utf-8";

/*--------------------*/
/*---- common.css ----*/
/*--------------------*/
/*
border: 1px solid gray;	
*/

/*--------------------*/
/*------- 共通  ------*/
/*--------------------*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


body {
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	background-image: url('../../images/cepee/bg_body.jpg');
	font-size: 14px;
	line-height: 170%;
	text-align: center;
	color: #555555;
	font-family: sans-serif;
}
.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}
a:link,
a:visited {
	color: #555555;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #555555;
	text-decoration: none;
}
#contents a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
h1,h2,h3,h4,h5 {
	margin: 0px;
	padding: 0px;
}
ul,li {
	margin: 0px;
	padding: 0px;
}
li {
	list-style:none;
}
.display_none {
	display:none;
}
img {
	border: 0px;
}
select {
	/*background : #ffffff;*/
	font-size: 14px;
}
input,textarea {
	margin: 0px;
	padding: 0px;
	/*background : #ffffff;*/
	font-size: 14px;
}
/*===clearfix===*/
/*IE以外のモダンブラウザー用*/
.clearfix:after {
	content : ".";
	display : block;
	height : 0px;
	clear : both;
	visibility : hidden;
}

/*IE7、MacIE5用の指定*/
.clearfix { display : inline-block; }

/*IE6以前用の指定*/
/* Hides from IE-mac ＼*/
* html .clearfix { height : 1%; }
.clearfix { display : block; }
/*End hide from IE-mac */
/*===clearfix関連ここまで===*/



/*--------------------*/
/*------ margin / padding ------*/
/*--------------------*/
.m_t_5 {margin-top: 5px;}
.m_t_10 {margin-top: 10px;}
.m_t_15 {margin-top: 15px;}
.m_t_20 {margin-top: 20px;}
.m_t_25 {margin-top: 25px;}
.m_t_30 {margin-top: 30px;}
.m_t_35 {margin-top: 35px;}
.m_t_40 {margin-top: 40px;}
.m_t_50 {margin-top: 50px;}

.m_b_5 {margin-bottom: 5px;}
.m_b_10 {margin-bottom: 10px;}
.m_b_15 {margin-bottom: 15px;}
.m_b_20 {margin-bottom: 20px;}
.m_b_25 {margin-bottom: 25px;}
.m_b_30 {margin-bottom: 30px;}
.m_b_35 {margin-bottom: 35px;}
.m_b_40 {margin-bottom: 40px;}
.m_b_50 {margin-bottom: 50px;}
.m_b_55 {margin-bottom: 55px;}
.m_b_60 {margin-bottom: 60px;}
.m_b_65 {margin-bottom: 65px;}
.m_b_70 {margin-bottom: 70px;}
.m_b_75 {margin-bottom: 75px;}

.m_r_5 {margin-right: 5px;}
.m_r_10 {margin-right: 10px;}
.m_r_15 {margin-right: 15px;}
.m_r_20 {margin-right: 20px;}

.m_l_5 {margin-left: 5px;}
.m_l_10 {margin-left: 10px;}
.m_l_15 {margin-left: 15px;}
.m_l_20 {margin-left: 20px;}
.m_l_27 {margin-left: 27px;}
.m_l_40 {margin-left: 40px;}
.m_l_50 {margin-left: 50px;}
.m_l_60 {margin-left: 60px;}

.p_t_5 {padding-top: 5px;}
.p_t_10 {padding-top: 10px;}
.p_t_15 {padding-top: 15px;}
.p_t_20 {padding-top: 20px;}
.p_t_25 {padding-top: 25px;}

.p_b_5 {padding-bottom: 5px;}
.p_b_10 {padding-bottom: 10px;}
.p_b_15 {padding-bottom: 15px;}
.p_b_20 {padding-bottom: 20px;}

.p_l_80 {padding-left: 80px;}

/*--------------------*/
/*------ font ------*/
/*--------------------*/
.font_10 {
	font-size: 10px;
	line-height: 260%;
}
.font_12 {
	font-size: 12px;
	line-height: 160%;
}
.font_16 {
	font-size: 16px;
	line-height: 150%;
}
.font_18 {
	font-size: 18px;
	line-height: 150%;
}
.font_20 {
	font-size: 20px;
	line-height: 140%;
}



/*--------------------*/
/*------ color ------*/
/*--------------------*/
.color_775c35 {
	color: #775c35;
}



/*--------------------*/
/*------ page top ------*/
/*--------------------*/
#buPageTop {
	position: fixed;
	bottom: 60px;
	right: 30px;
}
#buPageTop a {
	background: url('../../images/cepee/bu_page_top.png') no-repeat;
	width: 59px;
	height: 59px;
	display: block;
}
#buPageTop span {
	display: none;
}



/*--------------------*/
/*------ float & text align ------*/
/*--------------------*/
.float_l {
	float: left;
}
.float_r {
	float: right;
}
.tx_align_r {
	text-align: right;
}
.tx_align_c {
	text-align: center;
}
.im_float_r {
	margin: 2px 0px 20px 20px;
	float: right;
}


/*--------------------*/
/*------ box ------*/
/*--------------------*/
.box_740 {
	padding: 0px 115px 0px 115px;
}
.box_820 {
	padding: 0px 105px 0px 35px;
}
.box_900 {
	padding: 0px 35px 0px 35px;
}
/*--------------------*/
/*----- wrapper ------*/
/*--------------------*/
#wrapper {
	background-image: url('../../images/cepee/bg_wrapper.jpg');
	background-repeat: repeat-x;
}
#wrapperIn {
	background-image: url('../../images/cepee/bg_contents.gif');
	background-repeat: repeat-y;
	background-position: top center;
}
#wrapperInIn {
	background-image: url('../../images/cepee/bg_header.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

/*--------------------*/
/*----- header ------*/
/*--------------------*/
#header {
	width: 100%;
	height: 205px;
}
#headerIn {
	position: relative;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
}
#headerTxt {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 970px;
	color: #2c237f;
	font-size: 16px;
	text-align: center;
}
#headerIn #logo {
	position: absolute;
	top: 46px;
	left: 388px;
}
#headerIn #logo a {
	display: block;
	background-image: url('../../images/cepee/logo.png');
	background-repeat: no-repeat;
	width: 194px;
	height: 73px;
}
#headerIn #logo a span {
	display: none;
}

/*----- global menu ------*/

#header #wrapGmenu {
	position: absolute;
	top: 135px;
	left: 0px;
	width: 970px;
	height: 47px;
}
#gMenu li {
	position: relative;
	float: left;
}
#gMenu .gMenuCommon {
	display: block;
	height: 47px;
	background-image: url('../../images/cepee/bg_menu.gif');
	background-repeat: no-repeat;
}
#gMenu a span {
	display: none;
}
#gMenu #gMenu_1 {
	width: 155px;
	background-position: 0px 0px;
}
#gMenu #gMenu_1:hover {
	width: 155px;
	background-position: 0px -47px;
}
#gMenu #gMenu_1_d {
	width: 155px;
	background-position: 0px -94px;
}
#gMenu #gMenu_2 {
	width: 248px;
	background-position: -155px 0px;
}
#gMenu #gMenu_2:hover {
	width: 248px;
	background-position: -155px -47px;
}
#gMenu #gMenu_2_d {
	width: 248px;
	background-position: -155px -94px;
}
#gMenu #gMenu_3 {
	width: 163px;
	background-position: -403px 0px;
}
#gMenu #gMenu_3:hover {
	width: 163px;
	background-position: -403px -47px;
}
#gMenu #gMenu_3_d {
	width: 163px;
	background-position: -403px -94px;
}
#gMenu #gMenu_4 {
	width: 209px;
	background-position: -566px 0px;
}
#gMenu #gMenu_4:hover {
	width: 209px;
	background-position: -566px -47px;
}
#gMenu #gMenu_4_d {
	width: 209px;
	background-position: -566px -94px;
}
#gMenu #gMenu_5 {
	width: 195px;
	background-position: -775px 0px;
}
#gMenu #gMenu_5:hover {
	width: 195px;
	background-position: -775px -47px;
}
#gMenu #gMenu_5_d {
	width: 195px;
	background-position: -775px -94px;
}


/*--------------------*/
/*----- contents ------*/
/*--------------------*/
#contents {
	width: 100%;
}
#contentsIn {
	position: relative;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#breadCrumb {
	padding: 7px 35px 35px 35px;
	font-size: 12px;
}
#breadCrumb_b10 {
	padding: 7px 35px 10px 35px;
	font-size: 12px;
}
.boxBarTxt {
	background-image: url('../../images/cepee/product/bg_txt.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}
.boxBarTxtIn {
	padding: 43px 0px 40px 0px;
	font-size: 28px;
	font-weight: bold;
	color: #2f338c;
}


/*--------------------*/
/*----- footer ------*/
/*--------------------*/
#footer {
	width: 100%;
	height: 140px;
	background-color: #2f338c;
}
#footerIn {
	position: relative;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
}
#footerMenu {
	position: absolute;
	top: 33px;
	left: 0px;
	width: 970px;
	text-align: center;
}
#footerMenu a {
	display: inline-block;
	margin-left: 30px;
	margin-right: 30px;
	/*font-weight: bold;*/
	color: #ffffff;
}
#footer address {
	position: absolute;
	top: 107px;
	left: 50%;
	transform: translateX(-50%);
}
#footer address span {
	color: #fff;
    font-size: 12px;
    font-style: normal;
}


/* 202501 btn追加 */
.buDetail-rev {
	position: absolute;
	top: 229px;
	left: 45px;
}
.moreBtnWrap
{
	position: relative;
	display: inline-block;
}
.moreBtn {
	background: #e885b3;
	padding: 6px 50px 6px 46px;
	color: #fff;
	display: inline-block;
	text-decoration: none !important;
	transition: opacity .2s;
outline: none;
border: none;
position: relative;
}
input.moreBtn{
	padding: 8px 50px 8px 46px;
}

.moreBtnWrap:before {
	content: "";
	z-index: 1;
	position: absolute;
	top: calc(50% + 1px);
	right: 24px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 6px 0px 6px 8px;
}

.moreBtn:hover {
	opacity: .7;
}

.moreBtn span {
	color: #fff;
	font-size: 14px;
	position: relative;
}

.moreBtn span:before {
	content: "";
	position: absolute;
	top: calc(50% + 1px);
	right: -24px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 6px 0px 6px 8px;
}