@charset "utf-8";

@import url("comment.css");

#glicoTea {
	margin:0 auto;
	width:720px;
	color:#434343;
	line-height:1.4;
}

#teaRogo {
	padding:10px 0 5px 0;
}

#teaMainImgbox {
	padding-top:310px;
	width:720px;
}

#teaMainImgbox02 {
	width:720px;
}

#teaMainImgbox p {
	margin-bottom:15px;
	/*padding:0 10px;*/
}

#teaMainImgbox02 p {
	margin-bottom:15px;
}

#tea2ndImgbox {
	padding-top:15px;
	margin-bottom:5px;
	width:720px;
}

#tea2ndLead {
	margin-bottom:20px;
	padding:0 10px 0 10px;
/*	background:url(/life/l_glico/img/border_01.gif) left bottom no-repeat;*/
}

.borderTea01 {
	margin-top:10px;
	padding-bottom:10px;
/*	background:url(/life/l_glico/img/border_01.gif) left bottom no-repeat;*/
}

.borderTea02 {
	padding-top:12px;
	width:190px;
	background:url(/life/l_glico/img/border_02.gif) left top no-repeat;
}


/* vol01 */

#teaBgR {
	background:url(/life/l_glico/img/bg_02.gif) top right repeat-y;
}

#teaBgL,
.teaBgL {
	background:url(/life/l_glico/img/bg_02.gif) top left repeat-y;
}

.itemTea493 {
	width:493px;
}

.itemTea493 h3 {
	margin-bottom:15px;
}

.teaSideBar {
	width:214px;
	background:url(/life/l_glico/img/bg_01.gif) 0 0 no-repeat;
	color:#7a513a;
}

.teaSideBar a:link,
.teaSideBar a:hover,
.teaSideBar a:visited {
	color:#7a513a;
}

.teaSideBar p,
.teaSideBar h4,
.teaSideBar ul {
	margin:12px 12px 0 12px;
}
	
.teaSideBar ul {
	list-style:none;
}
.teaSideBar ul li {
	margin-bottom:5px;
	padding:0 0 0 15px;
	background:url(/life/l_glico/img/dot_c.gif) 0 2px no-repeat;
}

.teaThumbBox01 {
	margin-bottom:20px;
	width:240px;
	text-align:center;
}

.teaThumbBox01 p {
	text-align:left;
}

.teaThumbBox02 {
	clear:both;
	width:493px;
}


.teaThumbBox03 {
	margin-bottom:10px;
	padding-top: 10px;
	width:493px;
	text-align:left;
	background:url(/life/l_glico/img/border_01.gif) left top no-repeat;
}

.teaThumbBox03 p {
	float: left;
	text-align:left;
}

.teaThumbBox03 .rightTxt {
	margin-left: 20px;
	float: left;
	width: 273px;
}

.teaThumbBox01 h4,
.teaThumbBox02 h4,
.teaThumbBox03 h4 {
	margin:10px 0;
}

.teaThumbBox03 .rightTxt h4 {
	margin: 0 0 10px 0;
}


.dotw {
	margin-bottom:20px;
	list-style:none;
}

.dotw li {
	margin:0 0 5px 5px;
	padding:0 0 0 15px;
	background:url(/life/l_glico/img/dot_w.gif) 0 2px no-repeat;
}

#make,
#make2 {
	margin:0 0 -20px 0;
	padding:0;
	list-style:none;
}

#make div,
#make2 div {
	margin:0;
	padding:0;
}

#make li,
#make2 li {
	margin-bottom:50px;
	padding:0 0 0 40px;
}

#make li.listBtm,
#make2 li.listBtm {
	margin-bottom: 20px;
	padding:0 0 0 40px;
}

