@charset "utf-8";

/*----------------------------------------------------
	#header
----------------------------------------------------*/
#logo_box {
	height: 46px;
	width: 122px;
	background-color: white;
	padding-top: 6px;
	float: left;
	padding-left: 20px;
} 
#top_navbox {
	height: 20px;
	width: 842px;
	background-color: white;
	padding-top: 32px;
	float: left;
	padding-right: 16px;
} 
#top_navbox ul li {
	font-size: 12px;
	line-height: 12px;
	color: #333;
	float: right;
	width: auto;
	list-style-type: none;
	height: 12px;
	padding-right: 15px;
	padding-left: 15px;
}
#top_navbox ul .bd {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333;
}
#top_photobox {
	width: 938px;
	height: auto;
	padding-top: 18px;
	padding-right: 31px;
	padding-left: 31px;
	padding-bottom: 10px;
	float: left;
	}
#hc_box {
	width: 196px;
	height: 180px;
	background-color: rgba(33,33,33,0.6);
	float: left;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	text-align: center;
}
#hc_top {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 40px;
	height: 44px;
	width: 176px;
	font-size: 16px;
	color: #FFF;
}
/*-----
#top_photobox #hc_box #hc {
	padding-right: 24px;
	padding-left: 24px;
	padding-top: 0px;
	height: 64px;
	width: 148px;
}
------*/

 #hc_under {
	height: auto;
	width: 196px;
	padding-top: 20px;
}

#photo-r_box {
	background-color: #FFF;
	height: 180px;
	width: 740px;
	float: left;
	box-shadow: 0px 1px 5px 0px #4a4a4a;
	-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
	text-align: center;

	}
/*---- colum navi -----------------------------------------*/
.colum_navi_box {
	height: auto;
	width: 938px;
	clear: both;
	margin-top: 4px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
	float: left;
	background-repeat: repeat-x;
	background-position-y: -100;
	background-position: bottom;
	}
.colum_navi_box ul li {
	height: auto;
	width: 100px;
	float: left;
	list-style-type: none;
	font-size: 12px;
	margin-right: 4px;
	margin-left: 4px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-right: 12px;
	padding-left: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	background-image: url(../image/index_page/florenavi_back.png);
	background-position: -10px;
	opacity: 0.9;
	
}
.colum_navi_box_ano {
	height: auto;
	width: 970px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 30px;
	text-align: center;
	float: left;
	background-image: url(../image/base/wall_141_141.jpg);
	background-repeat: repeat-x;
	}
/*.colum_navi_box_ano ul li {
	height: auto;
	width: 100px;
	float: left;
	list-style-type: none;
	font-size: 12px;
	margin-right: 4px;
	margin-left: 4px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-right: 12px;
	padding-left: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	background-image: url(../image/index_page/florenavi_back.png);
	background-position: -10px;
	opacity: 0.9;
	
}*/
.colum_navi_box_ano ul li {
	height: 20px;
	width: 100px;
	float: left;
	list-style-type: none;
	font-size: 12px;
	margin-right: 4px;
	margin-left: 4px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-right: 12px;
	padding-left: 12px;
	background-image: url(../image/index_page/florenavi_back.png);
	background-position: -10px;
	opacity: 0.8;
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #CCC;
}
.colum_navi_box_ano ul .hear {
	opacity: 0.3;
}

.colum_navi_box_in {
	height: auto;
	width: 968px;
	margin-top: 16px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	text-align: center;
	float: left;
	background-image: url(../image/base/wall_141_141.jpg);
	background-repeat: repeat-x;
	}
.colum_navi_box_in ul li {
	height: 20px;
	width: 100px;
	float: left;
	list-style-type: none;
	font-size: 12px;
	margin-right: 4px;
	margin-left: 4px;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-right: 12px;
	padding-left: 12px;
	background-image: url(../image/index_page/florenavi_back.png);
	background-position: -10px;
	opacity: 0.8;
	background-color: #FFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #CCC;
}
.colum_navi_box_in ul .hear {
	opacity: 0.3;
}




/*----------------------------------------------------
　#contents
----------------------------------------------------*/

#contents_box {
	background-color: #FFF;
	height: auto;
	width: 1000px;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 12px;
	}
