@charset "Shift_JIS";

/* -----------------------------------------------------------
CSS Information  

Site URL:       http://www.cosme.net/
File name:      about.css
Created:        2012-06-13
Last update:    2016-04-08 by kanayamam
by Author Style Info: アットコスメ ＠ｃｏｓｍｅとは
----------------------------------------------------------- */
/* -----------------------------------------------------------
Table of Contents
 * 共通
 * about
	-- title
	-- lead
	-- site-menu
		- aac-rnk
		- aac-cpon
		- aac-bt
		- aac-qa
		- aac-csmt
		- aac-brd
		- aac-sp
	-- mycosme
----------------------------------------------------------- */
/* --------------------------------------------------------------- 
 共通
--------------------------------------------------------------- */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:1; overflow:hidden; }
.clearfix { display:inline-block; }
*html .clearfix { height:1%; }
.clearfix { display:block; }
*:first-child+html .clearfix { display:inline-block; }

body.static #header-sub {
	margin-bottom: 20px;
}

body.static #contents {
	margin-top: 0;
	color: #333;
	font-size: 100%;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック",Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
}

/* --------------------------------------------------------------- 
 about
--------------------------------------------------------------- */
#about {
	margin-bottom: 40px;
}
#about p {
	line-height: 1.55;
}
#about .member .txt {
	float: left;
	color: #cb6073;
	font-weight: bold;
}
#about .member .btn {
	float: left;
	width: 202px;
	padding-top: 2px;
}
#about .member .btn a {
	display: block;
	width: 202px;
	height: 29px;
	padding-top: 7px;
	background: url("../images/btn.png") no-repeat;
	color: #fff;
	font-size: 115%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	filter: alpha(opacity=100);
}
#about .member .btn a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/* title
----------------------------------------------------------- */
#about .title h2 {
	margin: 4px 0 9px;
	padding: 0 0 0 26px;
	background: url("../images/ico_title.png") no-repeat -950px 9px;
	font-size: 200%;
}
* html #about .title h2 {/* IE6 */
	zoom: 1;
}
*:first-child+html #about .title h2 {/* IE7 */
	background-position: -950px 7px;
}
/* lead
----------------------------------------------------------- */
#about #lead {
	margin-bottom: 20px;
}
#about #lead > p {
	margin-bottom: 13px;
	line-height: 1.7;
}
#about #lead .member .txt {
	width: 228px;
	padding-left: 115px;
}
#about #lead .member {
	padding: 16px 0 14px;
	border: 1px solid #f2c5d0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 0 2px #fefbfc inset;
	-moz-box-shadow: 0 0 0 2px #fefbfc inset;
	box-shadow: 0 0 0 2px #fefbfc inset;
	background: #fbeff2;
}
/* site-menu
----------------------------------------------------------- */
#about #site-menu {
	margin-bottom: 19px;
	padding: 18px 17px 7px 16px;
	border: 1px solid #d9d2c3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: url("../images/bg_site_menu.png");
}
#about #site-menu .aac-sec {
	margin-bottom: 10px;
	padding: 13px 0 15px 13px;
	border: 1px solid #d9d3c5;
	background: #fff;
}
#about #site-menu #aac-bt {
	padding-bottom: 7px;
}
#about #site-menu #aac-brd,
#about #site-menu #aac-sp {
	padding-bottom: 10px;
}
#about #site-menu .aac-sec h3 {
	margin-bottom: 13px;
	height: 35px;
	padding: 14px 0 0 57px;
	font-size: 115%;
	font-weight: bold;
}
#about #site-menu #aac-rnk h3 {
	background: url("../images/bg_ttl_rnk.png") no-repeat;
}
#about #site-menu #aac-cpon h3 {
	background: url("../images/bg_ttl_cpon.png") no-repeat;
}
#about #site-menu #aac-bt h3 {
	background: url("../images/bg_ttl_bt_150630.png") no-repeat;
}
#about #site-menu #aac-qa h3 {
	background: url("../images/bg_ttl_qa_1605.png") no-repeat;
}
#about #site-menu #aac-csmt h3 {
	background: url("../images/bg_ttl_csmt.png") no-repeat;
}
#about #site-menu #aac-brd h3 {
	background: url("../images/bg_ttl_brd.png") no-repeat;
}
#about #site-menu #aac-sp h3 {
	background: url("../images/bg_ttl_sp.png") no-repeat;
}
#about #site-menu #aac-work h3 {
	background: url("../images/bg_ttl_work.png") no-repeat;
}
#about #site-menu #aac-shop h3 {
	background: url("../images/bg_ttl_shop.png") no-repeat;
}
#about #site-menu .aac-sec ul {
	padding-left: 14px;
}
#about #site-menu .aac-sec li {
	display: inline-block;
	width: 260px;
	padding-bottom: 7px;
	vertical-align: top;
}
#about #site-menu #aac-bt li,
#about #site-menu #aac-brd li,
#about #site-menu #aac-sp li {
	padding-bottom: 15px;
}
#about #site-menu .aac-sec .odd {
	margin-right: 30px;
}
* html #about #site-menu .aac-sec li {/* IE6 */
	display: inline;
	zoom: 1;
}
*:first-child+html #about #site-menu .aac-sec li {/* IE7 */
	display: inline;
	zoom: 1;
}
#about #site-menu .aac-sec li h4 {
	margin-bottom: 3px;
	background: url("../images/ico_title.png") no-repeat left 1px;
	text-indent: 17px;
}
#about #site-menu .aac-sec li h4 a {
	font-weight: bold;
}
/* aac-rnk
------------------------------------ */
#about #site-menu #aac-rnk ul {
	padding-left: 24px;
}
#about #site-menu #aac-rnk li {
	width: 250px;
}
/* aac-cpon
------------------------------------ */
#about #site-menu #aac-cpon {
	background: #fff url("../images/bg_ill.png") no-repeat right bottom;
}
#about #site-menu #aac-cpon li {
	display: block;
	float: left;
}
#about #site-menu #aac-cpon li:first-child {
	padding-bottom: 8px;
}
#about #site-menu #aac-cpon .point {
	float: right;
	margin-right: 21px;
}
/* aac-qa
------------------------------------ */
#about #site-menu #aac-qa {
	display: inline-block;
	width: 281px;
	margin-right: 10px;
	vertical-align: top;
}
* html #about #site-menu #aac-qa {/* IE6 */
	display: inline;
	zoom: 1;
}
*:first-child+html #about #site-menu #aac-qa {/* IE7 */
	display: inline;
	zoom: 1;
}
#about #site-menu #aac-qa p {
	padding-bottom: 1.55em;
}
/* aac-csmt
------------------------------------ */
#about #site-menu #aac-csmt {
	display: inline-block;
	width: 279px;
	vertical-align: top;
}
* html #about #site-menu #aac-csmt {/* IE6 */
	display: inline;
	zoom: 1;
}
*:first-child+html #about #site-menu #aac-csmt {/* IE7 */
	display: inline;
	zoom: 1;
}
#about #site-menu #aac-csmt li {
	width: 240px;
}
/* mycosme
----------------------------------------------------------- */
#about #mycosme {
	padding: 2px;
	border: 1px solid #ece8e0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#about #mycosme .pr-info {
	padding: 16px 0 6px 16px;
	border: 1px solid #d9d2c3;
	border-bottom: none;
	border-radius: 4px 4px 0 0;
}
#about #mycosme .pr-info .txt {
	float: left;
	width: 341px;
}
#about #mycosme .pr-info .txt h3 {
	margin-bottom: 13px;
}
#about #mycosme .pr-info .txt h3  a {
	display: inline-block;
	text-decoration: none;
}
#about #mycosme .pr-info .txt .lead-title {
	display: block;
	margin: 0 -10px 10px 0;
	color: #333;
	font-size: 22px;
	font-weight: bold;
}
#about #mycosme .pr-info .txt .sub-title {
	margin-bottom: 13px;
	color: #333;
	font-size: 15px;
	font-weight: bold;	
}
#about #mycosme .pr-info .txt p {
	margin-bottom: 9px;
	padding-left: 3px;
}
#about #mycosme .pr-info .txt li {
	margin-bottom: 9px;
	padding-left: 3px;
	line-height: 1.55;
}
#about #mycosme .pr-info .txt li span {
	color: #4eb691;
}
#about #mycosme .pr-info .img {
	float: right;
	width: 259px;
}
#about #mycosme .member {
	padding: 19px 0 28px 112px;
	border: 1px solid #d9d2c3;
	border-top: none;
	border-radius: 0 0 4px 4px;
	background: url("../images/bg_mycosme.png") repeat-x left bottom;
}
#about #mycosme .member .txt {
	width: 227px;
}