#make li#no01,
#make2 li#no01 {
	background:url(/life/l_glico/img/no_01.gif) 0 0 no-repeat;
}
#make li#no02,
#make2 li#no02 {
	background:url(/life/l_glico/img/no_02.gif) 0 0 no-repeat;
}
#make li#no03 {
	background:url(/life/l_glico/img/no_03.gif) 0 0 no-repeat;
}
#make li#no04 {
	background:url(/life/l_glico/img/no_04.gif) 0 0 no-repeat;
}
#make li#no05 {
	background:url(/life/l_glico/img/no_05.gif) 0 0 no-repeat;
}
#make li#no06 {
	background:url(/life/l_glico/img/no_06.gif) 0 0 no-repeat;
}
#make li#no07 {
	background:url(/life/l_glico/img/no_07.gif) 0 0 no-repeat;
}
#make li#no08 {
	background:url(/life/l_glico/img/no_08.gif) 0 0 no-repeat;
}
#make li#no09 {
	background:url(/life/l_glico/img/no_09.gif) 0 0 no-repeat;
}
#make li#no10 {
	background:url(/life/l_glico/img/no_10.gif) 0 0 no-repeat;
}

#make dt,
#make2 dt {
	padding:10px 0 10px 0;
	width:452px;
}
#make2 dt a:link,
#make2 dt a:visited {
	color:#a1bf4f;
}

#teaComp,
.teaLine {
	margin:10px 0 0 0;
	padding-top:20px;
	width:493px;
	background:url(/life/l_glico/img/border_03.gif) 0 0 no-repeat;
}
.teaLine {
	background:url(/life/l_glico/img/border_03.gif) 0 20px no-repeat;
}

#teaComp img {
	margin-bottom:5px;
}
#teaComp dd ul {
	list-style:none;
}
#teaComp dd ul li {
	padding-left:13px;
	background:url(/life/l_glico/img/dot_w.gif) 0 3px no-repeat;
}


.teaDotg {
	margin-bottom:5px;
	padding-left:13px;
	background:url(/life/l_glico/img/dot_w.gif) 0 3px no-repeat;
}
.teaDotp {
	margin-bottom:5px;
	background:url(/life/l_glico/img/dot_point.gif) 0 3px no-repeat;
}

.arrowg {
	margin:0 0 0 3px;
	vertical-align:middle;
}


#life #glicoTea a.popup:link,
#life #glicoTea a.popup:visited,
#life #glicoTea a.popup:hover {
	color:#a1bf4f;
}
#output #includeGtea a.popup:link,
#output #includeGtea a.popup:visited,
#output #includeGtea a.popup:hover {
	color:#a1bf4f;
}

#life #glicoTea .teaPoint a.popup:link,
#life #glicoTea .teaPoint a.popup:visited,
#life #glicoTea .teaPoint a.popup:hover {
	color:#FFFFFF;
}

.imgSpan {
	margin:0 7px;
}


#prepareList {
	padding-left:20px;
}
#prepareList ol {
	margin-top:5px;
	margin-bottom:5px;
}

#prepare {
	margin-top:20px;
	padding-bottom:27px;
	margin-bottom:25px;
	background:url(/life/l_glico/img/border_03.gif) left bottom no-repeat;
}

.teaColumn {
	margin-bottom:30px;
	padding-bottom:23px;
	background:url(/life/l_glico/img/dot_column.gif) center bottom no-repeat;
}

.teaPoint {
	margin-top:10px;
	padding-bottom:10px;
	background:url(/life/l_glico/img/bg_point.gif) left bottom no-repeat;
	color:#FFFFFF;
}
.teaPoint p {
	margin:0 10px 5px 10px;
	padding:0 0 0 13px;
}

