@charset "shift_jis";



/*==

NN4への指定は、バグのために崩れるものはフックしています。

バックスラッシュを用いて複雑な指定をしているところは、NN4では解釈されません。

 ==*/





/*==========全体制御用CSS==========*/



htmlbody{

    margin:0;

    padding:0;

}



body{

    background-color:#ffffff;

}

h1,h2{

    margin:0;

    padding:0;

}

h3{

    font-size:14px;

}

th{

    text-align:left;

}

td{

    font-size:12px;

}

dl,dt,dd{

    margin:0;

    padding:0;

}

dt{

    padding-bottom:3px;

    color:#000066;

    font-size:14px;

}

p{

    margin:5px;

}

a:link {

    color: #333399;

}

a:visited {

    color: #6666CC;

}

a:hover {

    color: #000066;

}

/*====ヘッダー====*/

#navi-f{

    background-color:#366698;

    margin-top:3px;

}

#navi-ff{

    text-align:right;

}

/*\*/#navi-f{

	background:#366698 url(img/side_f.jpg) no-repeat 0% 0%;

	padding:5px;

    
}

    /*\*/}@media all{/* */

    /* */



#navi-ff a:link#navi-ff a:visited{

    color:#ffffff;

    text-decoration:none;

}

/* \*/#navi-f a:link,#navi-f a:visited{

	padding-left:10px;

    }

    /*\*/}@media all{/* */

    /* */



/*====カテゴリ部====*/

#category-f{

    background-color:#336698;

}

/*\*/#category-f{

	background:#366698 url(img/side_f.jpg) no-repeat 0 -24px;

    
}

    /*\*/}@media all{/* */

    /* */



/*====メイン部====*/

#main{

    width:560px;

    line-height:1.5;

    margin:10px;

}

/*--商品ページ--*/

/*商品画像にボーダー表示（NN4非対応）*/

/*\*/.item img{

	border:1px solid #53545c;

    
}

    /* \*/}@media all{/* */

    /* */

p.topics {

    line-height:1.5;

}





/*リード文*/

#mainbody .lead{

    margin:5px 15px 5px 10px;

    padding:2px 2px 8px 2px;

    border-bottom:2px solid #333333;

}



p.head_img{

    padding-right:20px;

}





/*メイン部NN4非対応部分調整*/

/* \*/#main{

	line-height:1.3;

	padding-bottom:10px;

    
}

    #main p{

	margin:0;

    
}

    /* \*/}@media all{/* */

    /* */

/*赤文字注意書き*/

.note{

    color:#a60000;

    padding:2px;

    text-align:center;

}

/*赤文字注意書き枠線（NN4非対応）*/

/* \*/.note{

	margin:10px 0;

	border:1px solid #a60000;

    
}

    /* \*/}@media all{/* */

    /* */

/*補足コメント*/

.add{

    font-weight:normal;

}



/*仕切り線*/

.line{

    width:100%;

    height:1px;

    margin:0;

}

/*仕切り線背景色（NN4用）*/

.line{

    background : #ffffff url(img/1x1_blue.gif);

}



/*仕切り線背景色（NN4以外用）*/

/* \*/.line{

	background:#ffffff url(img/1x1_blue.gif);

    
}

    /* \*/}@media all{/* */

    /* */











/*====フッタ====*/

#foot{

    background : #ffffff url(img/footer.gif) repeat-x scroll 0% 0%;

}



/*NN4避け*/

