@charset "UTF-8";



/*tag*/

* { margin:0; padding:0;}



body {

	background-color: #FFFFFF;

	line-height: 1.4em;

	text-align: center;

	font-family: Verdana;

}

html{

	overflow-y: scroll;

	overflow-x: no;

}

a {

	color:#f46200;

	text-decoration:none;

}

a:hover{text-decoration:underline;}



img {border:0; vertical-align:top;}



h1 {

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

	font-size: 2em;

	font-weight: bold;

	display: table-cell;

	vertical-align: middle;

	line-height: 1.2em;

	width: 590px;

	margin-bottom: 7px;

	padding-left: 10px;

	padding-top: 10px;

	padding-bottom: 10px;

}

h1 .img_l,
h1 .img_r {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

iframe {

}

 /*for IE6 */  

* html h1 {

	 display:inline;

   zoom:1;

}

 /*for IE7 */  

*:first-child+html h1 {

	 display:inline;

   zoom:1;

}



h1 small {

	font-size: 0.6em;

}



hr {

	margin-top: 10px;

	margin-bottom: 10px;

}

td {

	padding-left: 4px;

	padding-top: 1px;

	padding-bottom: 1px;

	padding-right: 2px;

}

th {

	padding-top: 5px;

	padding-bottom: 5px;

	background-color: #E1E1E1;

	text-align: center;

}











/*class*/

.clear { clear:both;}

.img_l {

	float: left;

	margin-right: 10px;

	margin-bottom: 10px;

	display: block;

	text-align: center;

}

.img_r {

	float: right;

	margin-bottom: 10px;

	margin-left: 10px;

	display: block;

	text-align: center;

}

.img_c {

	text-align: center;

	margin: auto;

}

.alignright {

	text-align:right;

	margin-bottom: 7px;

}

.back {

	text-align: right;

	line-height: 15px;

	margin-bottom: 3px;

	clear: both;

	margin-top: 3px;

}

.page_link {

	border: 1px solid #CCCCCC;

	padding: 2px;

	background-color: #E8E8E8;

	margin-bottom: 5px;

}

.page_link a {

	color: #000000;

	background-image: url(../img/ico_ar_down_g.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	padding-left: 15px;

	padding-right: 5px;

}

.midori {

	color: #009900;

	font-weight: bold;

}

.midori a {

	color: #009900;

	text-decoration: none;

}

.midori a:hover {

	color: #FFFF00;

}

.td_l {

	float: left;

	color: #000000;

	margin-right: 10px;

	margin-bottom: 10px;

	display: block;

}

.td_r {

	float: right;

	color: #000000;

	margin-left: 15px;

	margin-bottom: 10px;

	display: block;

	margin-right: auto;

}

.pro_box {

	float: left;

	width: 260px;

}

.pro_title {

	font-weight: bold;

	margin-bottom: 3px;

}

.sub_pro_title {

	font-size: 0.9em;

	color: #0000FF;

}

.tablelist {

	width: 600px;

}



.tablelist, .tablebox {

	border-top-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-left-style: solid;

	border-top-color: #999999;

	border-left-color: #999999;

}

.tablelist td, .tablebox td {

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-right-color: #999999;

	border-bottom-color: #999999;

	padding-left: 3px;

	padding-right: 3px;

}

.tablebox td {

	width: 295px;

}

.tablelist th, .tablebox th {

	font-weight: normal;

	background-color: #DFDFDF;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-right-color: #999999;

	border-bottom-color: #999999;

	padding-left: 3px;

	padding-right: 3px;

}

.syosaitable {

	width: 600px;

}

.syosaitable td {

	padding: 1px 1px 1px 5px;

}

.table_border {

	border-top-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-left-style: solid;

	border-top-color: #999999;

	border-left-color: #999999;

}

.table_border td {

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-right-color: #999999;

	border-bottom-color: #999999;

}

.table_noborder {

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

.listbox   {

	padding: 5px;

	font-size: 0.95em;

}

.listbox a {

	color: #000000;

	display: block;

	height: 100%;

}

.listbox p {

	display: block;

	padding-left: 130px;

}

.tokucyo  {

	font-size: 1.1em;

	font-weight: bold;

	color: #003399;

	padding-top: 10px;

	padding-bottom: 10px;

	line-height: 1.4em;

	margin-left: 15px;

}

.list_html {

}

.list_html li {

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

	margin-bottom: 3px;

	padding-bottom: 3px;

	padding-left: 25px;

	padding-top: 3px;

	background-image: url(../img/ico_html.png);

	background-repeat: no-repeat;

	background-position: left 4px;

	list-style-type: none;

}

.list_html a {

	color: #000000;

}

.list_question {

	padding-bottom: 10px;

}

.list_question li {

	padding-left: 20px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #999999;

	margin-bottom: 5px;

	padding-bottom: 3px;

	text-align: left;

	background-image: url(../img/ico_q.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	list-style-type: none;

	margin-left: 5px;

}

.list_question a {

	color: #000000;

}

.list_pdf {

}

.list_pdf li {

	background-image: url(../img/ico_pdf.png);

	background-repeat: no-repeat;

	background-position: left 2px;

	list-style-type: none;

	padding-left: 25px;

	padding-top: 3px;

	padding-bottom: 3px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

	margin-bottom: 3px;

}

.list_pdf li a {

	color: #000000;

}

.list_down {

}

.list_down li {

	background-image: url(../img/ico_download2.png);

	background-repeat: no-repeat;

	background-position: left 2px;

	padding-left: 25px;

	list-style-type: none;

	margin-bottom: 3px;

	padding-top: 3px;

	padding-bottom: 3px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

}

.list_down li a {

	color: #000000;

}

.list_arrow {

	padding-bottom: 15px;

}

.list_arrow li {

	background-image: url(../img/ico_arrow_y.gif);

	background-repeat: no-repeat;

	background-position: left 5px;

	list-style-type: none;

	padding-left: 10px;

	padding-bottom: 5px;

}

.list_page {

}

.list_page li {

	background-image: url(../img/ico_ar_down.jpg);

	background-repeat: no-repeat;

	background-position: left center;

	list-style-type: none;

	padding-left: 18px;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

}

.list_page li a {

	color: #000000;

}

.dl_head {

	margin-bottom: 10px;

	border: 1px dotted #CCCCCC;

	clear: left;

	padding: 5px;

}

.dl_head  .td_l {

	width: 180px;

}

#naiyo .dl_head,

#naiyo .td_addbox {

	display: block;

}

#naiyo .td_addbox {

	padding-left: 195px;

}

.syosai_title {

	clear: both;

	border: 1px solid #999999;

	padding: 3px 3px 3px 15px;

	background-image: url(../img/ico_arrow_y.gif);

	background-repeat: no-repeat;

	background-position: 8px center;

	margin-bottom: 15px;

}

.menu_box {

	margin-right: 5px;

	background-image: url(../img/title_back_2.jpg);

	background-repeat: repeat-x;

	margin-top: 15px;

}

.menu_box .menu_title {

	height: 25px;

	line-height: 25px;

	border-left-width: 5px;

	border-left-style: solid;

	background-repeat: no-repeat;

	background-position: 17px center;

	padding-left: 25px;

	margin-bottom: 7px;

}

.menu_title a {

	font-weight: bold;

	text-decoration: underline;

	color: #000000;

}

.menu_box  p {

	padding-left: 10px;

}

.sp_link {

	clear: both;

}

.sp_link  .sp_catalog {

	float: right;

}

.sp_link  .sp_contact {

	float: right;

}

/* 2011.01.28 add*/

.sp_link2 {
	clear: both;
}

.sp_link2  .sp_catalog {
	float: left;
}

.sp_link2  .sp_contact {
	float: left;
}











#topics {

	width: 595px;

}

#topics .title {

	text-align: left;

	line-height: 25px;

	font-size: 1.2em;

	float: left;

}

