@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      index.css
 Author:         k.mimura
 Style Info:     トップページ
 変更:           
----------------------------------------------------------- */

/*----------------------------------------------------
	Base
----------------------------------------------------*/

body {
	color: #383838;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	width: 1000px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	background-image: url(/common/images/back_0.gif);
	background-position: center;
}


/*----------------------------------------------------
	Reset
----------------------------------------------------*/

html {
	overflow-y: scroll;
}

body,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 5;
	padding: 5;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}


table {
	text-align: center;
}


caption,th {
	text-align: left;
}

q:before,q:after {
	content: '';
}

object,
embed {
	vertical-align: top;
}

hr,legend {
	display: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;


}

img,abbr,acronym,fieldset {
	border: 0;
}

li {
	list-style-type: none;
}

p {
	margin: 0;
}


input:checked{
	outline: solid 2px skyblue;
	text-align: center;
}

/*----------------------------------------------------
	Link
----------------------------------------------------*/

a:link {
	text-decoration: none;
	color: #1D3994;
}

a:visited {
	text-decoration: none;
	color: #759;
}

a:hover {
	text-decoration: underline;
}

a:active {

}



/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}
.imgL {
	float: left;
	margin: 0 10px 10px 0;
}
.btn {
	text-align: center;
}
.marginBtm10px {
	margin-bottom: 10px;
}
.marginBtm15px {
	margin-bottom: 5px;
}
.marginBtm20px {
	margin-bottom: 20px;
}
.marginBtm25px {
	margin-bottom: 25px;
}


/*----------------------------------------------------
	#メインボックス・フッタボックス
----------------------------------------------------*/

.main_box{
	margin-top: 5px;
	margin-bottom: 5px;
}

.right_box_300{
	width: 300px;
	float: left;
}

.center_box_600{
	width: 600px;
	float: left;
}

.left_box_100{
	width: 100px;
	float: right;
	height: 100px;
}

.footer_box{
	width: 1000px;
	clear: both;
	float: none;
	margin-top: 10px;
	padding-top: 10px;
}

/*----------------------------------------------------
	#蔵元商品一覧用メインボックス
----------------------------------------------------*/

.kuramoto_main_box{
	width: 1000px;
	float: left;
}

/*----------------------------------------------------
	#酒販・飲食店用ナビバー
----------------------------------------------------*/

.top_navi_un {
	color: #999999;
	width: 1000px;
	height: 10px;
	background-image: url(/shop/images/bar1.gif);
}

/*----------------------------------------------------
	#蔵名
----------------------------------------------------*/

.kura_name_box{
	width: 978px;
	background-color: #fdeff2;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #b79b5b;
	padding-right: 10px;
	text-align: center;
	padding-left: 10px;
	padding-top: 10px;
	height: 40px;
}

.kura_name_box_2{
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 30px;
	font-weight: bolder;
	color: #5a544b;
	height: 35px;
	line-height: 30px;
}

/*----------------------------------------------------
	top and foot
----------------------------------------------------*/
/*最上段のナビゲーション*/
.top_navi {
	width: 1000px;
	height: 40px;
	margin-top: 10px;
}
/*タイトル用*/
.title_navi {
	width: 250px;
	float: left;
	clear: none;
}

/*右上リンク*/
.side_navi {
	width: 600px;
	float: right;
	clear: none;
	text-align: right;
}
/*フッタ*/
.foot_navi {
	width: 1000px;
	border: 1px solid #999999;
	height: 20px;
	padding-top: 5px;
	font-size: 12px;
	margin-top: 5px;
	padding-left: 5px;
	float: left;
	clear: none;
}
/*コピーライト*/
.copy_navi {
	width: 1000px;
	height: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
	float: left;
}
/*コピーライト文字*/
.style_foot1 {
	font-size: 10px;
	text-align: center;
}

/*----------------------------------------------------
	FONT指定
----------------------------------------------------*/

/*13px*/
.font_13px_wide {
	font-size: 13px;
	line-height: 26px;
}

/*14px*/
.font_14px {
	font-size: 14px;
}

.font_com_catch {
	font-size: 13px;
	line-height: 24px;
}

/*14pxワイド*/
.font_14px_wide {
	font-size: 14px;
	line-height: 28px;
}

/*14px_bold*/
.font_14px_bold {
	font-size: 14px;
	font-weight: bold;
}


/*16px*/
.font_16px {
	font-size: 16px;
}


/*18px_bold*/
.font_18px {
	font-size: 18px;
	font-weight: bold;
}

/*18px_bold_m*/
.font_18px_m {
	font-size: 18px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

/*20px_bold_m*/
.font_20px_m {
	font-size: 20px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

/*25px_bold_m*/
.font_25px_m {
	font-size: 25px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

/*30px_bold_m*/
.font_30px_m {
	font-size: 30px;
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	color: #FFF;
}


/*12px_wide*/
.font_12px_wide {
	font-size: 12px;
	line-height: 24px;
	font-weight: normal;
}


/*10px*/
.font_10px {
	font-size: 10px;
}
.font_14px_bold {
	font-weight: normal;
}

/*dot_gray*/
.dot_gray {
	background-image: url(/common/images/dot_grey.gif);
	background-repeat: repeat-x;
	height: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}