#sc_box {
	height: 26px;
	width: 1000px;
	margin-top: 12px;
	background-image: url(../image/base/ricepaper2.jpg);
	background-repeat: repeat-x;
	padding-top: 7px;
	float: left;
	font-size: 16px;
	color: #333;
	clear: both;
}
#sc_box h1 {
	font-size: 16px;
	color: #333;
	text-align: left;
	text-indent: 72px;
}
#pannavibox {
	font-size: 12px;
	text-decoration: none;
	height: 20px;
	width: 970px;
	padding-top: 8px;
	padding-bottom: 0px;
	float: left;
	list-style-type: none;
	text-indent: 20px;
	padding-left: 30px;
}
#pannavibox ol .top{
	background-image: url(../image/base/home20.jpg);
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-left: 10px;
	background-position: 2px 0px;
}
#pannavibox ol li{
	float: left;
	list-style-type: none;
	background-image: url(../image/base/topic-path-gray.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-top: 4px;
}
#pannavibox ol .momet {
	color: #666;
}
#pannavibox .partindex {
	float: left;
	height: 20px;
	width: 720px;
	list-style-type: none;
	padding-left: 30px;
	font-size: 12px;
}
#pannavibox .partindex ul li {
	list-style-type: none;
	float: left;
	padding-top: 3px;
	font-size: 14px;
}
#pannavibox .partindex ul .indebutton {
	height: 16px;
	width: auto;
	margin-right: 10px;
	padding-right: 10px;
	padding-left: 0px;
	list-style-type: none;
	float: left;
	margin-top: 0px;
	background-repeat: repeat;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 3px;
	line-height: 16px;
	background-color: #E2D157;
}

#category_nav_box {
	height: 23px;
	width: 978px;
	padding-top: 6px;
	padding-right: px;
	padding-left: 22px;
	background-image: url(../image/base/ricepaper2.png);
	margin-top: 4px;
	padding-bottom: 6px;
}
#category_nav_box ul {
	text-decoration: none;
	list-style-type: none;

}
#category_nav_box ul li {
	float: left;
	height: 18px;
	width: 180px;
	border: thin solid #CCC;
	line-height: 18px;
	margin-right: 10px;
	text-align: center;
	font-size: 0.8em;
	background-color: #E1E0D6;
	border: thin solid #E1E0D6;
	padding-top: 1px;
}
#category_nav_box ul .location {
	background-color: #C4C3BB;
	border: thin solid #C4C3BB;
}


/*  category Label  */
#category_nav_box_label {
	height: 37px;
	width: 978px;
	padding-top: 0px;
	padding-right: 7px;
	margin-top: 10px;
	font-size: 12px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 15px;
	background-repeat: repeat;
}










#main_wrapp {
	height: auto;
	width: 956px;
	float: left;
	clear: both;
	margin-top: 4px;
	margin-right: 12px;
	margin-bottom: 8px;
	margin-left: 12px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.lag_wrapp {
	height: auto;
	width: 956px;
	float: left;
	padding-bottom: 16px;
	margin-bottom: 16px;
	clear: both;
}

.title_box {
	float: left;
	height: auto;
	width: 956px;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	text-align: left;
	margin-top: 10px;
}
.title_box h1 {
	font-size: 18px;
	color: #333;
	padding-top: 20px;
	text-indent: 50px;
	text-align: left;
	padding-bottom: 10px;
	margin-top: 0px;
}
.title_box_nonline {
	float: left;
	height: auto;
	width: 956px;
	margin-bottom: 5px;
	text-align: left;
}
.title_box_nonline h1 {
	font-size: 18px;
	color: #333;
	padding-top: 10px;
	text-indent: 50px;
	text-align: left;
	padding-bottom: 10px;
}

.pro_title_box {
	float: left;
	height: auto;
	width: 956px;
	background-color: #665C47;
	margin-bottom: 10px;
	line-height: 22px;
	text-align: center;
	margin-top: 0px;
}
.pro_title_box h2 {
	font-size: 18px;
	color: #FFF;
	padding-top: 3px;
	padding-bottom: 1px;
	text-shadow: 2px 2px 2px #333;
	font-weight: bold;
}


.photo_back {
	background-color: rgba(228,224,217,0.7);
	height: auto;
	width: 662px;
	clear: both;
	float: left;
	padding-top: 10px;
	margin-top: 0px;
	padding-bottom: 10px;
}
.photo_back_l {
	background-color: rgba(228,224,217,0.7);
	height: auto;
	width: 662px;
	clear: both;
	float: left;
	padding-top: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
}

.photo-l_box {
	height: auto;
	width: 271px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 50px;
	float: left;
}
.photo-r_box {
	height: auto;
	width: 271px;
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 10px;
	float: left;
}

