@charset "UTF-8";

/*焼酎関連CSS*/

/* コンテナ*/
#container {
	background-color: #F3F3F3;
	background-image: url("img/back_stripe3.jpg");
	background-repeat: repeat;
	background-position: top left;}

/*画面左側（上）*/
#top_left {
	float: left;
	width: 408px;/*左側横幅*/
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border-right: 0px solid #000000;}

/*左側（ルール、凡例）wrapper*/
#rulewrapper,
#legendwrapper {
	margin: 26px 10px 20px 15px;
	padding: 10px 0px 20px 0px;
	width: 377px;/*左側横幅*/
	background-color: #FFF;
	border: 3px solid #9A9A9A;}

/*大タイトル（左側上）*/
h2.ltitle {
	margin: 0px;
	padding: 0px 0px 0px 1em;
	background-color: transparent;
	color: #444;
	font-size: 117%;
	height: 2.5em;
	line-height: 2.5em;
	font-weight: bold;
	border-bottom: 1px dashed #DDD;}

p.ccaption, p.legends {
	margin: 0px;
	padding: 1em 1.3em 1.3em 1.5em;
	background-color: #FFFFFF;
	color: #303030;
	line-height: 1.5em;
	border-bottom: 0px solid #000000;}

p.legends {
	line-height: 0.4em;}

/* トップ画面右側*/
#top_right {
	float: left;
	background-color: transparent;
	width: 408px;/*右側横幅*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;}

/*大タイトル（右側上）*/
h2.rtitle {
	margin: 0px;
	padding: 0px 0px 0px 1.2em;
	background-color: transparent;
	color: #F3F3F3;
	font-size: 117%;
	height: 1.9em;
	line-height: 1.9em;
	font-weight: bold;
	border-bottom: 0px solid #000000;}

/*コラム：タイトルwrapper*/
#column {
	margin: 23px 15px 0px 10px;
	padding: 0px;
	width: 383px;/*右側横幅*/
	background-color: #707070;}

/*コラム：題名*/
p.columntitle {
	margin: 10px 15px 12px 10px;
	padding: 1.3em 1.3em 80px 1.8em;
	background-color: #FFF;
	background-image: url("img/joka.gif");
	background-repeat: no-repeat;
	background-position: bottom right;
	color: #303030;
	line-height: 0.4em;
	border-top: 0px solid #707070;
	border-left: 0px solid #707070;
	border-right: 1px solid #707070;
	border-bottom: 2px solid #707070;}

p.columntitle a,
p.columntitle a:visited {
	color: #000B9C;
	text-decoration: none;}

p.columntitle a:hover,
p.columntitle a:active,
p.columntitle a:focus {
	background-color: #F9D8A3;
	color: #0A0A0A;
	text-decoration: underline;}

/*区切り線*/
div.divisionline {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 25px;
	border-top: 1px dashed #707070;
	}

/*以下焼酎評価メインコンテンツ/
/*タイトルwrapper*/
#maintitlewrapper {
	margin: 0px 418px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 395px;/*左側横幅　816-418-15-6=377*//*左側横幅　816-418-0-3=395*/
	background-color: #FFF;
	border-top: 3px solid #9A9A9A;
	border-right: 3px solid #9A9A9A;
	border-bottom: 3px solid #9A9A9A;
	border-left: 0px solid #9A9A9A;}

/*大タイトル（メイン）*/
h2.mtitle {
	margin: 0px;
	padding: 0px 0px 0px 1.5em;
	background-color: transparent;
	background-color: #FCF6C8;
	color: #444;
	font-size: 117%;
	height: 2.5em;
	line-height: 2.5em;
	font-weight: bold;}

/* あ、さ、な、ま、ら行の大枠　左右を大まかに分ける*/
#left_a,/*あ行*/
#left_sa,/*さ行*/
#left_na,
#left_ha,/*は行*/
#left_ra {
	float: left;
	background-color: transparent;
	width: 408px;/*左側横幅*/
	overflow: hidden;
	margin: 0px;
	padding: 0px;}

/* か、た、は、や、わ行の大枠　左右を大まかに分ける*/
#right_ka,/*か行*/
#right_ta,/*た、な行*/
#right_ma,/*ま、や、わ行*/
#right_ya,
#right_wa {
	float: left;
	background-color: transparent;
	width: 408px;/*右側横幅*/
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}

/* 左→右の後のクリア*/
div.clearance {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;}

/* 各行のwrapper　コンテンツの外枠部分*/
#wrapper_a,/*あ行*/
#wrapper_sa,/*さ行*/
#wrapper_na,
#wrapper_ha,/*は行*/
#wrapper_ra {
	margin: 10px 10px 15px 15px;
	padding: 0px 0px 20px 0px;
	background-color: #FFF;
	border: 3px solid #9A9A9A;}

#wrapper_ka,/*か行*/
#wrapper_ta,/*た、な行*/
#wrapper_ma,/*ま、や、わ行*/
#wrapper_ya,
#wrapper_wa {
	margin: 10px 15px 15px 10px;
	padding: 0px 0px 20px 0px;
	background-color: #FFF;
	border: 3px solid #9A9A9A;}

#wrapper_a {
	background-image: url("img/liq_titleb_a2.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;}

#wrapper_ka {
	background-image: url("img/liq_titleb_ka.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;}

#wrapper_sa {
	background-image: url("img/liq_titleb_sa.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;}

#wrapper_ta {
	background-image: url("img/liq_titleb_ta.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;}

#wrapper_ha {
	background-image: url("img/liq_titleb_ha.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;}

#wrapper_ma {
	background-image: url("img/liq_titleb_ma.jpg");
	background-repeat: no-repeat;
	background-position: bottom right;}

/* 各行のtitle*/
h2.title_a,
h2.title_ka,
h2.title_sa,
h2.title_ta,
h2.title_na,
h2.title_ha,
h2.title_ma,
h2.title_ya,
h2.title_ra,
h2.title_wa {
	margin: 0px;
	padding: 0px 0px 0px 1em;
	background-color: #F7F7F7;
	color: #444;
	font-size: 117%;
	height: 2.8em;
	line-height: 2.8em;
	font-weight: bold;
	border-bottom: 1px dashed #DDD;}

/*h2.title_a {
	background-image: url("img/liq_title_a5.jpg");
	background-repeat: no-repeat;
	background-position: top right;}*/

/* 各行の本文外枠*/
div.names_a,
div.names_ka,
div.names_sa,
div.names_ta,
div.names_na,
div.names_ha,
div.names_ma,
div.names_ya,
div.names_ra,
div.names_wa {
	margin: 0px;
	padding: 1em 1.3em 1.3em 1.5em;
	background-color: transparent;
	color: #303030;
	border-bottom: 0px solid #000000;}

/* 蔵元名、銘柄名＜評価済、未評価＞、蔵元間の空白*/
p.kuramoto {
	font-weight: bold;
	padding: 0px 0px 0.3em 0px;}
p.evaluated {
	padding: 0px 0px 0.3em 1.5em;}
p.not_evaluated {
	color: #6C7F63;
	padding: 0px 0px 0.2em 1.5em;}
div.blank {
	margin: 15px;}

p.evaluated a,
p.evaluated a:visited,
p.not_evaluated a,
p.not_evaluated a:visited {
	color: #000B9C;
	text-decoration: none;}
p.evaluated a:hover,
p.evaluated a:active,
p.evaluated a:focus {
	background-color: #F4BD67;
	color: #0A0A0A;
	text-decoration: underline;}
p.not_evaluated a:hover,
p.not_evaluated a:active,
p.not_evaluated a:focus {
	background-color: #BBEAA4;
	color: #0A0A0A;
	text-decoration: underline;}

/*よくわからない最後の1px対策*/
.end {
	clear: both;
	width: 816px;
	background-color: #F3F3F3;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	border-right-style: solid; 
	border-right-color: #707070;
	border-right-width: 1px;}

/*下メニューバー*/
#menubar_u {
	clear: both;
	background-color: #474747;
	background-image: url("img/menubar1.jpg");
	background-repeat: repeat-x;
	background-position: top left;
	font-family: "Verdana", "ＭＳ Ｐゴシック", Arial, sans-serif;
	font-size: 100%;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	margin: 0px;
	padding-left: 15px;
	letter-spacing: 0em;
	height: 1.8em;
	line-height: 1.8em;
	border-top: 1px solid #323232;
	border-right: 0px solid #323232;
	border-left: 0px solid #323232;
	border-bottom: 1px solid #323232;}

#menubar_u ul {
	list-style-type: none;
}

#menubar_u ul li {
	float: left;
}

#menubar_u li a,
#menubar_u li a:visited {
	color: #F0F0F0;
	background-color: #474747;
	background-image: url("img/menubar2.jpg");
	background-repeat: repeat-x;
	background-position: top left;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	display: block;
	width: 8.5em;
	height: 1.8em;
	border-right: 0px solid #656565;
	border-left: 0px solid #656565;}

#menubar_u li.active,
#menubar_u li a:hover,
#menubar_u li a:focus {
	color: #F0F0F0;
	background-color: #474747;
	background-image: url("img/menubar1.jpg");
	background-repeat: repeat-x;
	background-position: top left;
	text-align: center;
	font-weight: bold;
	display: block;
	width: 8.5em;
	height: 1.8em;
	border-right: 0px solid #656565;
	border-left: 0px solid #656565;}

/*フッター*/
#footer {
	background-color: #A0A0A0;
	background-image: url("img/paperpattern-footer.jpg");
	background-repeat: repeat;
	background-position: top left;
	margin: 0px;
	padding: 0px;
	height: 50px;
	border-top: 0px solid #323232;
	border-right: 0px solid #707070;
	border-left: 0px solid #707070;
	border-bottom: 0px solid #707070;}