body {
	margin: 3em 0 0;
	padding: 0;
	color: #666;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 0.75em;
	line-height: 2em;
	text-align: left;
}

body {
  -webkit-text-size-adjust: 100%;
}

img{
     max-width: 100%;
     height: auto;
	 border: none;
}

.center { text-align: center;} 
.left { text-align: left;} 
.right { text-align: right;} 

em {font-style: normal;}

h3 {
	margin: 1em 0 0.5em;
	padding: 0;
	border-bottom: 1px dotted #351e13;
}

ul, ol, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

li.decimal{
	margin-left: 2em;
	list-style-type: decimal;
}

/* clearfix
------------------------------------------------------------*/
.clearfix:after {
content: '';
display: block;
clear: both;
height:0;
}

.clearfix { /zoom: 1; } /* ie7以前 */


/* pc
------------------------------------------------------------*/

#main,
#sub {
	margin: 0 auto;
	padding: 3em 0 4em;
	width: 950px;
	border-top: 3px double #351e13;
}

#main #logo{
	margin: 4em auto 3em;
	width: 100%; height: 382px;
	white-space: nowrap; text-indent: 110%; overflow: hidden;
}

#main #logo a{
	width: 100%; height: 382px;
	background: url(../images/common/logo_anime.gif) center center no-repeat;
	display: block;
}

#sub #logo{
	margin: 1em auto 2em;
	width: 200px; height: 23px;
	white-space: nowrap; text-indent: 110%; overflow: hidden;
}

#sub #logo a{
	width: 200px; height: 23px;
	background: url(../images/common/logo.gif) center center no-repeat;
	display: block;
}

#toggle_menu,
#toggle_sns{ display: none;}

#main #menu {
	margin: 2em 0 1em;
	padding: 0;
	list-style-type: none;
}

#sub #menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main #menu li,
#sub #menu li{
	margin: 0; padding: 10px 0;
	width: 20%;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
	float: left;
}

#main #menu li a,
#sub #menu li a{
	display: block;
}

#main #menu li.home a:link,
#sub #menu li.home a:link{ background: url(../images/common/mein_btn_home_off.gif) center no-repeat;}
#main #menu li.blog a:link,
#sub #menu li.blog a:link{ background: url(../images/common/mein_btn_blog_off.gif) center no-repeat;}
#main #menu li.flower a:link,
#sub #menu li.flower a:link{ background: url(../images/common/mein_btn_flower_off.gif) center no-repeat;}
#main #menu li.cafe a:link,
#sub #menu li.cafe a:link{ background: url(../images/common/mein_btn_cafe_off.gif) center no-repeat;}
#main #menu li.access a:link,
#sub #menu li.access a:link{ background: url(../images/common/mein_btn_access_off.gif) center no-repeat;}
#main #menu li.online a:link,
#sub #menu li.online a:link{ background: url(../images/common/mein_btn_online_off.gif) center no-repeat;}

#main #menu li.home a:hover,
#sub #menu li.home a:hover{ background: url(../images/common/mein_btn_home_on.gif) center no-repeat;}
#main #menu li.blog a:hover,
#sub #menu li.blog a:hover{ background: url(../images/common/mein_btn_blog_on.gif) center no-repeat;}
#main #menu li.flower a:hover,
#sub #menu li.flower a:hover{ background: url(../images/common/mein_btn_flower_on.gif) center no-repeat;}
#main #menu li.cafe a:hover,
#sub #menu li.cafe a:hover{ background: url(../images/common/mein_btn_cafe_on.gif) center no-repeat;}
#main #menu li.access a:hover,
#sub #menu li.access a:hover{ background: url(../images/common/mein_btn_access_on.gif) center no-repeat;}
#main #menu li.online a:hover,
#sub #menu li.online a:hover{ background: url(../images/common/mein_btn_online_on.gif) center no-repeat;}

#main #sns,
#sub #sns {
	margin: 0 0 0 auto;
	width: 230px;
}

#main #sns li {
	padding: 5em 0 0 10px;
}

#sub #sns li {
	padding: 1em 0 0 10px;
}

#main #sns li,
#sub #sns li {
	white-space: nowrap; text-indent: 110%; overflow: hidden;
	float: left;
}

#main #sns li a,
#sub #sns li a{
	width: 30px; height: 30px;
	display: block;
}

#main #sns li.first,
#sub #sns li.first {
	padding-left: 0;
}

