@charset "UTF-8";

@import "reset.css";

body {font-family: "Meiryo","メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", "Osaka","MS UI Gothic";
background: #FFF;}
h1,h4,ul,li { padding:0; margin:0; text-indent:0;}

p{ font-size:12px; color:#333; line-height:1.4em;}

a:link{ color:#666;}
a:visited{ color:#666;}
a:hover{ color:#999;}

#Container{ width:932px; margin:0 auto; background:url(images/main_bg.jpg) repeat-y 0 0;}
#head{ height:171px; background:url(images/top_bg.jpg) no-repeat 0 0; position:relative;}
#content{ padding:0 33px;}


/*ヘッダ*/
h1{ height:42px; width:299px; position:absolute; top:25px; left:40px; }
h1.en{ height:45px; width:335px; position:absolute; top:25px; left:40px; }

#lang{ width:150px; position:absolute; top:11px; right:25px;}
#news{ padding:0 68px 0 0; width:410px; border-bottom:1px dotted #8CB4D1; background:url(images/top_news.gif) 100% 100% no-repeat; position:absolute; top:50px; right:42px;}
#news p{ font-size:11px; text-align:right; overflow:hidden;}
#news ul{ font-size:11px; text-align:right; overflow:hidden;}

#news a{ text-decoration:none;}
#news a:link{ color:#333;}
#news a:visited{ color:#333;}
#news a:hover{ color:#999;}

/*Gナビ Spryと関連してるので注意*/
#MenuBar1{ position:absolute; top:84px; left:40px;}
#products_sub_menu{ margin-top:10px; width:829px;}
#company_sub_menu{ margin-top:10px; width:629px;}


#products_menu{ width:531px; float:right; background:url(images/index_pro_bg_middle.jpg) repeat-y;}

#index_products_bottom{ height:31px; background:url(images/index_pro_bg_bottom.jpg) no-repeat;}
#topics{ width:320px; float:left; background:url(images/index_topics_middle.gif) repeat-y;}
#index_topics_bottom{ height:31px; background:url(images/index_topics_bottom.jpg) no-repeat;}
#cl_f{ clear:both; height:1px; visibility:hidden; line-height:0;}


#bn_navi{ width:495px; margin:0 auto;}


/*EN用*/
#products_menu_en{ width:864px; background:url(images/index_pro_bg_middle_en.jpg) repeat-y;}
#bn_navi_en{ width:822px; margin:0 auto;}
#index_products_bottom_en{ height:31px; background:url(images/index_pro_bg_bottom_en.jpg) no-repeat;}

.hr_bg{ padding-bottom:25px; border:0 none; width:646px; height:0; background:url(images/hr_bg.jpg) no-repeat 0 0;}


/*トピックス中身*/
#topics_str{ padding:0 20px;}
#topics_str dt{ line-height:22px; font-size:12px; color:#036; font-weight:bold; border-bottom:1px dotted #036;}
#topics_str dd{ margin:3px 0 20px 0; font-size:12px; line-height:18px; padding:0 0 0 15px; background:url(images/index_topcs_arr.gif) no-repeat 0 3px;}


/*リンク集*/
#firms{ width:100%; float:left;}
#firms_list{ height:135px; padding:0 0 10px 0; margin:0; line-height:0;}
#firms_list li{ height:45px; line-height:0;}
#firms_list li ul{ height:45px; clear:left; line-height:0;}
#firms_list li ul li{ height:45px; float:left; line-height:0;}
#firms_list li ul li img{ height:45px; display:block; line-height:0; vertical-align:top;}
#foot_line{ padding:0; background:#D6D2DF; clear:both;}

/*foot_bn*/
#foot_bn{ float:right; padding:25px 7px 0 0;}

#copy{ padding:5px 0 0 0; float:left; font-size:11px; }
#foot_menu{ padding:5px 0 0 0; font-size:11px; float:right; text-align:right; color:#036;}

#foot_menu a:link{ color:#036;}
#foot_menu a:visited{ color:#036;}
#foot_menu a:hover{ color:#0033CC;}


/*下層のコンテンツ用*/
#main_content{ padding:0 0 20px 0; width:646px; float:right;}
#main_content h2{ padding:0 0 10px 0;}
#main_content h3{ padding:0 0 0 20px; font-size:25px; font-weight:bold; color:#0E3F6F;}
#main_content h3 img{ vertical-align:top; float:right;}
.sut_ttl{ font-size:16px; color:#666; font-weight:normal;}
#read{ padding:0 70px 0 20px !important; clear:right; color:#999; line-height:19px;}
#main_content h4{ padding:35px 0 0 0;}
#main_content h5{ margin:0 0 0 22px; padding:25px 0 10px 18px; font-size:15px; font-weight:bold; color:#8C9E45; background:url(images/product_dot.jpg) no-repeat 0 29px;}
#main_content p{ padding:10px 0 10px 40px;}

#product_photo{ text-align:center; padding:15px 0 0 0;}
#product_photo p{padding:0 0 0 0 !important;}
#n1_photo{ margin:20px 0 20px 40px;}

#products_list h3{ padding:0 0 15px 0 !important; float:none !important;}
#products_list ul{ padding:15px 0 20px 20px;}
#products_list li{ padding:0 0 0 15px; font-size:12px; line-height:2em; background:url(images/p_list_arr.jpg) no-repeat 0 7px;}

.product_li{ padding:10px 0 10px 40px; font-size:12px;}
ul.product_li li{ padding:0 0 10px 15px; background:url(images/p_list_arr.jpg) no-repeat 0 5px;}

#dl_note{ padding:10px 0 10px 40px; font-size:12px;}
#dl_note dt{ padding:10px 0 0 0; border-bottom:1px dotted #CCC; color:#0E3F6F; font-weight:bold;}
#dl_note dd{ padding:0 0 0 15px;}

.orange{ color:#FF6600;}
.blue{ color:#0E3F6F;}
.bg_gray{ padding:2px; line-height:2.5em; background:#666; color:#FFF; font-size:13px; font-weight:bold; display:inline;}

/*サイドナビゲーション*/
#subnavi { width:192px; float:left;}
#subnavi_top{ width:192px; height:37px; background:url(images/subnavi_bg_top.jpg) no-repeat;}
#subnavi_main{ width:192px; background:url(images/subnavi_bg_main.jpg) repeat-y;}
#subnavi_bottom{ width:192px; height:45px; background: url(images/subnavi_bg_bottom.jpg) no-repeat;}


/*サイドナビゲーションのSpry用*/
	#Accordion1{ padding:0 0 0 16px; width:160px;}
	#AccordionPanelTab{ height:36px;}
	
	#Accordion1 ul{ padding:0 0 10px 0; }
	#Accordion1 li{ width:148px; padding:5px 0 5px 10px; font-size:11px; color:#333; border-bottom:1px dotted #CCC; list-style:none; /*background:url(images/subnavi_dot.gif) no-repeat 0 14px;*/}
	#Accordion1 a{}
	#Accordion1 a:link{ color:#333; text-decoration:none;}
	#Accordion1 a:visited{ color:#333; text-decoration:none;}
	#Accordion1 a:hover{ color:#009; background:#EBEBEB; text-decoration:none;}
	#Accordion1 a:active{ color:#009; background:#EBEBEB; text-decoration:none;}
	
/*サイドメニュー その他*/
#sub_menu{ margin:0 20px 0 18px; border-top:1px dotted #CCC;}
#sub_menu li{ padding:0 0 0 15px; font-size:13px; color:#28537E; border-bottom:1px dotted #CCC; line-height:2em; background:url(images/sub_navi_arr.gif) no-repeat 0 7px;}
#sub_menu li a:link{ color:#28537E; text-decoration:none;}
#sub_menu li a:visited{ color:#28537E; text-decoration:none;}
#sub_menu li a:hover{ color:#666; text-decoration:none; text-decoration:underline;}

#subnavi_main h5{ margin:0 0 5px 15px; height:26px; width:160px; padding:7px 0 0 15px; font-size:13px; color:#0E3F6F; font-weight:bold; background:url(images/subnavi_h5.jpg) no-repeat;}


/*テーブル*/
#product_note{ margin:25px 0 0 15px; font-size:13px;}
#product_note th,#product_note td{ padding:5px;}
#product_note td{ background:#F3F3F3;}
.table_h{ color:#FFF; background:url(images/table_th.jpg) repeat-y;}
.table_h2{ color:#125393; vertical-align:top; background:url(images/table_th2.jpg) no-repeat;}

#product_note.company { float:left; padding-right:10px;}
#product_note.company tr th,#r_note.company tr th{ border-bottom:1px solid #FFF;}
#product_note.company tr td,#r_note.company tr td{ border-bottom:1px dotted #CCC;}

/*テーブル ver2*/
#product_note2{ margin:25px 0 0 15px; font-size:13px; border-top:1px solid #CCC;}
#product_note2 th,#product_note2 td{ padding:5px; border-bottom:1px solid #CCC;}
#product_note2 td{ background:#F3F3F3;}



#r_note{ margin:25px 0 0 35px; font-size:13px;}
#r_note th,#r_note td{ padding:5px;}
#r_note td{ background:#FFF;}
.table_y{ padding:7px 0 0 15px !important; border-bottom:1px dotted #145CA6; text-align:left; color:#145CA6; font-weight:bold; background:url(images/p_list_arr.jpg) no-repeat 0 11px;}
.table_m{ margin-right:10px; text-align:right; color:#666; background:#D9E1E8;}
.col{background:#E8E8E8 !important;}

/*privacy*/
#privacy{ font-size:12px;}
#privacy dt{ margin:10px 0 0 0; font-weight:bold;}
#privacy dd{ padding:0 0 0 20px;}

/*company*/
#customer{ padding:15px 0 0 40px; width:280px; float:left;}
#type{ padding:15px 20px 0 0; width:280px; float:right;}
#type ul{ padding:0 0 0 18px;}
#customer li,#type li{ padding:0 0 0 18px; line-height:2em; font-size:12px; background:url(images/p_list_arr.jpg) no-repeat 0 6px; border-bottom:1px dotted #CCC;}

/*contact*/
#com_l{ margin-top:10px; width:280px; float:left; border-right:1px solid #CCC;}
#com_r{ margin-top:10px; width:350px; float:right;}
#com_l h5,#com_r h5{ padding-top:0; padding-bottom:0;}
#com_l p,#com_r p{ padding-left:55px;}

.bold{ font-weight:bold;}

#product_note input,#product_note textarea{ font-size:11px; max-width:350px;}

.block td,.block th{ border-bottom:1px #FFF solid;}



/*topics*/

#topics_str a:link{ color:#333; text-decoration:none;}
#topics_str a:visited{ color:#333; text-decoration:none;}
#topics_str a:hover{ color:#999; text-decoration:none;}