@charset "UTF-8";
@import url("");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 
/* remember to define focus styles! */
:focus {
	outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


html, body {
	height: 100%;
	margin: 0; padding: 0;
	font-size: 13px;
	line-height: 158%;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	background-color: #000000;
}

body > #main_bg {
	height: auto;
}

#main_bg{
	width: 1010px;
	height: 100%;
	min-height: 100%;
	border: 1px #000 solid;
	margin: 0 auto;
	background-image: url(../img/bg_pattern.png);
}


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

#content {
	width: 890px;
	margin: 0 auto;
}


.column {
	margin: 30px;
	letter-spacing: 0.1em;
}

.column br {
	letter-spacing: 0;
}

.column_bg {
	background: url(../img/column_bg.png);
	width: 100%; height: 100%;
	padding:1px ;
}

.column .title { margin: 0 0 15px; font-size: 15px; font-weight: bold;}

/*---- inner ----*/

/* 左200ver
#inner_leftmenu {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
}

#inner_column_wrap {
	width: 660px;
	float: right;
	margin: 0;
	padding: 0;
}*/


/* 左165ver*/
#inner_leftmenu {
	float: left;
	width: 165px;
	margin: 0 20px 0 0;
}

#inner_column_wrap {
	width: 700px;
	float: right;
	margin: 0;
	padding: 0;
}

.subttl img { height: 15px; margin-bottom: 10px;}


/*------------------------------------------------------------*/
/* link */
/*------------------------------------------------------------*/

a {
	color: #DEA943;
	font-style: normal;
	text-decoration: none;
}
a:link {
	color: #DEA943;
	font-style: normal;
	text-decoration: none;
}
a:visited {
	color: #DEA943;
	text-decoration: none;
}
a:hover {
	color: #FFF;
	font-style: normal;
	text-decoration: none;
}
a:active {
	color: #DEA943;
	text-decoration: none;
}

a.alp:hover img {filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}



/*------- link_underline ------*/

.uline ul { padding: 0; margin: 0; }

.uline li { list-style: none outside; padding: 0; margin: 0 20px 0 0px; float: left; }

.uline li a { 
font-weight: bold;
text-decoration: none;
color: #DEA943; 
padding: 0 0 7px; 
margin: 0; 
display: block;
zoom: 1; 
}

.uline li a:visited {
text-decoration: none;
padding-bottom: 5px;
}

.uline li a:hover {
border-bottom: 2px solid #DEA943;
padding-bottom: 5px;
}

.uline li a:active {
border-bottom: 2px solid #DEA943;
padding-bottom: 5px;
}


/*------- link_no_underline ------*/

.nline ul { padding: 0; margin: 0;  }

.nline li { list-style:  none outside; padding: 0 ; margin: 0 20px 0 5px; float: left; }

.nline li a { 
	font-weight: bold;
	text-decoration: none; 
	padding: 0 ; 
	margin: 0; 
	display: block;
	zoom: 1; 
}


/*------- link_circle_mark_list ------*/

.mark li { list-style: none outside; margin: 1px; }

