/*
Theme Name: 清水醸造株式会社
Theme URI: http://www.maidosoft.co.jp/
Description: 清水醸造株式会社様のテンプレート
Version: 1.0
Author: MAIDO SOFT
*/

/*  INDEX
--------------------
1.基本設定(初期化)
2.基本レイアウト
3.テキスト基本
4.スペース
5.写真関連
6.トップページ
7.中ページ
--------------------
*/


/* 1. 基本設定(初期化)
----------------------------------------------- */
*{
	font-size: 100%;
	font-family:Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
}

html{
	height:100%;
}

body{
	height:100%;
	margin: 0;
	padding: 0;
	text-align:center;
	background: #000 url(gifs/bg.gif) top center repeat-y;
	color:#FFF;
}

a:link, a:visited{
	color:#D004C9;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	color:#D004C9;
}

h1, h2, h3, h4, h5, h6, p, pre,form,
blockquote, ul, ol, dl, dd, dt{
	margin: 0;
	padding: 0;
}
li {list-style-type:none;}
img {border:none;}
.clear {clear:both;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {min-height: 1px;}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* 2. 基本レイアウト
----------------------------------------------- */
#container {
	width:900px;
	margin:0 auto;
	padding-bottom:50px;
	text-align:left;
}

#sideimg {
	width:90px;
	float:left;
}


#maincontents {
	width:638px;
	float:left;
}
#maincontents #news {
	background: url(gifs/maincontents_bg_news.gif) top right no-repeat;
}
#maincontents #umasake {
	background: url(gifs/maincontents_bg_umasake.gif) top right no-repeat;
}
#maincontents #products {
	background: url(gifs/maincontents_bg_products.gif) top right no-repeat;
}
#maincontents #company {
	background: url(gifs/maincontents_bg_company.gif) top right no-repeat;
}
#maincontents #shiboritate {
	background: url(gifs/maincontents_bg_shiboritate.gif) top right no-repeat;
}
#maincontents #blog {
	background: url(gifs/maincontents_bg_blog.gif) top right no-repeat;
}
#maincontents #contact {
	background: url(gifs/maincontents_bg_contact.gif) top right no-repeat;
}
#maincontents #link {
	background: url(gifs/maincontents_bg_link.gif) top right no-repeat;
}
#maincontents #sitemap {
	background: url(gifs/maincontents_bg_sitemap.gif) top right no-repeat;
}


#maincontents #head {
	width:590px;
	margin: 0;
	padding-left: 25px;
	border-left:solid 4px #990066;
	font-size:10px;
}

#maincontents #head #navi ul {
	padding: 10px 0 0 0;
}
#maincontents #head #navi li {
	float:right;
	margin: 0 0 0 20px;
	padding: 0;
}
#maincontents #head #navi li.english {
	float:left;
	margin: 0;
	padding: 0;
	font-size:12px;
}
#maincontents #head #navi li a:link,
#maincontents #head #navi li a:visited{
	color:#CCC;
	text-decoration:none;
}
#maincontents #head #navi li a:hover{
	text-decoration:underline;
	color:#CCC;
}

#maincontents #head #btn ul {
	margin-bottom:40px;
	padding: 0;
}
#maincontents #head #btn li.right {
	float:right;
	clear:both;
	padding: 0 0 0 10px;
}

#maincontents #print_head { 
	display:none;
}	/* 印刷用ページタイトル */



#maincontents #contents {
	width:590px;
	margin: 0;
	padding-left: 29px;
}

#maincontents #contents .column {
	margin-bottom:50px;
}
#maincontents #contents .column p.txtbox {
	margin: 0 0 10px 0;
}



#maincontents #footer {
	width:590px;
	margin-top: 20px;
	padding-left: 29px;
	font-size:10px;
}
#maincontents #footer img {
	vertical-align:top;
}
#maincontents #footer #btn li {
	float:right;
	margin-left:15px;
	padding-left: 15px;
	border-left:solid 1px #666;
}
#maincontents #footer #btn li.edge {
	margin: 0;
	border:none;
}
#maincontents #footer #navi ul.fnavi{
	padding-top:10px;
}
#maincontents #footer #navi ul {
	padding-top: 6px;
}
#maincontents #footer #navi li {
	float:right;
	margin: 0 0 0 20px;
}
#maincontents #footer #navi li.edge {
	margin: 0;
}

#maincontents #footer #navi li a:link,
#maincontents #footer #navi li a:visited{
	color:#CCC;
	text-decoration:none;
}
#maincontents #footer #navi li a:hover{
	text-decoration:underline;
	color:#CCC;
}


