@charset 'UTF-8';

/*==========================

	** TOC **
	reset
	common module
	body layout
	header
	footer
	

============================*/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



img, div, input, span { behavior: url("../iepngfix.htc"); }

/* reset
-------------------------------*/
* {
	margin: 0;
	padding: 0;
}

html {
	height:100%;
	font-family:"Lucida Grande",Verdana,Geneva,Arial,Helvetica,"Hiragino Kaku Gothic Pro","MS UI Gothic",Osaka,Sans-serif;
	line-height:1.4;
}
body,h1,h2,h3,h4,h5,h6,form,p,ul,ol,li,table,tr,th,td,dl,dd,dt{
	margin:0;padding:0;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
}
img{border:none;}
li{list-style:none;}
* html h1,
* html h2,
* html h3,
* html h4,
* html h5,
* html table{
	font-size:100%;
}
address{font-style:normal;}

table {
	padding:0;
}

th,td {
	border-collapse:collapse;
	padding:0;
	margin:0;
}


/* common module
------------------------------ */
.clear{
	height:0px;
	clear:both;
	font-size:0px;
	line-height:0px;
}
* html .clear{
	overflow:hidden;
}
.alt {
	position:absolute;
	top:-5000px;
	left:-999px;
}
.floatleft{float:left;}
.floatright{float:right;}
.clearleft{clear:left;}
.clearright{clear:right;}
.clearboth{clear:both;}
.bold{
	font-weight:bold;
}
.align_right{
	text-align:right;
}
.align_center{
	text-align:center;
}
.align_left{
	text-align:left;
}


/* body layout
------------------------------ */

body {
	text-align:center;
	font-size:12px;
	background-repeat: repeat-x;
	font-family: "メイリオ", meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #EBEADF;

}
.pageArea {
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	background-position: center;
	width: 1040px;
}
.menuArea {
	background-image: url(../images/menu_bg.gif);
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-bottom: 10px;	
}




.menuArea .news {
	float: right;
	height: 80px;
	width: 320px;
	background-color: #FFF;
	border: 1px solid #7FC1FF;
	margin-top: 20px;
	margin-right: 20px;
	text-align: left;
}
.menuArea .news ul {
	height: 55px;
	overflow: hidden;

}
.menuArea .news ul li .date {
	float: left;
	margin-left: 5px;
	width: 75px;
}
.menuArea .news ul li {

}

.menuArea .news ul li .newsTxt {
	float: right;
	width: 220px;
}
.pageArea .page .menuArea .news li {
	margin-bottom: 2px;
}


.menuArea .news h3 {
	font-size: 12px;
	font-weight: bold;
	color: #005FB8;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	line-height: 12px;
}
.pageArea .page .menuArea .all {
	padding-top: 20px;
	padding-left: 20px;
	float: left;
}
.pageArea .page .menuArea .roseStyle {
	float: left;
	padding-top: 20px;
	margin-left: 20px;
}
.menuArea .roseStyle img {
	margin-left: 5px;
}


.pageArea .page .menuArea .rosefragrance {
	float: left;
	padding-top: 20px;
	padding-left: 20px;
	width: 260px;
}
.pageArea .page .menuArea .roseSize {
	float: left;
	padding-left: 20px;
	padding-top: 10px;
	width: 270px;
}
.menuArea .roseSize h3 {
	font-size: 13px;
	float: left;
	margin-right: 5px;
	margin-top: 8px;
}

.menuArea .rosefragrance h3 {
	font-size: 13px;
	float: left;
	margin-right: 5px;
	margin-top: 8px;
}
.menuArea .rosefragrance img {
	margin-right: 5px;
}
.menuArea .roseColor {
	float: left;
	width: 340px;
	padding-top: 10px;
	padding-left: 10px;
}

.menuArea .roseColor h3 {
	font-size: 13px;
	margin-top: 8px;
	margin-right: 5px;
	float: left;
}

.menuArea .jiki {
	float: left;
	width: 520px;
	padding-top: 10px;
	padding-left: 20px;
}

