@charset "UTF-8";

.header_contact_img02 {
	float:right;
}
.header_contact_img01 {
	float: left;
	margin-top: 16px !important;
}

body{
	overflow-x:hidden;
}
p{
	line-height:140%;
}
.ttl {
	display:block;
}


a {
	color:#CE3F9F;
}

a img:hover {
	opacity:0.7;
}

.pink{color:#DB68B3;}

.headerWrap {
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff7fa+0,ffffff+29 */
	background: #fff7fa; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff7fa 0%, #ffffff 29%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff7fa), color-stop(29%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff7fa 0%,#ffffff 29%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff7fa 0%,#ffffff 29%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff7fa 0%,#ffffff 29%); /* IE10+ */
	background: linear-gradient(to bottom,  #fff7fa 0%,#ffffff 29%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff7fa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border-top:3px solid #F0BFDF;

}

header {
	width:927px;
	margin:0 auto;
	
}
.header_log {
	font-size:12px;
	float:left;
	font-weight:100;
	width:300px;
	margin-top:15px;
}

.header_nav {
	background:url(../img/top_headerbg01.png) no-repeat top center;
	width:265px;
	height:26px;
	float:right;
}

.header_nav ul li {
	float:left;
	background:url(../img/top_icon001.jpg) no-repeat left center;
	padding:2px 0 0 10px;
	margin:0 14px;
}
.top_contact {
	margin:20px 0 10px;
	float:right;
	width:470px;
	
}

.top_contact img {
	margin:0 5px;
}

.mainWrap {
	width:100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+65,fff7fa+100 */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+49,fff7fa+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 49%, #fff7fa 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#ffffff), color-stop(100%,#fff7fa)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 49%,#fff7fa 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 49%,#fff7fa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 49%,#fff7fa 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 49%,#fff7fa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff7fa',GradientType=0 ); /* IE6-9 */

	border-top:#DCB9D3 1px solid;
}
.main {
	width:1074px;
	margin:0 auto;
	position:relative;
}

nav {
	width:100%;
	background: url(../img/nav_bg.jpg) repeat-x left top;
	height:63px;
	
}

nav ul {
	width:930px;
	margin:0 auto;
}

nav ul li {
	float:left;
}

.contentwrap {
	background:#FAF5ED;
	width:100%;
}
.contentwrap_inner {
	width:934px;
	margin: 0 auto;
	background:#FFF;
	padding:30px 50px 30px 40px;
	border-right:#E8DBE4 solid 1px;
	border-left:#E8DBE4 solid 1px;
}

.articleWrap {
	width:690px;
	float:left;
}

.topBnr {
	margin-top:-10px;
	margin-bottom:20px;
}
.topBnr li{
	float:left;
	margin-right:15px;
}
.topBnr li:last-child{
	margin-right:0;
}

.top_content01 {
	width:690px;
	height:616px;
	clear:both;
	position:relative;
	background:url(../img/top_content_bg01.jpg) no-repeat center center;
	margin-bottom:20px;
}
.top_content01 p{
	position: absolute;
	top: 432px;
	left: 40px;
	font-size: 14px;
}

.top_content02 {
	/* box-shadow */
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 4px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 4px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 4px 1px;
	padding-bottom:30px;
}

.top_content02 ul li {
	float:left;
	margin:15px 5px;
	
}
.top_content02 ul li:nth-child(2) {
	border-left:1px dotted #DDDDDD !important;
	border-right:1px dotted #DDDDDD !important;
	padding: 0 15px 0 5px;
	margin-left: 7px;
}
	

.top_content02 ul li p{
	width:200px;
	padding-left:8px;
	line-height:120%;
	margin:10px 0;
}
.top_content02 ul li:nth-child(4) p {
	width:642px;
	padding-left:8px;
	line-height:120%;
	margin:10px  auto;
}
.top_content02 ul li:nth-child(4) {
	width:100%;
	float: left;
    margin: 15px 0px;

}
.top_content02 ul li:nth-child(4) img {
	width:auto;
	margin:20px auto 0;
	display: block;
}
.top_content02 ul li:nth-child(1) p {
	
	width:200px;
	padding-left:8px;
	line-height:120%;
	margin:10px 0 15px!important;
}

.top_content02 ul li:nth-child(3) p {
	
	width:200px;
	padding-left:8px;
	line-height:120%;
	margin:10px 0 25px!important;
}


.top_content03 ul li{
	float:left;
	margin:20px 0;
}
.top_content03 ul li:nth-child(2){
	float:left;
	margin:20px 11px;
}	



.sidebarWrap {
	width:226px;
	float:right;
}

.sidebar div {
	margin:15px 0 0 ;
}
.sidebar div img{
	margin:0px 0 15px;
}


.top_content04 {
	width:838px;
	clear:both;
	border:1px solid #CCCCCC;
	border-top:none !important;
	padding:0px 40px 0;
	background:url(../img/top_content03_bg.jpg) no-repeat center top, #FFF;
	
}

.top_content04ttl {
	width:auto;
	display:block;
	margin: 0 auto 30px;
}

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

.top_content04 div p {
	padding:15px 0 0 11px;
}

.top_content04 div p .icon01 {
	line-height:120%;
	font-size:11px;
	width:370px;
	text-align:right;
	background:url(../img/top_icon01.png) no-repeat 300px center;
	padding-left:10px;
	display:block;

}

.top_content04 div ul li {
	margin-bottom:10px;
	padding-bottom:5px;
	border:1px solid #C8C9BB;
}

.top_content04 div p span a {
	text-decoration:underline;
	color:#8D236B;
}

.top_content04left {
	float:left;
	width:414px;
	

}

.top_content04right {
	float:right;
	width:414px;
	
}



footer {
	width:100%;
	background:#D763AF;
}


footer p {
	text-align:center;
	font-size:12px;
	color:#FFF;

	
}

/*****      sub page    *******/

.boder01 {
	border:#E8DBE4 solid 1px;
}

.breadcrumb {
	padding:10px 0;
	
	
}

.breadcrumb  ul li a {
	color:#0000FF;
	text-decoration:underline;
}

.breadcrumb ul {
	width: 984px;
	margin: 0 auto;
	padding-left:40px;
}

.breadcrumb ul li {
	float:left;

}

.page_top {
	padding-left:782px;
	padding-bottom:10px;
	width:1024px;
	clear:both;
}


.subpage01Wrap {
	background:#FCF9F4;
	width:926px;
}

.subpage01Wrap h2 {
	margin-bottom:20px;
}


.layout {
	width:893px;
	margin:0 auto 30px;
	background:#FFF;
	
}

.layout div {
	border-bottom:#EBEBEB 1px solid;
	border-left:#EBEBEB 1px solid;
	border-right:#EBEBEB 1px solid;
	padding:0;
	margin:0;
}

.layout ul {
	border-bottom:#DDDDDD 1px solid;
	width:400px;
	margin:0 auto;
}
.layout ul li:nth-child(1) {
	padding:13px 5px 0;
}
.layout ul li {
	float:right;
	margin:8px 3px;
	right: 0px;
	
}

.layout ul:nth-child(4) {
	
	border-bottom:none;
}

.subcontentwrap {
	width:832px;
	margin:0 auto 30px;
	position:relative;
	border:6px solid #eeeeee;
	padding:24px;
}

.subcontent_left {
	float:right;
	background:#FFF;
}
.subcontent_left li{
	right:0;
}



.subcontent_left img{
	width:450px;
	height:auto;
}
.bx-wrapper{
	width:450px!important;
	margin: 0 !important;
	float: right;
}
.subcontent_right {
	float:left;
}

.ontext{
	position:absolute;
	top:24px;
	right:24px;
	width:450px;
}

.color {
	background:#FFF;
	border:1px solid #E8DBE4;
	width:366px;
	border-radius:0px 0px 3px 3px;
	margin-bottom:10px;
}

.color ul {
	margin-top:3px;
	padding-left: 10px;
}
.color div {
	width:183px;
	height:25px;
	padding-top:5px;
	text-align:center;
	background:#EDEAEE;
	color:#333333 !important;
	margin:3px auto 7px;
	border-radius:3px 3px 3px 3px;
	font-weight:bold;
}

.simulationTable {
	width:832px;
	margin:0 auto ;
}
.simulationTable table{
	width:832px;
	border-collapse:collapse;
	margin:0 auto 5px ;
}
.simulationTable th{
	border-collapse:collapse;
	border:1px solid #999999;
	background:#E6E6E6;
}
.simulationTable td{
	border-collapse:collapse;
	border:1px solid #999999;
	text-align:center;
	padding:5px 0;
}
.simulationTable .img_flower td{
	border-collapse:collapse;
	border:1px solid #999999;
	text-align:center;
	padding:0 0;
}
.simulationTable .pink{
	 background:#FBECF5;
}
.simulationTable .grad{
	 background:-webkit-linear-gradient(top, #fff, #F8E0EF); background:linear-gradient(to bottom, #fff, #F8E0EF);
}
.simulationTable .price{
	font-weight:bold;
	text-decoration:underline;
}
#bx-pager3 img{
	width:34px;
	height:auto;
}
.bxslider3 li{
	background:url(../img/color/21_EMERALD%20GREEN.jpg) no-repeat;
	background-size:450px 362px; 
	right: 0px;
}
.simulation_attention01{
	float:left;
	margin:10px 0 0 10px;
}

.color ul li {
	float:left;
	margin:0;
	margin-right: -15px;
}

@-moz-document url-prefix() {
.color ul li {
	margin-right: 5px;
	}
}
.color ul li img{
	width:19px;
	height:auto;
}
.color #text01 ul {
	padding:0;
	margin:0;
}
.color #text01 ul li {
	float:none;
	margin:0;
	font-weight:bold;
}
.color #text02 ul {
	padding:0;
	margin:0;
}
.color #text02 ul li {
	float:none;
	margin:0;
	font-weight:bold;
}
.color ul li a{
	display:inline-block;
}
form#mailformpro label{
	margin:0 5px 0 0!important;
}
form#mailformpro input{
	margin:5px 5px 5px 2px!important;
}