#main #sns li.tabelog a:link,
#sub #sns li.tabelog a:link{ background: url(../images/common/tabelog.gif) center no-repeat;}
#main #sns li.facebook a:link,
#sub #sns li.facebook a:link{ background: url(../images/common/facebook.gif) center no-repeat;}
#main #sns li.twitter a:link,
#sub #sns li.twitter a:link{ background: url(../images/common/twitter.gif) center no-repeat;}
#main #sns li.instagram a:link,
#sub #sns li.instagram a:link{ background: url(../images/common/instagram.gif) center no-repeat;}
#main #sns li.instagram-1 a:link,
#sub #sns li.instagram-1 a:link{ background: url(../images/common/instagram-1.gif) center no-repeat;}
#main #sns li.instagram-2 a:link,
#sub #sns li.instagram-2 a:link{ background: url(../images/common/instagram-2.gif) center no-repeat;}
#main #sns li.instagram-3 a:link,
#sub #sns li.instagram-3 a:link{ background: url(../images/common/instagram-3.gif) center no-repeat;}

#sub .mein_img { margin-top: 1em;}

address {
	margin: 1em 0 0;
	padding: 1em 0 0;
	border-top: 1px solid #351e13;
	font-style: normal;
	color: #5a380b;
}


/* flower
------------------------------------------------------------*/

#flower .text_box1 {
	margin: 0 auto; padding: 4em 0 0;
	width: 900px;
	background: url(../images/flower/illustration_01.gif) right no-repeat;
}

#flower .text_box2 {
	margin: 0 auto; padding: 4em 0 0 380px;
	width: 420px; height: 446px;
	background: url(../images/flower/photo_01.jpg) left no-repeat;
}

#flower .text_box3 {
	margin: 0 auto; padding: 4em 380px 0 0;
	width: 420px; height: 446px;
	background: url(../images/flower/photo_02.jpg) right no-repeat;
}

#flower .text_box4 {
	margin: 0 auto; padding: 4em 0 0;
	width: 557px;
}