.menuArea .jiki img {
	float: left;
}

.menuArea .jiki h3 {
	font-size: 13px;
	float: left;
	margin-top: 8px;
	margin-right: 5px;
}

.menuArea .seisansha {
	float: left;
	width: 160px;
	padding-top: 10px;
}
.menuArea .seisansha h3 {
	float: left;
	margin-top: 8px;
	margin-right: 5px;
}
.menuArea .seisansha #form {
	margin-top: 5px;
}
.menuArea .option {
	float: left;
	padding-top: 10px;
}
.page .mainPage {
	background-color: #333330;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
}
.page .mainPage2 {
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	text-align: left;
}
.mainPage2 h2 {
	font-size: 22px;
	color: #005FB8;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #005FB8;
	line-height: 22px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.mainPage2 .leftBlk {
	float: left;
	width: 486px;
}
.mainPage2 .leftBlk .ph {
	background-color: #333330;
	height: 450px;
	width: 450px;
	margin-left: 20px;
	padding: 8px;
	margin-bottom: 20px;
}
.mainPage2 .leftBlk .ph2 {
	background-color: #333330;
	width: 450px;
	margin-left: 20px;
	padding: 8px;
	margin-bottom: 20px;
}

.mainPage2 .LightBlk {
	float: right;
	width: 474px;
	margin-right: 20px;
}
.mainPage2 .LightBlk h3 {
	color: #005FB8;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 10px;
}
.mainPage2 .LightBlk .txt01 {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 20px;
	clear: both;
}
.mainPage2 .LightBlk .txt02 {
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 20px;
	clear: both;
	margin-top: 10px;
}

.mainPage2 .LightBlk h4 {
	color: #005FB8;
	font-size: 16px;
	margin-bottom: 5px;
}
.mainPage2 .LightBlk .jiki {
	margin-bottom: 10px;
}
.mainPage2 .LightBlk .jiki img {
	float: left;
}




.mainPage .ichiran {
	text-align: left;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 70px;
}
.mainPage .ichiran li {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.mainPage .ichiran.clearfix ul li a img {
	border: 1px solid #B2A31F;
}
.pageArea .foot  {
	text-align: left;
	background-color: #333330;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top: 15px;
}
.pageArea .foot img  {
	margin-left: 20px;
	margin-top: 10px;
}
.pankuzu {
	margin-top: 20px;
	margin-left: 20px;
}
.pankuzu a {
	color: #005FB8;
	text-decoration: none;
}
.modoru {
	margin-top: 5px;
	margin-left: 20px;
}
.modoru a {
	color: #005FB8;
	text-decoration: none;
}
.mainPage2 .LightBlk .faceBlk {
	float: left;
	width: 110px;
}
.mainPage2 .LightBlk .faceBlk .cap {
	font-size: 11px;
	margin-top: 5px;
	margin-right: 5px;
	width: 100px;
	padding-bottom: 5px;
}
.page .mainPage2 .otoi {
	margin-top: 20px;
}
.icon {
	margin-top: 10px;
	margin-bottom: 20px;
}
.icon img {
	margin-right: 5px;
}
.flexslider .slides li {
	position: relative;
	z-index: 1;
}
.mainPage .flexslider .slides li img{
	max-height: 333px;
	max-width: 333px;
	display: table;
	vertical-align: middle;
}


.flexslider .slides li p {
	background-color: rgba(255, 255, 255, 0.7);
	width: 100%;
	font-size: 13px;
	line-height: 22px;
	padding-top: 4px;
	padding-bottom: 4px;
	position: absolute;
	z-index: 2;
	bottom: 0px;
}
.ichiran ul li p {
	font-size: 12px;
	line-height: 22px;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
}
.ichiran li img {
	max-height: 200px;
	max-width: 200px;
	display: table;
	vertical-align: middle;
}
.hidden {
	display: none;
}
.mainPage .catName {
	font-size: 16px;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
.faceBlk .face img {
	height: 80px;
	width: 80px;
}