@charset "Shift_JIS";

/*	大崎地方振興事務所　				*/
/*	ページレイアウト・蔵元ガイドブックscreen用	*/
/*	ver.1.00  2008/3/24				*/


/*　＊＊＊＊＊＊＊＊＊＊　基本レイアウト　＊＊＊＊＊＊＊＊＊＊　*/
div#contents{
	width			: 100%;
	background-image	: url("../img/contents_bg.jpg");
	background-repeat	: no-repeat;
	background-position	: 0 bottom;
	background-attachment	: fixed;
	background-color	: #ffffff;
	color			: #000000;
}
div#contents div{
	clear		: both;
	width		: 70%;
	margin-left	: auto;
	margin-right	: auto;
	margin-top	: 50px;
	position	: relative;
	background-color: #ffffff;
	color		: #000000;
}
div#contents div div{
	clear		: both;
	margin-top	: 1em;
	margin-bottom	: 2em;
	width		: 100%;
}
div#contents div p{
	margin-top	: 0.5em;
	margin-bottom	: 0.5em;
	line-height	: 1.5;
}
div#contents div h2{
	border-top	: 2px  solid #ccccff;
	border-right	: 5px outset #ccccff;
	border-bottom	: 5px outset #ccccff;
	border-left	: 2px  solid #ccccff;
	padding		: 2px 0.5em;
	position	: absolute;
	top		: -0.8em;
	left		: 3em;
	z-index		: 3;
	background-color: #ffffff;
	color		: #000000;
}

/*　＊＊＊＊＊＊＊＊＊＊　本文内写真回り込み設定　＊＊＊＊＊＊＊＊＊＊　*/
.photo_leftbox,
.photo_leftbox2,
.photo_leftbox3,
.photo_leftbox4,
.photo_leftbox5,
.photo_rightbox,
.photo_rightbox2,
.photo_rightbox3,
.photo_rightbox4,
.photo_rightbox5{
	clear		: both;
	text-align	: center;
	margin-bottom	: 1em;
}
.photo_leftbox,
.photo_leftbox2,
.photo_leftbox3,
.photo_leftbox4,
.photo_leftbox5{
	float		: left;
	padding-right	: 1em;
}
.photo_rightbox,
.photo_rightbox2,
.photo_rightbox3,
.photo_rightbox4,
.photo_rightbox5{
	float		: right;
	padding-left	: 1em;
}


/*　＊＊＊＊＊＊＊＊＊＊　タイトル　＊＊＊＊＊＊＊＊＊＊　#kura_title*/

div#contents div#kura_title{
	width		: 50%;
	margin		: 0 auto;
	padding		: 5px;
	min-height	: 130px;
	border-top	: 2px  solid #ccccff;
	border-right	: 5px outset #ccccff;
	border-bottom	: 5px outset #ccccff;
	border-left	: 2px  solid #ccccff;
	background-color: #99ff99;
	color		: #000000;
}
div#contents div#kura_title h1{
	margin-left	: 130px;
	font-size	: 140%;
}
div#contents div#kura_title h1 strong{
	font-size	: 130%;
}
div#contents div#kura_title address{
	margin		: 20px 0 0 160px;
	font-size	: 90%;
	font-style	: normal;
}
div#contents div#kura_title address a{
	font-size	: 90%;
}

/*　＊＊＊＊＊＊＊＊＊＊　はじめに　＊＊＊＊＊＊＊＊＊＊　#kura_prologue*/

div#contents div#kura_prologue{
	padding		: 1.5em 0.5em;
	min-height	: 220px;
	border-top	: 2px  solid #ccccff;
	border-right	: 5px outset #ccccff;
	border-bottom	: 5px outset #ccccff;
	border-left	: 2px  solid #ccccff;
	background-color: #ccffff;
	color		: #000000;
}
div#contents div#kura_prologue h2{
	display		: none;
}
div#contents div#kura_prologue p{
	text-indent	: 1em;
}
div#contents div#kura_prologue p.photo_leftbox,
div#contents div#kura_prologue p.photo_leftbox2{
	text-indent	: 0em;
}

