/*
 * Copyright(c) 2000-2007 LOCKON CO.,LTD. All Rights Reserved.
 *
 * http://www.lockon.co.jp/
 */
@charset "<!--{$smarty.const.CHAR_CODE}-->";
.fs10 {font-size: 62.5%; line-height: 150%;}
.fs12 {font-size: 75%; line-height: 150%;}
.fs14 {font-size: 87.5%; line-height: 150%;}
.fs18 {font-size: 117.5%; line-height: 150%;}
.fs22 {font-size: 137.5%; line-height: 130%;}
.fs24 {font-size: 150%; line-height: 130%;}
.fs30 {font-size: 187.5%; line-height: 125%;}
.fs10n {font-size: 62.5%;}
.fs12n {font-size: 75%;}
.fs14n {font-size: 87.5%;}
.fs18n {font-size: 117.5%;}
.fs22n {font-size: 137.5%;}
.fs24n {font-size: 150%;}
.fs30n {font-size: 187.5%;}
.fs12st {font-size: 75%; line-height: 150%; font-weight: bold;}

body{
	background:#f9fae7;
	color:#555;
	text-align:center;
	font-size:16px;
}
a img{border:none;}
h1{
	width:813px;
	margin:0 auto;
	padding:0;
	color:#5d4227;
	font-size:12px;
	font-weight:normal;
	text-align:left;
}
h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover{
	color:#5d4227;
	text-decoration:none;
}


div#top{
	width:813px;
	margin:2px auto 0 auto;
	border:3px double #ccc;
	overflow:hidden;
	background:#ffffff;
}

table td{
	border:none;
}
/*-- ancar
---------------------------------------------------------------------*/
a,
a:link{
	color:#3a75af;
}
a:visited{
	color:#3a75af;
}
a:active{
	color:#3a75af;
}

#header a,
#header a:link,
#header a:visited,
#header a:hover{
	color:#5d4227;
}

#nav_area #globalnav a,
#nav_area #globalnav a:link{
	color:#666;
}
#nav_area #globalnav a:visited{
	color:#888;
}
#nav_area #globalnav a:hover{
	color:#874c26;
}

/*-- header and footer
---------------------------------------------------------------------*/
#header{
	position:relative;
	width:807px;
	margin:auto;
	background:#ffffff url(../img/common/h_logo_bg.jpg) no-repeat 0px 23px;
	text-align:left;
	font-size:80%;
}

#header form{
	margin:0;
	padding:0;
}


#header strong#welcomename{
	position:absolute;
	top:15px;
	right:164px;
	color:#fff;
}
#header #logo{
	width:160px;
	height:83px;
	padding:9px 0 10px 0;
}
#header a img{
	vertical-align:top;
}

#header ul,
#footer ul{
	zoom:100%;
}

#header ul{
	margin:0;
	padding:0;
	background:url(../img/common/h_navi_bg.jpg);
}

#header ul#loginmenu{
	position:absolute;
	top:2px;
	right:5px;
	margin:0;
	padding:0;
	background:#ffffff;
}
#header ul#loginmenu li{
	height:20px;
	margin-left:10px;
}
#header ul#loginmenu #hnavi01{
	padding:0 0 0 10px;
	background:url(../img/common/h_icon01.gif) no-repeat 0px 5px;
}
#header ul#loginmenu #hnavi02{
	padding:0 0 0 10px;
	background:url(../img/common/h_icon01.gif) no-repeat 0px 5px;
}
#header ul#loginmenu #hnavi03{
	padding:0 0 0 25px;
	background:url(../img/common/h_icon02.gif) no-repeat 0px 0px;
}


#header ul li,
#footer ul li{
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}
#header ul li img{
	margin-top:1px;
	padding:0;
	border:none;
}

#footer{
	width:765px;
	margin:0 5px;
	padding:15px 18px;
	font-size:80%;
	border-top:#cccccc 1px solid;
	text-align:left;
}
#footer ul{
	width:600px;
	margin:0;
	padding:0;
	border-left:1px solid #ccc;
}
#footer ul li{
	margin:auto;
	padding:0 5px;
	border-right:1px solid #ccc;
	line-height:1.5;
}
#footer address{
	font-size:0.9em;
	font-style:normal;
}
#header ul:after,
#footer ul:after{
	display:block;
	clear:both;
	height:0.1em;
	font-size: 0.1em;
	line-height:0;
	visibility:hidden;
	content:".";
}

/*-- main
---------------------------------------------------------------------*/

#wrapper{
	width:100%;
	padding:15px 6px 0 6px;
	background:#fff;
	text-align:center;
}
#base{
	width:795px;
}

#main{
	margin:0 9px;
}
#main .bloc {
	margin-bottom:13px;
}

#main .bloc *{
	margin:0;
	padding:0;
}

#main .bloc h2{
	position:relative;
	width:441px;
	height:32px;
	margin:0 0 5px 0;
	background:url(../../img/koshunavi/top/ttl_bloc.gif) center no-repeat; 
}
#main h2 strong,
#main h2 span{
	display:block;
	position:absolute;
	top:5px;
	height:18px;
	text-indent:-999em;
	overflow:hidden;
	background-repeat:no-repeat;
}
#main h2 strong{width:200px;left:20px; background-position:left;}
#main h2 span{width:150px;right:20px; background-position:right;}

/*--caution----------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-----------topindex_css...../css/layout/index.css------------*/
/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/


#nav_area #search,
#nav_area #globalnav,
#extra_area .bloc{
	margin-bottom:8px;
	border:1px solid #999;
}