.mark li a { text-decoration: none; width: 100%; height:50%; padding-left: 12px; background: url(../img/licon_02.png) no-repeat left center;}
.mark li a:link { color: #DEA943; }
.mark li a:visited { color: #DEA943;}
.mark li a:hover { color: #FFF; text-decoration: underline; background: url(../img/licon_01.png) no-repeat left center; }
.mark li a:active { color: #FFF; }

.mark a { text-decoration: none; width: 100%; height: 50%; padding-left: 12px; background: url(../img/licon_2.png) no-repeat left center; } 
.mark a:link { color: #DEA943; }
.mark a:visited { color: #DEA943; }
.mark a:hover { color: #FFF; text-decoration: underline; background: url(../img/licon_01.png) no-repeat left center; } 
.mark a:active { color: #FFF; }

div.mark a { text-decoration: none; width: 100%; height: 50%; padding-left: 12px; background: url(../img/licon_02.png) no-repeat left center; } 
div.mark a:link { color: #DEA943; }
div.mark a:visited { color: #DEA943; }
div.mark a:hover { color: #FFF; text-decoration: underline; background: url(../img/licon_01.png) no-repeat left center; } 
div.mark a:active { color: #FFF; }

a.mark { text-decoration: none; width: 100%; height: 50%; padding-left: 12px; background: url(../img/licon_off.png) no-repeat left center; }
a.mark:link { color: #FFF; }
a.mark:visited { color: #FFF; }
a.mark:hover { color: #DEA943; text-decoration: underline; background: url(../img/licon_on.png) no-repeat left center; } 
a.mark:active { color: #DEA943; }


/*------------------------------------------------------------*/
/* 旧リンク・画像を書き換え再利用すること */
/*------------------------------------------------------------*/


.list_check   { text-align: right; margin-top: 25px; }
.list_check a { margin-left: 0px; padding-left: 12px; background: url(../img/icon_ichiran.gif) no-repeat 1px 4px; }

.link_flower a { line-height: 130%; margin-bottom: 10px; padding-left: 15px; list-style: none; background: url(../img/licon_02.png) no-repeat 0px 50%; }
.link_flower a:link { color: #DEA943; }
.link_flower a:visited { color: #DEA943;}
.link_flower a:hover { color: #FFF; text-decoration: underline; background: url(../img/licon_01.png) no-repeat left center; }
.link_flower a:active { color: #FFF; }


a.link_flower { text-decoration: none; width: 100%; height:50%; padding-left: 12px; background: url(../img/licon_02.png) no-repeat left center;}
a.link_flower:link { color: #DEA943; }
a.link_flower:visited { color:#DEA943;}
a.link_flower:hover { color: #FFF; text-decoration: underline; background: url(../img/licon_01.png) no-repeat left center; }
a.link_flower:active { color: #FFF; }


/*------- フォントサイズは別途指定版↓-------*/


.link_f a{
	line-height: 130%; 
	margin-bottom: 10px; 
	padding-left: 15px; 
	list-style: none; 
	background: url(../img/icon_leftmenu2_title.gif) no-repeat 0px 50%; 
	font-weight: bold;
}

a.link_f {
	line-height: 130%; 
	margin-bottom: 10px; 
	padding-left: 15px; 
	list-style: none; 
	background: url(../img/icon_leftmenu2_title.gif) no-repeat 0px 50%; 
	font-weight: bold;
}

div.link_f {
	line-height: 130%; 
	padding-left: 15px; 
	list-style: none; 
	background: url(../img/icon_leftmenu2_title.gif) no-repeat 0px 0px; 
	font-weight: bold;
}


/*------------------------------------------------------------*/
/* entrance_page */
/*------------------------------------------------------------*/


div#entrance { text-align: center; width: 634px; margin: 50px auto 0; }
div#entrance div#header_top  h1.main_ttl { width: 159px; height: 107px; background: url("../img/labeille_logo_00.png") no-repeat top center; margin: 50px auto; text-indent: -9999px;}



/*------------------------------------------------------------*/
/* top_page */
/*------------------------------------------------------------*/

#header_top  div.ttl_labeille { float: left; width: 285px; margin:15px 0 5px 285px; height: 100px; }
#header_top  h1.main_ttl { width: 281px; height: 80px; background:url("../img/labeille_logo_top.png") no-repeat top center; margin: 0 auto; text-indent: -9999px;}
#header_top  h1.main_ttl_inner { width: 146px; height: 100px; background: url("../img/labeille_logo_inner.png") no-repeat top center; margin: 20px auto; text-indent: -9999px;}

#header_top  div.gn_onlineshop { float: right; width: 191px; height: 30px; margin: 37px 0; vertical-align: middle; }
#header_top  div.gn_onlineshop_inner { float: right; width: 191px; height: 30px; margin: 37px 0 20px ; vertical-align: middle; }



/*------- about labeille -------*/
#aboutlabeille { float: left; width: 465px;}
#aboutlabeille h3.ttl { width: 155px; height: 13px; background: url("../../top/img/ttl_aboutlabeille.png") no-repeat top center; margin: 20px auto 10px; text-indent: -9999px;}

div.newscsr { width: 100%;}
div.newscsr div {margin-bottom: 7px;}
div.newscsr img { width: 50px; float: left; margin: 0 10px 5px 0;}
div.newscsr span.title { font-size: 13px; font-weight: bold; margin-bottom:7px;}
div.newscsr span.txt { font-size: 11px; line-height:130%; color:#fff; }



/*------- topics media-------*/
#topics_media { float: right; width: 400px; }
#topics_media h3.ttl { width: 145px; height: 13px; background: url("../../top/img/ttl_topics_media.png") no-repeat top center; margin: 20px auto 10px; text-indent: -9999px;}




/*------------------------------------------------------------*/
/* inner_page */
/*------------------------------------------------------------*/



.if_img150 { width: 470px; margin: 14px 0 10px 0; }
.img150_r {width: 150px; float: right; margin-left: 20px; margin-bottom: 10px; font-size: 10px; line-height: 140%;}
.img150_r img {width: 150px; margin: 14px 0 7px 0;}
.img150_l {width: 150px; float: left; width: 150px; margin-right: 20px; margin-bottom: 10px; font-size: 10px; line-height: 140%;}
.img150_l img {width: 150px; margin: 14px 0 7px 0;}

.if_img200 {width: 420px; margin: 14px 0 10px 0; }
.img200_r {width: 200px; float: right; margin-left: 20px; margin-bottom: 10px; font-size: 10px; line-height: 140%;}
.img200_r img {width: 200px; margin: 14px 0 7px 0;}
.img200_l {width: 200px;float: left; width: 200px; margin-right: 20px; margin-bottom: 10px; font-size: 10px; line-height: 140%;}
.img200_l img {width: 200px; margin: 14px 0 7px 0;}

.if_img250 {width: 370px; margin: 14px 0 10px 0; }
.img250_r {width: 250px; float: right; margin-left: 20px; margin-bottom: 10px; font-size: 10px; line-height: 140%;}
.img250_r img {width: 250px; margin: 14px 0 7px 0;}
.img250_l {width: 250px; float: left; margin-right: 20px; margin-bottom: 10px; font-size: 10px; line-height: 140%;}
.img250_l img {width: 250px; margin: 14px 0 7px 0;}


.if_img300 { width: 185px; margin: 14px 0 10px 0; }
.img300_r {width: 300px; float: right; margin-left: 20px; margin-bottom: 10px; font-size: 10px; line-height: 140%;}
.img300_r img {width: 300px; margin: 14px 0 7px 0;}
.img300_l {width: 300px; float: left; margin-right: 20px; margin-bottom: 10px; font-size: 10px; line-height: 140%;}
.img300_l img {width: 300px; margin: 14px 0 7px 0;}


/*------------------------------------------------------------*/
/* recipe */
/*------------------------------------------------------------*/

.recipe_title { font-size: 18px; margin: 20px 0 30px 0; }
ol.recipe { list-style-type: decimal; padding: 0px; margin-bottom: 20px; }
ol.recipe li { margin-left: 20px; margin-bottom:10px; }

/*------- table/chart -------*/
table.chart_solid { border-collapse: collapse; margin: 0; padding: 0; }
table.chart_solid td { border: 1px solid #999; background-color: #fff; }
table.chart_solid td.td_left { padding: 5px; background-color: #E5E5E6; }
table.chart_solid td.td_right { padding: 5px; }

.column_chart_dash { /*------- solid以外chartの透明背景使用の場合設定 -------*/
	width: 600px; height: 100%;
/*	background: url(../img/column_bg.png); */
	padding:20px ; 
	margin:0 auto 20px; 
}

.column_chart_dash div.title { margin: 0 0 15px; font-size: 15px; font-weight: bold;}

table.chart_dash td { padding: 8px 0; background: url(../img/table_bottom_line.gif) repeat-x ; background-position: bottom;}
table.chart_dash td { padding: 8px 0;}
table.chart_dash td.td_left { vertical-align: top; }
table.chart_dash td.td_right { padding-right:8px; padding-left:10px; vertical-align: top; }


table.chart_bgdash td { background: url(../img/table_bottom_line.gif) repeat-x ; background-position: 50%;}
table.chart_bgdash td.td_left { padding: 4px 0; text-align: left; }
table.chart_bgdash td.td_right { padding: 4px 0; text-align: right; }
table.chart_bgdash td span.bgw { background-color: #343131; padding: 0 7px;}


/*------------------------------------------------------------*/
/* sp, error */
/*------------------------------------------------------------*/

#column_sp_wrap {
	width: 100%;
	float: right;
	margin: 0;
	padding: 0;
}

#column_sp_wrap h2.error {font: normal bold 30px 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif; }
#column_sp_wrap h3.error {font: normal bold 20px 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho Pro', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif; }


/*------- title -------*/
#inner_column_wrap div.top_title {
	border-bottom: 1px solid #fff; 
	padding-bottom: 3px; 
	margin: 10px 0 30px 0;
	font-size: 16px;
	color: #fff; 
	font-weight: bold;
	line-height: 140%;
}

/*-- newsrelease --*/

.news dl {
	width: 640px;
}

.news dt {
	float: left;
	width: 80px;
	clear: both;
	padding: 7px;
	border-top: 1px solid #666;
	font-size:12px;
}

.news dd {
	float: right;
	width: 532px;
	padding: 7px;
	border-top: 1px solid #666;
	font-size:12px;
 /float: none;
 /margin-left: 90px;
 /width: auto;
}


/*------------------------------------------------------------*/
/* bottom_navi(sitemap) */
/*------------------------------------------------------------*/


#bottom_contets {
width: 890px; 
margin: 30px auto 20px;
}

#bottom_contets h3.ttl { width: 82px; height: 13px; background: url("../img/ttl_sitemap.png") no-repeat top left; margin: 20px 0; text-indent: -9999px;}

.bottom_navi {
font-size: 12px;
float: left; 
width: 203px; 
margin-top: 10px;
}

.bottom_navi div.category {
border-bottom: 1px solid #DCAA3C; 
padding-bottom: 7px; 
margin-bottom: 10px;
}

.bottom_navi ul{
margin-top: 7px;
line-height: 1.8;
list-style: none;
}

.bottom_navi li{
margin-left: 15px;
line-height: 140%;
margin-bottom: 7px;
list-style-type: disc;
color: #DCAA3C;
}

.bottom_navi a:link {
color: #DCAA3C;
font-style: normal;
text-decoration: none;
}

.bottom_navi a:visited {
color: #DCAA3C;
text-decoration: none;
}

.bottom_navi a:hover {
color: #DCAA3C;
font-style: normal;
text-decoration: underline;
}

.bottom_navi a:active {
text-decoration: underline;
}

.bottom_navi img {
border: none;
}


#copyright {
font-size: 90%;
color: #FFFFFF;
margin: 30px 0;
text-align: center;
}


/*------------------------------------------------------------*/
/* clear clearfix */
/*------------------------------------------------------------*/

.clearfix{
zoom: 1;
}
.clearfix:after{
content:"";
display: block;
clear: both;
height: 0;
visibility:hidden;
}

.clr {
	margin: 0; padding: 0;
	clear: both;
	line-height:0;
	overflow: hidden;
	font-size: 1%;
	 width: 1%;
}


/*------------------------------------------------------------*/
/* other */
/*------------------------------------------------------------*/

hr { border: 0 none; height: 1px; color: #666; background-color: #666; } 

.bash_line  {background: url(../img/table_bottom_line.gif) repeat-x 0 50%; font-size: 1px; line-height: 1px; height: 1px; margin: 10px 0;}
.bash_line2  {background: url(../img/table_bottom_line.gif) repeat-x 0 50%; font-size: 1px; line-height: 1px; height: 1px; margin: 2px 0 3px 0;}

.bg_white {background-color:#fff;}
.white {color: #FFFFFF;}
.emcolor {color: #58232A;}
.subcolor1 {color: #DDB17F;}
.subcolor2 {color: #DEA943;}

.b-color0 {border-color: #fff;}
.b-color1 {border-color: #666;}
.b-color2 {border-color: #DEA943;}

.m_center { margin-left: auto; margin-right: auto;}
.v_top { vertical-align: top;}
.v_middle { vertical-align: middle;}
.v_bottom { vertical-align: bottom;}
.t_left { text-align: left;}
.t_right { text-align: right;}
.t_center { text-align: center;}

.f_right {float: right;}
.f_left {float: left;}
.f_center {margin: 0 auto;}

.cap {font-size: 10px; line-height: 130%;}
em,.em { font-weight:bold; font-style:normal; }
.bld { font-weight: bold; }
.fs20 {font-size: 20px;}
.fs18 {font-size: 18px;}
.fs16 {font-size: 16px;}
.fs15 {font-size: 15px;}
.fs14 {font-size: 14px;}
.fs12 {font-size: 12px; line-height: 120%;}
.fs11 {font-size: 11px; line-height: 120%;}
.fs10 {font-size: 10px; line-height: 120%;}

.m30 { margin: 30px; }
.m20 { margin: 20px; }
.m10 { margin: 10px; }
.m5 { margin: 5px; }

.mv50 { margin-top: 50px; margin-bottom: 50px; }
.mv40 { margin-top: 40px; margin-bottom: 40px; }
.mv30 { margin-top: 30px; margin-bottom: 30px; }
.mv20 { margin-top: 20px; margin-bottom: 20px; }
.mv10 { margin-top: 10px; margin-bottom: 10px; }
.mv8 { margin-top: 8px; margin-bottom: 8px; }
.mv5 { margin-top: 5px; margin-bottom: 5px; }

.mh50 { margin-left: 50px; margin-right: 50px; }
.mh40 { margin-left: 40px; margin-right: 40px; }
.mh30 { margin-left: 30px; margin-right: 30px; }
.mh20 { margin-left: 20px; margin-right: 20px; }
.mh10 { margin-left: 10px; margin-right: 10px; }
.mh5 { margin-left: 5px; margin-right: 5px; }

.ml30 { margin-left: 30px; }
.ml25 { margin-left: 25px; }
.ml20 { margin-left: 20px; }
.ml15 { margin-left: 15px; }
.ml10 { margin-left: 10px; }
.ml5 { margin-left: 5px; }

.mr40 { margin-right: 40px; }
.mr30 { margin-right: 30px; }
.mr25 { margin-right: 25px; }
.mr20 { margin-right: 20px; }
.mr15 { margin-right: 15px; }
.mr10 { margin-right: 10px; }
.mr5 { margin-right: 5px; }

.mt50 { margin-top: 50px; }
.mt45 { margin-top: 45px; }
.mt40 { margin-top: 40px; }
.mt35 { margin-top: 35px; }
.mt30 { margin-top: 30px; }
.mt25 { margin-top: 25px; }
.mt20 { margin-top: 20px; }
.mt15 { margin-top: 15px; }
.mt10 { margin-top: 10px; }
.mt5 { margin-top: 5px; }

.mb60 { margin-bottom: 60px; }
.mb55 { margin-bottom: 55px; }
.mb50 { margin-bottom: 50px; }
.mb45 { margin-bottom: 45px; }
.mb40 { margin-bottom: 40px; }
.mb35 { margin-bottom: 35px; }
.mb30 { margin-bottom: 30px; }
.mb20 { margin-bottom: 20px; }
.mb20 { margin-bottom: 20px; }
.mb15 { margin-bottom: 15px; }
.mb10 { margin-bottom: 10px; }
.mb5 { margin-bottom: 5px; }

.w100per { width: 100%; }
.w90per { width: 90%; }
.w50per { width: 50%; }
.w33per { width: 33%; }

.w700 { width: 700px; }
.w550 { width: 550px; }
.w500 { width: 500px; }
.w475 { width: 475px; }
.w450 { width: 450px; }
.w430 { width: 430px; }
.w420 { width: 420px; }
.w400 { width: 400px; }
.w370 { width: 370px; }
.w350 { width: 350px; }
.w310 { width: 310px; }
.w300 { width: 300px; }
.w250 { width: 250px; }
.w210 { width: 210px; }
.w200 { width: 200px; }
.w170 { width: 170px; }
.w150 { width: 150px; }
.w147 {	width: 147px; }
.w130 { width: 130px; }
.w110 { width: 110px; }
.w100 { width: 100px; }
.w90 { width: 90px; }
.w80 { width: 80px; }
.w70 { width: 70px; }
.w50 { width: 50px; } 

.l_line {line-height:160%;}
.m_line {line-height:140%;}
.s_line {line-height:120%;}