/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/


* {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	color:#312E31;
	line-height:1.8em;
	
	

}


/*bodyのスタイル*/

body {
	text-align: center;
	background:#fff;
	background-image:url(http://www.lipo-cosme.jp/commonimg/bg.jpg) ;
	background-repeat:repeat-x;
	margin: 0px;
	padding: 0px;
	font-size:12px;
	
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	text-align:left;
	line-height:1.8em;
	font-size:12px;
}

img{
	padding:0px;
	margin:0px;
}


html, body {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}


h2, h3, h4, h5, h6, address, div, blockquote, p, pre, li, dl, dt, dd, hr {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}



table, caption, th, td {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family: "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

a {
	color: #990033;
}

a:hover {
	color:#FF6699;
}


li{
	list-style:none;
}

td{
	text-align:left;}
	
	p {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
	text-align:left;
}

h2{
	margin:35px 0px 10px;
	text-align:left;}

h2.h2m0{
	margin:0px;
	text-align:left;}
	
#right h2{
	margin:20px 0px 0px;
	text-align:right;}
	
h3{
text-align:left;}

h3.h3t30u20{
margin:30px 0px 20px;}


#right h4.shoparea0{
	margin:0px 0px 10px;}


h4.h4shop{
	background:url(../infomation/img/ttl_s_bg.jpg) no-repeat 0 0;
	margin:0px 0px 20px;
	padding:0px 0px 0px 15px;
	font-size:14px;
	color:#700805;
	text-align:left;
	height:28px;
	
	}

h4.h4m30{
	margin:30px 0px;}

h4.h4mu10{
	margin:0px 0px 10px;
	text-align:left;}
	

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*containerのスタイル*/

#container{
	width:900px;
	text-align:center;
	margin:0px auto;
	font-size:12px;
	color:#312E31;
	line-height:2.0em;
}


/*headerのスタイル*/
#header {
	padding: 0px;
	margin: 0px auto 0px;

}

#hleft{
	width:465px;
	float:left;}
	
#hright{
	width:420px;
	float:right;
	padding:20px 0px 0px;}

#hmenu{
	float:right;
	padding:20px 0px 0px;}
	
#hmenu ul{
	margin:0px 0px 0px 0px;}
	
#hmenu li{
	margin: 0;
	padding:0px 0px 0px 15px;
	float:left;}
	
	*+html #hmenu li {
		margin-top: -1px;
	}

.input1{
	width:150px;}

#navi{
	margin:0px auto 34px;
	width:900px;
	}
#main{
		margin:0px auto 30px;
	width:900px;
	}
#left{
	width:650px;
	float:left;}

#right{
	width:214px;
	float:right}

#footer01{
background:url(../commonimg/fbg.jpg) repeat-x;
padding:20px 0px 0px;}

#footer01 p{
	font-size:12px;
	color:#312E31;
	line-height:1.5em;}

#f01r{
	width:644px;
	float:right;
	background:url(../commonimg/fmenubg.jpg) no-repeat 0 0;
	padding:3px 0px 2px;}

#f01r ul{
	margin:0px 0px 0px 20px;}
	
#f01r li{
float:left;
text-align:left;
padding:0px 0px 0px 10px;}

#f02{
	width:900px;
	margin:0px auto;}

#f02l{
width:520px;
float:left;}

#f02r{
width:350px;
float:right;}

#f02 a{
	color:#312E31;
	text-decoration:none;}
	
#f02 p{
	font-size:12px;
	color:#312E31;
line-height:1.5em;}


/*topのスタイル*/
h1.h1top{
	background:url(../commonimg/header.jpg) no-repeat 0 0;
	height:249px;
	text-indent:-9999px;
	margin:0px 0px 15px;}
	
.pbox01{
	width:173px;
	float:left;
	margin-right:55px;
	text-align:left;}

.pbox02{
	width:173px;
	float:right;
	text-align:left;}
	
/*companyのスタイル*/
h1.h1company{
	background:url(../company/img/header.jpg) no-repeat 0 0;
	height:200px;
	text-indent:-9999px;
	margin:0px 0px 15px;}
	
/*companyのスタイル*/
h1.h1campaign{
	background:url(../campaign/img/header.jpg) no-repeat 0 0;
	height:200px;
	text-indent:-9999px;
	margin:0px 0px 15px;}
	