#topics .title_link  {

	float: right;

}





/***************

hedder

***************/

#head1 {

	width: 810px;

	display: block;

	margin: auto;

}

#head1 #logolink {

	float: left;

	background-image: url(../img/logo_keisoku.jpg);

	background-repeat: no-repeat;

	background-position: left top;

}

#head1 #logolink a {

	display: block;

	height: 51px;

}

#head1 #twitterlink {

	float: left;

	background-image: url(../images/icon_twitter.png);

	background-repeat: no-repeat;

	background-position: left top;

}

#head1 #twitterlink a {

	display: block;

	height: 51px;

}



#head1 #head1-in {

	border-left-width: 3px;

	border-left-style: solid;

	border-left-color: #185EB0;

	float: right;

	width: 180px;

	padding-top: 2px;

}

#head1  #txt-size {

	float: left;

	font-size: 0.95em;

	padding-left: 10px;

	width: 175px;

}

#head1 #txt-size #txt-size_in {

	float: left;

}

#head1 #txt_s, #head1 #txt_m, #head1 #txt_b {

	height: 16px;

	width: 26px;

	display: block;

	float: left;

	background-repeat: no-repeat;

}

#head1 #txt_s a, #head1 #txt_m a, #head1 #txt_b a {

	height: 16px;

	width: 26px;

	display: block;

}