#sidenavi {
	width:170px;
	float:right;
	text-align:left;
	background: url(gifs/sidenavi_bg.jpg) top left no-repeat;
}
#sidenavi img {
	vertical-align:top;
}
#sidenavi h1 img {
	border-left:solid 1px #4D4D4D;
}
#sidenavi #navi li {
	margin: 0;
}
#sidenavi #navi li#head {
	margin-top: 10px;
}







/* 3.テキスト基本
----------------------------------------------- */
/* フォントサイズ小 */
.fs14{font-size:14px; line-height:20px; letter-spacing:1px}		/* 見出し */
.fs12{font-size:12px; line-height:18px; letter-spacing:1px}		/* 本文 */
.fs11{font-size:11px; line-height:13px}						/* 注釈 */
.fs10{font-size:10px; line-height:14px}						/* キャプション */

.fse16{font-size:16px; line-height:18px}						/* 英見出し */
.fse14{font-size:14px; line-height:18px; letter-spacing:1px}		/* 英本文 */
.fse12{font-size:12px; line-height:14px}						/* 英注釈 */
.fse11{font-size:11px; line-height:12px}						/* 英キャプション*/

h2 {
	margin: 0 0 30px 0;
}	/* ページタイトル */

h3 {
	font-size:14px;
	line-height:20px;
	letter-spacing:1px;
	margin: 0 0 10px 0;
	border-left:solid 2px #906;
	padding-left: 5px;
}	/* 見出し */

h4 {
	font-size:24px;
	letter-spacing:1px;
	margin: 0 0 10px 0;
	border-left:solid 2px #906;
	padding:2px 0 7px 5px;
	font-family:"ＭＳ 明朝", "平成明朝", serif;
}	/* 商品名 */


#topicpath {
	margin: 0;
	padding: 8px 0 5px 0;
	font-size: 10px;
}
#topicpath .path {
	color:#999;
	margin: 0 6px 0 6px;
}

.linkdot {
	background: url(gifs/linkdot.gif) 0px 6px no-repeat;
	padding: 2px 0 2px 10px;
}
.productsinfo {
	font-size:12px;
	line-height:22px;
	letter-spacing:1px;
}
.yen {
	font-size:10px;
	line-height:14px;
	padding-left:2px;
}





/* 4. スペース
----------------------------------------------- */
.vsp20 {			margin:20px 0 20px 0;}



/* 5.写真関連
----------------------------------------------- */
.alpha a img {
	filter: Alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.alpha a:hover img { 
	filter: Alpha(Opacity=70); 
	-moz-opacity: 0.7;
	opacity: 0.7;
}


.p-right15 {
	float:right;
	margin-left:15px;
	margin-top:2px;
	margin-bottom:2px;
}

.p-left15 {
	float:left;
	margin-right:15px;
	margin-top:2px;
	margin-bottom:2px;
}

.p-left10 {
	float:left;
	margin-right:10px;
	margin-top:5px;
	margin-bottom:5px;
}



/* 6.トップページ
----------------------------------------------- */
body#top{
	background: #000 url(gifs/bg_top.gif) top center repeat-y;
}
body#top #container{
	margin: auto;
}
body#top #container #sidenavi {
	background: none;
}
body#top #container #sidenavi h1 img {
	border:none;
}

#topflash {
	z-index:0;
}
#topflash #flashcontent #plugin{
	height: 705px;
	margin: 10px 0 0 100px;
	text-align:left;
}

#topcontentsbox {
	width:100%;
	z-index:1;
	position:absolute;
	top:0;
	padding-bottom:50px;
}
html>body #topcontentsbox {
	width:100%;
	z-index:1;
	position:absolute;
	top:0;
	left:0;
}

#topcontents {
	margin:auto;
	width:900px;
}
#topcontents #url {
	margin-top: 10px;
}

#topcontents #maincontents,
#topcontents #sideimg,
#topcontents #sidenavi {
	position:relative;
}
#topcontents #maincontents {
	background: none;
}

#topcontents #maincontents #head {
	border: none;
}
#topcontents #maincontents #footer {
	margin-bottom: 10px;
}

#topcontents #maincontents #contents #latest a:link,
#topcontents #maincontents #contents #latest a:visited{
	color:#FFF;
	text-decoration:none;
 }
#topcontents #maincontents #contents #latest a:hover{
	color:#FFF;
	text-decoration:underline;
}
#topcontents #maincontents #contents #latest a:hover img{
	border: solid 2px #EEE;
}

