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


body {
	margin:0px;
	padding:0px;
	color:#333333;
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	font-size:90%;
	text-align:center;
	background-color: #F7D0D3;
}

h1 { margin:0px; padding:0 0 10px 0; volume:medium }
h2 { margin:0px; padding:0px; volume:medium }
h2 { margin:0px; padding:0px; volume:medium }
h3 { margin:0px; padding:0px; volume:medium }
h4 { margin:0px; padding:0px; volume:medium }
h5 { margin:0px; padding:0px; volume:medium }
img { border:0 }

p {
	margin:5px 0;
	padding:0;
	line-height:135%;
	volume:medium;
}

ul { margin:0; padding:0; font-size:90%; line-height:140%; volume:medium; }
ol { margin:0; padding:0; font-size:90%; line-height:140%; volume:medium; }
dl { margin:0; padding:0; font-size:90%; line-height:140%; volume:medium; }
li { margin:0; padding:0; line-height:140%; volume:medium; }

.clearing { clear: both; margin:0px; padding:0px; height:0px; width:0px; }

img a { border: none;}

a:link {
	text-decoration: none;
}
a:visited{
	text-decoration: none;
}
a:active {
	color:#CC0000;
}
a:hover {color:#FF0000;}

.MT5 { margin-top:5px; }
.MT10{ margin-top:10px;}
.MT15{ margin-top:15px;}
.MT20{ margin-top:20px;}
.MT25{ margin-top:20px;}
.MT30{ margin-top:30px;}

.MR5 { margin-right: 5px;}
.MR10{ margin-right:10px;}
.MR15{ margin-right:15px;}
.MR20{ margin-right:20px;}
.MR25{ margin-right:20px;}
.MR30{ margin-right:30px;}

.MB5 { margin-bottom: 5px;}
.MB10{ margin-bottom:10px;}
.MB15{ margin-bottom:15px;}
.MB20{ margin-bottom:20px;}
.MB25{ margin-bottom:25px;}
.MB30{ margin-bottom:30px;}

.ML5 { margin-left: 5px;}
.ML10{ margin-left:10px;}
.ML15{ margin-left:15px;}
.ML20{ margin-left:20px;}
.ML25{ margin-left:25px;}
.ML30{ margin-left:30px;}

.PT5 { padding-top: 5px;}
.PT10{ padding-top:10px;}
.PT15{ padding-top:15px;}
.PT20{ padding-top:20px;}
.PT25{ padding-top:20px;}
.PT30{ padding-top:30px;}

.PR5 { padding-right: 5px;}
.PR10{ padding-right:10px;}
.PR15{ padding-right:15px;}
.PR20{ padding-right:20px;}
.PR25{ padding-right:20px;}
.PR30{ padding-right:30px;}

.PB5 { padding-bottom: 5px;}
.PB10{ padding-bottom:10px;}
.PB15{ padding-bottom:15px;}
.PB20{ padding-bottom:20px;}
.PB25{ padding-bottom:25px;}
.PB30{ padding-bottom:30px;}

.PL5 { padding-left: 5px;}
.PL10{ padding-left:10px;}
.PL15{ padding-left:15px;}
.PL20{ padding-left:20px;}
.PL25{ padding-left:25px;}
.PL30{ padding-left:30px;}

.EMMT1{ margin-top:1em;}
.EMMT2{ margin-top:2em;}
.EMMT3{ margin-top:3em;}

.EMMR1{ margin-right:1em;}
.EMMR2{ margin-right:2em;}
.EMMR3{ margin-right:3em;}

.EMMB1{ margin-bottom:1em;}
.EMMB2{ margin-bottom:2em;}
.EMMB3{ margin-bottom:3em;}

.EMML1{ margin-left:1em;}
.EMML2{ margin-left:2em;}
.EMML3{ margin-left:3em;}

.EMMT1{ padding-top:1em;}
.EMMT2{ padding-top:2em;}
.EMMT3{ padding-top:3em;}

.EMPR1{ padding-right:1em;}
.EMPR2{ padding-right:2em;}
.EMPR3{ padding-right:3em;}

.EMPB1{ padding-bottom:1em;}
.EMPB2{ padding-bottom:2em;}
.EMPB3{ padding-bottom:3em;}

.EMPL1{ padding-left:1em;}
.EMPL2{ padding-left:2em;}
.EMPL3{ padding-left:3em;}


.TA_L{ text-align: left;}
.TA_C{ text-align: center;}
.TA_R{ text-align: right;}

.FL_R{ float:right;}
.FL_L{ float:left;}

.bol{ font-weight:bold;}


#Wrapper{
	width: 860px;
	text-align:center;
	background-color: #FFFFFF;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	background-image: url(../images/cosme_back.jpg);
	background-repeat: repeat-y;
}