#head1  #oversea {

	float: left;

	padding-bottom: 3px;

	padding-left: 5px;

}

#head1  #oversea  a {

	color: #000000;

	margin-right: 5px;

	margin-left: 5px;

}

#head1 .tel  {

	font-size: 1.1em;

	font-weight: bold;

	line-height: 40px;

	float: left;

	background-image: url(../img/ico_tel.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 18px;

}





#head3 {

	background-image: url(../img/hedder_link2.jpg);

	background-repeat: repeat-x;

	height: 29px;

	margin: auto;

	text-align: center;

}

#sub_prod, #sub_news, #sub_comp, #sub_soci,#sub_jobs {

	display: none;

	width: 800px;

	margin: auto;

}

#sub_prod, #sub_news {

	text-align: left;

}

#sub_comp, #sub_soci,#sub_jobs {

	text-align: center;

}

#sub_prod a, #sub_news a, #sub_comp a, #sub_soci a, #sub_jobs a {

	background-image: url(../img/ico_squ_or.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 13px;

	padding-right: 10px;

	list-style-type: none;

	padding-top: 2px;

	font-size: 0.95em;

	color: #000000;

	line-height: 25px;

}





#pankuzu {

	width: 800px;

	margin: auto;

	padding-top: 5px;

	padding-bottom: 5px;

	text-align: left;

}

#pankuzu a {

	color: #000000;

	text-decoration: underline;

}

#col {

	width: 800px;

	margin: auto;

}



#naiyo {

	width: 600px;

	float: left;

	text-align: left;

	margin-bottom: 8px;

	margin-left: 30px;

}

#naiyo table {

	margin-top: 5px;

	margin-bottom: 8px;

}

#naiyo ul {

	padding-left: 40px;

	margin-top: 7px;

	margin-bottom: 7px;

}

#naiyo ol {

	margin-left: 40px;

	margin-top: 5px;

	margin-bottom: 5px;

}

#naiyo p {

	padding-left: 15px;

}



#contents {

	padding: 5px;

	width: 160px;

	float: left;

}

#contents ul {

	background-color: #FFFFFF;

	margin-bottom: 7px;

}

#contents li {

	text-align: left;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #e0e0e0;

	list-style-type: none;

}

#contents li a {

	color: #000000;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 5px;

	display: block;

}

#contents li a:hover {

	text-decoration: none;

	background-color: #CCCCCC;

}

#contents  .line_or  {

	border-bottom-width: 2px;

	border-bottom-style: solid;

	border-bottom-color: #FF9900;

}

#contents #pw_link {

	background-image: url(../img/btn_pw_of.jpg);

	background-repeat: no-repeat;

	height: 99px;

	width: 160px;

	margin-top: 3px;

	margin-bottom: 10px;

}

#contents #pw_link a {

	height: 99px;

	width: 160px;

	display: block;

}

#contents #pw_link a:hover {

	background-image: url(../img/btn_pw_ov.jpg);

}

#contents #vw_link a {

	height: 99px;

	width: 160px;

	display: block;

}

#contents #vw_link {

	background-image: url(../img/btn_vw_of.jpg);

	height: 99px;

	width: 160px;

	margin-top: 5px;

}

#contents #vw_link a:hover {

	background-image: url(../img/btn_vw_on.jpg);

}

