@charset "Shift_JIS";
/* CSS Document */



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

#header.header-t01 { border-bottom:1px solid #ccc ; }




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

body { background:/* url(img/bg.jpg) center top repeat fixed */ #84C1FF }




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

	
/*　タイトル設定　*/

#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) repeat-x left 10px ;
	}
/* 背景wide */
#header.header-w {
	background:url(img/header_bg.png) repeat-x left 10px;
	}




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

#footer p { color:#666 }

/* 著作権表記 */
#footer p.copyright { color:#666 }

/* 背景 */
#footer {
	background: url(img/footer_bg.png) repeat-x left top #fff ;}
/* 背景wide */
#footer.footer-w {
	background: url(img/footer_bg.png) repeat-x left top #fff ; }




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

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

/*#container { background: }*/

#container.con-l {
	background:url(img/container_bg.png) left repeat-y #fff ;
	}
#container.con-r {
	background:url(img/container_bg.png) right repeat-y #fff ;
	}
#container.con-lw {
	background:url(img/container_bg.png) left repeat-y #fff ;
	}
#container.con-rw {
	background:url(img/container_bg.png) right repeat-y #fff ;
	}


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

#menu_tate li a ,
#menu_yoko li a{ 
	color: #333;
	font-weight:normal}

#menu_tate li a:hover,
#menu_yoko li a:hover { color: #1AA9FF ;}

/* 選択中 */
#menu_tate li#on a,
#menu_yoko li#on a { color: #1AA9FF ;}



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

/* 背景 */
#menu_tate {
	border:1px solid #ccc ;/* メニュー枠ボーダー */
	border-top:none ;/* メニュー上は ヘッダー指定で表示するため外す */
	border-bottom:none ;/* メニュー下は li 指定のため外す */
	background:url(img/menu_tate_bg.png) repeat ;}

#menu_tate li {
	border-bottom:1px solid #ccc ;/* メニュー上ボーダー */
	}	
#menu_tate li a{ 
	background:url(img/menu_tate_li_a_bg.png) no-repeat left top #EBEBEB;}
#menu_tate li a:hover { 
	background:url(img/menu_tate_li_a_bg_on.png) no-repeat left top #EBEBEB;}

/* 選択中背景 */
#menu_tate li#on a { 
	background:url(img/menu_tate_li_a_bg_on.png) no-repeat left top #EBEBEB; }



/* サブ */
#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 20px center ;}
#menu_tate li.st a:hover {
	background:url(img/menu_tate_li_st_a_bg_on.png) no-repeat 20px center;}

/* 選択中背景 */
#menu_tate li#on.st a {
	background:url(img/menu_tate_li_st_a_bg_on.png) no-repeat 20px center;}



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

/* 背景 */
#menu_yoko {
	border-top:1px solid #ccc ;
	border-bottom:1px solid #ccc ;
	background: url(img/menu_yoko_bg.png) bottom ; }

#menu_yoko li a {
	background:url(img/menu_yoko_li_a_bg.png) no-repeat right bottom ;}
#menu_yoko li a:hover {
	background:url(img/menu_yoko_li_a_bg_on.png) no-repeat right bottom ;}
/* 選択中背景 */
#menu_yoko li#on a {
	background:url(img/menu_yoko_li_a_bg_on.png) no-repeat right bottom ; }


/* 右寄せの時 */

#menu_yoko.m-right li a {
	background:url(img/menu_yoko_r_li_a_bg.png) no-repeat left bottom ;}
#menu_yoko.m-right li a:hover {
	background:url(img/menu_yoko_r_li_a_bg_on.png) no-repeat left bottom ;}
/* 選択中背景 */
#menu_yoko.m-right li#on a {
	background:url(img/menu_yoko_r_li_a_bg_on.png) no-repeat left bottom ; }

	

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

/* たて */
#submenu_tate {
	background: url(img/submenu_tate_bg.png) ;
	}
#submenu_tate li a {
	color:#666 ;
	background:url(img/submenu_tate_li_a_bg.png) no-repeat 10px 10px ;
	}
#submenu_tate li a:hover {
	color:#1AA9FF;
	background:url(img/submenu_tate_li_a_bg_on.png) no-repeat 10px 10px;
	 }
/* 選択中 */
#submenu_tate li#on a {
	color: #1AA9FF ;
	background:url(img/submenu_tate_li_a_bg_on.png) no-repeat 10px 10px ;
	}


/* よこ */
#submenu_yoko { background: url(img/submenu_yoko_bg.png) ;}
#submenu_yoko li a { 
	color:#666 ;
	background:url(img/submenu_yoko_li_a_bg.png) no-repeat left ;
	}
#submenu_yoko li a:hover { 
	color:#1AA9FF;
	background:url(img/submenu_yoko_li_a_bg_on.png) no-repeat left ;
	 }
/* 選択中 */
#submenu_yoko li#on a { 
	color: #1AA9FF ;
	background:url(img/submenu_yoko_li_a_bg_on.png) no-repeat left ; 
	}


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

.banner {
	color: #666;
	background: #e1e1e1;
	}
.banner a ,
.banner a:hover {
	color: #666;
}




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

h3{ color:#333 }
h4{
	color:#333 ;
	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:#333}
a { text-decoration : underline ; color : #194991 ;}
a:hover { text-decoration : none ; color : #194991 ;}

/* 背景 */
#content {
	background:#fff ;
	}
/* 背景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 ; }