.photo-l_box {
	height: auto;
	width: 271px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 50px;
	float: left;
}
.photo-r_box {
	height: auto;
	width: 271px;
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 10px;
	float: left;
}
.omakase_photo_back {
	background-color: rgba(228,224,217,0.7);
	height: auto;
	width: 350px;
	clear: both;
	float: left;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 45px;
	padding-left: 115px;
}
.plate_photo_back {
	background-color: rgba(228,224,217,0.7);
	height: auto;
	width: 350px;
	float: left;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 115px;
	padding-left: 115px;
	text-align: center;
}

.photo_box {
	height: auto;
	width: 350px;
	margin-top: 10px;
	float: left;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.photo_box_plate {
	height: auto;
	width: 315px;
	margin-top: 50px;
	float: left;
	margin-right: auto;
	margin-left: 35px;
	margin-bottom: auto;
}
.plicebox_w {
	font-size: 12px;
	color: #333;
	background-color: rgba(228,224,217,0.7);
	height: auto;
	width: 350px;
	clear: both;
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
}

.plicebox {
	font-size: 12px;
	color: #333;
	background-color: rgba(228,224,217,0.7);
	height: auto;
	width: 280px;
	clear: both;
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
.omakase_photo_back_w350 {
	background-color: rgba(228,224,217,0.7);
	height: auto;
	width: 350px;
	clear: both;
	float: left;
	padding-bottom: 10px;
	padding-top: 20px;
	padding-right: 45px;
	padding-left: 115px;
}
.omakase_text_box {
	float: left;
	height: auto;
	width: 300px;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 30px;
	font-size: 14px;
}
.sub_title {
	line-height: 20px;
	background-color: #E2D157;
	text-indent: 30px;
	float: left;
	height: 22px;
	width: 300px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.sub_title h2 {
	padding-top: 3px;
}
.harfbox_wrapp {
	display: box;
	display: -webkit-box; /* Safari,Google Chrome用 */  
  display: -moz-box;　/* Firefox用 */ 	
	padding-bottom: 16px;
	width: 956px;
}
.harfbox_wrapp .harfbox_478_l {
	width: 478px;
	min-height: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	background-image: url(../image/base/ricepaper2.jpg);
	background-repeat: repeat;
}
.harfbox_478_l .photo {
	padding-top: 20px;
	padding-bottom: 20px;
	}
.harfbox_wrapp .harfbox_478_r {
	font-size: 14px;
	width: 300px;
	min-height: 200px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 89px;
	margin-left: 89px;
}
.harfbox_478_r h2 {
	font-weight: bold;
	padding-bottom: 10px;
	line-height: 1.4em;
}
.harfbox_478_r p {
	padding-bottom: 10px;
}
.harfbox_wrapp .harfbox_478_r ul li {
	list-style-type: none;
}
.harfbox_wrapp .harfbox_478 ul li {
	list-style-type: none;
}

.harfbox_wrapp .harfbox_478 {
	min-height: 100px;
	font-size: 14px;
	width: 300px;
	padding-right: 89px;
	padding-left: 89px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.harfbox_wrapp .harfbox_478 p {
	padding-top: 10px;
}
.harfbox_wrapp .harfbox_478 .uspace {
	padding-bottom: 4px;
}

/* 下段　procedure へ　linkbox　　*/
.omakase_ban_box {
	float: left;
	height: auto;
	width: 876px;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #E0D8C6;
}
.omakase_ban_box .l_image_box {
	float: left;
	height: 84px;
	width: 640px;
}
.omakase_ban_box .l_image_box_panel {
	float: left;
	height: 84px;
	width: 640px;
	background-image: url(../image/artmaterials/wcolor/panel_but.jpg);
	
}
.omakase_ban_box .l_image_box_panel h2 {
	left: 30px;
	top: 26px;
	position: relative;
	line-height: 20px;
}
.omakase_ban_box .l_image_box_panel  a {
	color: #FFF;
}
.omakase_ban_box .l_image_box_panel  a:hover {
	color: #66F;
}

.omakase_ban_box .r_image_box {
	float: left;
	height: 28px;
	width: 210px;
	margin-left: 26px;
	background-image: url(../image/base/facebook_png_L.jpg);
	font-size: 12px;
	text-align: center;
	padding-top: 56px;
}

.omakase_ban_box .l_image_box a:hover {
	opacity: 0.6;
}

/*-------*/










.plate_text_box {
	float: left;
	height: auto;
	width: 300px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	font-size: 14px;
}
.plate_text_box p {
	padding-bottom: 6px;
}

.plate_text_box a:link {
	color: #00F;
	text-decoration: underline;
}
.plate_text_box a:hover {
	color: #00F;
	text-decoration: underline;
}

.plate_text_box .sub_title {
	line-height: 20px;
	background-color: #E2D157;
	text-indent: 30px;
	float: left;
	height: 20px;
	width: 300px;
	margin-bottom: 16px;
}


.lag_wrapp .text_box {
	float: left;
	height: auto;
	width: 264px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 14px;
}
.lag_wrapp .text_box h2 {
	padding-bottom: 6px;
}

.lag_wrapp .text_box p {
	padding-bottom: 6px;
}
.navi_wrapp {
	height: auto;
	width: 980px;
	padding-left: 0px;
	float: left;
	padding-bottom: 16px;
	padding-top: 0px;
	clear: both;
}
.para_2 {
	height: 80px;
	width: 481px;
	float: left;
	padding-bottom: 0px;
	margin-right: 18px;
	background-color: #E0E0E0;
	border-radius: 5px 5px 5px 5px;
	background-image: url(../image/index_page/to_omakase_sisyuu-4.png);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.para_2 .include 	{
	height: 70px;
	width: 471px;
	margin: 4px;
	border: thin solid #999;
}
.para_2 .include h2 {
	height: 50px;
	width: auto;
	padding-top: 24px;
	padding-left: 220px;
	font-size: 16px;
}

.para_2r  {
	height: 80px;
	width: 481px;
	float: right;
	padding-bottom: 0px;
	background-color: #E0E0E0;
	border-radius: 5px;
	background-image: url(../image/index_page/to_omakase_gallery-4.png);
	background-repeat: no-repeat;
	background-position: 7px 7px;
}
.para_2r .include 	{
	height: 70px;
	width: 471px;
	margin: 4px;
	border: thin solid #999;
}

.para_2r .include h2 {
	height: 50px;
	width: auto;
	padding-top: 18px;
	padding-left: 280px;
	font-size: 16px;
	line-height: 18px;
}

.navvox {
	height: auto;
	width: 231px;
	float: left;
	background-color: #E0E0E0;
	border-radius: 5px;
}
.navvox_space {
	height: 320px;
	width: 18px;
	float: left;
}
.s_titlebox {
	background-color: #827E69;
	font-size: 14px;
	color: #FFF;
	text-align: center;
	height: 26px;
	width: 231px;
	line-height: 28px;
	opacity: 0.9;
	border-radius: 4px 4px 0px 0px;
	}
.s_titlebox h2 a {
	font-size: 14px;
	color: #FFF;
}
.s_titlebox a {
	color: #FFF;
	text-decoration: none;
	font-size: 12px;
	}
.s_titlebox a:link {
	color: #FFF;
	}
.s_titlebox a:visited {
	color: #FFF;
}
.s_titlebox a:hover {
	color: #CECECE;
}
.s_titlebox a:active {
	color: #FFF;
}
.include_main {
	height: 320px;
	width: 221px;
	float: left;
	border-radius: 0px 0px 5px 5px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	background-color: #FFF;
	}
.include_main .textbox {
	height: 152px;
	width: auto;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	padding-right: 20px;
	padding-left: 24px;
	padding-top: 16px;
	padding-bottom: 16px;
	background-image: url(../image/base/ricepaper2.png);
	background-repeat: repeat;
}
.include_main .textbox ul li {
	list-style-type: none;
	line-height: 22px;
	font-size: 14px;
}


.include_main .photobox {
	height: 126px;
	width: 213px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
}
.guide_title {
	height: 20px;
	background-image: url(../image/omakase/omakase_arrow12.jpg);
	background-repeat: no-repeat;
	top: 4px;
	text-indent: 26px;
	margin-bottom: 10px;
	float: left;
	width: 279px;
	padding-right: 10px;
	padding-left: 10px;
	background-position: 12px 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	background-color: #DFD8C4;
	margin-top: 24px;
}
.guide_title_top {
	height: 20px;
	background-image: url(../image/omakase/omakase_arrow12.jpg);
	background-repeat: no-repeat;
	top: 4px;
	text-indent: 26px;
	margin-bottom: 10px;
	float: left;
	width: 279px;
	padding-right: 10px;
	padding-left: 10px;
	background-position: 12px 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	background-color: #DFD8C4;
	margin-top: 10px;
}

.guide_title h2 {
	font-weight: bold;
	font-size: 14px;
	line-height: 23px;
}
.to_male {
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 20px;
	border: thin solid #999;
}
.guidetext .to_male a {
	text-decoration: underline;
	color: #00F;
}
.guidetext .to_male a hover {
	color: #00F;
	opacity: 0.9;
}







/*--------------------------------------------------*/
.up {
	text-align: right;
	width: 90px;
	float: right;
	padding-right: 50px;
}