@charset "UTF-8";

.text-bold {
	font-weight: bold;
}

.text-size-14 {
	font-size: 14px;
}

.ul-disc {
	margin-left: 1.5em;
}

.ul-disc li {
	list-style-type: disc;
}

.ul-attention {
	margin-left: 1em;
	text-indent: -1em;
}


.contents-inner {
	padding: 0 20px;
	text-align: left;
}

.font-large {
	font-size: 18px;
}

.text-center {
	text-align: center;
}


/*
********************************************************************************
■ トップ
********************************************************************************
*/

.box-01 {
	width: 660px;
	margin: 20px auto;
	text-align: left;
}

.box-01 h4 {
	margin-bottom: 0;
}

.box-01 .box-inner {
	padding: 10px;
	border-left: 4px solid #0186AF;
	border-bottom: 4px solid #0186AF;
	border-right: 4px solid #0186AF;
}

.box-01 .box-inner .dl-type dt {
	font-size: 14px;
	font-weight: bold;
}

.box-01 .box-inner .dl-type dt.type-01 {
	color: #5f1985;
}

.box-01 .box-inner .dl-type dt.type-02 {
	color: #bd0080;
}

.box-01 .box-inner .dl-type dt.type-03 {
	color: #006e35;
}

.box-01 .box-inner .dl-type dd {
	margin-bottom: 1em;
}

.main-menu {
	margin: 0 auto 30px;
}

.box-02 {
	width: 660px;
	margin: 20px auto;
	text-align: left;
}

.box-02 h4 {
	margin-bottom: 0;
}

.box-02 .box-inner {
	padding: 10px;
	border-left: 4px solid #0168B5;
	border-bottom: 4px solid #0168B5;
	border-right: 4px solid #0168B5;
}

.image-mark {
	text-align: center;
	margin: 15px 0;
}

.box-02 .color-list {
	margin-bottom: 10px;
}

.howto-use {
	width: 442px;
	margin: 20px auto;
}

.howto-use li {
	float: left;
	width: 206px;
	margin-right: 30px;
}

.howto-use li dl {
	margin-top: 10px;
}

.howto-use li dl dt {
	color: #0086ae;
	font-size: 14px;
	font-weight: bold;
}



/*
********************************************************************************
■ 女性用
********************************************************************************
*/
.rosary-type {
	text-align: left;
	padding: 10px;
	margin-bottom: 10px;
}

.rosary-type ul {

}

.rosary-type ul li {
	float: left;
}

.rosary-type ul li dl dt {
	padding: 5px 0;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin-bottom: 5px;
}

.rosary-list {

}

.rosary-list ul {

}

.rosary-list li {
	float: left;
	width: 209px;
	border: 1px solid #ccc;
	margin-right: 13px;
	margin-bottom: 13px;
	text-align: left;
	padding: 10px 0;
}

.rosary-list li.right-most {
	margin-right: 0;
}

.rosary-list li p.title {
	font-size: 17px;
	margin-bottom: 5px;
	padding: 0 5px;
}

.rosary-list li p.title span {
	font-size: 21px;
}

.rosary-list li p.rosary {
	margin-bottom: 5px;
}

.rosary-list li dl {
	font-size: 10px;
	padding: 5px 5px 0;
}

.rosary-list li dl dt {
	font-size: 10px;
	line-height: 12px;
	margin-bottom: 5px;
}

.rosary-list li dd p {
	float: left;
}

.rosary-list li dd p.price-regular {
	line-height: 13px;
	margin-right:5px;
}



.rosary-list.period-nocampaign li dd p {
	float: none;
}

.rosary-list.period-nocampaign li dd p.price-regular {
	font-size: 11px;
}

.rosary-list.period-nocampaign li dd p.price-regular span {
	font-size: 15px;
}

.rosary-list.period-nocampaign li dd p.price-regular span.tax {
	font-size: 11px;
}





.rosary-list li dd p.price-off {
	color: #bf1920;
	font-weight: bold;
	font-size: 14px;
	padding-left: 22px;
}

.rosary-list li dd p.price-off span {
	font-size: 8px;
}





.rosary-type.rosary-ladies {
	border: 1px solid #bd0080;
	background-color: #fee4f1;
}

.rosary-type.rosary-ladies ul li {
	width: 152px;
	margin-right: 10px;
}

.rosary-type.rosary-ladies ul li dl dt {
	background-color: #bd0080;
}

.rosary-list.rosary-ladies li p.title span {
	color: #bd0080;
}

.rosary-list.rosary-ladies li dd p.price-off {
	background: url("../images/ladies/arrow.jpg") no-repeat left center;
}



/*
********************************************************************************
■ 男性用
********************************************************************************
*/

.rosary-type.rosary-mens {
	border: 1px solid #5f1985;
	background-color: #e2dfef;
}

.rosary-type.rosary-mens ul li {
	width: 119px;
	margin-right: 10px;
}

.rosary-type.rosary-mens ul li dl dt {
	background-color: #5f1985;
	font-size: 13px;
}

.rosary-list.rosary-mens li p.title span {
	color: #5f1985;
}

.rosary-list.rosary-mens li dd p.price-off {
	background: url("../images/mens/arrow.jpg") no-repeat left center;
}




/*
********************************************************************************
■ clearfix
********************************************************************************
*/

.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px; /*\*//*/height: auto;overflow: hidden;/**/}