﻿@charset "utf-8";
/* CSS Document */

br.clear {
	clear:both;
}

div#container {
	width:1000px;
	margin:0px auto;
	text-align:left;
	padding:20px 0px 0px 0px;
	background-color:transparent;
	position:relative;
}

div#two_maincolumn {
	background:transparent;
	width:1000px;
	margin:0;
	position:relative;
}


div#leftcolumn {
	width:10px;
	float:left;
	text-align:left;
	overflow:visible;
	position:relative;
}


/*カート内金額*/
div#leftcolumn div#incart {
	position:absolute;
	text-align:center;
	width:60px;
	top:-158px;
	left:920px;
	font-size:12px;
	line-height:0em;
}


/*メインコンテンツ*/

div#two_maincolumn a span{
	display:none;
}

div#two_maincolumn a span.pst13{
	display:inline;
}

div#two_maincolumn a span.pst5{
	display:inline;
}

div#two_maincolumn div#index_main{
	width:1000px;
/*height:612px;*/
	height:350px;
	position:relative;
}

div#attention0414{
	width:998px;
	height:242px;
	border:1px solid #dddddd;
	position:absolute;
	top:0px;
	left:0px;
}

div#topdrink, div#topnama, div#topdajo, div#topshake, div#toptanpopo {
	height:150px;
	border:1px solid #dddddd;
	padding:4px;
	background:#fff;
	position:absolute;
	font-size:10px;
	letter-spacing:0em;
}

div#topdrink h3, div#topnama h3 {
	font-size:12px;
	color:#006439;
}

div#topnama div {
	width:318px;
	background-color: rgba( 255, 255, 255, 0.80 );
	padding:5px;
	position:absolute;
	left:0px;
	bottom:0px;
}

div#topdrink div{
	width:203px;
	background-color: rgba( 255, 255, 255, 0.80 );
	padding:5px;
	position:absolute;
	left:0px;
	bottom:0px;
}

div#topdrink a, div#topnama a {
	color:#4B4B4B;
}

div#topdrink a:hover, div#topnama a:hover {
	color:#8B8B8B;
	text-decoration:underline;}

div#topdrink {
top:170px;
/*	top:262px;*/
	left:670px;
	width:205px;
}

div#topnama {
top:0px;
/*	top:262px;*/
	left:670px;
	width:320px;
}

div#topdajo, div#topshake{
	left:897px;
/*	top:432px;*/
	width:93px;
}

div#topdajo h3, div#topshake h3{
	font-size:12px;
	color:#006439;
}

div#topdajo div, div#topshake div{
	background-color: rgba( 255, 255, 255, 0.80 );
	width:91px;
	padding:5px;
	position:absolute;
	bottom:0px;
	left:0px;
}

div#topdajo a, div#topshake a {
	color:#4B4B4B;
}

div#topdajo{
	top:0px;
}

div#topshake{
	top:170px;
}

div#two_maincolumn div#index_sub{
	width:1000px;
	height:385px;
	margin-bottom:20px;
	position:relative;
}

div#index_sub h4{
	border:1px solid #006439;
	padding:4px;
	color:#006439;
	position:relative;
	font-size:16px;
}

div#index_sub h4 span{
	position:absolute;
	right:0px;
	text-align:right;
	font-size:10px;
	color:#5C5C5C;
	font-weight:normal;
}

div#subuseful{
	height:288px;
	width:313px;
	border:1px solid #dddddd;
	padding:4px;
	background:#fff;
	position:absolute;
	top:0px;
	left:0px;
}

div#subuseful dl{
	height:250px;
	width:315px;
	position:relative;
	margin:5px 0 0 0;
}

div#subuseful dl a:hover{
	opacity:0.8;
}

div#subuseful dl dt{
	height:80px;
	width:150px;
	position:absolute;
	left:0px;
	top:0px;
}

div#subuseful dl dd{
	font-size:10px;
	letter-spacing:0em;
	line-height:1.3em;
	padding:80px 5px 0 5px;
	position:absolute;
	color:#363636;
}

div#subuseful dl dt.kisha1123{
	height:120px;
	width:300px;
	position:absolute;
	left:0px;
	top:0px;
}

div#subuseful dl dd.kisha1123{
	font-size:12px;
	letter-spacing:0em;
	line-height:1.3em;
	padding:50px 5px 0 0px;
	position:absolute;
	left:125px;
	color:#363636;
}

div#subuseful dl dt.walk, div#subuseful dl dd.walk{
	left:157px;
}

div#subuseful dl dt.diary, div#subuseful dl dd.diary{
	top:130px;
}

div#subuseful dl dt.media, div#subuseful dl dd.media{
	top:130px;
	left:157px;
}


div#subuseful dl dt img{
	float:left;
	display:block;
	margin:0 3px 0 0;
	}
	
div#subuseful dl dt p{
	font-size:11px;
	font-weight:bold;
	color:#006439;
	height:76px;
	display:table-cell;
	vertical-align:middle;
	letter-spacing:0em;
}

div#subuseful dl dt.kisha1123 p{
	font-size:14px;
	height:50px;
}

div#subbargain{
	height:288px;
	width:147px;
	border:1px solid #dddddd;
	padding:4px;
	background:#fff;
	position:absolute;
	top:0px;
	left:335px;
	font-size:10px;
	letter-spacing:-0.1em;
	overflow:hidden;
	line-height:1.4em;
}