.sample_table01 {
	width:790px;
	margin:0 auto;
}

.sample_table01 th {
	width:20%;
	border-bottom: solid 1px #8FAADA;
}
.sample_table01 th span{
	font-weight:normal;
	font-size:12px;
}
.sample_table01 td {
	width:92%;
	padding:5px 20px;
	border-bottom: solid 1px #CCCCCC;
	margin-left:5px;
	display:inline-block;
}

.sample_table01 input{
	width:90%;
	margin:5px 0;
	height:25px;
}
.sample_table01 input.short{
	width:30%;
}

.sample_table01 textarea{
	width:100%!important;
	margin:5px 0;
	min-height:100px;
}

button.submit{
	width:240px;
	cursor:pointer;
	margin:15px auto 50px;
	display:block;
	text-align:center;
	background:#E94D34;
	font-weight:bold;
	font-size:25px;
	color:#fff;
	padding:6px 0;
	border:none;
	
}

button.submit:after{
	display: inline-block;
	content: '▼' ;
	transform: rotate( -90deg );
	color:#fff;
	font-size:18px;
	
}




.caution01 {
	clear:both;
	padding-left:35px;
	font-size:13px;
	color:#555555;
	
}
.sub_btn01 {
	clear:both;
}


.sub_btn01 img {
	display:block;
	margin:20px auto 40px;
	padding-bottom:40px;
	width:auto;
}

