@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span { margin:0px; padding:0px; }
img { margin:0px; padding:0px; border:none; }	
ul,li{ list-style:none; }
h1,h2,h3,h4,h5,h6,big,small { font-size:100%; font-weight:normal; }
a:link,a:visited,a:active { text-decoration:none; color:#003300; }
a:hover { text-decoration:none; color:#00CC66; }
body { font-family:Meiryo, メイリオ, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
article,aside,dialog,figure,footer,header,legend,nav, section { display: block; }
/* ----------------------- */
#header { height:80px; width:100%; position:fixed; z-index:1000; background-color:rgba(255,255,255,0.9); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#e5ffffff,EndColorStr=#e5ffffff); -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#e5ffffff,EndColorStr=#e5ffffff)"; box-shadow:1px 1px 2px 0 #888; }
#header:not(:target){ filter: none; -ms-filter: none; }
#headerInner { height:80px; width:1110px; margin:0 auto; }
#headerLogo { float:left; margin-left:50px; }
#headerLogo img { width:120px; margin-top:20px; } 
#headerInner ul { float:left; margin-top:27px; margin-left:100px; }
#headerInner ul li { float:left; padding:0 30px; border-left:1px solid #ccc; color:#666; font-size:16px; }
#headerInner ul li:last-child { border-right:1px solid #ccc; }
.sp { display:none; }
/* ----------------------- */
#top { height:660px; min-width:1110px; }
#top2 { height:80px; min-width:1110px; }
#toptitleHole01 { width:100%; position:absolute; }
#toptitle01 { width:1110px; margin:0 auto; }
/* ----------------------- */
#bnrOrignal { display:none; }
#bnrAreaHole { width:100%; background:#fff; height:90px; }
#bnrArea { width:1110px; margin:0 auto; }
/* ----------------------- */
#newsAreaHole { width:100%; background:#fff; height:40px; }
#newsArea { width:1110px; margin:0 auto; }
#newsArea p { float:left; padding:0 30px; margin-top:8px; font-size:16px; }
.newsTitle { margin-left:10px; background:#000; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; }
.newsTxt { color:#333; }
.newsTxt a { text-decoration: underline; }
/* ----------------------- */
#about { height:650px; min-width:1110px; }
#aboutBodyHole { width:100%; }
#aboutBody { padding-top:70px; width:800px; margin:0 auto; font-size:16px; line-height:26px; color:#fff; text-shadow: 0 1px 1px #666; }
#aboutBodytxt { }
#aboutBody .subtitle { font-weight:bold; font-size:20px; }

.iPad { display:none; }
/* ----------------------- */
#message { height:650px; min-width:1110px; }
#messageBodyHole { width:100%; }
#messageBody { padding-top:50px; width:800px; margin:0 auto; font-size:16px; line-height:26px; color:#333; text-shadow: 0 1px 1px #fff; }
#messageBodytxt img { float:right; margin-left:20px; }
/* ----------------------- */
#products { height:650px; min-width:1110px; }
#productsBodyHole { width:100%; }
#productsBody { padding-top:100px; width:1020px; margin:0 auto; }
#productsBodytitle { padding-left:100px; }
#productsBodytxt ul li { float:left; margin-right:20px; margin-top:30px; }
#productsBodytxt ul li:last-child { margin-right:0; }
#productsBodytxt img:hover { alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }
/* ----------------------- */
#company { height:650px; min-width:1110px; }
#companyBodyHole { width:100%; }
#companyBody { padding-top:100px; width:800px; margin:0 auto; font-size:16px; line-height:26px; color:#fff; text-shadow: 0 1px 1px #666; }
#companyBodytxt table { width:100%; }
#companyBodytxt table th { width:20%; padding:5px; text-align:left; }
#companyBodytxt table td { padding:5px; }
/* ----------------------- */
#contact { min-width:1110px; background:#d6e7bd; }
#contactBodyHole { width:100%; }
#contactBody { padding:50px 0; width:500px; margin:0 auto; font-size:16px; line-height:26px; color:#333; text-shadow: 0 1px 1px #fff; }

input, select, textarea { font-size:80%; }
form { margin-top:20px; }
.formParts01 { float:left; width:47%; height:35px; }
.formParts02 { float:right; width:47%; height:35px; }
.formParts03 { clear:both; float:left; width:47%; height:35px; margin-top:10px; }
.formParts04 { float:right; width:47%; height:37px; margin-top:10px;  }
.formParts05 { width:100%; height:35px; margin-top:10px; }
.formParts06 { width:100%; height:35px; margin-top:10px; }
.formParts07 { width:100%; height:37px; margin-top:10px; }
.formParts08 { width:100%; height:80px; margin-top:10px; }
.formParts09 { width:50%; height:42px; margin-top:10px; }
.formBtn { text-align:center; }

.formPartsBox { border:1px solid #777;
    color: #888;
    background: #fff;
	border-radius: 5px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.formPartsBtn {
    border:1px solid #777;
	font-size:16px;
    cursor: pointer;  
	color: #666;
    background: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #fff), to( #eee));
	background-image: -webkit-linear-gradient( #fff, #eee);
	background-image:    -moz-linear-gradient( #fff, #eee);
	background-image:     -ms-linear-gradient( #fff, #eee);
	background-image:      -o-linear-gradient( #fff, #eee);
	background-image:         linear-gradient( #fff, #eee);
	 border-radius: 5px;
    -webkit-border-radius: 5px;         
    -moz-border-radius: 5px;
}
/* ----------------------- */
#footer { width:100%; min-width:1110px; text-align:center; padding:20px 0; }
#footer small { color:#666; }
/* ----------------------- */
#about-jum { position:absolute; top:-80px; }
#message-jum { position:absolute; top:-80px; }
#products-jum { position:absolute; top:-80px; }
#company-jum { position:absolute; top:-80px; }


/*--------------
	cosme.html
---------------*/
.inner{
	width:1000px;
	margin:0 auto;
}

#cosmetic{
 	width:100%; 
	position:absolute;
	top:100px;

}

#cosmetic .bleadcramb li{
	float:left;
	margin:0 5px 20px 0;
}

#contents{
	clear:both;
}

#contents h1{
	font-style:italic;
	font-size:47px;
}

.floatBox{
	width:1000px;
	clear:both;
	padding-top:60px;
}

.left_box{
	float:left;
	width:330px;
	text-align:center;
}

.onlineshop{
	background: #009543; /* Old browsers */
background: -moz-linear-gradient(top,  #009543 0%, #009543 50%, #0f8415 52%, #0f8415 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009543), color-stop(50%,#009543), color-stop(52%,#0f8415), color-stop(100%,#0f8415)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #009543 0%,#009543 50%,#0f8415 52%,#0f8415 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #009543 0%,#009543 50%,#0f8415 52%,#0f8415 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #009543 0%,#009543 50%,#0f8415 52%,#0f8415 100%); /* IE10+ */
background: linear-gradient(to bottom,  #009543 0%,#009543 50%,#0f8415 52%,#0f8415 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009543', endColorstr='#0f8415',GradientType=0 ); /* IE6-9 */
border-radius:20px;
padding:5px 10px;
width:180px;
text-align:center;
	color:#fff;
	margin:10px auto;
}

.onlineshop a{
	display:block;
	color:#fff;
} 

.onlineshop:hover{
	opacity:.7;
}

.right_box{
	float:right;
	width:625px;
}

.right_box h3{
	margin:25px 0;
	font-weight:700;
	font-size:16px
}

.detail{
	text-align:right;
	margin-top:50px;

}

.detail a{
	color: #009543;
}

#cosmetic #footer{
 clear:both;
	padding-top:80px;
}