/*　＊＊＊＊＊＊＊＊＊＊　蔵の沿革　＊＊＊＊＊＊＊＊＊＊　#kura_history*/

div#contents div#kura_history{
	border-top	: 1px solid black;
	padding		: 1.5em 0.5em;
	min-height	: 220px;
}

div#contents div#kura_history p{
	text-indent	: 1em;
}
div#contents div#kura_history p.photo_leftbox,
div#contents div#kura_feature p.photo_rightbox{
	text-indent	: 0em;
}


/*　＊＊＊＊＊＊＊＊＊＊　蔵の特徴　＊＊＊＊＊＊＊＊＊＊　#kura_feature*/

div#contents div#kura_feature{
	border-top	: 1px solid black;
	padding		: 1.5em 0.5em;
}
div#contents div#kura_feature p{
	text-indent	: 1em;
}
div#contents div#kura_feature p.photo_leftbox,
div#contents div#kura_feature p.photo_leftbox2,
div#contents div#kura_feature p.photo_leftbox3,
div#contents div#kura_feature p.photo_leftbox4,
div#contents div#kura_feature p.photo_leftbox5,
div#contents div#kura_feature p.photo_rightbox,
div#contents div#kura_feature p.photo_rightbox2,
div#contents div#kura_feature p.photo_rightbox3,
div#contents div#kura_feature p.photo_rightbox4,
div#contents div#kura_feature p.photo_rightbox5{
	text-indent	: 0em;
}

div#contents div#kura_feature h3{
	margin-left	: 30px;
	background-color: transparent;
	color		: blue;
}
div#contents div#kura_feature h3:before{
	content:"◇";
}
div#contents div#kura_feature h4:before{
	content:"☆";
}
div#contents div#kura_feature h4{
	margin-left	: 50px;
	font-style	: italic;
}
div#contents div#kura_feature div.column{
	width		: 90%;
	font-size	: 80%;
	margin		: 0.2em auto;
	border		: 5px dashed #ff66ff;
	padding		: 1.5em 0.5em;
	position	: relative;
}
div#contents div#kura_feature div.column h4{
	border-top	: 2px  solid #ccccff;
	border-right	: 5px outset #ccccff;
	border-bottom	: 5px outset #ccccff;
	border-left	: 2px  solid #ccccff;
	padding		: 2px 0.5em;
	position	: absolute;
	top		: -0.8em;
	left		: 1em;
	z-index		: 3;
	background-color: #ffffff;
	color		: #000000;
}


/*　＊＊＊＊＊＊＊＊＊＊　蔵元で発見　＊＊＊＊＊＊＊＊＊＊　#kura_discovery*/

div#contents div#kura_discovery{
	border		: 5px dashed black;
	padding		: 1.5em 0.5em;
	min-height	: 220px;
}
div#contents div#kura_discovery h3{
	margin-left	: 300px;
}
div#contents div#kura_discovery p{
	margin-left	: 270px;
	text-indent	: 1em;
}
div#contents div#kura_discovery p.photo_leftbox{
	margin-left	: 0px;
	text-indent	: 0em;
}
div#contents div#kura_discovery p.photo_leftbox2{
	margin-left	: 30px;
	text-indent	: 0em;
}

/*　＊＊＊＊＊＊＊＊＊＊　主な銘柄　＊＊＊＊＊＊＊＊＊＊　#brand_list*/

div#contents div#brand_list{
	border-top	: 1px solid black;
	padding		: 1.5em 0.5em;
}
div#contents div#brand_list div{
	border-bottom	: 1px solid blue;
	padding		: 1.5em 0;
	width		: 100%;
	min-height	: 220px;
}
div#contents div#brand_list h3{
	margin-top	: 1em;
	margin-left	: 270px;
	margin-bottom	: 1em;
	font-size	: 160%;
	border-left	: 1.2em solid green;
	padding-left	: 0.3em;
}
div#contents div#brand_list p{
	margin-left	: 270px;
	margin-bottom	: 1em;
	text-indent	: 1em;
}
div#contents div#brand_list ul{
	margin-left	: 350px;
	margin-bottom	: 0.2em;
	font-size	: 80%;
	text-indent	: 0;
	list-style-type	: none;
}