div#subbargain img{
	display:block;
	margin:5px 0 0 0;
}

div#subtopics{
	height:288px;
	width:485px;
	border:1px solid #dddddd;
	padding:4px;
	background:#fff;
	position:absolute;
	top:0px;
	right:0px;
	overflow:auto;
}

div#subtopics dl {
	height:253px;
	overflow-x: hidden;
	overflow-y:scroll;
}

div#subtopics dl dt{
	font-size:14px;
	color:#006439;
	font-weight:bold;
	margin:0px;
	padding:10px 0px 1px 5px;
}

div#subtopics dl dt span{
	font-size:10px;
	color:#BBBBBB;
	font-weight:nomal;
	padding:0px 0px 0px 5px;
}

div#subtopics dl dd{
	font-size:12px;
	color:#474747;
	margin:0px;
	padding:0px 0px 0px 10px;
	line-height:1.4em;
}

div#subtopics dl dd a{
	color:#0676b0;
	text-decoration:underline;
}

div#subtopics dl dd a:hover{
	color:#40b5f2;
	text-decoration:underline;
}

div#subcolumn, div#subrecipe, div#subvoice, div#subfb, div#subtw, #subinsta {
	height:65px;
	border:1px solid #dddddd;
	padding:4px;
	background:#fff;
	position:absolute;
}

div#subcolumn {
	bottom:0px;
	left:445px;
	width:206px;
}

div#subrecipe {
	bottom:0px;
	left:222px;
	width:206px;
}

div#subvoice {
	bottom:0px;
	left:0px;
	width:206px;
}

div#subfb {
	bottom:0px;
	left:677px;
	width:95px;
}

div#subfb p a{
	height:65px;
	width:95px;
	display:block;
	background:transparent url(../img/index/fb_banner.jpg) 0px 0px;
}

div#subfb p a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

div#subfb span a{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

div#subtw {
	bottom:0px;
	left:786px;
	width:95px;
}

div#subtw a{
	height:65px;
	width:95px;
	display:block;
	background:transparent url(../img/index/tw_banner.jpg) 0px 0px;
}

div#subtw a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

div#subinsta {
	bottom:0px;
	left:895px;
	width:95px;
}

div#subinsta a{
	height:65px;
	width:95px;
	display:block;
	background:transparent url(../img/index/ig_banner.jpg) 0px 0px;
}

div#subinsta a:hover{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


div#two_maincolumn div#index_text{
	width:1000px;
	height:242px;
	margin-bottom:20px;
	position:relative;
	letter-spacing:0em;
	color:#3A3A3A;
	line-height:1.4em;
	overflow:hidden;
}

div#textnama, div#textdrink, div#textdajo, div#textshake {
	height:230px;
	border:1px solid #dddddd;
	padding:4px;
	position:absolute;
	top:0px;
}

div#textnama{
	width:313px;
	left:0px;
	background:url(../img/index/textnama.jpg) 0px 0px no-repeat #fff;
}

div#textdrink{
	width:313px;
	left:338px;
	background:url(../img/index/textdrink.jpg) 0px 0px no-repeat #fff;
}

div#textshake{
	width:313px;
	left:677px;
	font-size:12px;
	background:url(../img/index/textshake.jpg) 0px 0px no-repeat #fff;
}

div#textdajo{
	width:149px;
	right:0px;
	font-size:10px;
	background:url(../img/index/textdajo.jpg) 0px 0px no-repeat #fff;
}

div#index_text div p{
	margin:0px;
	padding:0px;
	position:absolute;
	bottom:3px;
	color:#757575;
}


/*規定ページ*/
div#guidecolumn {
	width:988px;
	border:1px solid #dddddd;
	padding:4px;
	background:#fff;
	margin:0px 0px 20px 0px;
	clear:both;
	overflow:hidden;
}

div#guidecolumn .head{
	margin:0px;
	padding:0px;
	box-shadow:none;
	background:#fff;
}

div#guidecolumn h2.t_return {
	border:1px solid #006439;
	padding:4px;
	color:#006439;
	position:relative;
	font-size:16px;
	background:none;
	margin:0px;
}

div#guidecolumn h2.t_order {
	border:1px solid #006439;
	padding:4px;
	color:#006439;
	position:relative;
	font-size:16px;
	background:none;
	margin:0px;
}

div#guidecolumn h2.t_about {
	border:1px solid #006439;
	padding:4px;
	color:#006439;
	position:relative;
	font-size:16px;
	background:none;
	margin:0px;
}

div#guidecolumn h2.t_privacy {
	border:1px solid #006439;
	padding:4px;
	color:#006439;
	position:relative;
	font-size:16px;
	background:none;
	margin:0px;
}

div#guidecolumn h2.t_content {
	border:1px solid #006439;
	padding:4px;
	color:#006439;
	position:relative;
	font-size:16px;
	background:none;
	margin:0px;
}

div#guidecolumn h2.t_contact {
	border:1px solid #006439;
	padding:4px;
	color:#006439;
	position:relative;
	font-size:16px;
	background:none;
	margin:0px;
}

div#guidecolumn h2.t_entry {
	border:1px solid #006439;
	padding:4px;
	color:#006439;
	position:relative;
	font-size:16px;
	background:none;
	margin:0px;
}