@charset "Shift_JIS";

/* CSS Document */





/* ★このカラーの独自設定 --------------------------------------- */



/* メニューよこ ワイド幅 */

#menu_yoko.menu_yoko_w {

	background: url(img/menu_yoko_w_bg.png) top repeat-y ; }







/* ★背景 --------------------------------------- */



body {background: url(img/bg.jpg) center top repeat-x fixed #F6FEE9 }









/* ★ヘッダー --------------------------------------- */



	

/*　タイトル設定　*/



#header h1 {

}



#header h2 { 

	color:#666}

	

#header a { color : #666 ; text-decoration : underline ;}/* タイトル文字色 */

#header a:hover { text-decoration:none;}



/* 背景 */

#header {

	background:url(img/header_bg.png) no-repeat left top ;

	}

/* 背景wide */

#header.header-w {

	background:url(img/header_w_bg.png) no-repeat left top ;

	}









/* ★フッター --------------------------------------- */



#footer p {

	padding-top:15px;/* このテーマのみ */

	margin: 0px auto;/* このテーマのみ */

	width:96% ;/* このテーマのみ */

	border-top :2px solid #B5F3B1;

	color:#666 }



/* 著作権表記 */

#footer p.copyright { 

	color:#666 ;

	padding-top:0;

	border-top :0;}

		

/* 背景 */

#footer {

	margin-bottom:10px;

	background: url(img/footer_bg.png) repeat-x left bottom ;}

/* 背景wide */

#footer.footer-w {

	margin-bottom:10px;

	background: url(img/footer_w_bg.png) repeat-x left bottom  ; }







/* ★メニューまわり --------------------------------------- */



/*　メニュー左右背景ここで設定　*/



#container { background:#fff }



#container.con-l {

	background:url(img/container_bg.png) no-repeat left 30px #fff ;

	}

#container.con-r {

	background:url(img/container_bg.png) no-repeat right 30px #fff ;

	}

#container.con-lw {

	background:url(img/container_bg_w.png) no-repeat left 30px #fff ;

	}

#container.con-rw {

	background:url(img/container_bg_w.png) no-repeat right 30px #fff ;

	}





/* メニュー　文字色共通(menu_tate：たて menu_yoko：よこ) */



#left {

/*	background:url(img/container_bg.png) repeat-y left top ;*/

	}



#menu_tate li a ,

#menu_yoko li a{ 

	color: #4DA062;

	}



#menu_tate li a:hover,

#menu_yoko li a:hover { color: #4DA062 ;}



/* 選択中 */

#menu_tate li#on a,

#menu_yoko li#on a { color: #4DA062 ;}







/* メニュー（たて） */



/* 背景 */

#menu_tate {

/*	background:url(img/menu_tate_bg.png) repeat ;*/

	}



#menu_tate li a{ 

	background:url(img/menu_tate_li_a_bg.png) no-repeat left -4px;}

#menu_tate li a:hover { 

	background:url(img/menu_tate_li_a_bg_on.png) no-repeat left -4px;

	}



/* 選択中背景 */

#menu_tate li#on a { 

	background:url(img/menu_tate_li_a_bg_on.png) no-repeat left -4px; }





/* サブ */

#menu_tate li.st {

/*	background:url(img/menu_tate_li_st_bg.png) repeat ; */}



#menu_tate li.st a {

	background:url(img/menu_tate_li_st_a_bg.png) no-repeat left top ;

	color: #6DA36D ;}

#menu_tate li.st a:hover {

	background:url(img/menu_tate_li_st_a_bg_on.png) no-repeat left top;

	color: #6DA36D ;}



/* 選択中背景 */

#menu_tate li#on.st a {

	background:url(img/menu_tate_li_st_a_bg_on.png) no-repeat left top;

	color: #6DA36D ;}







/* メニュー（よこ） */



/* 背景 */

#menu_yoko {

	background: url(img/menu_yoko_bg.png) top repeat-y ; }