div#contents div#brand_list h3.leftmarginplus{
	margin-left	: 300px;
}
div#contents div#brand_list p.leftmarginplus{
	margin-left	: 300px;
}
div#contents div#brand_list ul.leftmarginplus{
	margin-left	: 370px;
}
div#contents div#brand_list p.photo_leftbox,
div#contents div#brand_list p.photo_leftbox2{
	margin		: 0;
	text-indent	: 0;
}
div#contents div#brand_list div.column{
	width		: 80%;
	margin		: 1em auto;
	border		: 5px dashed #ff66ff;
	padding		: 1.5em 0.5em;
	position	: relative;
}
div#contents div#brand_list div.column p{
	margin-left	: 270px;
	background-color: #ffffff;
	color		: #000000;
}
div#contents div#brand_list div.column h4{
	margin-left	: 270px;
	padding		: 0.5em;
	border-top	: 2px  solid #ccccff;
	border-left	: 2px  solid #ccccff;
	border-right	: 2px  solid #ccccff;
	background-color: #ffffff;
	color		: #000000;
}
div#contents div#brand_list div.column ul{
	margin-left	: 270px;
	padding-left	: 30px;
	border-left	: 2px  solid #ccccff;
	border-right	: 2px  solid #ccccff;
	border-bottom	: 2px  solid #ccccff;
	background-color: #ffffff;
	color		: #000000;
	list-style-type	: circle;
}
div#contents div#brand_list div.column ul address{
	padding-left	: 1em;
}
div#contents div#brand_list div.column p.photo_leftbox,
div#contents div#brand_list div.column p.photo_leftbox2{
	margin		: 0;
	text-indent	: 0;
}


/*　＊＊＊＊＊＊＊＊＊＊　社長お気に入りの逸品　＊＊＊＊＊＊＊＊＊＊　#president_favorite*/

div#contents div#president_favorite{
	border-top	: 1px solid black;
	padding		: 1.5em 0.5em;
	min-height	: 220px;
}
div#contents div#president_favorite h3{
	margin-top	: 1em;
	margin-left	: 300px;
	margin-bottom	: 1em;
	font-size	: 160%;
	border-left	: 1.2em solid green;
	padding-left	: 0.3em;
}
div#contents div#president_favorite p{
	margin-left	: 270px;
	margin-bottom	: 1em;
	text-indent	: 1em;
}
div#contents div#president_favorite ul{
	margin-left	: 300px;
	margin-bottom	: 1em;
	text-indent	: 0;
	list-style-type	: none;
}
div#contents div#president_favorite p.photo_leftbox{
	margin-left	: 30px;
	text-indent	: 0;
}
/*　＊＊＊＊＊＊＊＊＊＊　幻の逸品　＊＊＊＊＊＊＊＊＊＊　#phantom_favorite*/

div#contents div#phantom_favorite{
	border-top	: 1px solid black;
	padding		: 1.5em 0.5em;
	min-height	: 240px;
}
div#contents div#phantom_favorite h3{
	margin-top	: 1em;
	margin-left	: 320px;
	margin-bottom	: 1em;
	font-size	: 160%;
	border-left	: 1.2em solid green;
	padding-left	: 0.3em;
}
div#contents div#phantom_favorite p{
	margin-left	: 320px;
	margin-bottom	: 1em;
	text-indent	: 1em;
}
div#contents div#phantom_favorite ul{
	margin-left	: 360px;
	margin-bottom	: 1em;
	text-indent	: 0;
	list-style-type	: none;
}
div#contents div#phantom_favorite p.photo_leftbox,
div#contents div#phantom_favorite p.photo_leftbox2,
div#contents div#phantom_favorite p.photo_leftbox3,
div#contents div#phantom_favorite p.photo_leftbox4{
	margin		: 0;
	text-indent	: 0;
}
div#contents div#phantom_favorite p.photo_leftbox{
	margin-left	: 30px;
}
div#contents div#phantom_favorite p.photo_leftbox4{
	margin-left	: 40px;
}