#LogoArea{
	padding: 0;
	margin: 0;
}

#Contents{
	text-align:left;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 770px;
}


#CosmeHeader{
	margin: 0;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

#CosmeHeader h1{
	font-size:90%;
	font-weight: normal;
	background-position: 40px;
	padding:3px 0 25px 0;
}

.title{
	background-image: url(../images/cosme_line_dot.gif);
	background-repeat: repeat-x;
	font-size: 80%;
	margin: 0;
	padding-top: 5px;
}


#CosmeDot{
	margin: 0;
	width: 770px;
	padding: 0 0 10px 0;
	background-image: url(../images/cosme_line_dot.gif);
	background-repeat: repeat-x;
}


#CosmeLogo{
	padding: 0 0 10px 0;
	margin: 0;
	float: left;
}


#CosmeMain{
	padding: 0;
	margin: 0;
}

#CosmeMain p{
	padding: 0;
	margin: 10px 0 10px 0;
}


#CosmeMain h3{
	padding: 0;
	margin: 15px 0 5px 0;
}

#CosmeTxt{
	padding: 0;
	margin: 5px 0 0 0;
}

#CosmeTxtL{
	padding: 0px;
	margin: 0px;
	float: left;
	width: 580px;
}


#CosmeTxtR{
	padding: 0px;
	margin: 0px;
	float: right;
	width: 180px;
}


#CosmeForm th {
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color: #F8D8DB;
	font-weight: normal;
	font-size: 80%;
}

#CosmeForm td {
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	background-color: #FAE4E6;
	padding: 6px 6px 6px 12px;
	font-size: 80%;
}

.att {
	font-weight: normal;
	color: #FF0000;
}

.exp {
	font-size: 80%;
	padding: 0;
	margin: 10px 0 5px 0;
	line-height: 125%;
}

#CosmeForm th .small {
	font-weight: normal;
	color: #666666;
	font-size: 90%;
}

#CosmeForm02 th {
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color: #DED7F8;
	font-weight: normal;
	font-size: 80%;
}

#CosmeForm02 td {
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	background-color: #E8E3FA;
	padding: 6px 6px 6px 12px;
	font-size: 80%;
}

#CosmeForm02 th .small {
	font-weight: normal;
	color: #666666;
	font-size: 90%;
}


#CosmeBbs01 th {
	border-bottom: 2px solid #FFFFFF;
	text-align: left;
	padding: 5px;
	background-color: #F8D8DB;
	font-size: 90%;
}

#CosmeBbs01 td {
	border-bottom: 2px solid #FFFFFF;
	text-align: left;
	padding: 8px;
	background-color: #FAE4E6;
	font-weight: normal;
	line-height: 135%;
	font-size: 85%;
}

#CosmeBbs01 th .time {
	font-weight: normal;
	font-size: 12px;
}


#CosmeComment th {
	border-bottom: 2px solid #FFFFFF;
	text-align: left;
	padding: 5px;
	background-color: #DED7F8;
	font-size: 90%;
}

#CosmeComment td {
	border-bottom: 2px solid #FFFFFF;
	text-align: left;
	padding: 8px;
	background-color: #E8E3FA;
	font-weight: normal;
	line-height: 135%;
	font-size: 85%;
}

#CosmeComment th .time {
	font-weight: normal;
	font-size: 12px;
}






#EPLogo{
	padding: 0;
	margin: 29px 0 10px 0;
	float: right;
}

