﻿/* ===================================
 1)基本タグ 
 2)全体
 3)ヘッダー
 4)メイン
 5)フッター
 6)フォント
 7)その他
 =================================== */
/* ===================================
 1)基本タグ 
 =================================== */
body {
	margin: 0px auto;
	padding: 0px;
	background-color: #FEA0B2;
	background-image: url(../img/bg_002.jpg);
	background-repeat: repeat;
	background-position: center;
	
}
div img {
	vertical-align: text-top;
}


img {
    border-style:none;
	margin:auto
}

p{
	font-size:12px;
	font-color:#666666;
	line-height:140%;
	margin: 0px;
	padding: 0px;
}
li{
	font-size:12px;
	font-color:#666666;
	line-height:140%;
	margin: 0px;
	padding: 0px;
}
div{
	margin: 0px;
	padding: 0px;
}
h1,h2,h3{
	margin: 0px;
	padding: 0px;
}
a:link {
	color: #006699;
	text-decoration: none;
}
a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #FF6633;
	text-decoration: underline;
}
a:active {
	color: #006699;
	text-decoration: underline;
}

/* ===================================
 2)全体 
 =================================== */
#container{
	margin: 0px auto 0px auto;
	padding: 0px 0px 20px 0px;
	width: 820px;
	background-image: url(../img/bg_001.jpg);
	background-repeat: repeat-y;
}

/* ===================================
 3)ヘッダー
 =================================== */
#header{
	margin: 0px auto 20px auto;
	padding: 0px;
	width: 780px;
}
#header .left-box{
float:left;
	margin: 0px;
	padding: 0px;
}
#header .center-box{
float:left;
	margin: 0px;
	padding: 0px;
}
#header .right-box{
float:right;
	margin: 0px;
	padding: 0px;
}
/* ===================================
 4)メイン
 =================================== */
.imgintro {
	float: right;
	width: auto;
	margin: 0 0 5px 5px;
	padding: 0 0 0 0;
}

.segment{
	margin: 0px auto;
	padding: 0px;
	width: 750px;
	text-align: center;
	font-size:12px;
	line-height:140%;
}

.segment01{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	text-align: center;
}

.segment02{
	margin: 0px;
	padding: 0px 0px 0px 30px;
	float: left;
	width: 750px;
}
.segment03{
	margin: 0px;
	padding: 0px 0px 0px 35px;
	float: left;
	width: 300px;
}

.segment03{
	margin: 0px;
	padding: 0px 0px 0px 35px;
	float: left;
	width: 340px;
}

.segment05{
	background-repeat:repeat;
	border:1px solid #CC3366;
	line-height:15px;
	margin:0px 0px 10px;
	text-align:left;
	width:750px;
}

.segment06{
	margin: 0px auto;
	padding: 0px;
	width: 750px;
	text-align: center;
	font-size:12px;
	line-height:140%;
}

.segment07{
	background-repeat:repeat;
	border:1px solid #389B6D;
	line-height:15px;
	margin:0px 0px 10px;
	text-align:left;
	width:750px;
}

.segment08{
	background-repeat:repeat;
	border:1px solid #FFCC99;
	line-height:15px;
	margin:0px 0px 10px;
	text-align:left;
	width:750px;
}

.segment09{
	background-repeat:repeat;
	border:1px solid #FBA49F;
	line-height:15px;
	margin:0px 0px 10px;
	text-align:left;
	width:750px;
}

.footer{
	background-color:#FFFFFF;
	background-repeat:repeat;
	border:1px solid #3399CC;
	line-height:15px;
	margin:0px 0px 10px;
	text-align:left;
	width:750px;
}

.footerboxleft{
	float:left;
	padding:0px 0pt 0 0;
	text-align:left;
	width:340px;
}

.footerboxright{
	float:right;
	padding:0px 10px 0 0;
	text-align:left;
	width:380px;
}

.footerboxcenter{
	margin: 0px auto;
	float:right;
	padding:0px 5px;
	text-align:left;
	width:700px;
}

.footerbox750{
	width:760px;
	display:inline;
	text-align:center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

.footerbox li {
	list-style-image: url("http://www.lovecosmetic.jp/images/en_green.gif");
	margin: 5px 0 0 5px;
	padding: 0px 0 0 0;
}


#main{
	margin: 0px auto;
	padding: 0px;
	width: 750px;
}
#main .contents{
	width:750px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	 min-height: 1em;
    display: inline-table;
}
#main .contents h2{
	margin: 0px 0px 10px 0px;
}
#main .contents p{
	margin: 0px 0px 15px 0px;
}

/* box1パターン */
#main .contents .left-box{
	width:265px;
	float:left;
	margin: 0px;
	padding: 0px 0px 0px 5px;
}
#main .contents .right-box{
	width:480px;
	float:right;
	margin: 0px;
	padding: 0px;
}
#main .contents .right-box h3{
	margin-bottom: 20px;
	padding: 0px;
}

/* box2パターン */
#main .contents .left-box02{
width:360px;
float:left;
	margin: 0px;
	padding: 0px;
}
#main .contents .left-box02 .photo{
width:150px;
float:left;
	margin: 0px;
	padding: 0px;
}
#main .contents .left-box02 .text{
width:200px;
float:right;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
#main .contents .right-box02{
width:360px;
float:right;
	margin: 0px;
	padding: 0px;
}
#main .contents .right-box02 .photo{
width:150px;
float:left;
	margin: 0px;
	padding: 0px;
}
#main .contents .right-box02 .text{
width:200px;
float:right;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
#main .contents .point{
	margin: 0px 0px 0px 5px;
}



/* ===================================
 5)フッター
 =================================== */
#footer{
	margin: 15px auto;
	padding: 10px 0px 0px 0px;
	width: 740px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#footer .logo{
	margin: 40px 0px 0px 0px;
	padding: 0px;
	z-index:1;
position:absble;
}
#footer .text{
	margin: -60px 10px 0px 340px;
	padding: 0px;
	width: 400px;
z-index:2;
position:absble;
}

#footer #navi{
	position:relative;
	z-index:1;
	float: right;
	margin: -90px 0px 0px 0px;
	padding: 0px;
}
#footer li{
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font-size:12px;
	list-style:none;
}

/* ===================================
 6)フォント設定
 =================================== */
 .blue {
	color: #2DAFAF;
}
 .pink {
	color: #F28797;
}

 .pink02 {
	color: #FF9170;
}

 .violet {
	color: #BB78C2;
}
 .perple {
	color: #CC3366;
}
 .gray {
	color: #666666;
}
 .red {
	color: #cc0000;
}

 .green {
	color: #99CC00;
}

 .blue02 {
	color: #0066CC;
}
 .green02 {
	color: #389B6D;
}
 .green03 {
	color: #81D524;
}
 .momoiro {
	color: #F96962;
}




/* ===================================
 7)その他
 =================================== */
/*---回り込み解除---*/
.clearFix:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .clearFix {
    height: 1em;
}

>.clearFix {
    display: block;
}
/**/

/*---画像の枠---*/
.waku{
	border: 1px solid #CCCCCC;
	margin: 0px 0px 0px 3px;
	padding: 0px;
}


/*---テキストの右寄せ---*/

.rightapp{
text-align:right;
	font-size:12px;
	font-color:#666666;
	line-height:140%;
	margin: 0px;
	padding: 0px 15px 0px 15px;
}

