@charset "utf-8";


/* レイアウト指定（style）
-------------------------------------------------- */
#container {margin:0 auto ; width:890px; overflow:hidden; font-size: small; color:#83795f;}
#container p a{ float:right; font-size: small; color:#83795f; padding:0;}
#container p a:hover{ color:#4D4737; text-decoration: none; }
#footer { margin:0 auto; width:890px; height:12px;}
#footer p{ float:right; color:#83795f; padding:0px 0px; font-size:0.6em;}

/* ヘッダ
-------------------------------------------------- */
#hnavi{margin:0; padding:20px 4px 5px 0; float:right; width:900px;}
#hnavi li{ display:block; margin:0; padding:0 10px 0 15px; float:right;}
#hnavi li a {display:block; text-decoration:none; }

li#h_top a{height:20px; background: url(../images/menu_h2top.gif) no-repeat;}
li#h_top a:hover{height:20px; background: url(../images/menu_h2top.gif) no-repeat;}
li#h_menu a{height:20px; background: url(../images/menu_h2menu.gif) no-repeat;}
li#h_menu a:hover{height:20px; background: url(../images/menu_h2menu_on.gif) no-repeat;}
li#h_groc a{height:20px;background: url(../images/menu_h2groc.gif) no-repeat;}
li#h_groc a:hover{height:20px;background: url(../images/menu_h2groc_on.gif) no-repeat;}
li#h_paty a{height:20px;background: url(../images/menu_h2paty.gif) no-repeat;}
li#h_paty a:hover{height:20px;background: url(../images/menu_h2paty_on.gif) no-repeat;}
li#h_enex a{height:20px;background: url(../images/menu_h2enex.gif) no-repeat;}
li#h_enex a:hover{height:20px;background: url(../images/menu_h2enex_on.gif) no-repeat;}
li#h_mche a{height:20px;background: url(../images/menu_h2mche.gif) no-repeat;}
li#h_mche a:hover{height:20px;background: url(../images/menu_h2mche_on.gif) no-repeat;}
li#h_abot a{height:20px;background: url(../images/menu_h2abot.gif) no-repeat;}
li#h_abot a:hover{height:20px;background: url(../images/menu_h2abot_on.gif) no-repeat;}
li#h_acse a{height:20px;background: url(../images/menu_h2acse.gif) no-repeat;}
li#h_acse a:hover{height:20px;background: url(../images/menu_h2acse_on.gif) no-repeat;}
li#h_recr a{height:20px;background: url(../images/menu_h2recr.gif) no-repeat;}
li#h_recr a:hover{height:20px;background: url(../images/menu_h2recr_on.gif) no-repeat;}

/* タイトルロゴとナビゲーション
-------------------------------------------------- */
#logoandnavi{margin:0; padding:0; float:left; width:180px}
#logo{padding:0 0 20px 0;}
#logoandnavi li{padding:6px 0 0 0;}
#navigation {margin:0; padding:12px 0 0 0;float:left; width:160px;}
#navigation h2{padding:5px 0 0 0;}
#logoandnavi h3{padding:0 0 1px 6px; font-style:normal; font-weight:bold; font-size:1em; color:#000;}


/* フォトエリア
-------------------------------------------------- */
#photoarea {width:700px; padding: 0 0 5px 0 ; float:right;}

/* コンテンツ
---------------------------------------------------- */
#contents {margin:0; padding:0; float: right; width: 700px; list-style: none;}
#contents_l { margin:0; padding:0; width:700px; float: left;}
#contents_l img{padding:10px 0 0 0;}

#contents_c {float:left; width: 470px;}
#contents_c img{padding: 10px 0 0 5px;}
#contents_c ul{ display:block; margin:0 0 0 10px}
#contents_c li{ margin:0 0 0 20px}

#contents_r {float: right; width: 215px;}
#contents_r img{padding: 10px 0 0 5px; float:right;}
#contents_r ul{ display:block;}

/* Hides from IE-mac \*/
* html ul#menu li a, * html ul#menu li { height: 40px; line-height: 1.5;}
* html ul#menu2 li a, * html ul#menu2 li { height: 40px; line-height: 1.5;}
/* End hide from IE-mac */
/* line-heightはli間の隙間をなくするために指定 */


/* add
---------------------------------------------------- */
.mar_t_15 { margin-top: 15px;}
.mar_t_6 { margin-top: 6px;}
.mar_t_4 { margin-top: 4px;}
.mar_t_10 { margin-top: 10px;}