/* \*/#foot{

	background:#ffffff url(img/footer.gif) repeat-x;

    
}

    /* \*/}@media all{/* */

    /* */



address{

    font-style:normal;

    font-family:monospace;

    text-align:right;

    padding:20px 10px 0 0;

}







/*====ページ別制御====*/



/*==カテゴリ内部ページ制御用==*/

/*--各種表の設定--*/



/*値段*/

.place{

    font-family:monospace;

    padding-top:5px;

    color:#000033;

}

.tax{

    color:#333333;

    font-size:11px;

}







/*==ナビゲーション内部ページ制御用==*/

/*--各種表の設定--*/

/*表内仕切り線*/

.tableline{

    background : #ffffff url(img/dotline.gif) repeat-x;

}

/*ナビゲーション内ページのテーブル設定*/

.navi-talble th,.navi-table td{

    line-height:1.3;

}

.navi-table th{

    background : #ffffff url(img/listitem_bar.gif) no-repeat 0% 4px;

    text-align:left;

    color:#000066;

    padding-left:10px;

    font-weight:normal;

}

.navi-table td{

    text-align:right;

    color:#000000;

}

td.colbody{

    text-align:left;

    padding-left:10px;

}

/*会社概要内メインテーブル、トップマージンあわせ*/

#company{

    margin-top:20px;

}

/*会社概要内子テーブル表示用*/

.companytable th {

    background-image:none;

    padding-left:0;

}

.companytable td {

    text-align:left;

}

.historytable td {

    text-align:left;

}

.historytable th {

    padding-right:10px;

    background-color:#ffffff;

}

td.num{

    text-align:right;

}



/*--ナビゲーション内画像なしページの設定--*/

#mainbody .navi-maintable .navi-table td{

    text-align:left;

}

#mainbody .navi-maintable p{

    margin:5px 0 0 0;

}

/*仕切り線*/

#mainbody .navi-maintable .line{

    background-image:none;

    background-color:#333333;

    margin:5px  0 15px 0;

    height:2px;

}

/*リスト制御*/

#mainbody .navi-maintable ul{

    margin:0 0 0 12px;

    padding:0;

}

.return{

    color:#7ea800;

}

.normal{

    color:#000000;

}

/*--「求人」…インデント制御--*/

#recruit td{

    padding-left:10px;

}

#recruit .tableline,#recruit-table td{

    padding-left:0;

}

/*--お問い合わせフォーム関連*/

#mainbody .formlead{

    background : #ffffff url(img/dotline.gif) repeat-x center bottom;

    color:#999999;

    font-weight:bold;

    padding:15px 0 5px 0;

    margin:0 20px 10px 8px;

}

form{

    margin:0;

    padding:0;

}

/*inputへの余白制御（NN4非対応）*/

/* \*/form input{

	margin-bottom:2px;

	line-height:1;

    
}

    /* \*/}@media all{/* */

    /* */



/*--フォーム確認画面--*/

#form_conf th{

    background:#ffffff url(img/listitem_disc.gif) no-repeat 0% 4px;

    padding-left:15px;

}

/*--フォームエラー画面--*/

#form_error ul{

    margin:0 0 1em 15px;

}



/*--「店舗情報」多店舗タイプ--*/

#shoplist{

    padding-left:10px;

}

.shopitem th{

    font-weight:normal;

    color:#000066;

    width:4.5em;

    padding-left:5px;

}





span.head1{

    font-size:14px;

    font-weight:bold;

}





/*--「コーヒーグラインダー」ページ--*/

td.spec{
	padding-left:5px;
}



ol{

    padding:0px;

    margin:0px 0px 0px 20px;

}



li{

    margin:5px 0px 5px 0px;

}





/*--「サイトマップ」ページインデント用 --*/

#sitemaptable td{

    padding-bottom:13px;

}

#sitemaptable2 td{

    padding-left:35px;

    padding-bottom:13px;

}

#sitemaptable3 td{

    padding-left:70px;

    padding-bottom:13px;

}

#sitemaptable4 td{

    padding-left:35px;

    padding-bottom:13px;

}

#sitemaptable5 td{

    padding-left:70px;

    padding-bottom:13px;

}

#sitemaptable6 td{

    padding-left:35px;

    padding-bottom:13px;

}

/*--「グルメコーヒーリスト」インデックス用 --*/

#gclist a{

    font-weight:normal;

}

#gclist th{

    color:#000000;

}