#contents  li#kensaku {

	padding-left: 5px;

}

#contents #kensaku form {

	padding-top: 2px;

	padding-bottom: 2px;

}

#contents #kensaku select {

	padding-top: 2px;

	padding-bottom: 2px;

	width: 140px;

	margin-bottom: 3px;

}

#contents  #kensaku  .txtbox {

	width: 140px;

	border: 1px solid #CCCCCC;

	margin-top: 2px;

	margin-bottom: 2px;

}

#contents #kensaku #btn_serch {

	width: 140px;

	text-align: right;

}

#katasiki {

	width: 260px;

	margin-left: 0px;

	float: left;

	margin-bottom: 15px;

}

#pagelink ul  {

	margin-left: 0px;

	padding-left: 0px;

	padding-top: 15px;

	padding-bottom: 15px;

}

#pagelink li {

	border-bottom-width: 1px;

	border-bottom-style: dashed;

	border-bottom-color: #999999;

	padding-bottom: 4px;

	background-image: url(../img/ico_arrow_y.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-top: 4px;

	list-style-type: none;

	padding-left: 10px;

	font-size: 1.2em;

}

#pagelink li a {

	color: #000000;

}

#list {

	margin-bottom: 15px;

	padding-left: 8px;

}

#otoiawase_box {

	background-color: #FFFFFF;

	padding: 5px;

	border: 1px dotted #666666;

	margin-top: 10px;

	margin-bottom: 10px;

	font-size: 0.95em;

	text-align: left;

}







/***************

products

***************/

#products p {

	padding-left: 0px;

}

#products #topics {

	width: 600px;

}

#products #topics .title {

	text-align: left;

	height: 25px;

	padding-right: 15px;

	border-left-width: 3px;

	border-left-style: solid;

	padding-left: 12px;

	line-height: 25px;

	font-size: 1.2em;

}

#products #naiyo table.tablelist th {

	text-align: left;

}

#products .tablelist {

	font-size: 0.9em;

}





<!-- new -->

#products #naiyo .menu_box ul {

	list-style-image: url(../img/ico_arrow_y.gif);

}



#products #sub_prod,

#products_txt #sub_prod {

	display: block;

}



#products #head2 #prod a,

#products_txt #head2 #prod a {

	background-image: url(../img/btn_products_ov.jpg);

}







/***************

support

***************/









/***************

faq

***************/

#faq .faq_list {

}

#faq .faq_list li {

	background-color: #e8e8e8;

	border-bottom-width: 2px;

	border-bottom-style: solid;

	float: left;

	width: 180px;

	margin-right: 5px;

	margin-bottom: 5px;

	margin-left: 5px;

	text-align: center;

	list-style-type: none;

}

#faq .faq_list ul {

}

#faq .faq_list a {

	color: #000000;

	display: block;

	padding-top: 2px;

	padding-bottom: 2px;

}

#faq #faq_serch {

	padding: 5px;

	margin-top: 7px;

	width: 585px;

}

#faq #naiyo ol {

	margin-left: 30px;

	margin-top: 10px;

	margin-bottom: 10px;

}

#faq .list_question_head {

	text-align: left;

	background-color: #e8e8e8;

	margin-bottom: 5px;

	font-weight: bold;

	padding-top: 3px;

	padding-right: 3px;

	padding-bottom: 3px;

	padding-left: 5px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

}

#faq .list_question {

}

#faq iframe {

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	width: 595px;

	height: 200px;

	margin: 0px;

}









/***************

news

***************/

#news  iframe {

	border: 1px solid #CCCCCC;

	margin-bottom: 10px;

}

#newstopics #naiyo .menu_box ul {

	list-style-image: url(../img/ico_arrow_y.gif);

}

#newstopics #sub_news,

#newstopics_txt #sub_news {

	display: block;

}

#newstopics #head2 #news a,

#newstopics_txt #head2 #news a {

	background-image: url(../img/btn_news_ov.jpg);

}

#newstopics .td_r a {

	background-image: url(../img/ico_arrow_y.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 10px;

}

#newstopics .td_l {

	width: 150px;

	margin-right: 0px;

}

#newstopics .td_r {

	float: left;

}

