/*============================================================
//  共　通　設　定
//==========================================================*/
body{ font-size:12px; margin:0; padding:0; background:url(../images/body_back.gif) repeat-x; text-align:center; color:#444444;}
img { border:none;}
a{ overflow:hidden;}
a{ color:#444444;}
a:hover{ color: #CC0000;}
.clear{ clear:both; margin:0; padding:0;}
.clear hr{ display:none; margin:0; padding:0;}	
h1{ margin:0; padding:4px 0 0 0; font-size:12px; font-weight: normal; }
#contents{ width:888px; margin:0 auto; }


/**パンくず**/

#webmenu{ background:url(../images/webimg3.gif) no-repeat;}
#webmenu ul{ margin:0; padding:6px 12px; list-style-type:none; }
#webmenu li{
	font-size:12px;
	float:left;
	padding:7px 35px 5px 5px;
	background-image: url(../images/webimg2.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}
#webmenu .none{ background-image:none;} 
.webwork{ width:152px; float:left; margin:2px;}
.site{ width:203px; height:216px; float:left; margin:5px; background:url(../images/webback.gif) no-repeat;}
.sitep{ padding:5px; font-size:12px;}



/*============================================================
//  ヘッダー
//==========================================================*/
#head{ width:885px; text-align:left; margin:0 auto;}
#head h2{ margin:0; padding:0; background:url(../images/rogo.gif) no-repeat; width:543px; height:59px; float:left;}
#head h2 a{ width:543px; height:62px; text-indent:-9999px; display:block;}
#head #menu{ width:236px; float:right;}
#head #menu ul{margin:0; padding:33px 5px 0 0; list-style-type:none; _padding:0px 0px 0px 0px; _margin:33px 0px 0px 0px; }

#head #menu .btn01{ background:url(../images/head_sitemap.gif) no-repeat; width:104px; height:15px; float:left;}
#head #menu .btn01 a{ display:block; width:104px; height:15px; text-indent:-9999px;}

#head #menu .btn02{ background:url(../images/head_office.gif) no-repeat; width:104px; height:15px; float:left;}
#head #menu .btn02 a{ display:block; width:104px; height:15px; text-indent:-9999px;}

#head #menu .btn03{ background:url(../images/head_chinesesite.gif) no-repeat; width:104px; height:15px; float:left;}
#head #menu .btn03 a{ display:block; width:104px; height:15px; text-indent:-9999px;}

#head #menu .btn04{ background:url(../images/head_link.gif) no-repeat; width:104px; height:15px; float:left;}
#head #menu .btn04 a{ display:block; width:104px; height:15px; text-indent:-9999px;}

#mainmenu{ margin:0; padding:0; list-style-type:none; }
#mainmenu .btn01{ background:url(../images/head_bnt01.gif); width:90px; height:42px;  float:left;}
#mainmenu .btn01 a{ width:90px; height:42px; display:block; text-indent:-9999px;}
#mainmenu .btn01 a:hover{ background:url(../images/head_bnt01b.gif);}
#mainmenu .btn02{ background:url(../images/head_bnt02.gif); width:207px; height:42px;  float:left;}
#mainmenu .btn02 a{ width:207px; height:42px; display:block; text-indent:-9999px;}
#mainmenu .btn02 a:hover{ background:url(../images/head_bnt02b.gif);}
#mainmenu .btn03{ background:url(../images/head_bnt03.gif); width:193px; height:42px;  float:left;}
#mainmenu .btn03 a{ width:193px; height:42px; display:block; text-indent:-9999px;}
#mainmenu .btn03 a:hover{ background:url(../images/head_bnt03b.gif);}
#mainmenu .btn04{ background:url(../images/head_bnt04.gif); width:217px; height:42px;  float:left;}
#mainmenu .btn04 a{ width:217px; height:42px; display:block; text-indent:-9999px;}
#mainmenu .btn04 a:hover{ background:url(../images/head_bnt04b.gif);}
#mainmenu .btn05{ background:url(../images/head_bnt05.gif); width:178px; height:42px;  float:left;}
#mainmenu .btn05 a{ width:178px; height:42px; display:block; text-indent:-9999px;}
#mainmenu .btn05 a:hover{ background:url(../images/head_bnt05b.gif);}

#submenu{ background:url(../images/head_sub_back.gif) no-repeat; height:37px; margin:0; padding:0 80px; list-style-type:none;}
#submenu .sub01{ background:url(../images/sub_01.gif); width:93px; height:23px; float:left;}
#submenu .sub01 a{ display:block; text-indent:-9999px; width:93px; height:23px;}
#submenu .sub01 a:hover{ background:url(../images/sub_01a.gif);}
#submenu .sub02{ background:url(../images/sub_02.gif); width:106px; height:23px; float:left;}
#submenu .sub02 a{ display:block; text-indent:-9999px; width:106px; height:23px;}
#submenu .sub02 a:hover{ background:url(../images/sub_02a.gif);}
#submenu .sub03{ background:url(../images/sub_03.gif); width:139px; height:23px; float:left;}
#submenu .sub03 a{ display:block; text-indent:-9999px; width:139px; height:23px;}
#submenu .sub03 a:hover{ background:url(../images/sub_03a.gif);}
#submenu .sub04{ background:url(../images/sub_04.gif); width:129px; height:23px; float:left;}
#submenu .sub04 a{ display:block; text-indent:-9999px; width:129px; height:23px;}
#submenu .sub04 a:hover{ background:url(../images/sub_04a.gif);}
#submenu .sub05{ background:url(../images/sub_05.gif); width:116px; height:23px; float:left;}
#submenu .sub05 a{ display:block; text-indent:-9999px; width:116px; height:23px;}
#submenu .sub05 a:hover{ background:url(../images/sub_05a.gif);}
#submenu .sub06{ background:url(../images/sub_06.gif); width:123px; height:23px; float:left;}
#submenu .sub06 a{ display:block; text-indent:-9999px; width:123px; height:23px;}
#submenu .sub06 a:hover{ background:url(../images/sub_06a.gif);}
/*============================================================
//  ゴールデン＆パンクズリスト
//==========================================================*/
.pankuzu{ font-size:12px; padding:5px; text-align:left; color:#444444;}
.pankuzu a{ color:#444444;}
.pankuzu a:hover{ color:#CC0000;}
#golden{ padding:3px 0;}

#golden .leftm{ float:left; width:658px;}
#golden .rightm{ float:right; width:227px;}
/*============================================================
//  メインコンテンツ
//==========================================================*/
#main_cntents{ background:url(../images/main_center.gif);} 
#main_top{ background:url(../images/main_top.gif) no-repeat; width:888px; height:10px;}
#main_top hr{ display:none; margin:0; padding:0;}	
#main_bottom{ width:888px; height:46px; background:url(../images/main_bottom.gif) no-repeat;}
#main_bottom ul{ margin:0px; padding:15px 50px 0px 480px; list-style-type:none;  color:#FFFFFF; font-size:10px;}
#main_bottom li{ display:inline;}
#main_bottom a{ color:#FFFFFF;}
#main_bottom a:hover{ color: #CC0000;}
#main_left{ width:661px; float:left; text-align:left;}
#left_contents{ padding:0 10px 10px 10px;}
#main_right{ width:227px; float:right; text-align:left;}

/*============================================================
//  サイドメニュー
//==========================================================*/

#sidemenu{ padding:0px 14px 10px 7px;  }
.sidehr{ background:url(../images/side_hr.gif) no-repeat 0 6px; height:14px;}
.sidehr hr{ display:none; margin:0; padding:0;}	

#sys{ background:url(../images/sys_bottom.gif)  no-repeat bottom; padding:0 0 4px 0;}
#sys h3{ background:url(../images/sys_top.gif) no-repeat; width:206px; height:42px; margin:0; padding:0;}
#sys h3 a{ display:block; width:206px; height:42px; text-indent:-9999px;}
#sys ul{ background:url(../images/sys_center.gif) ; margin:0; padding:5px; list-style-type:none; font-size:12px;}
#sys li{ background:url(../images/sys_li.gif) no-repeat 0 6px; padding:3px 3px 3px 15px;}
#pri{ background:url(../images/pri_bottom.gif)  no-repeat bottom; padding:0 0 4px 0;}
#pri h3{ background:url(../images/pri_top.gif) no-repeat; width:206px; height:42px; margin:0; padding:0;}
#pri h3 a{ display:block; width:206px; height:42px; text-indent:-9999px;}
#pri ul{ background:url(../images/pri_center.gif) ; margin:0; padding:5px; list-style-type:none; font-size:12px;}
#pri li{ background:url(../images/pri_li.gif) no-repeat 0 6px; padding:3px 3px 3px 15px;}
#oa{ background:url(../images/oa_bottom.gif)  no-repeat bottom; padding:0 0 4px 0;}
#oa h3{ background:url(../images/oa_top.gif) no-repeat; width:206px; height:42px; margin:0; padding:0;}
#oa h3 a{ display:block; width:206px; height:42px; text-indent:-9999px;}
#oa ul{ background:url(../images/oa_center.gif) ; margin:0; padding:5px; list-style-type:none; font-size:12px;}
#oa li{ background:url(../images/oa_li.gif) no-repeat 0 6px; padding:3px 3px 3px 15px;}
#re{ background:url(../images/re_bottom.gif)  no-repeat bottom; padding:0 0 4px 0;}
#re h3{ background:url(../images/re_top.gif) no-repeat; width:206px; height:42px; margin:0; padding:0;}
#re h3 a{ display:block; width:206px; height:42px; text-indent:-9999px;}
#re ul{ background:url(../images/re_center.gif) ; margin:0; padding:5px; list-style-type:none; font-size:12px;}
#re li{ background:url(../images/re_li.gif) no-repeat 0 6px; padding:3px 3px 3px 15px;}
#ori{ background:url(../images/ori_bottom.gif)  no-repeat bottom; padding:0 0 4px 0;}
#ori h3{ background:url(../images/ori_top.gif) no-repeat; width:206px; height:42px; margin:0; padding:0;}
#ori h3 a{ display:block; width:206px; height:42px; text-indent:-9999px;}
#ori ul{ background:url(../images/ori_center.gif) ; margin:0; padding:5px; list-style-type:none; font-size:12px;}
#ori li{ background:url(../images/ori_li.gif) no-repeat 0 6px; padding:3px 3px 3px 15px;}
#sp{ background:url(../images/sp_bottom.gif)  no-repeat bottom; padding:0 0 4px 0;}
#sp h3{ background:url(../images/sp_top.gif) no-repeat; width:206px; height:42px; margin:0; padding:0;}
#sp h3 a{ display:block; width:206px; height:42px; text-indent:-9999px;}
#sp ul{ background:url(../images/sp_center.gif) ; margin:0; padding:5px; list-style-type:none; font-size:12px;}
#sp li{ background:url(../images/sp_li.gif) no-repeat 0 6px; padding:3px 3px 3px 15px;}
.more { margin:0; padding:5px; list-style-type:none; font-size:12px; color:#FFFFFF;}
.more li{ background:url(../images/side_li.gif) no-repeat 0 6px; padding:3px 3px 3px 15px;}
.more a{ color:#FFFFFF;}
.more a:hover{ color: #CC0000;}

/*============================================================
//  フッター
//==========================================================*/
#footer{text-align:left; font-size:12px;}
#footer p{ padding:5px; margin:0;}
#footer h3{ margin:0; padding:0; font-size:12px; font-weight:normal; display:inline;}
#footer ul{ margin:0; padding:2px; list-style-type:none;}
#footer li{ margin:0; padding:0 3px 0 6px; background:url(../images/glid_h.gif) no-repeat ; display:inline;}

.xhtml{ background:url(../images/xhtml.gif); height:17px; width:75px; color:#CCCCCC; text-align:center; margin:0 5px; float:left;}
.xhtml a{ color:#CCCCCC; text-decoration: none; font-size:10px; padding:3px; display:block;}

/*============================================================
//  トップページコンテンツ
//==========================================================*/

.top_space{ padding:5px 0; margin:0;}

/**取扱説明書メニュー**/
#se_top_left{ width:453px; float:left; }
#se_top_right{ width:182px; float:right; }
#se_top_right p{ margin:0; padding:0 0 2px 0;}
#setumei_menu_left{ width:75px; float:left;}
#setumei_menu_right{ width:560px; float:left;}
#setumei_menu{ background:url(../images/top_setumei_menu.gif) no-repeat; width:641px; height:30px;}
#setumei_menu p{ margin:0; padding:9px; font-size:10px;}
#setumei_menu h3{ font-size:12px; padding:9px; margin:0; color:#FFFFFF; font-weight:normal; text-align:center;}

/**ニュース**/
#top_news{ width:417px;  float:left; font-size:12px;}
#top_news h3{ margin:0; background:url(../images/top_news_title.gif) no-repeat; width:417px; height:29px;}
#top_news h3 a{ color:#134d76; display:block; margin:0; padding:8px 35px 0px 0px; text-align:right;  font-size:10px;}
#top_news h3 a:hover{ color:#CC0000;}
#top_news ul{ margin:0; padding:0; list-style-type:none; color:#444444;}
#top_news li{ background:url(../images/glid_w.gif) repeat-x bottom; padding:8px; font-weight:bold;}
#top_news li a{ padding:0 0 0 0px;  font-weight:normal;}

/**営業日＆メルマガ**/
#top_other{ width:220px; float:right; font-size:12px;}
#top_cal { background:url(../images/cal_icon.gif) no-repeat right;}
#top_cal h4{ width:120px; height:22px; background:url(../images/cal_title.gif) no-repeat; margin:0px; padding:0; text-indent:-9999px;}
#top_cal h4 a{ display:block; width:120px; height:22px;}
#top_cal p{ width:120px; margin:0; padding:3px 5px;}
.melmaga{ margin:3px 0;}

/**リョーインとは**/
#top_osirase{ background:url(../images/solid_back.gif); border:1px solid #CCCCCC; padding:2px;}
#top_osirase h3{ background:url(../images/top_ryoin_title.gif); width:635px; height:22px; text-indent:-9999px; margin:0; padding:0;}
#top_osirase p{ margin:0; padding:3px 10px; font-size:12px; line-height:16px;}

/**プリント**/
#top_print{ width:453px; height:243px; background:url(../images/top_print_back.gif) no-repeat; float:left;}
#top_print2{ width:640px; height:93px; background:url(../images/top_re_back.gif) no-repeat; float:left;}
#top_print3{ width:640px; height:93px; background:url(../images/top_ori_back.gif) no-repeat; float:left;}
#top_print4{ width:640px; height:93px; background:url(../images/top_sp_back.gif) no-repeat; float:left;}
#top_print h3{ background:url(../images/print_title.gif) no-repeat; width:176px; height:43px; margin:0; padding:0; text-indent:-9999px; }
#top_print h3 a{ width:176px; height:43px; display:block;}

#top_print2 h3{ width:100px; height:33px; margin:0; padding:0; text-indent:-9999px; }
#top_print2 h3 a{ width:100px; height:33px; display:block;}
#top_print3 h3{ width:200px; height:33px; margin:0; padding:0; text-indent:-9999px; }
#top_print3 h3 a{ width:200px; height:33px; display:block;}
#top_print4 h3{ width:100px; height:33px; margin:0; padding:0; text-indent:-9999px; }
#top_print4 h3 a{ width:100px; height:33px; display:block;}
.p_6px2{ padding:0px 6px 0px 3px; font-size:12px; line-height:16px; float:left;}
.p_6px{ padding:6px; margin:0; font-size:12px; line-height:16px;}
.p_6px3{ padding:0px 6px 0px 6px; margin:0; font-size:12px; line-height:16px; float:left;}
#top_print_left{ width:270px; float:left;}
#top_print_left2{ float:left;width:400px;}
#top_print_left3{ float:left;width:620px;}
#top_print_right{ width:164px; float:right;}
#top_print_right p{ margin:0; padding:0;}
.normal{ clear:both; margin:0; height:10px; background:url(../images/hr_back.gif) repeat-x;}
.normal hr{ display:none; margin:0; padding:0; }	
#top_print_banner_left{ width:220px; float:left; }
#top_print_banner_left2{  margin:0; padding:0 1px 0px 0; float:left;}
#top_print_banner_right{ width:220px; float:right; }
.p_b1px{ margin:0; padding:0 0 1px 0;}

/**OA機器**/
#top_oa{ width:184px; height:242px; background:url(../images/oa_back.gif) no-repeat; float:right;}
#top_oa_left{ width:86px; float:left;}
#top_oa_left h4{ width:82px; height:28px; margin:0; background:url(../images/top_oa_title.gif); text-indent:-9999px;}
#top_oa_left h4 a{ width:82px; height:28px; display: block; text-indent:-9999px;}
#top_oa_left p{ margin:0; padding:5px 0;}
.top_glid{ background: url(../images/glid_w.gif) repeat-x top; margin:0; padding:2px 0 0 0;}
#top_oa_right{ width:80px; float:right;}
#top_form{ width:184px; padding:7px 0 0 0;}

/*============================================================
//  新着情報
//==========================================================*/
#news_top h2{ margin:0; background:url(../images/news_title.gif) no-repeat; font-size:14px; line-height:18px; color:#FFFFFF; padding:10px;}
#news_top h3{ font-size:12px; margin:5px 0 0 0; padding:5px; background:#336699; color:#FFFFFF;}
#news_top ul{ margin:0; padding:10px; list-style-type:none;}
#news_top li{ font-weight:bold; font-size:14px; padding:8px 5px; background:url(../images/glid_w.gif) bottom repeat-x;}
#news_top li a{ font-weight:normal;}
#news_top .backnumber{ text-align:center;}
#news_top .backnumber a{ font-size:12px; text-decoration:none; background:#777777; color:#FFFFFF; font-weight:bold; padding:3px 7px; margin:2px;}
#news_top .backnumber a:hover{ background: #336699;}
#news_main h3{ margin:0; font-size:18px; font-weight:bold; padding:10px 5px; line-height:24px; background:url(../images/glid_w.gif) repeat-x bottom;}
#news_time{ text-align:right; font-size:12px; padding:3px;}
#news_contetns{ font-size:14px; line-height:20px; padding:3px 10px;}
#news_list{ clear:both; text-align:center; font-size:12px; padding:8px; background:url(../images/glid_w.gif) repeat-x top;}
.news_img{ background:#eeeeee; border:1px solid #CCCCCC; margin:0 10px 10px 0; float:left;}


/*============================================================
//  パーツ 
//==========================================================*/
.glid_box { background:url(../images/solid_back.gif); border:1px solid #CCCCCC; padding:3px; margin:5px 0;}
.normal_box { background:#FFFFFF; border:1px solid #CCCCCC; padding:5px; margin:5px 0;}
.normaly_box { background:#FFFFCC; border:1px solid #CCCCCC; padding:5px; margin:5px 0;}
.normalg_box { background:#EEEEEE; border:1px solid #CCCCCC; padding:5px;}

.pnormal{ padding:0; margin:0;}

.risk{ padding:2px 0 5px 0;}
.colblue{ color:#0066CC; }
.colred{ color:#FF0000;}
.title_blue{ background:#6699CC; padding:3px; color:#FFFFFF; display:block;} 
.title_green{ background: #669933; padding:3px; color:#FFFFFF; display:block;} 
.title_black{ padding:3px; color:#FFFFFF; display:block; background-color: #000000; } 
.title_orange{ padding:3px; color:#FFFFFF; display:block; background-color: #FF6600; } 
.text_normal{ font-size:12px; line-height:16px;}
.text_small{ font-size:10px; line-height:14px;}
.h2title { color:#12446e; background:url(../images/se_h3_back.gif) no-repeat top right; padding:10px 5px; font-size:18px; margin:10px 0;}
.h3titleb{ background:url(../images/prih3title.gif) no-repeat; margin:5px 0; padding:13px 8px; color:#444444; font-size:16px; }
.h3titlet{ text-align:center; color:#ffffff; font-size:14px; background-color: #666666; padding-top: 5px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px; border-right-width: 5px; border-left-width: 5px; border-right-style: solid; border-left-style: solid; border-right-color: #999999; border-left-color: #999999; margin: 0px; }
.h3title{ background:url(../images/h3title.gif) no-repeat; margin:5px 0; padding:13px 8px; color:#FFFFFF; font-size:16px; }
.center_pa{ padding:5px; text-align:center; }
.ollist{ }
.ollist li{ padding:5px;}

.telto{ padding:3px; margin:3px; border-bottom:solid 1px #CCCCCC; text-align:right;} 
.otleft{ float:left; width:300px; font-size:12px;}
.otright{ float:right; width:300px; font-size:12px;}
.oth4{ margin:0; padding:3px; font-size:14px; font-weight:bold; }
.waku{ background:#FFFFFF; border:1px solid #CCCCCC; padding:3px; margin:3px 0px; }
.ottel{ font-size:18px; color:#FF0000; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}

#message { background:url(../images/message_back.gif) no-repeat; width:204px; height:17px;  padding-top:23px; margin:0px; }

/*============================================================
//  その他
//==========================================================*/

.st_middle{ font-size:14px}
.st_topics{ font-size:13px}