#maincontents #contents #latest {
	margin-top: 50px;
}
#maincontents #contents #latest h4 {
	margin: 2px 0 4px 0;
	border-left:none;
	padding:0px;
}
#maincontents #contents #latest #news {
	background: none;
}
#maincontents #contents #latest #news dl {
	margin: 0 0 40px 0;
}
#maincontents #contents #latest #news dt {
	width:8em;
	float:left;
	clear:both;
	background: url(gifs/linkdot_news.gif) 0px 7px no-repeat;
	padding: 2px 0 4px 15px;
	color:#D5A218;
}
#maincontents #contents #latest #news dd {
	margin: 0 0 0 9em;
	padding: 2px 0 4px 10px;
	_height:1%; /* IE用 */
}


#maincontents #contents #latest #products {
	margin: 0 0 40px 0;
	background: none;
}

#maincontents #contents #latest #products dl {
	width: 270px;
	margin: 0 0 10px 0;
	float: left;
}
#maincontents #contents #latest #products dl.right {
	margin: 0 0 10px 50px;
}

#maincontents #contents #latest #products dt {
	font-weight:bold;
}
#maincontents #contents #latest #products dt.photo {
	margin-right: 10px;
	padding: 2px 0 0 0;
	float: left;
}
#maincontents #contents #latest #products dt.photo img {
	border: solid 2px #FFF;
}
#maincontents #contents #latest #products dd {
	padding: 0;
	margin-bottom: 6px;
}
#maincontents #contents #latest #products dd p{
	margin:0px;
	padding:0px;
}
#maincontents #contents #latest #products a:link,
#maincontents #contents #latest #products a:visited{
	color:#CC4800;
	text-decoration:none;
 }
#maincontents #contents #latest #products a:hover{
	color:#CC4800;
	text-decoration:underline;
}

#maincontents #contents .column_products p{
	margin-bottom:10px;
}

#maincontents #contents .column_products img.imgalignleft{
	margin:10px 10px 10px 0px;
}

#maincontents #contents .column_products img.imgalignright{
	margin:10px 0px 10px 10px;
}

#maincontents #contents .column_products img.imgaligncenter{
	margin:10px 10px 10px 10px;
}

#maincontents #products #contents #mailorder img{
	width:132px;
	height:33px;
}

#maincontents #contents #latest #shiboritate {
	background: none;
}

#maincontents #contents #latest #shiboritate dl {
	margin: 0 0 40px 0;
	background: none;
}
#maincontents #contents #latest #shiboritate dt {
	color:#D5A218;
}
#maincontents #contents #latest #shiboritate dt.photo {
	margin-right: 10px;
	padding: 2px 0 0 0;
	float: left;
}
#maincontents #contents #latest #shiboritate dt.photo img {
	border: solid 2px #FFF;
}
#maincontents #contents #latest #shiboritate dd {
	padding: 0;
	margin-bottom: 6px;
}

#maincontents #shiboritate #contents .column p{
	margin-bottom:10px;
}



/* 7.中ページ
----------------------------------------------- */
/* ---news--- */
#maincontents #news #contents dl{
	margin-bottom: 50px;
}
#maincontents #news #contents dt {
	background: url(gifs/linkdot_news.gif) 0px 7px no-repeat;
	padding: 2px 0 0 15px;
	color:#D5A218;
}
#maincontents #news #contents dd {
	margin: 0 0 15px 15px;
}

#maincontents #news #contents dd a:link,
#maincontents #news #contents dd a:visited{
	color:#CCC;
	text-decoration:none;
}
#maincontents #news #contents dd a:hover{
	text-decoration:underline;
	color:#CCC;
}

#maincontents #news #contents .column img {
	margin: 20px 0 4px 0;
}


/* ---umasake--- */
#maincontents #umasake #contents #column-left  {
	width: 420px;
	float: left;
}

#maincontents #umasake #contents .award  {
	margin: 0 0 40px  0;
	border-collapse:collapse;
}
#maincontents #umasake #contents .award th,
#maincontents #umasake #contents .award td {
	vertical-align: top;
	padding: 0 0 4px 0;
}
#maincontents #umasake #contents .award th {
	white-space: nowrap;
	font-weight:normal;;
	padding-right: 30px;
}
#maincontents #umasake #contents .award th.head {
	font-weight:bold;;
}
#maincontents #umasake #contents .award th.right {
	text-align: right;
}