.p_description {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:19px;
	color:#444444;
	line-height:120%;
	width:650px;
	margin:30px auto;
	letter-spacing:3.2px;
	
}

.p_description span {
	display:block;
	margin-bottom:10px;
}
.scbtn01 ul {
	width:672px;
	margin:0 auto 20px; 
}
.scbtn01 ul li {
	float:left;
	margin:0 5px;
}

.commodity01 {
	width:926px;
	margin: 0 auto;
}

.commodity_list01 {
	background: url(../img/lineup_bg.jpg) repeat center center;
}
.commodity_list01 ul {
	width:926px;
	padding-top:30px;
	margin:0 auto 30px;
}

.commodity_list01 ul li {
	float:left;
	background:#FFF;
	width:200px;
	margin:5px 7px;
	/* box-shadow */
	box-shadow:rgba(191, 135, 66, 0.25) 0px 0px 12px -2px;
	-webkit-box-shadow:rgba(191, 135, 66, 0.25) 0px 0px 12px -2px;
	-moz-box-shadow:rgba(191, 135, 66, 0.25) 0px 0px 12px -2px;
}

.commodity_list01 ul li table tr:nth-child(3) {
	border-top:#F2E8DB 1px solid;
	border-bottom:#F2E8DB 1px solid;
}

.commodity_list01 ul li table tr:nth-child(4) {
	border-bottom:#F2E8DB 1px solid;
}
.commodity_list01 ul li table tr th {
	padding:5px 8px 5px 10px;
	
	text-align:left;
}

.commodity_list01 ul li table tr td span{
	color:#B82C86;
	font-size:16px;
}

.commodity_list01 ul li table tr td p {
	text-align:center;
	padding:5px 0px 7px 0;
	color:#444444;
	
}