.pointTop {
	margin-top: 10px;
	padding: 0;
	height: 10px;
	line-height: 0.1;
	vertical-align: bottom;
	background: url(/life/l_glico/img/bg_point_top.gif) 0 bottom no-repeat;
}
.teaPoint02 {
	margin:0;
	padding:0 10px 10px 10px;
	background:url(/life/l_glico/img/bg_point.gif) left bottom no-repeat;
	color:#FFFFFF;
}
.teaPoint02 .pointImg {
	padding: 2px 15px 0 0;
}
.teaPoint02 .pointTit {
	padding: 4px 0 5px 0;
}
.teaPoint02 .teaDotp {
	margin-bottom:5px;
	padding: 0 15px 0 15px;
	background:url(/life/l_glico/img/dot_point.gif) 0 3px no-repeat;
}

/* wi */

#teaBgTop {
	clear:both;
	height:20px;
	background:url(/life/l_glico/img/border_nav_01.gif) left top no-repeat;
}

#teaBg2nd,
.teaBg2nd {
	clear:both;
	height:20px;
	background:url(/life/l_glico/img/border_nav_02.gif) left top no-repeat;
}

/* navGA */

#glicoTea #navBox {
	clear:both;
}

#glicoTea #navTea {
	list-style:none;
	padding-top:15px;
	/*background:url(/life/l_glico/img/border_nav_01.gif) left top no-repeat;*/
}


#glicoTea #navTea li {
	float:left;
	width:136px;
	margin-left:10px;
	display: block;
	text-align:center;
	line-height:1.2;
	color:#6d5828;
}

#glicoTea #navTea li.fc {
	margin-left:0;
}

#glicoTea #navTea li img {
	margin-bottom:5px;
}

#glicoTea #navTea li a:link {
	color:#6d5828;
	text-decoration:none;
}
#glicoTea #navTea li a:visited {
	color:#6d5828;
	text-decoration:none;
}
#glicoTea #navTea li a:hover {
	color:#a1bf4f;
	text-decoration:none;
}

/* vol.01 */
#glicoTea #navBox .nav04 li {
	float:left;
	width:180px;
	margin-left:10px;
	display: block;
	text-align:center;
	line-height:1.2;
	color:#6d5828;
}

#glicoTea #navBox .nav04 li.fc {
	margin-left:0;
	width: 150px;
}
/* vol.01 end */

/* RgGA */
#teaComment {
	clear:both;
	background:url(/life/l_glico/img/bg_comment_01.gif) 0 0 no-repeat;
}
#teaComment #message {
	margin:15px 0 0 12px;
	padding:10px 12px 0 22px;
	background:url(/life/l_glico/img/icon_comment.gif) 0 7px no-repeat;
	color:#6d5828;
}

#teaBtnComment {
	padding:7px 0 15px 30px;
	background:url(/life/l_glico/img/bg_comment_02.gif) left bottom no-repeat;
}

#teaLinkArea {
	clear:both;
	margin:15px auto 0 auto;
	padding:15px 0;
	width:720px;
	background:url(/life/l_glico/img/border_01.gif) 0 0 no-repeat;
}

#teaTopLink {
	margin:0 0 5px 0;
	color:#707070;
	padding:0 0 0 18px;
	background:url(/life/l_glico/img/arrow_left.gif) left center no-repeat;
	text-align:left;
	width:300px;
	float: left;
}

#teaTopLink a {
	color:#707070;
	text-decoration:none;
}

#teaTopLink a:hover {
	color:#707070;
	text-decoration:none;
	border-bottom:#707070 dotted 1px;
}

#teaBackLink {
	margin:0;
	color:#707070;
	padding:0 15px 0 0;
	background:url(/life/l_glico/img/arrow_right.gif) right center no-repeat;
	text-align:right;
	width:300px;
	float:right;
}

#teaBackLink a {
	color:#707070;
	text-decoration:none;
}

#teaBackLink a:hover {
	color:#707070;
	text-decoration:none;
	border-bottom:#707070 dotted 1px;
}
















/* popup */

#teaPopup {
	margin:10px auto 0 auto;
	width:381px;
	text-align:left;
	background:url(/life/l_glico/img/mov_bg.gif) 0 0 repeat-y;
}

#teaPopup h1 {
	margin:0 0 5px 0;
}