/* ---products--- */
#maincontents #products #contents #index {
	margin: 0 0 30px 0;
}
#maincontents #products #contents #index dl {
	width:270px;
	margin:0 0 10px 0;
	float:left;
}
#maincontents #products #contents #index dl.right {
	margin:0 0 10px 50px;
}
#maincontents #products #contents #index dt {
	font-weight:bold;
	font-size:16px;
	line-height:20px;
	letter-spacing:1px;
}
#maincontents #products #contents #index dt.photo {
	margin-right:10px;
	background: #000;
	padding:0;
	float:left;
}
#maincontents #products #contents #index dt.photo img {
	border:solid 2px #FFF;
}
#maincontents #products #contents #index dd {
	padding:0;
	margin-bottom:6px;
	font-size:10px;
	line-height:14px;
}
#maincontents #products #contents #index a:link,
#maincontents #products #contents #index a:visited{
	color:#CC4800;
	text-decoration:none;
 }
#maincontents #products #contents #index a:hover{
	color:#CC4800;
	text-decoration:underline;
}

#maincontents #products #contents #label {
	padding: 8px 15px 8px 15px;
	margin-bottom:50px;
	background: #373737;
}


#maincontents #products #contents .sake {
	float:left;
	margin-top:2px;
}
#maincontents #products #contents .column-right {
	width:280px;
	float:right;
}

#maincontents #products #contents .column-right .price  {
	width:100%;
	margin:10px 0 20px 0;
	border-collapse:collapse;
}
#maincontents #products #contents .column-right .price th,
#maincontents #products #contents .column-right .price td {
	vertical-align:top;
	padding: px 10px 2px 10px;
	background:#373737;
	border-bottom:solid 2px #000
}
#maincontents #products #contents .column-right .price th {
	white-space:nowrap;
	font-weight:normal;
}
#maincontents #products #contents .column-right .price td {
	text-align:right;
}



/* ---company--- */
#maincontents #company #contents .chart {
	margin:0 0 40px  0;
	border-collapse:collapse;
}
#maincontents #company #contents .chart th,
#maincontents #company #contents .chart td {
	vertical-align:top;
	padding:0 0 10px 0;
}
#maincontents #company #contents .chart th {
	white-space:nowrap;
	font-weight:normal;;
	padding-right:50px;
}

#maincontents #company #contents #map{
	width:440px;
	float:left;
	height:200px;
}



/* ---shiboritate--- */
#maincontents #shiboritate #contents #index dl {
	margin:0 0 40px 0;
	background: none;
}
#maincontents #shiboritate #contents #index dt {
	color:#D5A218;
}
#maincontents #shiboritate #contents #index dt.photo {
	margin-right:10px;
	padding:2px 0 0 0;
	float:left;
}
#maincontents #shiboritate #contents #index dt.photo img {
	border:solid 2px #FFF;
}
#maincontents #shiboritate #contents #index dd {
	padding:0;
	margin-bottom:6px;
}

#maincontents #shiboritate #contents #index a:link,
#maincontents #shiboritate #contents #index a:visited{
	color:#FFF;
	text-decoration:none;
 }
#maincontents #shiboritate #contents #index a:hover{
	color:#FFF;
	text-decoration:underline;
}





#maincontents #shiboritate #contents .schedule  {
	margin: 0 0 40px  0;
	border-collapse:collapse;
}
#maincontents #shiboritate #contents .schedule th,
#maincontents #shiboritate #contents .schedule td {
	vertical-align: top;
	padding: 4px 0 4px 0;
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
}
#maincontents #shiboritate #contents .schedule th {
	white-space: nowrap;
	font-weight:normal;;
	padding-right: 30px;
}
#maincontents #shiboritate #contents .schedule th.head {
	font-weight:bold;;
}
#maincontents #shiboritate #contents .schedule th.right {
	text-align: right;
}


/* ---blog--- */
#maincontents #blog #contents .date {
	font-size:10px;
	line-height:14px;
	letter-spacing:1px;
	margin: 0;
	border-left:solid 2px #906;
	padding-left: 5px;
}

#maincontents #blog #contents .column {
	margin-top: 20px;
	padding-bottom: 40px;
	border-bottom: solid 1px #373737;
}
#maincontents #blog #contents .column img {
	margin: 20px 0 4px 0;
}
#maincontents #blog #contents .column_profile{
	margin-bottom:50px;
}




/* ---link--- */
#maincontents #link #contents dl{
	margin-bottom: 50px;
}
#maincontents #link #contents dt {
	background: url(gifs/linkdot.gif) 0px 7px no-repeat;
	padding: 2px 0 0 15px;
	color:#D5A218;
}
#maincontents #link #contents dd {
	margin:0 0 15px 15px;
	color:#CCC;
}