/*　＊＊＊＊＊＊＊＊＊＊　主な受賞歴　＊＊＊＊＊＊＊＊＊＊　#kura_award*/

div#contents div#kura_award{
	border		: 2px solid black;
	padding		: 1.5em 0.5em;
	min-height	: 120px;
}

/*　＊＊＊＊＊＊＊＊＊＊　周辺地図　蔵見学　＊＊＊＊＊＊＊＊＊＊　#kura_map*/

div#contents div#kura_map{
	border-top	: 1px solid black;
	padding		: 1.5em 0.5em;
	min-height	: 250px;
	border-top	: 2px  solid #ccccff;
	border-right	: 5px outset #ffcc33;
	border-bottom	: 5px outset #ffcc33;
	border-left	: 2px  solid #ccccff;
	background-color: #ffff99;
	color		: #000000;
}
div#contents div#kura_map h3{
	margin-top	: 1em;
	margin-left	: 360px;
	margin-bottom	: 1em;
	font-size	: 160%;
	border-left	: 1.2em solid blue;
	padding-left	: 0.3em;
}
div#contents div#kura_map p{
	margin-left	: 330px;
	margin-bottom	: 1em;
	text-indent	: 1em;
}
div#contents div#kura_map ul{
	margin-left	: 360px;
	margin-bottom	: 1em;
	text-indent	: 0;
	list-style-type	: circle;
}
div#contents div#kura_map address{
	margin-left	: 370px;
	margin-bottom	: 1em;
	text-indent	: 0;
}
div#contents div#kura_map p.photo_leftbox{
	margin		: 0 0 5px 0;
	text-indent	: 0;
}

/*　＊＊＊＊＊＊＊＊＊＊　蔵元一覧　というかすっかりＭａｃのDOCK風メニュー　#navi_dock*/

div#contents div#navi_dock{
	border-top	: 1px solid black;
	width		: 900px;
	height		: 130px;
	margin-left	: auto;
	margin-right	: auto;
	position	: relative;
	background-color: transparent;
	color		: #000000;
}
div#contents div#navi_dock a{
	background-color: transparent;
	color		: #000000;
}
div#contents div#navi_dock h2{
}
div#contents div#navi_dock ul{
	width		: 900px;
	height		: 80px;
	list-style-type	: none;
	margin-left	: auto;
	margin-right	: auto;
	position	: absolute;
	bottom		: 0px;
	z-index		: 3;
}
div#contents div#navi_dock ul li{
	display		: block;
	float		: left;
	height		: 80px;
	position	: relative;
	bottom		: 0;
	left		: 0;
	z-index		: 3;
}
div#contents div#navi_dock ul li img{
	border		: 2px outset #ffcc99;
}
div#contents div#navi_dock ul li:hover img{
	width		: 80px;
	height		: 80px;
	position	: relative;
	bottom		: 30px;
	z-index		: 2;
	border		: 5px outset #ff0000;
}
div#contents div#navi_dock ul li:hover{
	background-image	: url("../img/a00_7doc2.gif");
	background-repeat	: no-repeat;
	background-position	: center bottom;
}
div#contents div#navi_dock ul li:hover + li img{
	width		: 70px;
	height		: 70px;
	position	: relative;
	bottom		: 20px;
	z-index		: 2;
	border		: 4px outset #ffcc99;
}
div#contents div#navi_dock ul li:hover + li + li img{
	width		: 60px;
	height		: 60px;
	position	: relative;
	bottom		: 10px;
	z-index		: 2;
	border		: 3px outset #ffcc99;
}
div#contents div#navi_dock ul li.point{
	background-image	: url("../img/a00_7doc1.gif");
	background-repeat	: no-repeat;
	background-position	: center bottom;
}
div#contents div#navi_dock ul li.point img:hover{
	border		: 5px outset #ff6699;
}