.sub_btn02 {
	clear:both;
}


.sub_btn02 img {
	display:block;
	margin:20px auto 40px;
	padding-bottom:20px;
	width:auto;
}

.bnr01 {
	border-top:#AAAAAA 1px solid;
	padding-top:10px;
	margin-bottom:20px;
	clear:both;
	text-align:center;
}

.bnr01 ul li {
	margin:20px 0;
	display:inline-block;
}
.bnr01 ul li:nth-child(2){
	margin:20px 11px;
}


.sub_font01 img {
	display:block;
	margin:40px auto 20px;
	
	width:auto;
}


.sub_font02 img {
	display:block;
	margin:0px auto 20px;
	
	width:auto;
}
.message {
	width:660px;
	margin:0px auto 10px;
}

.message p {
	float:left;
	line-height:140%;
	font-size:14px;
	width:433px;
	letter-spacing:-2px;
}

.red {
	color:rgba(255,0,0,1);
}

.blank {
	display:block;
	margin-bottom:12px;
}
.message img {
	float:right;
	display:block;
	 
}

.sub_font03 img {
	display:block;
	margin:20px auto 40px;
	
	width:auto;
}

.beginner_list01 li {
	padding:20px 0;
	border-bottom:dashed 1px #AAAAAA;
}


.beginner_list01 li:last-child {
	padding:20px 0 40px;
	border-bottom: none;
}

.beginner_honne{
	margin:40px auto;
	width:660px;
}
.beginner_honne_box01 p{
	text-align:center;
	margin-top:30px;
	font-size:16px;
}
.beginner_honne_box01 p.red{
	width:460px;
	text-align:left;
	margin:15px auto 0;
	line-height:120%;
}
.beginner_honne_box01 p.red span{
	font-size:13px;
}
.beginner_honne_box02{
	background:#CCCCCC;
	text-align:center;
	padding:7px 0 12px;
	font-size:16px;
	margin-top:15px;
}
.beginner_honne_box02 p{
	margin-bottom:12px;
}
.beginner_honne_box03{
	margin-top:30px;
	overflow:hidden;
}
.beginner_honne_box03 .left{
	float:left;
	width:400px;
	margin-left:15px;
}
.beginner_honne_box03 .left h3{
	margin:15px 0 20px;
}
.beginner_honne_box03 .left p{
	font-size:15px;
	margin-bottom:10px;
}
.beginner_honne_box03 .right{
	float:right;
	margin-right:15px;
}


.div_left {
	float:left;
	padding-left:10px;
}

.div_right {
	float:right;
	width:453px;
	line-height:120%;
	font-size:14px;
}
.div_right h4 {
	color:#444444;
	font-size:16px;
	padding:3px 0;
}

.div_btn01 img{
	padding:10px 0 10px 250px;
	display:block;
	width:auto;
}



/* flow start */

#tab-box {
		margin:30px 0;
	}
	.top_nav li {
		margin:0;
		display:block;
	}
	
	.tab_nav {
		border-bottom:3px solid #777777;
	}
    #tab-box ul {  
    width:690px;  
    margin:30px auto 0;
	
    padding: 0;  
    list-style: none;  
    }  
    #tab-box ul li {  
      
    float:left;  
    display:inline;  
    font-size:0;  
    }  
	.tab_li1 {  
    margin-left:7px;    
    }
	.tab_li2 {  
    margin-left:5px;    
    }
    #tab-box ul li a img{  
    outline:none;  
    border:none;  
    }  
    .tab_div01 {  
    display:none;  
     
    }  
    .clearFix:after{  
    display:block;  
    clear:both;  
    height:0;  
    visibility:hidden;  
    content:".";  
    zoom:1;  
    }  
	
.flow_box ul li{
	width:660px;
	padding:15px;
	
}

.flow_box ul li:nth-child(even) {
	background:#FDF7FB;
	border-top:#E8DBE4 2px dotted;
	border-bottom:#E8DBE4 2px dotted;
}

.flow_box ul li:last-child {
	background:#FDF7FB;
	border-top:#E8DBE4 2px dotted;
	border-bottom:#E8DBE4 1px solid;
}

.flow_box ul li div {
	float:left;
}

.flow_box ul li div h3{
	font-size:18px;
	line-height:190%;
	
}
#tab-01 .flow_box ul li div h3{color:#E92D27;}
#tab-02 .flow_box ul li div h3{color:#258C18;}
#tab-03 .flow_box ul li div h3{color:#D96D00;}
#tab-04 .flow_box ul li div h3{color:#090EDF;}

