@charset "shift_jis";

/**********************************************************************
CSS FOR "株式会社 金沢豆冨"
URL:http://www.kanazawatofu.co.jp/
Copyright (c) KANAZAWA TOFU Co.,LTD. All Rights Reserved.
**********************************************************************/

/**********************************************************************
DISCRIPTION: 基本CSS
**********************************************************************/


/* FONT 設定
---------------------------------------------------------------------*/
/* FONT固定 */
body, td, th{ font-size: 12px; color: #333;}

a{ color: #0241d0;}

.txt{ font-size: 12px;}
.txt-big{ font-size: 14px;}
.txt-small{ font-size: 10px;}


/* Margin Padding 0指定
---------------------------------------------------------------------*/
body, h1{ margin: 0; padding: 0;}



/* 共通設定
---------------------------------------------------------------------*/
body{	background: #fff url(../img/p_back.gif) 0 0 repeat-x;}

p{ margin: 5px 0px; padding: 0;}

/*** SEO用TEXT ***/
#hd-exp{
	height: 51px;
	width: 715px;
}

#hd-exp h1{
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	color: #5b8ff9;
	padding-top: 5px;
}


/*** グローバルナビゲーション ***/
ul#gv-navi{
	width: 715px;
	height: 30px;
	margin: 0;
	padding: 0;
	font-size: 0.1em;
}

ul#gv-navi li{
	display: block;
	float: left;
	text-indent: -9999px;
}

ul#gv-navi li a{
	display: block;
	height: 30px;
}

li.gv-top a{ width: 56px; background: url(../img/gv_navi.gif) 0 0 no-repeat;}
li.gv-prd a{ width: 65px; background: url(../img/gv_navi.gif) -56px 0 no-repeat;}
li.gv-prs a{ width: 157px; background: url(../img/gv_navi.gif) -121px 0 no-repeat;}
li.gv-rcp a{ width: 145px; background: url(../img/gv_navi.gif) -278px 0 no-repeat;}
li.gv-cmp a{ width: 120px; background: url(../img/gv_navi.gif) -423px 0 no-repeat;}
li.gv-shp a{ width: 92px; background: url(../img/gv_navi.gif) -543px 0 no-repeat;}
li.gv-cnt a{ width: 80px; background: url(../img/gv_navi.gif) -635px 0 no-repeat;}

li.gv-top a:hover{	background-position: 0 -30px;}
li.gv-prd a:hover{	background-position: -56px -30px;}
li.gv-prs a:hover{	background-position: -121px -30px;}
li.gv-rcp a:hover{	background-position: -278px -30px;}
li.gv-cmp a:hover{	background-position: -423px -30px;}
li.gv-shp a:hover{	background-position: -543px -30px;}
li.gv-cnt a:hover{	background-position: -635px -30px;}

li.gv-top a.in{	background-position: 0 -60px !important;}
li.gv-prd a.in{	background-position: -56px -60px !important;}
li.gv-prs a.in{	background-position: -121px -60px !important;}
li.gv-rcp a.in{	background-position: -278px -60px !important;}
li.gv-cmp a.in{	background-position: -423px -60px !important;}
li.gv-shp a.in{	background-position: -543px -60px !important;}
li.gv-cnt a.in{	background-position: -635px -60px !important;}


/*** 中央コンテンツエリア ***/
#contents{
	width: 100%;
}


/*** 左商品紹介メニュー ***/
td.Lmenu{ background: url(../img/mn_bc.gif) 0 0 no-repeat;}

td.Lmenu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

td.Lmenu li{
	margin: 5px 10px 4px 10px;
	padding: 7px 0px;
	border-bottom: #e1dfdc 1px solid;
}

td.Lmenu li a{
	background: url(../img/mn_ic.gif) left no-repeat;
	padding-left: 17px;
	text-decoration: none;
}

td.Lmenu li a:hover{
	text-decoration: underline;
}

td.Lmn-cart{
	text-align: center;
	padding-top: 15px;
}

td.Lmn-cart a{
	display: block;
	text-indent: -9999px;
	width: 149px;
	height: 26px;
	background-image: url(../img/btn_kago.gif);
}

td.Lmn-cart a:hover{
	background: url(../img/btn_kago.gif) 0px -26px;
}

td.Lmn-fee{
	padding: 5px 0px;
	text-align: center;
}

td.Lmn-fee a{
	display: block;
	width: 149px;
	height: 19px;
	background: url(../img/btn_fee.gif);
	text-indent: -9999px;
}

td.Lmn-low{
	padding: 2px 0px;
	text-align: center;
}

td.Lmn-low a{
	display: block;
	width: 149px;
	height: 21px;
	background: url(../img/btn_low.gif);
	text-indent: -9999px;
}

td.Lmn-ssl{
	padding: 2px 0px;
	text-align: left;
	padding-top: 20px;
	padding-left: 17px;
}


#p-contents, #p-contents td{
		line-height: 18px;
}

#p-contents p{
	padding: 5px;
}

#p-contents h3{
	background: url(../img/ic_dotlilne.gif) bottom repeat-x;
	padding: 5px;
	margin: 20px 0px 10px 0px;
	font-size: 14px;
}

/* 上部タイトル */
#p-ttl{
	width: 540px;
	height: 60px;
	background: url(../img/p_ttl_bc.gif) 0 0 no-repeat;
	margin: 15px 0px 10px 0px;
}