#newstopics_txt #contents {

	/*display: none;*/

}

#newstopics_txt #naiyo {

	/*width: 800px;

	margin-left: 0px;*/

}

#newstopics_txt .title {

	background-color: #ECECEC;

	border: 1px solid #185EB0;

	padding: 10px;

	margin-bottom: 15px;

	font-size: 1.5em;

	font-weight: normal;

}

#newstopics_txt .alignright {

	margin-bottom: 20px;

}

#newslist ul {

	text-align: left;

	margin-left: 20px;

	list-style-image: url(../img/ico_arrow_gr.gif);

}

#newslist li {

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #CCCCCC;

	padding-top: 5px;

	padding-bottom: 5px;

}

#newslist li a {

	color: #000000;

	text-decoration: underline;

}

#newslist {

	text-align: left;

	padding-left: 10px;

	padding-top: 3px;

}

#newslist #media a {

	font-weight: bold;

}

#newslist .td_l {

	margin-top: 5px;

	margin-bottom: 5px;

}

#newstopics_txt�@#newslist a {

	padding-top: 5px;

	text-decoration: underline;

}







/***************

contact

***************/

#contact  #naiyo .tel {

	font-size: 2em;

	margin-top: 10px;

	margin-bottom: 10px;

	padding-top: 3px;

	padding-bottom: 3px;

	font-weight: bold;

	background-image: url(../img/ico_tel.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 20px;

}

#contact form table {

	border-top-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-left-style: solid;

	border-top-color: #999999;

	border-left-color: #999999;

}

#contact form td {

	padding: 4px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-right-color: #999999;

	border-bottom-color: #999999;

}

#contact .menu_box {

	margin-top: 0px;

	margin-bottom: 0px;

}

#contact .menu_box .menu_title {

	font-size: 1.5em;

	margin-bottom: 0px;

}

#contact .menu_box table {

	margin-top: 0px;

	margin-bottom: 0px;

}

#contact .contact_box {

	border-width: 1px;

	border-style: solid;

	width:400px;

	padding-left: 8px;

}







/***************

shop

***************/

#shop #naiyo .menu_box .syosai_title {

	margin-left: 20px;

	margin-bottom: 5px;

}

#shop #naiyo .menu_box table {

	margin-left: 20px;

}

#shop #naiyo .menu_box table a {

	background-image: url(../img/ico_arrow_y.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 7px;

	margin-right: 10px;

	color: #000000;

}

#shop .gray {

	background-image: url(../img/ico_arrow_y.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 7px;

	margin-right: 10px;

	color: #999999;

}







/***************

footer

***************/

#footer {

	border-top-width: 2px;

	border-top-style: solid;

	border-top-color: #999999;

	line-height: 2em;

	margin-top: 15px;

	padding-top: 10px;

	padding-bottom: 10px;

	clear: both;

}

#footer #footer-in {

	margin: auto;

	width: 800px;

	text-align: left;

}

#footer #copy {

	float: left;

	width: 200px;

}

#footer #link {

	float: right;

	width: 600px

}

#footer  #link a {

	color:#000000;

}

#footer .tel {

	margin-left: 3px;

	font-size: 1.2em;

	font-weight: bold;

}


/******************/
/* 2010.12.07 add */
/******************/
.slide_title {
	clear: both;
	border: 1px solid #999999;
	padding: 3px 3px 3px 15px;
	background-image: url(../img/ico_arrow_y.gif);
	background-repeat: no-repeat;
	background-position: 8px center;
	margin-bottom: 15px;
	cursor:pointer;
}
.slide_contents {
	display:none;
}



/******************/
/* 2011.01.11 add */
/******************/
.kado  { background-color:#fff; }
.kado1 { margin: 0 5px;height:1px;overflow: hidden; background-color:#e8e8e8; }
.kado2 { margin: 0 3px;height:1px;overflow: hidden; background-color:#e8e8e8; }
.kado3 { margin: 0 2px;height:1px;overflow: hidden; background-color:#e8e8e8; }
.kado4 { margin: 0 1px;height:2px;overflow: hidden; background-color:#e8e8e8; }
.kado5 { padding:10px; background-color:#e8e8e8; }