#menu_yoko li a {

	background:url(img/menu_yoko_li_a_bg.png) no-repeat right 2px ;}

#menu_yoko li a:hover {

	background:url(img/menu_yoko_li_a_bg_on.png) no-repeat right 2px ;}

/* 選択中背景 */

#menu_yoko li#on a {

	background:url(img/menu_yoko_li_a_bg_on.png) no-repeat right 2px ; }





/* 右寄せの時 */



#menu_yoko.m-right li a {

	background:url(img/menu_yoko_r_li_a_bg.png) no-repeat left 2px ;}

#menu_yoko.m-right li a:hover {

	background:url(img/menu_yoko_r_li_a_bg_on.png) no-repeat left 2px ;}

/* 選択中背景 */

#menu_yoko.m-right li#on a {

	background:url(img/menu_yoko_r_li_a_bg_on.png) no-repeat left 2px ;}







/* ★サブメニュー --------------------------------------- */



/* たて */

#submenu_tate {

	background: url(img/submenu_tate_bg.png) ;

	}

#submenu_tate li a {

	color:#555 ;

	background:url(img/submenu_tate_li_a_bg.png) no-repeat 9px 8px ;

	}

#submenu_tate li a:hover {

	color:#333;

	background:url(img/submenu_tate_li_a_bg_on.png) no-repeat 9px 8px;

	 }

/* 選択中 */

#submenu_tate li#on a {

	color: #4DA062 ;

	background:url(img/submenu_tate_li_a_bg_on.png) no-repeat 9px 8px ;

	}





/* よこ */

#submenu_yoko { background: url(img/submenu_yoko_bg.png) ;}

#submenu_yoko li a { 

	color:#555 ;

	background:url(img/submenu_yoko_li_a_bg.png) no-repeat left 5px ;

	}

#submenu_yoko li a:hover { 

	color:#333;

	background:url(img/submenu_yoko_li_a_bg_on.png) no-repeat left 5px  ;

	 }

/* 選択中 */

#submenu_yoko li#on a { 

	color: #4DA062 ;

	background:url(img/submenu_yoko_li_a_bg_on.png) no-repeat left 5px  ; 

	}





/* ★バナー --------------------------------------- */



.banner {

	color: #3F7251;

	background:/* url(img/banner_bg.png) repeat*/ #91ED8B;

	}



.banner a ,

.banner a:hover {

	color: #3F7251 ;

}







/* ★見出し --------------------------------------- */



h3{ color:#3F7251 }

h4{

	color:#3F7251 ;

	border-bottom:dotted #ccc 1px ;

	}





#content-body h3 {

	background:url(img/h3_bg.png) no-repeat ;

	}



/* h3-wide 通常サイズと同じ画像を使う*/

#content.con-w h3 {

	background:url(img/h3_w_bg.png) no-repeat ;

	}
#articledt1.con-w h3 {

	background:url(img/h3_w_bg.png) no-repeat ;

	}









/* ★コンテンツ--------------------------------------- */





/* 基本設定 */

#content , #content.con-w{

	color:#000 ;/* 基本の文字色 */

	}



a { text-decoration : underline ; color : #194991 ;}

a:hover { text-decoration : none ; color : #194991 ;}



/* 背景 */

#content {

	background:url(img/content_bg.png) ;

	}

/* 背景wide */

#content.con-w {

	background:url(img/content_bg.png) ;

	}









/* その他　トップページ--------------------- */



/* 新着情報、ブログ一覧などtable */



#content-body table.table01 td span.td-ico {

	background : url(img/ico_01.png) no-repeat left ;

	color:#666 ;}

			

table.table01 td.border-2px {

	background : url(img/dot_2px.png) repeat-x bottom ;

	}





/* #product 商品紹介--------------------- */



#content-body .product-box h5 { background : #DBE8F1 ;color:#0066CC}

#content-body .product-box h6 {	color : #FF5712 ; }