/* タグ */
html{ color:#FFFFFF; background-color:#000000;}
h1{ padding:3px; background: #3f3b3a url(../img/h_bg.jpg); color: #858585;}
input{ padding:1px;}
/* ID */
/* ヘッダー */
/*-----------------------*----*----*----*----*----*----* header */
div#header{height:85px; background: #3f3b3a url(../img/header_bg.jpg) repeat-x top;}
div#header h2{ width:400px; height:85px; float:left;}
div#header div{ float:left;}
/*-----------------------*----*----*----*----*----* header1 */
div#header1{ width:200px; height:85px;}
/*-----------------------*----*----*----*----*----* header2 */
div#header2{ width:160px; padding:25px 0px 0px; text-align:center;}
/* メイン */
/*-----------------------*----*----*----*----*----*----* main */
div#main{ background: #1a1a1a url(../img/bg.jpg);}
/*-----------------------*----*----*----*----*----* navi */
div#navi{ float:left; background-color:#262626; width:180px; padding:0px 0px 0px 0px; margin:10px 0px 0px 0px;}
div#navi p{ padding:0px; margin:12px 0px 0px 0px; text-align:center; }
div#navi h3{ margin:0px 0px 0px 0px; padding:18px 0px 0px 0px;}
div#navi h4{ margin:6px 0px 0px 15px; padding:6px 0px 3px 0px;}
div#navi div{ text-align:center; padding:6px 0px;}
div#navi ul { padding:0px 0px 0px 24px;}
div#navi li { padding:0px 0px 6px 0px;}
div#navi li a{ color: #FFFFFF; text-decoration: underline; background: url(../img/navi_img08.jpg) no-repeat left top; padding:0px 0px 0px 15px;}
div#navi li a:hover { background: url(../img/navi_img08_ov.jpg) no-repeat left top; color: #f3aa43; text-decoration: underline;}
div#navi li a:active { background: url(../img/navi_img08_ov.jpg) no-repeat left top; color: #f3aa43; text-decoration: underline;}
/*-----------------------*----*----*----*----* navi_line */
h4.navi_line{ border-top: 1px dashed #FFFFFF; width:160px;}
/*-----------------------*----*----*----*----* navi_line */
div.navi_line2 {
border-top: 1px dashed #FFFFFF;
margin:6px 0px 0px 0px;
}
/*-----------------------*----*----*----*----*----* contents */
div#contents{ float:left; width:580px;}
/*-----------------------*----*----*----*----* navi_black */
div.navi_black{ background: url(../img/navi_b_bg.jpg) repeat-y left;}
/*-----------------------*----*----*----*----* navi_white */
div.navi_white{ background: url(../img/navi_w_bg.jpg) repeat-y left;}
/*-----------------------*----*----*----*----*----* catchcopy */
div#catchcopy{ width:580px; text-align:center; padding:0px 0px 0px; clear:both;}
div#catchcopy div{ width:510px; padding:12px 0px; text-align:center; margin:auto; background-color:#000000; border: 1px solid #666666;}
div#catchcopy div h3{ padding:0px 12px 3px 12px; text-align:left;}
div#catchcopy div h4{ color:#f3aa43; font-weight:bold; padding:6px 12px 0px 12px; text-align:left;}
div#catchcopy div ul{ padding:0px 12px 0px 12px;}
div#catchcopy div li{ list-style: disc; margin:0px 0px 0px 24px; text-align:left; color:#FFFFFF;}
div#catchcopy div p{ padding:0px 12px 0px 0px; text-align:right;}
div#catchcopy div p a{ color: #f3aa43; text-decoration: underline; }
div#catchcopy div p a:hover { color: #ff0000; text-decoration: underline;}
div#catchcopy div p a:active { color: #ff0000; text-decoration: underline;}
/*-----------------------*----*----*----* topicpath */
p#topicpath{ padding:0px 12px 12px 0px; text-align:right;}
p#topicpath a{ color: #f3aa43; text-decoration: underline; }
p#topicpath a:hover { color: #ff0000; text-decoration: underline;}
p#topicpath a:active { color: #ff0000; text-decoration: underline;}
/* フッター */
/*-----------------------*----*----*----*----*----*----* footer */
div#footer{ padding:18px 0px 0px; background: #1a1a1a url(../img/footer_bg.jpg) no-repeat top;}
div#footer div{ background-color:#1a1a1a; border-top: 1px solid #c5c5c5; margin:0px 6px 0px;}
div#footer p{ padding:6px 0px; float:left; font-size:11px;}
div#footer address{ padding:6px 0px; float:right; font-size:11px;}
div#footer p a{ color: #ffffff; font-size:11px;}
div#footer p a:hover { color: #ffffff; text-decoration: underline;}
div#footer p a:active { color: #ffffff; text-decoration: underline;}
/* index */
/*-----------------------*----*----*----*----* index */
div#index{ width:580px; text-align:center; margin:auto; background: #1a1a1a url(../img/navi_b_bg.jpg) repeat-y left; }
/*-----------------------*----*----*----* index1 */
div#index1{ width:510px; text-align:center; margin:auto; }
div#index1 h3{ }
div#index1 h4{ padding:0px 0px 9px 0px; text-align:left; }
div#index1 h4 strong{ font-size:16px; }
div#index1 h5{ padding:0px 0px 6px 0px; text-align:right; }
div#index1 h5 a{ color: #ffffff; text-decoration: underline; }
div#index1 h5 a:hover { color: #ff0000; text-decoration: underline;}
div#index1 h5 a:active { color: #ff0000; text-decoration: underline;}
div#index1 div{ padding:12px; background-color:#666666; }
div#index1 p{ text-align:left; line-height: 1.5;}
div#index1 p a{ color: #f3aa43; text-decoration: underline; }
div#index1 p a:hover { color: #ff0000; text-decoration: underline;}
div#index1 p a:active { color: #ff0000; text-decoration: underline;}
/*-----------------------*----*----*----* index2 */
div#index2{ width:510px; text-align:center; margin:auto; padding:18px 0px 18px 0px; }
div#index2 h3{ text-align:left; }
/*-----------------------*----*----*----* index3 */
div#index3{ width:510px; text-align:center; margin:auto; border-top: 1px solid #0000FF; padding:6px 0px 0px 0px;}
div#index3 h3{ text-align:left; height:25px; vertical-align: middle; font-size: 10px;}
div#index3 h3 img { vertical-align: middle;}
div#index3 p{ text-align:left; color:#000000; padding:50px 6px 0px 225px;}
div#index3 p a{ color: #0000FF; text-decoration: underline; }
div#index3 p a:hover { color: #FF0000; text-decoration: underline;}
div#index3 p a:active { color: #FF0000; text-decoration: underline;}
div#index3 div{ margin:0px 0px 9px 0px ;}
/*-----------------------*----*----* index3_1 */
div#index3_1{ width:510px; height:135px; background: url(../img/index_img05.jpg) no-repeat;}
/*-----------------------*----*----* index3_2 */
div#index3_2{ width:510px; height:135px; background: url(../img/index_img06.jpg) no-repeat;}
/*-----------------------*----*----* index3_3 */
div#index3_3{ width:510px; height:135px; background: url(../img/index_img07.jpg) no-repeat;}
/* case */
/*-----------------------*----*----*----*----* case */
div#case{ width:580px; text-align:center; margin:auto; background: #FFFFFF url(../img/navi_bg_w.jpg) repeat-y left;}
/*-----------------------*----*----*----* case1 */
div#case1{ width:510px; color:#666666; text-align:center; margin:auto;padding:18px 0px 0px 0px;}
div#case1 div{ clear:both; padding:0px 0px 18px 0px;}
div#case1 h3{ text-align:left; padding:18px 0px 18px 0px;}
div#case1 h4{ float:left; text-align:left;}
div#case1 h5{ float:left; text-align:left;}
div#case1 blockquote{ clear:both; text-align:left; line-height: 1.5; padding:18px 0px 0px 0px;}
div#case1 p{ text-align:left; border-top: 1px solid #666666; border-bottom: 1px solid #666666; padding:6px 6px;}
/*-----------------------*----*----*----* case2 */
div#case2{ width:510px; margin:18px auto 0px; text-align:center; background-color:#292929;}
div#case2 h3{ margin:0px; padding:18px 0px; font-size:16px; font-weight:bold;}
div#case2 ul{ margin:0px; padding:18px 0px; width:510px; clear:both; float:left; background-color:#292929;}
div#case2 li{ width:146px; height:205px; padding:9px 12px; float:left; text-align:center; vertical-align: middle;}
div#case2 li div{ width:146px; background-color:#474747; text-align:center; padding:0px 0px 0px;}
div#case2 li img{ margin:3px 0px 3px;}
div#case2 li p{ padding:9px 3px 9px 3px; text-align:left;}
div#case2 li a{ color: #f3aa43; text-decoration: underline; }
div#case2 li a:hover { color: #ff0000; text-decoration: underline;}
div#case2 li a:active { color: #ff0000; text-decoration: underline;}
/*-----------------------*----*----*----* comm */
div#comm{ width:510px; color:#666666; text-align:center; margin:auto;padding:18px 0px 0px 0px;}
div#comm p{ text-align:left; border-top: 1px solid #666666; border-bottom: 1px solid #666666; padding:6px; clear:both;}
/*-----------------------*----*----* comm1 */
div#comm1 { width:510px; text-align:center; margin:0px auto;padding:0px 0px 0px 0px; }
div#comm1 div{ width:510px; text-align:center; margin:auto;padding:0px 0px 18px 0px; float:left; clear:both;}
div#comm1 h3{ float:left; padding:4px 18px 0px 0px;}
div#comm1 h4{ float:left; font-size:30px; font-weight:bold; color:#000000;}
div#comm1 h5{ font-weight:bold; color:#000000; text-align:left; padding:0px 0px 6px;}
div#comm1 ul{ width:509px; height:53px; border-top: 1px solid #666666;}
div#comm1 li{ float:left; border-left: 1px solid #666666; border-bottom: 1px solid #666666; text-align:left;}
div#comm1 li a{ font-size:10px; display: block; width:126px; height:25px; text-indent: 3px; padding:4px 0px 0px; color:#666666; }
div#comm1 li a:hover { background-color:#666666; color:#FFFFFF;}
div#comm1 li a:active { background-color:#666666; color:#FFFFFF;}
div#comm1 li span{ font-size:10px; display: block; width:126px; height:25px; text-indent: 3px; padding:4px 0px 0px; color:#666666; }
li.right_line{ border-right: 1px solid #666666;}
/*-----------------------*----*----* comm2 */
div#comm2 { width:510px; text-align:center; margin:auto;padding:0px 0px 0px 0px; float:left; clear:both;}
/*-----------------------*----*----* comm2_1 */
div#comm2_1 { width:510px; text-align:center; margin:auto;padding:0px 0px 0px 0px; float:left; clear:both;}
div#comm2_1 h3{ float:left; padding:4px 12px 0px 0px; }
div#comm2_1 h4{ float:left; padding:0px 12px 0px 0px; }
div#comm2_1 h5{ float:left; color: #FFFFFF; background: #999999; padding:6px; margin:3px 0px 0px 0px; font-weight:bold;}
/*-----------------------*----*----* comm2_2 */
div#comm2_2 { width:510px; text-align:center; margin:auto;padding:0px 0px 0px 0px; float:left; clear:both;}
div#comm2_2 blockquote{ text-align:left; width:160px; margin: 0px auto;}
/*-----------------------*----*----* comm2_2_l */
div#comm2_2_l{ float:left; width:300px;padding:18px 12px; text-align:left; line-height: 1.5;}
/*-----------------------*----*----* comm2_2_r */
div#comm2_2_r{ float:left; width:185px; text-align:center; margin:auto;padding:18px 0px 18px 0px;}
div#comm2_2_r div{ padding:0px 0px 12px;}
/*-----------------------*----*----* prod */
div.prod{ width:510px; text-align:center; margin:auto;padding:0px 0px 0px 0px; float:left; clear:both; }
/*-----------------------*----* prod1 */
div.prod1 { width:510px; text-align:center; margin: 0px auto;padding:18px 0px 18px 0px; float:left; clear:both; background-color:#292929; color:#FFFFFF;}
div.prod1 h3{ width:498px; height:30px; text-align:left; padding:8px 0px 0px 12px; font-size:14px; font-weight:bold; background: url(../img/prod_img02.jpg) no-repeat;}
div.prod1 ul{ padding:0px 0px 0px 0px ; clear:both; }
div.prod1 li{ float:left; clear:both; width:510px; padding:9px 0px 18px 0px ; margin:0px 0px 9px 0px; border-bottom: 1px dashed #CCCCCC;}
div.prod1 blockquote{ text-align:left; width:160px; margin: 0px auto;}
div.prod1 li a{ color: #f3aa43; text-decoration: underline; }
div.prod1 li a:hover { color: #ff0000; text-decoration: underline;}
div.prod1 li a:active { color: #ff0000; text-decoration: underline;}
/*-----------------------*----* prod1_l */
div.prod1_l { width:300px; float:left; text-align:left; padding:0px 12px; line-height: 1.5;}
/*-----------------------*----* prod1_r */
div.prod1_r { width:185px; float:left;}
div.prod1_r div{ padding:0px 0px 0px;}
/* deta */
/*-----------------------*----*----*----*----* deta */
div#deta{ width:580px; text-align:center; margin:auto; background: #FFFFFF url(../img/navi_bg_w.jpg) repeat-y left; color:#666666;}
/*-----------------------*----*----*----* deta1 */
div#deta1{ width:510px; text-align:center; margin:auto;padding:18px 0px 18px 0px;}
div#deta1 h3{ margin:0px 0px 0px 0px; padding:0px 18px 0px 0px; float:left;}
div#deta1 h4{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:18px; text-align:left; font-weight:bold; color:#000000; float:left;}
div#deta1 div{ margin:0px 0px 0px 0px; padding:0px 0px 18px 0px; width:510px; float:left; clear:both;}
div#deta1 blockquote{ margin:0px 0px 0px 0px; padding:0px 0px 18px 0px; width:510px; text-align:left; float:left; clear:both; line-height: 1.5;}
div#deta1 dl{ margin:0px 0px 0px 0px; padding:12px 0px 6px 0px; width:510px; float:left; clear:both; background-color:#CCCCCC;}
div#deta1 dt{ margin:0px 0px 0px 0px; padding:0px 0px 6px 12px; float:left; width:188px; text-align:left; font-weight:bold;}
div#deta1 dd{ margin:0px 0px 0px 0px; padding:0px 12px 6px 0px; float:left; width:298px; text-align:left;}
/*-----------------------*----*----*----* deta2 */
div#deta2{ width:510px; text-align:center; margin:auto;padding:9px 0px 0px 0px; clear:both;}
div#deta2 h3{ width:510px; margin:0px 0px 0px 0px; padding:0px 0px 18px 0px; text-align:left;}
div#deta2 h4{ color:#f3aa43; font-weight:bold; text-align:left; width:160px; padding:9px 0px 6px 0px;}
div#deta2 h4 a{ color:#f3aa43; font-weight:bold; text-decoration: underline;}
div#deta2 h4 a:hover { color: #ff0000; text-decoration: underline;}
div#deta2 h4 a:active { color: #ff0000; text-decoration: underline;}
div#deta2 ul{ width:510px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; clear:both;}
div#deta2 li{ width:170px; margin:0px auto 0px auto; padding:0px 0px 9px 0px; float:left;}
div#deta2 li p{ width:160px; margin:0px auto 0px auto; padding:0px 0px 0px 0px; text-align:left; font-size:10px;}
/*-----------------------*----*----*----* deta3 */
div#deta3{ width:510px; text-align:center; margin:auto;padding:18px 0px 18px 0px;}
div#deta3 h3{ width:510px; margin:0px 0px 0px 0px; padding:0px 0px 18px 0px; text-align:left;}
div#deta3 div{ width:510px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:left; float:left; clear:both;}
div#deta3 ul{ width:250px; margin:0px 0px 0px 0px; padding:0px 2px 0px 2px; text-align:left; float:left; }
div#deta3 li{ width:250px; margin:0px 0px 0px 0px; padding:0px 0px 12px 0px; text-align:center; }
/* about */
/*-----------------------*----*----*----*----* about */
div#about{ width:580px; text-align:center; margin:auto; background: #FFFFFF url(../img/navi_bg_w.jpg) repeat-y left; color:#333333;}
/*-----------------------*----*----*----* about1 */
div#about1{ width:510px; text-align:center; margin:auto;padding:18px 0px 18px 0px; clear:both;}
/*-----------------------*----*----* about1_l */
div#about1_l{ width:340px; text-align:center; margin:auto; padding:0px 0px 0px 0px; float:left;}
div#about1_l h3{ margin:0px 0px 0px 0px; padding:0px 0px 18px 0px; text-align:left;}
div#about1_l h4{ margin:0px 0px 0px 0px; padding:0px 0px 18px 0px; text-align:left;}
div#about1_l p{ margin:0px 0px 0px 0px; padding:0px 0px 18px 0px; text-align:left;}
/*-----------------------*----* about1_l_1 */
div#about1_l_1{ width:340px; text-align:center; margin:auto; padding:0px 0px 18px 0px;}
/*-----------------------*----* about1_l_2 */
div#about1_l_2{ width:340px; text-align:center; margin:auto; padding:0px 0px 18px 0px; text-align:left;}
/*-----------------------*----*----* about1_r */
div#about1_r{ width:170px; text-align:center; margin:auto; padding:0px 0px 0px 0px; float:left;}
div#about1_r div{ margin:0px 0px 0px 0px; padding:0px 0px 18px 0px; text-align:right;}
/*-----------------------*----*----*----* about2 */
div#about2{ width:510px; text-align:center; margin:auto;padding:18px 0px 18px 0px;}
div#about2 h3{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:left; font-size:16px; font-weight:bold; clear:both;}
div#about2 p{ margin:9px 0px 9px 0px; padding:0px 0px 0px 0px; text-align:left;}
div#about2 div{ margin:0px 0px 0px 0px; padding:6px 12px; text-align:left; border:solid 1px #333333;}
div#about2 blockquote{ margin:0px 0px 0px 0px; padding:0px 0px 18px 0px; text-align:left;}
div#about2 blockquote p{ line-height: 1.5;}
/* info */
/*-----------------------*----*----*----*----*----*----* info */
div#info{ width:760px; text-align:center; margin:0px auto; float:left; clear:both; background: #1a1a1a;}
div#info dl{ width:600px; clear:both; margin:auto; text-align:center;}
div#info dt{ width:190px; padding:6px 5px; float:left; text-align:right; font-weight:bold;}
div#info dd{ width:390px; padding:6px 5px; float:left; text-align:left;}
div#info p{ padding: 0px 0px 36px;}
/*-----------------------*----*----*----*----*----* info1 */
div#info1{ background-color:#333333; padding:24px 0px; margin:18px 0px;}
div#info1 h3{ font-size:24px; font-weight:bold; }
div#info1 p{ padding:18px 0px 0px; }
/*
div#info1 h3{ font-size:24px; font-weight:bold; float:left;}
div#info1 h4{ font-size:14px; height:19px; float:right; padding:6px 0px 0px;}
div#info1 h4 img{ vertical-align: middle;}
div#info1 div{ width:600px; margin:auto; text-align:center; clear:both;}
div#info1 p{ padding:18px 0px 0px; clear:both;}
/*
/*-----------------------*----*----*----*----*----* info2 */
div#info2{}
/*-----------------------*----*----*----*----* info3 */
div#info3{ text-align:left; width:450px; clear:both; margin:18px auto; }
div#info3 h5{ padding:9px 0px 3px; font-weight:bold;}
/*-----------------------*----*----*----* info4 */
div#info4{ border: 1px solid #FFFFFF; text-align:left; width:450px; margin:0px auto; padding:12px; line-height: 2;}
/*-----------------------*----*----*----* info5 */
div#info5{ padding:18px 0px 0px; text-align:center;}
/*-----------------------*----*----*----*----*----*----* info_footer */
div#info_footer{ padding:18px 0px 0px; background: #1a1a1a ; width: 760px;float:left; clear:both;}
div#info_footer div{ background-color:#1a1a1a; border-top: 1px solid #c5c5c5; margin:0px 6px 0px;}
div#info_footer p{ padding:6px 0px; float:left;}
div#info_footer address{ padding:6px 0px; float:right; font-size:11px;}
div#info_footer p a{ color: #ffffff; font-size:11px;}
div#info_footer p a:hover { color: #ffffff; text-decoration: underline;}
div#info_footer p a:active { color: #ffffff; text-decoration: underline;}
/* refresh */
/*-----------------------*----*----*----*----*----*----* refresh */
div#refresh{ width:760px; text-align:center; padding:36px 0px; margin:0px auto; float:left; clear:both; background: #1a1a1a;}
div#refresh h3{ font-size:14px; font-weight:bold; }
div#refresh h4{ font-size:12px; padding:0px 0px 18px; }
div#refresh h5 a{ font-size:14px; color: #f3aa43; text-decoration: underline; }
div#refresh h5 a:hover { color: #ff0000; text-decoration: underline;}
div#refresh h5 a:active { color: #ff0000; text-decoration: underline;}
/* そのた(クラス) */
/*-----------------------* txt_frame */
textarea.txt_frame{ border-top: 2px ridge #999999; border-right: 1px ridge #CCCCCC; border-bottom: 1px ridge #CCCCCC; border-left: 2px ridge #999999;}
/*-----------------------* input_frame */
input.input_frame{ border-top: 2px ridge #999999; border-right: 1px ridge #CCCCCC; border-bottom: 1px ridge #CCCCCC; border-left: 2px ridge #999999;}
/*-----------------------* input_button */
input.input_button{ border-top: 2px ridge #eeeeee; border-right: 1px ridge #CCCCCC; border-bottom: 1px ridge #CCCCCC; border-left: 2px ridge #eeeeee;}