#teaPopup #movFlash {
	margin:0 23px 10px 16px;
	padding:0;
	width:342px;
}

#teaPopup hr {
	display:none;
}

#teaPopup h2 {
	margin:0 23px 0 16px;
}

#teaPopup #point {
	margin:0 22px 0 15px;
	padding:0 9px 10px 11px;
	background:url(/life/l_glico/img/mov_point_btm.gif) left bottom no-repeat;
	color:#FFFFFF;
}

#teaPopup #btnClose {
	margin-top:15px;
	width:381px;
	padding-bottom:30px;
	text-align:center;
	background:url(/life/l_glico/img/mov_btm.gif) left bottom no-repeat;
}


/* vol03 */

.imgPhoto01 {
	background:url(/life/l_glico/vol01/img/main.jpg) 0 0 no-repeat;
}

/* vol02 */
.itemTea292 {
	width:292px;
}

.imgPhoto02 {
	background:url(/life/l_glico/vol02/img/main.jpg) 0 0 no-repeat;
}



/* vol03 */
.itemTea292 {
	width:292px;
}

.imgPhoto03 {
	background:url(/life/l_glico/vol03/img/main.jpg) 0 0 no-repeat;
}

/* vol04 */
/*.imgPhoto04 {
	background:url(/life/l_glico/vol04/img/main.jpg) 0 0 no-repeat;
}*/


/* vol05 */
dd.btmLine {
	padding: 10px 0 12px 0;
	background: url(/life/l_glico/vol05/img/recipe_line.gif) 0 bottom no-repeat;
}

.teaSideBar ul.decoTit {
	margin:5px 12px 0 12px;
}

#make dt.decoration {
	padding:10px 0 8px 0;
	width:452px;
	line-height: 0;
}

/* obNio[ */
#glicoTeaBknMain {
	margin:0;
	padding:20px 0 20px 0;
	width:760px;
	background:#FFF;
	text-align:center;
}

#glicoTeaBknMain:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

#glicoTeaBknMain {
	display: inline-table;
}




#glicoTeaBknTit {
	margin:0 auto;
	padding:0;
	width:700px;
	height:52px;
	background:url(/life/l_glico/img/tit_bkn.gif) top left no-repeat;
}
	
	
.glicoTeaBknArea {
	margin:0 auto;
	padding:0 0 10px 0;
	width:700px;
	text-align:left;

}

.glicoTeaBknArea div.bknCont {
	color:#7E7A7A;
	margin:15px 0 10px 0;
	padding:0 0 15px 0;
	text-align:left;
	width: 700px;
	/*\*/
	_width: 700px;
	_w\idth: 700px;
	/**/
	background:url(/life/l_glico/img/line_bkn.gif) bottom center  no-repeat;
}

.glicoTeaBknArea p img {
	margin:0 15px 0 0;
	vertical-align:middle;
}

.glicoTeaBknArea div.bknMenu {
	float:left;
}

.glicoTeaBknArea div.bknMenu span {
	margin:0;
	padding:2px 15px 0px 0;
	background:url(/life/l_glico/img/arrow_right.gif) right center no-repeat;
	color:#707070;
	text-align:left;
}

.glicoTeaBknArea div.bknMenu span a {
	color:#707070;
	text-decoration:none;
}

.glicoTeaBknArea div.bknMenu span a:visited {
	color:#707070;
	text-decoration:none;
}

.glicoTeaBknArea div.bknMenu span a:hover {
	color:#FF6E00;
	text-decoration:none;
}

.glicoTeaBknArea .bknList,
.glicoTeaBknArea .bknList a {
	width: 480px;
	line-height: 1.4em;
	list-style-type: none;
	color: #7e7a7a;
	text-decoration: none;
}

.glicoTeaBknArea .bknList ul {
	margin:5px 0 10px 0;
}