/*conceptのスタイル*/
h1.h1concept{
	background:url(../concept/img/header.jpg) no-repeat 0 0;
	height:200px;
	text-indent:-9999px;
	margin:0px 0px 15px;}
	
/*shopping guideのスタイル*/
h1.h1guide{
	background:url(../guide/img/header.jpg) no-repeat 0 0;
	height:200px;
	text-indent:-9999px;
	margin:0px 0px 15px;}

/*voiceのスタイル*/
h1.h1voice{
	background:url(../voice/img/header.jpg) no-repeat 0 0;
	height:200px;
	text-indent:-9999px;
	margin:0px 0px 15px;}

/*faqのスタイル*/
h1.h1faq{
	background:url(../faq/img/header.jpg) no-repeat 0 0;
	height:200px;
	text-indent:-9999px;
	margin:0px 0px 15px;}
	
/*ruleのスタイル*/
h1.h1rule{
	background:url(../rule/img/header.jpg) no-repeat 0 0;
	height:200px;
	text-indent:-9999px;
	margin:0px 0px 15px;}
	
#left .kiyaku li{
	color:#333333;
	padding:0px 0px 10px 0px;
	list-style-position:outside;
	list-style-type:decimal;
	text-align:left;
	
}

#left .kiyaku ol{
margin:0px 0px 0px 25px;}

.concepttxt p{
	margin:10px 10px 10px 20px;}


/*catalogのスタイル*/
h1.h1catalog{
	background:url(../catalog/img/header.jpg) no-repeat 0 0;
	height:200px;
	text-indent:-9999px;
	margin:0px 0px 15px;}

/*contactのスタイル*/
h1.h1contact{
	background:url(../contact/img/header.jpg) no-repeat 0 0;
	height:200px;
	text-indent:-9999px;
	margin:0px 0px 15px;}

/*whatnewのスタイル*/
h1.h1news{
	background:url(../news/img/header.jpg) no-repeat 0 0;
	height:200px;
	text-indent:-9999px;
	margin:0px 0px 15px;}
	
.newslist td.tdl{
background:url(../commonimg/icon.jpg) no-repeat 0 5px;
padding:0px 0px 0px 18px;

}

.newslist td{
	vertical-align:top;}

.gborder{
	border:#E8E6E7 solid 1px;
	background:url(../concept/img/boxbg.jpg) repeat-x 0 bottom;
	padding:20px 20px 10px;}

.lipoborder{
	padding:0px 0px 100px;
	border-left:#E8E6E7 solid 1px;
	border-right:#E8E6E7 solid 1px;
	border-bottom:#E8E6E7 solid 1px;
	background:url(../concept/img/copy01.jpg) repeat-x 0 bottom;
	margin:0px 0px 20px;}
	
.graborder{
	border-left:#E8E6E7 solid 1px;
	border-right:#E8E6E7 solid 1px;
	border-bottom:#E8E6E7 solid 1px;
	margin:0px 0px 30px;
	padding:0px 0px 30px;
	background:url(../concept/img/gragbg.jpg) repeat-x 0 bottom;}
	
.lipo2border{
	border-left:#E8E6E7 solid 1px;
	border-right:#E8E6E7 solid 1px;
	border-bottom:#E8E6E7 solid 1px;
	padding:0px 0px 10px;
	background:url(../concept/img/lipo2bg.jpg) no-repeat 0 bottom;
	margin:0px 0px 20px;}
	
/*otherのスタイル*/

.borderpoint{
	border-collapse: collapse;
}


.pagetop{
	margin:20px 0px 0px;
	text-align:right;
}

.txtb{
	font-weight:bold;
}

.txt14b{
	font-size:14px;
	font-weight:bold;}


.txtred{
	color:#AD0354;
}