.flow_box ul li div h3 img{
	padding-right:10px;
	
}

.flow_box ul li div p {
	color:#333333;
	padding:10px;
	font-size:14px;
}

.flow_box ul li div p a {
	color:#0000FF;
	text-decoration:underline;
	line-height:140%;
	
}

.tab_right {
	float:right;
}


.flow_btn {
	width:auto;
	display:block;
	margin:30px auto;
}

.guide{
	margin:20px auto;
	width:645px;
}
.guide p{
	padding-left:15px;
	margin:15px 0 30px;
}
.privacy {
	margin:20px auto;
	width:660px;
}
.privacy h3{
	padding-left:5px;
	border-bottom:2px solid #999;
	margin:30px 0 10px;
}
.privacy p{
	padding-left:5px;
	margin:15px 0 30px;
}
.privacy ol{
	width: 94%;
	padding-left:3%;
}
.privacy ol li{
	list-style-type: decimal;
	margin-bottom:5px;
}
.company{
	margin:20px auto 50px;
	width:645px;
}
.company th{
    border: 1px solid #AAA;
    background-color: #eee;
    color: #242223;
    padding: 15px 6px;
    width: 180px;
	text-align:left;
}
.company td{
    border: 1px solid #AAA;
    padding: 6px;
	text-align:left;
}

.select{
	text-align:center;
	padding:7px 0;
}


.top_back {
	margin:15px 0px 10px 90px;
}	

.pagetop{
	width:900px;
	margin:0 auto;
	text-align:right;
	clear:both;
	display:block;
}


#bx-pager li a{
	 padding-right:40px; z-index:99; position:relative;
}
#bx-pager li input{
	 margin-left:-38px!important; z-index:1; position:relative;
}
#bx-pager li label{
	margin-right:5px!important;
}

#bx-pager2 li a{
	 padding-right:40px; z-index:99; position:relative;
}
#bx-pager2 li input{
	 margin-left:-38px!important; z-index:1; position:relative;
}
#bx-pager2 li label{
	margin-right:5px!important;
}

#bx-pager3 li a{
	 padding-right:40px; z-index:99; position:relative;
}
#bx-pager3 li input{
	 margin-left:-38px!important; z-index:1; position:relative;
}
#bx-pager3 li label{
	margin-right:5px!important;
}



.img_archive {
	
	width: 832px;
	margin: 0 auto 30px;
	position: relative;
	padding: 24px;
}



.img_archive_list {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
	-webkit-justify-content: space-around; /* Safari */
  justify-content:         space-around;
}
.img_archive_list > li {
	width:25%;
	border: 3px solid #eeeeee;
	padding: 10px 3%;
	margin:20px 0;
}
.img_archive_list img {
	width:90%;
	display:block;
	margin:15px auto;
}

.img_archive_list table {
	width:100%;
}

.img_archive_list table th {
	background:-webkit-linear-gradient(top, #fff, #F8E0EF); background:linear-gradient(to bottom, #fff, #F8E0EF);
	border-collapse:collapse;
	border:1px solid #999999;
	text-align:center;
	padding:5px 0;
}

.img_archive_list table td {
	border-collapse:collapse;
	border:1px solid #999999;
	text-align:center;
	padding:5px 0;
}
.img_archive_detail {
	width:820px;
	margin:0 auto;
}
.img_archive_detail img {
	display:block;
	width:100%;
	margin: 0 auto;
}


.img_archive_detail table {
	width:100%;
	margin:0px auto;
}

.img_archive_detail table th {
	background:-webkit-linear-gradient(top, #fff, #F8E0EF); background:linear-gradient(to bottom, #fff, #F8E0EF);
	border-collapse:collapse;
	border:1px solid #999999;
	text-align:center;
	padding:5px 0;
}

.img_archive_detail table td {
	border-collapse:collapse;
	border:1px solid #999999;
	text-align:center;
	padding:5px 0;
}

.display {
	display:none;
}
.display01 {
	display:none !important;
}

.img_ttl001 {
	color:#CE3F9F;
	font-size:20px;
	border:none;
	background:none;
}

.img_archive_detail_left {
	float:left;
	width:200px;
}

.img_archive_detail_right {
	float:right;
	width:580px;
}
.img_flower img {
	width:auto;
	height:89px;
}

form#mailformpro .lable label {
	display:inline-block !important;
}