/*　＊＊＊＊＊＊＊＊＊＊　個別ページ用設定　＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊　*/

/*　＊＊＊＊＊＊＊＊＊＊　ガイドブック目次ページ用設定　＊＊＊＊＊＊＊＊＊＊　*/

div#contents div#index_p{
	background-color: transparent;
	color		: #000000;
}
div#contents div#index_p h1{
	width		: 567px;
	margin-left	: auto;
	margin-right	: auto;
}
div#contents div#index_p p{
	text-indent	: 1em;
	line-height	: 1.6;
}
#pj{
	text-align:right;
	font-style	: italic;
}
div#contents p#index_map{
	width		: 100%;
	margin-top	: 50px;
	margin-left	: auto;
	text-align	: center;
}
div#contents p#index_map img{
	text-indent	: 0;
	width		: 816px;

	margin-right	: auto;
	padding		: 0;
	border		: 5px outset #ccccff;
	background-color: #ffffff;
	color		: #000000;
}

div#contents div.o_sake_index{
	background-color: transparent;
	color		: #000000;
}
div#contents div.o_sake_index h2{
	background-color: transparent;
	color		: red;
	position	: static;
	border		: none;
}
div#contents div.o_sake_index ol{
	margin-left	: 250px;
	font-size	: 110%;
	line-height	: 1.4;
}
div#contents div.o_sake_index ol li strong{
	font-size	: 120%;
}
div#contents div.o_sake_guidebook{
	border-top	: 2px inset #ccccff;
	width		: 100%
	margin-left	: auto;
	margin-right	: auto;
	background-color: transparent;
	color		: black;
}
div#contents div.o_sake_guidebook h3{
	margin		: 0.5em 1em;
	font-size	: 150%;
	background-color: transparent;
	color		: green;	
}
div#contents div.o_sake_guidebook ul{
	padding-left	: 2em;
	list-style-type	: circle;
}
div#contents div.o_sake_guidebook ol{
	padding-left	: 2em;
	list-style-type	: decimal;
}
/*　＊＊＊＊＊＊＊＊＊＊　蔵見学のエチケト＆マナー用設定　＊＊＊＊＊＊＊＊＊＊　*/
div#contents div#index_m h1{
	width		: 70%;
	margin		: 0 auto;
	padding		: 5px;
	min-height	: 130px;
	border-top	: 2px  solid #ccccff;
	border-right	: 5px outset #ccccff;
	border-bottom	: 5px outset #ccccff;
	border-left	: 2px  solid #ccccff;
	background-color: #99ff99;
	color		: #000000;
	text-align	: center;
}
div#contents div#index_m div p{
	font-size	: 110%;
	text-indent	: 1em;
	line-height	: 1.6;
}
div#contents div#index_m div{
	position	: relative;
	margin-top	: 3em;
}
div#contents div#index_m div h2{
	border-top	: 2px  solid #ccccff;
	border-right	: 5px outset #ccccff;
	border-bottom	: 5px outset #ccccff;
	border-left	: 2px  solid #ccccff;
	padding		: 2px 0.5em;
	position	: relative;
	background-color: #ffffcc;
	color		: #ff0000;
	width		: 20em;
	text-align	: left;
}
div#contents div#index_m div h2:first-letter{
	font-size	: 110%;
	background-color: #ffffcc;
	color		: #cc0000;

}

/*　＊＊＊＊＊＊＊＊＊＊　鳴子温泉ブルワリー用設定　＊＊＊＊＊＊＊＊＊＊＊＊　*/
p.photo_leftbox_b,
p.photo_rightbox_b{
	width		: 370px;
}
p.photo_leftbox_b{
	clear		: both;
	float		: left;
}
p.photo_rightbox_b{
	float		: right;
}