#maincontents #link #contents dt a:link,
#maincontents #link #contents dt a:visited{
	color:#FFF;
	text-decoration:none;
}
#maincontents #link #contents dt a:hover{
	text-decoration:underline;
	color:#FFF;
}


/* ---sitemap--- */
#maincontents #sitemap #contents ul{
	margin-bottom: 50px;
}
#maincontents #sitemap #contents li {
	padding:2px 0 10px 55px;
	margin-bottom:10px;
	background: url(gifs/linkdot.gif) 40px 7px no-repeat;
	border-bottom:solid 1px #333;
}
#maincontents #sitemap #contents li.home {
	padding: 2px 0 10px 15px;
	background: url(gifs/linkdot.gif) 0px 7px no-repeat;
}
#maincontents #sitemap #contents li a:link,
#maincontents #sitemap #contents li a:visited{
	color:#FFF;
	text-decoration:none;
}
#maincontents #sitemap #contents li a:hover{
	text-decoration:underline;
	color:#FFF;
}


/* ---contact--- */
#maincontents #contact{
	margin:0;
}

#maincontents #contact p{
	margin-bottom:25px;
}

#maincontents #contact p em{
	color:#ff7200;
	font-style:normal;
	font-size:120%;
}

#maincontents #contact #form-container{
}

#maincontents #contact #form-container form fieldset{
	margin:20px 0;
	padding:10px;
	border:#333 1px solid;
}

#maincontents #contact #form-container form fieldset legend{
	font-weight:bold;
	color:#fff;
}

#maincontents #contact #form-container form fieldset div{
	padding:0.25em 0;
}

#maincontents #contact #form-container form fieldset div label{
	margin-right:10px;
	padding-right:10px;
	width:150px;
	display:block;
	float:left;
	text-align:right;
	position:relative;
}

#maincontents #contact #form-container form fieldset div label em{
	position:absolute;
	right:0;
	font-size:120%;
	font-style:normal;
	color:#ff7200;
}

#maincontents #contact #form-container form #buttonrow{
	text-align:center;
}

#maincontents #contact #form-container form fieldset div span input,
#maincontents #contact #form-container form fieldset div span select,
#maincontents #contact #form-container form fieldset div span textarea{
	border:1px solid #333;
	background:#f9f9f9;
}

#maincontents #contact #form-container form fieldset div span input:hover,
#maincontents #contact #form-container form fieldset div span select:hover,
#maincontents #contact #form-container form fieldset div span textarea:hover{
	background:#E7D1E0;
}



/* ---english--- */
#maincontents #english #contents .column em{
	font-weight:bold;
	font-style:normal;
}

#maincontents #english #contents .column dl#koji{
}

#maincontents #english #contents .column dl#koji dt{
	float:left;
	width:50px;
	padding:5px;
}

#maincontents #english #contents .column dl#koji dd{
	margin-left:50px;
	padding:5px;
}

#maincontents #english #contents .award{
	margin: 0 0 40px  0;
	border-collapse:collapse;
}
#maincontents #english #contents .award .end_aw{
	margin:0px;
	border-collapse:collapse;
}
#maincontents #english #contents .award th,
#maincontents #english #contents .award td{
	vertical-align: top;
	padding: 0 0 4px 0;
}
#maincontents #english #contents .award th{
	white-space: nowrap;
	font-weight:normal;
	padding-right: 30px;
}
#maincontents #english #contents .award th.head{
	font-weight:bold;
}
#maincontents #english #contents .award th.right{
	text-align: right;
}
#maincontents #english #contents .award td.certificate{
	width:240px;
	text-align:right;
}


#maincontents #english #contents .chart{
	margin:0 0 40px  0;
	border-collapse:collapse;
}
#maincontents #english #contents .chart th,
#maincontents #english #contents .chart td{
	vertical-align:top;
	padding:0 0 10px 0;
}
#maincontents #english #contents .chart th{
	white-space:nowrap;
	font-weight:normal;;
	padding-right:50px;
}

#maincontents #english #contents .column .products_sake_english{
	clear:both;
	padding-top:15px;
}

#maincontents #english #contents .column .products_sake_english h4{
	font-family:Century;
	font-size:18px;
	letter-spacing:1px;
	line-height:1.4em;
}

#isekatagami{
	width:130px;
	padding:3px 0px 20px;
	margin-right:10px;
	float:left;
}