.glicoTeaBknArea .bknList li {
	padding: 0 0 0 15px;
	background: url(/life/l_glico/img/bkn_icon.gif) left top no-repeat;
}

.glicoTeaBknArea .bknList a:hover {
	color: #ff6e00;
}

#teaBknLinkArea {
	margin:0 auto;
	padding:0;
	width:700px;
}


/* 動画
-------------------------------------------------------------------------*/
h3.teaMovieTit {
	margin-bottom: 0;
}
.teaMovie01Bg {
	margin: 0 0 15px 0;
	padding: 10px 15px;
	background: url(/life/l_glico/img/recipe_movie_bg_01.gif) left bottom no-repeat;
}
.teaMovie01Bg .movie01Txt {
	float: left;
	padding: 0 0 0 15px;
	color: #739123;
}
.teaMovie02Bg {
	background: url(/life/l_glico/img/recipe_movie_bg_02.gif) left top no-repeat;
}
.teaMovie02Bg .movie02 {
	float: left;
	margin: 15px 0 0 0;
	padding: 0 15px 0 20px;
}
.teaMovie02Bg .movie02Txt {
	float: left;
	margin: 15px 0 0 0;
	color: #739123;
}
.teaMovie02Bg .movieBtm {
	clear: both;
	height: 10px;
	background: url(/life/l_glico/img/recipe_movie_bg_03.gif) left bottom no-repeat;
}
.movie01Txt a.popup,
.movie02Txt a.popup,
#life #glicoTea .movie01Txt a.popup,
#life #glicoTea .movie02Txt a.popup {
	color: #739123;
}



/* 動画 */
#bgGlicoTea { margin: 20px auto 0 auto; width: 762px; height: 530px; background: url(/life/l_glico/img/bg_movie.gif) left bottom no-repeat; }
#bgGlicoTea .title { margin: 0 0 15px 0; width: 762px; height: 60px; background: url(/life/l_glico/img/title_movie.gif) left bottom no-repeat; }
#bgGlicoTea .title h1 { text-indent: -9999px; font-size: 12px; line-height: 1; }
#bgGlicoTea .title p { float: right; margin-top: 0; padding: 0 21px 0 0; }
#bgGlicoTea .flashMsg { clear: both; margin: 15px 25px 15px 25px; text-align: left; }
#bgGlicoTea .flashBtn { text-align: left; margin-left: 25px; }












/* プレゼント */
#teaPreBg {
	margin: 30px 0 0 0;
	padding: 10px 20px 2px 20px;
	background: url(/life/l_glico/vol11/img/tea_present.gif) 0 0 no-repeat;
}
#teaPreBg #preTxt {
	margin: 0 0 0 0;
	width: 511px;
	color: #6d5828;
}
#teaPreBtm {
	background: url(/life/l_glico/vol11/img/tea_present_btm.gif) 0 top no-repeat;
}



#teaPreBox {
	margin: 0 auto;
	padding: 20px 15px 250px 15px;
	width: 420px;
	background: url(/life/l_glico/img/bg_present.gif) 0 bottom no-repeat;
}

#teaPreBox .presentTxt01 {
	margin: 0 0 20px 0;
	width: 245px;
	color: #6d5828;
	text-align: left;
}

#teaPreBox .presentTxt02 {
	color: #6d5828;
	text-align: left;
}


#bgCooking { margin: 10px auto; width: 682px; height: 620px; background: url(/life/l_cook/img/bg_movie.gif) 0 0 no-repeat; }
#bgCooking .title { margin: 0 22px 15px 21px; background: url(/life/l_cook/img/bg_movie_title.gif) left bottom no-repeat; }
#bgCooking .title h1 { float: left; padding: 14px 0 10px 0; }
#bgCooking .title p { float: right; padding: 35px 0 0 0; }
#bgCooking  .flashMsg { clear: both; margin: 15px 25px 15px 25px; text-align: left; }
#bgCooking  .flashBtn { text-align: left; margin-left: 25px; }