#flower .text_01 {
	margin: 0; padding: 2em 0;
	width: 327px; height: 105px;
	background: url(../images/flower/text_01.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#flower .text_02 {
	margin: 0; padding: 2em 0;
	width: 284px; height: 45px;
	background: url(../images/flower/text_02.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#flower .text_03 {
	margin: 0; padding: 2em 0;
	width: 271px; height: 74px;
	background: url(../images/flower/text_03.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#flower .text_04 {
	margin: 0; padding: 2em 0;
	width: 271px; height: 45px;
	background: url(../images/flower/text_04.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#flower .text_05 {
	margin: 0; padding: 2em 0;
	width: 439px; height: 135px;
	background: url(../images/flower/text_05.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#flower .text_06 {
	margin: 0; padding: 2em 0;
	width: 433px; height: 105px;
	background: url(../images/flower/text_06.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#flower .text_07 {
	margin: 5em auto 1em; padding: 2em 0;
	width: 186px; height: 20px;
	background: url(../images/flower/text_07.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#flower .text_08 {
	margin: 0; padding: 2em 0;
	width: 475px; height: 45px;
	background: url(../images/flower/text_08.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#flower .text_09 {
	margin: 0; padding: 2em 0;
	width: 336px; height: 15px;
	background: url(../images/flower/text_09.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#flower .text_10 {
	margin: 0; padding: 2em 0;
	width: 317px; height: 45px;
	background: url(../images/flower/text_10.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#flower .text_11 {
	margin: 0; padding: 2em 0;
	width: 348px; height: 75px;
	background: url(../images/flower/text_11.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#flower .text_12 {
	margin: 0; padding: 2em 0;
	width: 403px; height: 15px;
	background: url(../images/flower/text_12.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#flower .text_13 {
	margin: 0; padding: 1em 0;
	width: 229px; height: 15px;
	background: url(../images/flower/text_13.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#flower .text_14 {
	margin: 0; padding: 1em 0;
	width: 372px; height: 15px;
	background: url(../images/flower/text_14.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#flower .text_15 {
	margin: 0; padding: 1em 0;
	width: 212px; height: 15px;
	background: url(../images/flower/text_15.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#flower .text_16 {
	margin: 0; padding: 1em 0;
	width: 128px; height: 15px;
	background: url(../images/flower/text_16.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#flower .text_17 {
	margin: 0; padding: 1em 0;
	width: 557px; height: 15px;
	background: url(../images/flower/text_17.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#flower .text_18 {
	margin: 0; padding: 1em 0;
	width: 493px; height: 15px;
	background: url(../images/flower/text_18.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}


/* cafe
------------------------------------------------------------*/

#cafe .text_box1 {
	margin: 0 auto; padding: 4em 0 0;
	width: 800px;
	background: url(../images/cafe/illustration_01.jpg) right no-repeat;
}

#cafe h3 {
	margin: 4em auto 0; padding: 0;
	width: 300px; height: 32px;
	background: url(../images/cafe/logo.gif) center no-repeat;
	border: none;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#cafe .text_01 {
	margin: 0; padding: 2em 0;
	width: 489px; height: 75px;
	background: url(../images/cafe/text_01.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#cafe .text_02 {
	margin: 0; padding: 2em 0;
	width: 474px; height: 135px;
	background: url(../images/cafe/text_02.gif) top right no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#cafe h4 {
	margin: 5em auto 0; padding: 0;
	width: 341px; height: 19px;
	background: url(../images/cafe/menu_title.gif);
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#cafe div.menu_box {
	margin: 5em auto;
	width: 807px;
	background: url(../images/cafe/menu_background.gif);
}

#cafe div.menu_box div.menu_footer {
	margin: 0; padding-bottom: 63px;
	background: url(../images/cafe/menu_footer.gif) bottom no-repeat;
}

#cafe div.menu_box div.menu_footer h5.lunch {
	margin: 0; padding: 0;
	width: 807px; height: 64px;
	background: url(../images/cafe/menu_title_lunch.gif) no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#cafe div.menu_box div.menu_footer h5.dinner {
	margin: 0; padding: 0;
	width: 807px; height: 64px;
	background: url(../images/cafe/menu_title_dinner.gif) no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#cafe div.menu_box div.menu_footer h5.sweets {
	margin: 0; padding: 0;
	width: 807px; height: 64px;
	background: url(../images/cafe/menu_title_sweets.gif) no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#cafe div.menu_box div.menu_footer h5.drink {
	margin: 0; padding: 0;
	width: 807px; height: 64px;
	background: url(../images/cafe/menu_title_drink.gif) no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#cafe div.menu_box div.menu_footer h5.alcohol {
	margin: 0; padding: 0;
	width: 807px; height: 64px;
	background: url(../images/cafe/menu_title_alcohol.gif) no-repeat;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
}

#cafe div.menu_box div.menu_footer dl {
	margin: 0 auto 0; padding: 0;
	width: 700px;
}

#cafe div.menu_box div.menu_footer dt {
	margin-top: 2em;
}

#cafe div.menu_box div.menu_footer div.drink_box{
	margin: 1em auto 0; padding: 0;
	width: 660px;
}

#cafe div.menu_box div.menu_footer div.drink_box dl{
	margin: 0 10px; padding: 0;
	width: 310px;
	float: left;
}

#cafe div.menu_box div.menu_footer div.drink_box dl dd{
	margin: 0 0 0 1em; padding: 0;
}



/* access
------------------------------------------------------------*/

#access #toggle_shop{ display: none;}

#access { margin: 3em 0;}
#access .side { width: 200px; float: left; }
#access .contents { width: 700px; float: right;}

#access .side ul { border-top: 1px dotted #ccc;}
#access .side li { border-bottom: 1px dotted #ccc; white-space: nowrap; text-indent: 110%; overflow: hidden;}

#access .side li.fleur_hiro { width: 200px;}
#access .side li.fleur_hiro a { padding: 2em 0; height: 14px; background: url(../images/access/logo_fleur_hiro.gif) center center no-repeat; display: block;}

#access .side li.les_hiro { width: 200px;}
#access .side li.les_hiro a { padding: 2em 0; height: 14px; background: url(../images/access/logo_les_hiro.gif) center center no-repeat; display: block;}

#access .side li.fleur_kamata { width: 200px;}
#access .side li.fleur_kamata a { padding: 2em 0; height: 18px; background: url(../images/access/logo_fleur_kamata.gif) center center no-repeat; display: block;}

#access .contents h3 { margin: 0; white-space: nowrap; text-indent: 110%; overflow: hidden; border: none;}

#access .contents h3#fleur_hiro { width: 218px; height: 25px; background: url(../images/access/fleur_hiro.gif) no-repeat;}
#access .contents h3#les_hiro { width: 232px; height: 25px; background: url(../images/access/les_hiro.gif) no-repeat;}
#access .contents h3#fleur_kamata { width: 284px; height: 32px; background: url(../images/access/fleur_kamata.gif) no-repeat;}

#access .contents div.access_box { margin: 1em 0 8em; border-top: 3px double #ccc;}

#access .contents div.access_box dl { margin: 0; width: 250px; float: left;}
#access .contents div.access_box div { margin-top: 2em; width: 400px; float: right;}

#access .contents div.access_box dt { margin: 2em 0 0.5em; white-space:nowrap; text-indent: 110%; overflow: hidden; border: none;}

#access .contents div.access_box dt.address { width: 250px; height: 26px; background: url(../images/access/title_address.gif) no-repeat;}
#access .contents div.access_box dt.open { width: 250px; height: 26px; background: url(../images/access/title_open.gif) no-repeat;}
#access .contents div.access_box dt.tel { width: 250px; height: 26px; background: url(../images/access/title_telephone.gif) no-repeat;}
#access .contents div.access_box dt.fax { width: 250px; height: 26px; background: url(../images/access/title_fax.gif) no-repeat;}

#access .contents div.access_box dd { margin: 0;}

#access .contents div.access_box dd dl { margin: 0 0 2em;}
#access .contents div.access_box dd dt { margin: 0; white-space: nowrap; text-indent: inherit; overflow: auto;}
#access .contents div.access_box dd dd { margin: 0 0 0 2em;}


/* blog
------------------------------------------------------------*/

#blog div#main_contents { width: 700px; float: right;}
#blog div#side { width: 180px; float: left;}

#blog div#main_contents h2.title { margin: 5em 0 0; padding: 0 0 0.5em; font-weight: normal; border-bottom: 1px solid #ccc;}
#blog div#main_contents p.entry_date { text-align: right;}
#blog div#main_contents ul.entryState { text-align: right;}
#blog div#main_contents div#entryNavi { text-align: center;}

#blog div#main_contents h2#profile_title {
	margin: 5em 0 0.5em; padding: 0 0 0.5em;
	height: 20px;
	white-space:nowrap; text-indent: 110%; overflow: hidden;
	background: url(../images/blog/main_title_profile.gif) no-repeat;
	border-bottom: 1px solid #ccc;
}

#blog div#side h3 { margin: 5em 0 0.5em; padding: 0; border: none; white-space:nowrap; text-indent: 110%; overflow: hidden;}

#blog div#side h3.search { width: 180px; height: 26px; background: url(../images/blog/title_search.gif) no-repeat;}
#blog div#side h3.calendar { width: 180px; height: 26px; background: url(../images/blog/title_calendar.gif) no-repeat;}
#blog div#side h3.entries { width: 180px; height: 26px; background: url(../images/blog/title_entries.gif) no-repeat;}
#blog div#side h3.categories { width: 180px; height: 26px; background: url(../images/blog/title_categories.gif) no-repeat;}
#blog div#side h3.archives { width: 180px; height: 26px; background: url(../images/blog/title_archives.gif) no-repeat;}
#blog div#side h3.profile { width: 180px; height: 26px; background: url(../images/blog/title_profile.gif) no-repeat;}
#blog div#side h3.others { width: 180px; height: 26px; background: url(../images/blog/title_other.gif) no-repeat;}

#blog div#side form table { margin: 0 auto; text-align: center;}

#blog div#side div.calendar table { width: 100%;}
#blog div#side div.calendar table td { width: 14.2%;}

#blog div#profile H3 { margin: 4em auto; white-space:nowrap; text-indent: 110%; overflow: hidden; border: none; }

#blog div#profile H3#fleur_hiro { width: 218px; height: 25px; background: url(../images/access/fleur_hiro.gif) no-repeat; }
#blog div#profile H3#les_hiro { width: 232px; height: 25px; background: url(../images/access/les_hiro.gif) no-repeat;}
#blog div#profile H3#fleur_kamata { width: 284px; height: 32px; background: url(../images/access/fleur_kamata.gif) no-repeat;}

#blog div#profile div.access_box { margin: 1em 0 8em;}

#blog div#profile div.access_box dl { margin: 0; width: 250px; float: left;}
#blog div#profile div.access_box div { margin-top: 2em; width: 400px; float: right;}

#blog div#profile div.access_box dt { margin: 2em 0 0.5em; white-space:nowrap; text-indent: 110%; overflow: hidden; border: none;}

#blog div#profile div.access_box dt.address { width: 250px; height: 26px; background: url(../images/access/title_address.gif) no-repeat;}
#blog div#profile div.access_box dt.open { width: 250px; height: 26px; background: url(../images/access/title_open.gif) no-repeat;}
#blog div#profile div.access_box dt.tel { width: 250px; height: 26px; background: url(../images/access/title_telephone.gif) no-repeat;}
#blog div#profile div.access_box dt.fax { width: 250px; height: 26px; background: url(../images/access/title_fax.gif) no-repeat;}

#blog div#profile div.access_box dd { margin: 0;}

#blog div#profile div.access_box dd dl { margin: 0 0 2em;}
#blog div#profile div.access_box dd dt { margin: 0; white-space:nowrap; text-indent: inherit; overflow: auto;}
#blog div#profile div.access_box dd dd { margin: 0 0 0 2em;}

div.blog_footer { margin-top: 5em;}


/* 年末年始のお休み
------------------------------------------------------------*/

.newyearholiday {
	margin: 5em 0; padding: 2.5%;
	width: 95%;
}

.newyearholiday h3  {
	text-align: center;
	color: #351E13;
}

.newyearholiday table  {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.newyearholiday table th {
	padding: 0.5em 2em;
	border: 1px solid #351E13;
	text-align: center;
}

.newyearholiday table td {
	padding: 0.5em 1em;
	border: 1px solid #351E13;
	text-align: center;
}

.newyearholiday table th span,
.newyearholiday table td span {
	display: none;
}


/* インフォメーション
------------------------------------------------------------*/

div.infomation {
	margin: 2em 0;
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
}


/* facebook
------------------------------------------------------------*/

div.facebook-left {
	width: 400px;
	float: left;
}

div.facebook-right {
	width: 400px;
	float: right;
}

/* toppage  --------------------------------------------- */

.toppage {
	background-color:#F0ECE7;
	maring:0;
	padding:0;
}

.toppage div.full{
	width:100%;
}

.toppage div.full img{
	width:100%;
}

.toppage div.mainmenu{
    margin-left: auto;
    margin-right: auto;
	max-width:1200px;
	padding:0 0 1em 0;
	margin-top:0;
}

.toppage div.mainmenublock{
	float:left;
}

.toppage div.mainmenublock_sns{
	float:right;
}

.toppage div.contents{
    margin-left: auto;
    margin-right: auto;
	max-width:1200px;
	padding:2em;
	height:auto;
	overflow:hidden;

/*	border:1px solid #000;	*/
}

.toppage a{
	text-decoration:none;
}

.toppage a:link, a:visited, a:active {
  color: #666666;	
}

.toppage a:hover {
  color: #000;
  opacity: 70%;
  background-color:#fff;
}

/* 画像集　*/
.toppage div.ex_picture{
	width:23%;
	float:left;
	margin:0.5em 1%;
}

.toppage div.ex_picture img{
	width:100%
}



/* menu */
.toppage ul.mainmenu li{
	list-style-type:none;
	display:inline;
	padding:0 0.5em 0 0.5em;
	margin:0;
	vertical-align:bottom;	
}

.toppage .mainmenublock_sns ul.mainmenu{
	display: flex;
}

.toppage .mainmenublock_sns ul.mainmenu li{
	list-style-type:none;
	margin:0;
}


/* 文字 */

/* menu */
span.menu{
	font-size:120%;
}

/* メインフレーズ */
.toppage span.main-phrase{
	font-size: 1.6em;
	line-height: 1.5em;
}

/* サブフレーズ */
.toppage span.sub-phrase{
	font-size: 1.3em;
	line-height: 2em;
}



/* flowerletter --------------------------------------------- */


/* 全体 */
.flowerletter {
/*	background-color:#F0ECE7;	*/
	maring:0;
	padding:0;
	color:#231815;
}

/* div */
.flowerletter div.full{
	width:100%;
}

.flowerletter div.full img{
	width:100%;
}

/* table */
.flowerletter table{
	border-collapse:collapse;
}

/* メニュー */
.flowerletter div.mainmenu{
    margin-left: auto;
    margin-right: auto;
	max-width:1200px;
	padding:0 0 1em 0;
	margin-top:0;
}

.flowerletter div.mainmenublock{
	float:left;
	font-size: 1em;
	margin-bottom:2em;
}

.flowerletter div.contents{
    margin-left: auto;
    margin-right: auto;
	max-width:1200px;
	padding:2em;
	height:auto;
	overflow:hidden;

/*	border:1px solid #000;	*/
}

/* a */
.flowerletter a{
	margin: 0; padding: 0;
	text-decoration: none;
}

.flowerletter a:link, a:visited, a:active {
	margin: 0; padding: 0;
  	color: #666;	
}

.flowerletter a:hover {
	margin: 0; padding: 0;
	color: #000;
	opacity: 70%;
	background-color: #fff;
}


/* button */
.flowerletter input[type="button"] {
	color: #FFF;
	padding: 1em 2.5em;
	border: 0;
	border-radius: 10px;
}

.flowerletter input[type="button"]:hover {
/*	opacity:50%;	*/
}

.flowerletter input[type="button"].black {
	background-color: #000;
}

.flowerletter input[type="button"].magenta {
	/* background-color:#CBA1A0; */
	background-color: #D4908F;
	color: #FFF;
}

/* 2分割画面、70% 30% 用テーブルの td*/
.flowerletter table.sep2_7030{
	width:100%;
}

.flowerletter table.sep2_7030 td.mainpic{
	width:65%;
	border:0;
	margin:0;
	padding:0;
}

.flowerletter table.sep2_7030 td.comment{
	width:35%;
	border:0;
	margin:0;
	padding:0;
	background-color:#231815;
	color:#C6C3C2;
	text-align:left;
	vertical-align:middle;
	padding:0 3%;
	font-size: 1.2em;
}


/* 2分割画面、50% 50% 用テーブルの td*/
.flowerletter table.sep2_50 td{
	width:50%;
	border:0;
	margin:0;
	padding:0;
}

/* コメントのほう */
.flowerletter table.sep2_50 td.comment{
	background-color:#F8F3F2;
	text-align:center;
	vetrical-align:middle;
	padding:0 5% 0 5%;
}

/* すまいる画像集　*/
.flowerletter div.full img.smile_image {
	width:33%;
	margin:0;
	padding:0;
	float:left;
}

.flowerletter div.full img.spacer {
	width:0%;
	margin:0;
	padding:0;
	float:left;
}



/* 2分割画面、40% 40% 用テーブルの td*/
.flowerletter table.sep2_40 {
	width:80%;
}

.flowerletter table.sep2_40 td{
	width:50%;
	max-width:500px;
	border:0;
	margin:0;
	padding:0;
}

/* コメントのほう */
.flowerletter table.sep2_40 td.comment{
	background-color:#CBA1A0;
	color:#FFF;
	text-align:center;
	vetrical-align:middle;
	padding:0 1% 0 1%;
}

/* 画像のほう */
.flowerletter div.full sub_content_image {
	max-width:500px;
	margin:0;
	padding:0;
}



/* 2分割画面、10% 50% 用テーブルの td お問合せ用  */
.flowerletter table.sep2_30 {
	width:60%;
}

.flowerletter table.sep2_30 td.title{
	width:20%;
	border:1px solid #CBA1A0;
	margin:0;
	padding:2%;
}

.flowerletter table.sep2_30 td.column{
	width:40%;
	border:1px solid #CBA1A0;
	margin:0;
	padding:0;
}

.flowerletter table.sep2_30 td.column input, textarea{
	margin:0.5em 2%;
	font-size: 1.1em;
}

/* 必須マーク */
.flowerletter .nes{
	background-color:#C30110;
	color:#FFF;
	padding: 2px 1em;
	border-radius:8px;
	font-size: 0.9em;
	float:right;
}



/* menu */
.flowerletter ul.mainmenu li{
	list-style-type:none;
	display:inline;
	padding:0 0.5em 0 0.5em;
	margin:0;
	vertical-align:bottom;	
}


/* 文字 */

/* menu */
span.menu{
	font-size: 1.2em;
}

/* メインフレーズ */
.flowerletter span.main-phrase{
	font-size: 1.4em;
	line-height:2em;
}

/* サブフレーズ */
.flowerletter span.sub-phrase{
	font-size: 1.3em;
}


.flowerletter div.full .smartonly{
	display:none;
}

.flowerletter div.full .pconly{
	display:block;
}

ul.errormsg li{
	color:red;
	margin-left:1em;
}