/*-- globalnav
---------------------------------------------------------------------*/
#nav_area{
	width:170px;
}
#nav_area *{
	margin:0;
	padding:0;
}
#nav_area #search{
	background:#eaeaea;
}
#nav_area #search dt{
	width:168px;
	height:22px;
	background:url(../img/common/cap_search.gif) no-repeat;
	text-indent:-999em;
}
#nav_area #search dd form{
	margin:0 4px 4px 4px;
}
#nav_area #search dd form *{
	vertical-align:middle;
}
#nav_area #search dd form #word{
	width:116px;
	margin-right:3px;
}


#nav_area #globalnav li strong{
	display:block;
	width:168px;
	height:23px;
	border:1px solid #999;
	border-left:none;
	border-right:none;
	background:url(../img/common/cap_globalnav.gif) no-repeat;
	text-indent:-999em;
	line-height:23px;
}
#nav_area #globalnav li#nav_01 strong{background-position:0 0;}
#nav_area #globalnav li#nav_02 strong{background-position:0 -23px;}
#nav_area #globalnav li#nav_03 strong{background-position:0 -46px;}
#nav_area #globalnav li#nav_04 strong{background-position:0 -69px;}
#nav_area #globalnav li#nav_05 strong{background-position:0 -92px;}
#nav_area #globalnav li#nav_06 strong{background-position:0 -115px;}
#nav_area #globalnav li#nav_07 strong{background-position:0 -138px;}

#nav_area #globalnav li ul li,
#nav_area #search dd span{
	list-style:none;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	background:url(../img/common/ico_globalnav.gif) no-repeat left;
	line-height:2.2;
}

/*-- extra_area
---------------------------------------------------------------------*/

#extra_area *{
	margin:0;
	padding:0;
	list-style:none;
}

#extra_area .bloc{
	width:163px;
	padding-bottom:4px;
	zoom:1;
}
#extra_area .bloc:after{
	display:block;
	clear:both;
	height:1px;
	line-height:0;
	visibility:hidden;
	content:".";
}

#extra_area .bloc h3{
	height:28px;
	text-indent:-999em;
	line-height:28px;
}

#extra_area p.more{
	clear:both;
	margin:0 3px;
	text-align:right;
}
#extra_area p.more a{
	padding-left:15px;
	background:url(../img/common/ico_globalnav.gif) no-repeat left;
}

/*--共通----------------------------------------------------*/

img{border:0;margin:0;padding:0;}
#clear{clear:both;}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/


.floatl{float:left;}
.floatr{float:right;}

/* margin */
.tmg01 { margin-top:10px; }
.tmg02 { margin-top:20px; }
.tmg03 { margin-top:30px; }
.tmg04 { margin-top:40px; }
.tmg05 { margin-top:50px; }

.rmg01 { margin-right:10px; }
.rmg02 { margin-right:20px; }
.rmg03 { margin-right:30px; }
.rmg04 { margin-right:40px; }
.rmg05 { margin-right:50px; }

.bmg01 { margin-bottom:10px; }
.bmg02 { margin-bottom:20px; }
.bmg03 { margin-bottom:30px; }
.bmg04 { margin-bottom:40px; }
.bmg05 { margin-bottom:50px; }
.bmg06 { margin-bottom:60px; }


.lmg01 { margin-left:10px; }
.lmg02 { margin-left:20px; }
.lmg03 { margin-left:30px; }
.lmg04 { margin-left:40px; }
.lmg05 { margin-left:50px; }
.lmg06 { margin-left:60px; }


/* padding */
.tpd01 { padding-top:10px; }
.tpd02 { padding-top:20px; }
.tpd03 { padding-top:30px; }
.tpd04 { padding-top:40px; }
.tpd05 { padding-top:50px; }

.rpd01 { padding-right:10px; }
.rpd02 { padding-right:20px; }
.rpd03 { padding-right:30px; }
.rpd04 { padding-right:40px; }
.rpd05 { padding-right:50px; }

.bpd01 { padding-bottom:10px; }
.bpd02 { padding-bottom:20px; }
.bpd03 { padding-bottom:30px; }
.bpd04 { padding-bottom:40px; }
.bpd05 { padding-bottom:50px; }

.lpd01 { padding-left:10px; }
.lpd02 { padding-left:20px; }
.lpd03 { padding-left:30px; }
.lpd04 { padding-left:40px; }
.lpd05 { padding-left:50px; }

/*------------復元の酒-------------------------------------------------*/
.period{width:777x;padding-bottom:30px;}
.period_block{width:707px;margin:40px auto 0;line-height:100%;}
.period_block dl,.period_block dt,.period_block dd{margin:0;padding:0;}
.period_block dd{margin:0;padding:0;float:left;}
.period_block dl{height:305px;}
.period_block img{vertical-align: top;vertical-align: bottom;}

/*-----------大正造、アフス飲み比べ---------*/

.tasting{width:777px;padding-bottom:30px;}
.tasting .contents01{height:522px;}
.tasting .contents02{height:369px;}
.tasting .contents03{height:385px;}
.tasting dl,.tasting dt,.tasting dd{margin:0;padding:0;float:left;}
.tasting .afs dl,.tasting .afs  dt,.tasting .afs dd{margin:0;padding:0;float:right;}
.tasting img{vertical-align: top;vertical-align: bottom;}
.tasting .bnr img{margin-top:30px;clear:both;}


/*-------------------------------------------------------------*/
/*-------------------------------------------------------------*/