.txtparple{
	color:#960030;}

.txtredb{
	color:#cc0000;
	font-weight:bold;
}
	
.nolist{
	list-style:none;
}

.fleft{
	float:left;
	text-align:left;
}

.fleft .tel {
	padding-left: 10px;

	float:left;
	text-align:left;
}

.fleft .tel img {
	margin-right: 20px;
}

.fright{
	float:right;
}

.tcenter{
	text-align:center;
}

.tright{
text-align:right;
}

.tleft{
	text-align:left;
}

.txtb{
	font-weight:bold;}
.clear{
	clear:both;
}

.w400l{
	width:400px;
	float:left;}

.w426l{
width:426px;
float:left;}

.w426r{
width:426px;
float:right;}

.w380l{
width:380px;
float:left;}

.w241r{
width:241px;
float:right;}

.w440r{
	width:440px;
	float:right;}

.w440l{
	width:440px;
	float:left;}

.w470r{
	width:470px;
	float:right;}


.w590{
	width:590px;
	margin:0px auto;}

.w594{
	width:594px;
	margin:0px auto;}

.w900{
	width:900px;
	margin:0px auto;}
	
.ml20{
	margin:0px 0px 0px 20px;}

.mu10{
	margin:0px 0px 10px;}

.mu11{
	margin:0px 0px 11px;}

.mu15{
	margin:0px 0px 15px;}
	
.mu25{
	margin:0px 0px 25px;}

.mu30{
	margin:0px 0px 30px;}

.mu35{
	margin:0px 0px 35px;}

.mu50{
	margin:0px 0px 50px;
	}
	
.mt20{ margin:20px 0 0;}

.mt15u5 { margin:15px 0px 5px 0px;}

.mtu20{ margin:20px 0px 20px 0px;}


.mtu35{ margin:35px 0px 35px 0px;}


.w430l { width:430px; float:left;}


/*companyのスタイル*/

.hyou01 td{
	padding:10px 15px;
	text-align:left;
}

.hyou01 .trline{
	background:url(http://www.lipo-cosme.jp/company/img/line.jpg) no-repeat 0 0;
	background-position:center;
	height:7px;}
	
.hyou01 td.tdl01{
	color:#990033;}

.hyou01 td.tdl02{
	padding:5px 15px 5px 15px;
	color:#990033;}
	
/*infomationのスタイル*/

h1.h1infomation{
	background:url(../infomation/img/header.jpg) no-repeat 0 0;
	height:200px;
	text-indent:-9999px;
	margin:0px 0px 15px;}

h1.h1infomation2{
	background:url(../infomation/img/header2.jpg) no-repeat 0 0;
	height:200px;
	text-indent:-9999px;
	margin:0px 0px 15px;}

.shoplist a{
	color: #990033;
	}

.shoplist a:hover{
	color:#FF6699;
	}


.shoplist li{
	background:url(../infomation/img/icon.jpg) no-repeat 0 center;
	padding:2px 0px 2px 20px;
	text-align:left;
	}

.shop01{
	width:220px;
	float:left;
	text-align:left;
	margin:0px 0px 50px;
	}
.shop02{
	width:194px;
	float:left;
	text-align:left;
	}
.shop03{
	width:194px;
	float:right;
	text-align:left;
	}
	
.txth3 {
	font-weight:bold;
	color:#B41F4B;
	padding:15px 0px 0px 0px ;}


/*qa*/
	
.qabox_t p { background:url(../faq/img/q.jpg) left center no-repeat;
			padding:2px 0px 2px 30px;}
			
.qabox{
	border:#E6E3E6 solid 1px;
	background:#EFEDEF;
	padding:15px 14px 0px;
	text-align:left;
	margin:0px 0px 20px;
}

.qabox p{
margin:0px 0px 10px;
}

.qabox .question{
	background:url(../faq/img/q_txt.jpg) no-repeat 0 0;
	font-weight:bold;
	color:#A41C48;
	padding:0px 0px 0px 100px;

}

.question a:hover{
color:#990033;
}


.qabox_a{
	border:#E6E3E6 solid 1px;
	background:#FFFFFF;
	padding:10px 10px 0px;
	text-align:left;
	margin:10px 0px 10px 0px;
}

/*contact*/
.input2{
	background:#FFFBFE;
	border:#BE2969 solid 1px;
	line-height:1.0em;
	}
.input3{
	border:#cccccc solid 1px;
	line-height:1.0em;
	}

.input4{
	border:#cccccc solid 1px;
	line-height:1.0em;
	width:450px;
	}
.txtsize{
	background:#FFFBFE;
	border:#BE2969 solid 1px;
	width:350px;
	height:150px;
	line-height:1.5em;
	}
	
.txtsize2{
	border:#B9984C solid 1px;
	width:450px;
	height:150px;
	line-height:1.5em;
	}