#p-ttl-rcp{
	width: 540px;
	height: 60px;
	background: url(../img/p_ttl_bc2.gif) 0 0 no-repeat;
	margin: 15px 0px 10px 0px;
}

#p-ttl h2, #p-ttl-rcp h2{
	margin: 0;
	padding: 33px 0px 0px 10px;
	color: #fff;
	font-size: 16px;
}





/*** 右おすすめ商品 ***/
td.Rmenu-vline{ background: url(../img/mn_vline.gif) repeat-y;}

#Rmenu h4{
	font-size: 10px;
	text-indent: -9999px;
	width: 162px;
	height: 42px;
	margin: 0;
	padding: 0;
	background: url(../img/menu_os_ttl.gif);
}

.Rmenu-Pbox{ margin-bottom: 15px;}

.Rmenu-Pbox p{
	margin: 0;
	font-size: 12px;
	background-color: #fff79a;
}

.Rmenu-Pbox p.link{ padding: 5px 5px 0px 5px;}

.Rmenu-Pbox p.text{ padding: 5px;}


.Rmenu-Pbox p.text{ padding: 5px;}

.Rmenu-Pbox p.image{
	padding: 0;
	margin: 0;
}

.Rmenu-Pbox p.image a{
	border: #ccc 1px solid;
	display: block;
}

.Rmenu-Pbox p.image a:hover{ border: #109a00 1px solid;}

.Rmenu-Pbox p.image img{ border: none;}


/* ページの先頭へ */
#page-top{
	text-align: right;
	padding: 15px 5px;
}


/* ページ下リンク */

#p-3rowLink h4.os-rcp{
	width: 532px;
	height: 22px;
	background: url(../img/ttl_osusume.gif) 0 0 no-repeat;
	font-size: 10px;
	text-indent: -9999px;
	padding: 0;
	margin: 0px 0px 15px 0px;
}

#p-3rowLink h4.os-prd{
	width: 532px;
	height: 22px;
	background: url(../img/ttl_osprd.gif) 0 0 no-repeat;
	font-size: 10px;
	text-indent: -9999px;
	padding: 0;
	margin: 0px 0px 15px 0px;
}

#p-3rowLink table{ margin-left: 10px;}

#p-3rowLink p{
	margin: 5px 0px;
	padding: 0;
}

#p-3rowLink p.rcp-img img{ border: none;}


#p-3rowLink p.rcp-img a{
	border: #ccc 1px solid;
	display: block;
}

#p-3rowLink p.rcp-img a:hover{ border: #109a00 1px solid;}




/*** フッター ***/
#footer{
	width: 900px;
	margin: 0 auto;
	background: url(../img/ft_bc.gif) 0 0 repeat-x;
}

#footer p{
	text-align: right;
	padding: 0;
	margin: 10px 0px 0px 0px;
}

#footer #cmp-name{
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
}






/* トップページのみ
---------------------------------------------------------------------*/
body#top{ background: #fff url(../img/tp_back.gif) 0 0 repeat-x !important;}

/*** SEO用TEXT ***/
#tp-exp{
	width: 900px;
	height: 24px;
	margin: 0 auto;
	text-align: right;
}

#tp-exp h1{
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	color: #5b8ff9;
	padding-top: 5px;
}


/*** TOPICS ***/
.tp-tpcs-sq{ color: #109a00;}


/*** 左商品紹介メニュー ***/
#top td.Lmenu{ background: url(../img/tp_mn_bc.gif) 0 0 no-repeat !important;}

#top td.Lmenu ul{
	margin-top: 20px;
}





/* トップページのみ
---------------------------------------------------------------------*/
/* FORM */
#p-form .exp-txt{ background-color: #e9ff9e;}


#p-form ul{
	margin: 0;
	padding: 5px;
	list-style: none;
}

#p-form li{
	text-align: left;
	padding: 3px 3px 3px 15px;
	margin: 0;
	background: url(../img/ic_rnd_green.gif) left no-repeat;
}

#p-form li.price{
	font-weight: bold;
	font-size: 14px;
}

#p-form .title{
	background: #c3ec3b url(../img/form_box_1.gif) 0 0 no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	padding: 8px 5px 5px 5px;
	margin: 0;
}

#p-form p.form-entry{
	text-align: center;
	background: #e9ff9e url(../img/form_box_2.gif) bottom no-repeat;
	margin: 0;
	padding: 0px 0px 10px 0px;
}




/* formのみ
---------------------------------------------------------------------*/
.alert{
	font-weight: bold;
	color: #c00;
}

.comf-alert{
	font-weight: bold;
	color: #c00;
	background-color: #FFDFE7;
	font-size: 14px;
}

.alert-list{
	color: #c00;
}

.attention-box{
	background-color:#D8F27D;
}




/* ツール
---------------------------------------------------------------------*/
.t-align-c{ text-align: center;}
.t-align-l{ text-align: left;}
.t-align-r{ text-align: right;}


.margin-top-10{ margin-top: 10px !important;}
.margin-top-15{ margin-top: 15px !important;}
.margin-top-20{ margin-top: 20px !important;}
.margin-top-25{ margin-top: 25px !important;}
.margin-top-30{ margin-top: 30px !important;}
.margin-top-35{ margin-top: 35px !important;}


.width-100{ width: 100px;}
.width-150{ width: 150px;}
.width-200{ width: 200px;}
.width-250{ width: 250px;}
.width-300{ width: 300px;}
.width-350{ width: 350px;}
.width-400{ width: 400px;}