#CosmeImage{
	margin: 0;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}


#CosmeMenu{
	padding: 0px;
	margin: 0;
	float: right;
	text-align: right;
	width: 770px;
}


#CosmeBt{
	margin: 20px 0 20px 0;
	padding: 15px;
	background-color: #FAE3E5;
}


#LoginArea{
	margin: 0 180px;
}

#LoginArea dd{
	margin: 3px 0;
	padding: 0;
}



#CosmeFooter{
	margin: 15px 0 0px 0;
	padding:3px 0 0 0;
	text-align: center;
}

.bt_center{
	text-align: center;
	margin: 10px 0;
	padding: 0px;
}

.bt_left{
	float: left;
	margin: 5px 5px 5px 25px;
	padding: 0px;
}

.bt_right{
	float: right;
	margin: 5px 25px 5px 5px;
	padding: 0px;
}

.page{
	text-align: right;
	margin: 10px 0 3px 0;
	padding: 0;
	font-size: 80%;
}

#CosmeBbs02 th {
	border-bottom: 2px solid #FFFFFF;
	text-align: left;
	padding: 5px;
	background-color: #F8D8DB;
	font-size: 90%;
}

#CosmeBbs02 td {
	border-bottom: 2px solid #FFFFFF;
	text-align: left;
	padding: 5px;
	background-color: #FAE4E6;
	font-weight: normal;
	line-height: 135%;
	font-size: 85%;
}

#CosmeBbs02 th .time {
	font-weight: normal;
	font-size: 12px;
}

#CosmeBbs02 th .centertxt {
	font-weight: normal;
	font-size: 12px;
	text-align: center;
}



#CosmeBbs03 th {
	text-align: left;
	padding: 5px;
	background-color: #FFFFFF;
	font-size: 90%;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #C8C8C8;
}

#CosmeBbs03 td {
	text-align: left;
	padding: 5px;
	background-color: #FFFFFF;
	font-weight: normal;
	font-size: 85%;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #C8C8C8;
	line-height: 135%;
}

#CosmeBbs03 .time {
	font-weight: normal;
	font-size: 12px;
}

#CosmeBbs03 th .centertxt {
	font-weight: normal;
	font-size: 12px;
	text-align: center;
}


#CosmeRule{
	font-size: 90%;
}

#CosmeRule li{
	list-style-type: disc;
	list-style-position: inside;
}

#CosmeRule h4{
	list-style-type: disc;
	list-style-position: inside;
	background-color: #D2D2D2;
	padding: 3px;
	margin-top: 10px;
}

/* ConTXT */

div#ConTXT{
	width:800px;
	border:0;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
	text-align: left;
	padding: 15px 0 0 0;
}

/* ConTXT END */


div#ConImages{
	width:800px;
	padding: 10px 15px 10px 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}


div#ConBotton{
	margin: 15px 0 0 0;
	padding: 0px;
}


#Ticket{
	text-align:left;
	padding: 15px;
	border: 1px dotted #FFFFFF;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
}
.captin {
	font-size: 80%;
	margin: 0 0 15px 0;
	padding: 0px;
	line-height: 140%;
}

h3 {
	font-size: 90%;
	line-height: 130%;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}


#Event{
	text-align:left;
	margin-left: 0;
	padding: 0;
	margin: 10px 0 0 0;
	width: 800px;
}

.copy{
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}

#Footer{
	margin: 3px 15px 0 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	width: 800px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}

#PageTop{
	margin: 0px;
	text-align: right;
	padding: 0px 15px 0 0;
}


/* 画像コピー防止 */
div.sample{
    position:relative;
    width:260px;
    height:200px;
}
span.guard{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	background-image:url(../common/images/spacer.gif);
}
/* 画像コピー防止 END */



/* 奮闘記募集 */

#CosmeFuntouki{
	margin: 20px 0 20px 0;
	padding: 0px;
	background-color: #F9DEE0;
}

#Funtoukitxt{
	margin: 10px 15px 10px 15px;
	padding: 0px;
}

#CosmeFuntouki02{
	margin: 20px 0 20px 0;
	padding: 0px;
}