@charset "shift_jis";

html                { background-color: #FFFFFF;}
body                {
	margin:0;
	padding:0;
	background-color: #FFFFFF;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-position: center 0px;
	
}
body                {
	 font-size: 0.75em; color: #333333; line-height: 1.3em;
}
*{ font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size:12px;}
body *{
	box-sizing: border-box; /*2017.12.15*/
}

.clear           	{ clear: both; visibility: hidden; height: 0; }

a:link			    { color:#3366FF; text-decoration:none;}
a:visited	    	{ color:#3366CC; text-decoration:none;}					
a:hover		    	{ color: #33CCFF; text-decoration:none;}
a:active	    	{ color: #33CCFF; text-decoration:none;}

p                   { text-align:left;  margin: 0px; padding: 0px;}

.align_right        { text-align:right; } 
.align_center       { text-align:center; }

.margin_btm5	    { margin-bottom : 5px; }
.margin_btm5t	    { margin-bottom : 5px; margin-top:5px; }
.margin_btm10	    { margin-bottom : 10px; }
.margin_btm15	    { margin-bottom : 15px; }
.margin_btm20	    { margin-bottom : 20px; }
.margin_btm30	    { margin-bottom : 30px; }
.margin_btm40	    { margin-bottom : 40px; }
.margin_btm50	    { margin-bottom : 50px; }
.margin15_rt         { margin:15px 0; text-align:right;}
.margin10_rt         { margin:5px 10px 5px 0; text-align:right;}
.margin5_rt         { margin:5px 0; text-align:right;}
.margin5_ct         { margin:5px 0; text-align:center;}
.margin5            { margin:5px 0; }
.margin10            { margin:10px 0; }

/* ------2012.04.16 //------------*/
.out_Lamp            { margin:0 0; font-size:13px; line-height:13px;}
.out_Lamp2700        { margin:0 0; color:#c14c00;  font-size:13px; line-height:13px;}
.out_Lamp3000        { margin:0 0; color:#c14c00;  font-size:13px; line-height:13px;}
.out_Lamp3100        { margin:0 0; color:#edbda7;  font-size:13px; line-height:13px;}
.out_Lamp3500        { margin:0 0; color:#b07f57;  font-size:13px; line-height:13px;}
.out_Lamp4000        { margin:0 0; color:#020094;  font-size:13px; line-height:13px;}
.out_Lamp5000        { margin:0 0; color:#4a9ce0;  font-size:13px; line-height:13px;}
.out_Lamp7000        { margin:0 0; color:#4a9ce0;  font-size:13px; line-height:13px;}
.out_LampSN          { margin:0 0; color:#edbda7;  font-size:13px; line-height:13px;}
.out_LampS           { margin:0 0; color:#e0737a;  font-size:13px; line-height:13px;}

.out_Lamp_red        { margin:0 0; color:#900; font-weight:bold; font-size:13px;}
input.url_text		 { background-color:#F7F7F4; border:1px solid #ccc; font-size:11px; color:#333;}
/* ------ //2012.04.16 ------------*/

.out_event { margin:0 0; background-color:#CBE7ED;font-size:12px; line-height:13px; width:140px;} /*-- 2016.03.08 ----*/


img	                { border: 0; }

form                {
	margin:0;
}
.textListNo			{ width:112px; text-align:left; }
input.line         { border:1px solid #ccc; width:112px; height:18px; background-color:#eee;}
input.line2         { border:1px solid #ccc; width:200px;}
/*textarea.line      { border:1px solid #ccc; width:230px; line-height:18px;}*/
textarea.line      { border:1px solid #ccc; width:230px; height:210px; line-height:18px;}

/*------------------------------------------------------------------------
layout
--------------------------------------------------------------------------*/

#layout             {
/*	width: 990px;*/
	width: 1090px; /* 2019.12.02 備考追加のため変更*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	
	
	position: relative;

}

/*------------------------------------------------------------------------
head
--------------------------------------------------------------------------*/

/*-------20100214 修正↓-------*/


#head              {width: 218px; height: 32px; background-image: url(../img/logo.gif); background-repeat: no-repeat; margin:0 0 12px 15px;}
#head_logo a	   {display:block; width: 218px; height: 32px; text-align: left; text-indent:-9999px;}

/*-------20100214 修正↑-------*/


/*------------------------------------------------------------------------
main menu
--------------------------------------------------------------------------*/

#main_menu ul               { list-style-type: none; padding: 0; margin: 0;}
#main_menu li               { float:left; display:block;}

#main_menu                  { display: block; background: url(../img/menu.gif) 0px 0px no-repeat; width: 1000px; height: 28px; margin:0 auto; padding:0; }
#main_menu a	            { display:block; text-decoration: none; outline: none; height:28px; }
#main_menu01 a				{ background: url(../img/menu.gif) 0px 0px no-repeat;  width: 110px; text-indent:-9999px;  }
#main_menu02 a  			{ background: url(../img/menu.gif) -110px 0px no-repeat;  width: 146px; text-indent:-9999px; }
#main_menu03 a				{ background: url(../img/menu.gif) -256px 0px no-repeat;  width: 145px; text-indent:-9999px; }
#main_menu04 a				{ background: url(../img/menu.gif) -401px 0px no-repeat;  width: 148px; text-indent:-9999px; }

#main_menu01 a:hover		{ background: url(../img/menu.gif) 0px -28px no-repeat; }
#main_menu02 a:hover   		{ background: url(../img/menu.gif) -110px -28px no-repeat; }
#main_menu03 a:hover		{ background: url(../img/menu.gif) -256px -28px no-repeat; }
#main_menu04 a:hover		{ background: url(../img/menu.gif) -401px -28px no-repeat; }

#main_menu01_o              { display:block; background: url(../img/menu.gif) 0px -28px no-repeat;  width: 110px; height:28px; text-indent:-9999px; }
#main_menu02_o              { display:block; background: url(../img/menu.gif) -110px -28px no-repeat;  width: 146px; height:28px; text-indent:-9999px; }
#main_menu03_o              { display:block; background: url(../img/menu.gif) -256px -28px no-repeat;  width: 145px; height:28px; text-indent:-9999px; }
#main_menu04_o              { display:block; background: url(../img/menu.gif) -401px -28px no-repeat;  width: 148px; height:28px; text-indent:-9999px; }


/*------------------------------------------------------------------------
pankuzu
--------------------------------------------------------------------------*/

.pankuzu                { display: block;	padding: 1px;	width: 700px;	text-align: left;	margin:0 0 10px 0; font-size: 85%;  color: #666666;	text-decoration:none;}
.pankuzu a              { color: #3366FF; text-decoration:none;}
.pankuzu a:hover        { color: #FFCC00;	text-decoration:none;}
   
   

/*------------------------------------------------------------------------
----2column layout----
--------------------------------------------------------------------------*/

.container					 {
	display:block;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	
	font-size: 160%; /*2017.12.15*/

} 
.container_sr					 {
	display:block;
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	
	font-size: 160%; /*2017.12.15*/

} 

#container_left				 {
	display:block;
	width: 220px;
	float: left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	
}  
#container_right			 {
	display:block;
	width: 770px;
	float: right;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	
	font-size:12px; /* 2017.12 add */
}
#container_right_sr			 {
	display:block;
	width: 920px;
	float: right;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	
	font-size:12px; /* 2017.12 add */
}
 

*html #container_left		 {
	display:block;
	width: 220px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}  
*html #container_right		 {
	display:block;
	width: 770px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	
	
} 


/*------------------------------------------------------------------------
container_left
--------------------------------------------------------------------------*/

.left_btn {margin-bottom:10px}

/*-------20100214 修正↓-------*/

#mylist_box      { display:block; width:183px; border:1px solid #ccc; padding:0 0 0 0; text-align:center; margin-bottom:10px; background-color:#F9F8F4;}

/*-------20100214 修正↑-------*/

#mylist_box th   { text-align:center; font-weight:normal; }
#mylist_box td   { text-align:left; font-size:12px; height:60px; }

.mylist01 a      { display:block; background:url(../img/mylist01.jpg) 0px 0px no-repeat; width:127px; height:24px; text-indent:-9999px; margin:10px auto 0 auto; }
.mylist01 a:hover{ background:url(../img/mylist01.jpg) -127px 0px no-repeat; text-decoration:none; }

.mylist02 a      { display:block; background:url(../img/mylist02.jpg) 0px 0px no-repeat; width:127px; height:24px; text-indent:-9999px; margin:10px auto 10px auto; }
.mylist02 a:hover{ background:url(../img/mylist02.jpg) -127px 0px no-repeat; text-decoration:none; }

/*------------------------------------------------------------------------
container_right
--------------------------------------------------------------------------*/

div#tabnav01         { overflow: hidden; height: 30px; }
div#tabnav01 ul      { width: 600px; height: 30px; }
div#tabnav01 ul li   { float: left;	height: 30px; }
div#tabnav01 ul li a {	display: block;	height: 30px; background-repeat: no-repeat;	background-position: 0 0; text-indent: -9999px; outline: none; }
div#tabnav01 ul li#menu01 a { background:url(../img/tub_btn.jpg) 0px 0px no-repeat; width:108px; height:30px; }
div#tabnav01 ul li#menu02 a { background:url(../img/tub_btn.jpg) -108px 0px no-repeat; width:144px; height:30px; }
div#tabnav01 ul li#menu03 a { background:url(../img/tub_btn.jpg) -252px 0px no-repeat; width:144px; height:30px; }
div#tabnav01 ul li#menu04 a { background:url(../img/tub_btn.jpg) -396px 0px no-repeat; width:108px; height:30px; }

div#tabnav01 ul li#menu01 a:hover { background:url(../img/tub_btn.jpg) 0px -30px no-repeat; }
div#tabnav01 ul li#menu02 a:hover { background:url(../img/tub_btn.jpg) -108px -30px no-repeat; }
div#tabnav01 ul li#menu03 a:hover { background:url(../img/tub_btn.jpg) -252px -30px no-repeat; }
div#tabnav01 ul li#menu04 a:hover { background:url(../img/tub_btn.jpg) -396px -30px no-repeat; }

#search_area     {
	display:block;
	width:770px; /*740px*//*2017.12.15*/
	border:1px solid #ccc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 14px;
	padding-bottom: 15px;
	padding-left: 14px;
	clear: both;
	
	
	
}

.stit            { display:block; margin:0 0 15px 0; }

.search_btn a      { display:inline; background:url(../img/search.jpg) 0px 0px no-repeat; width:46px; height:21px; text-indent:-9999px; }
.search_btn a:hover{ background:url(../img/search.jpg) -46px 0px no-repeat; text-decoration:none; }


.f_h_searchbox { display:block; margin:0 0 0px 0; }
.left_box     { display:block; width:240px; background-color:#F6F6F6; padding:5px; float:left; /*width:230px*/} /*2017.12.15*/
.right_box    { display:block; width:480px; background-color:#F6F6F6; padding:5px; float:right; /*width:470px*/}/*2017.12.15*/

.waku01 td    { text-align:right; padding:2px; }


/*-------20100214 修正↓-------*/

#info_box     { display:block; border:1px solid #ccc; background:url(../img/info_tit.jpg) 0px 0px no-repeat; padding:33px 0 3px 0; height:240px; clear:both; margin-bottom:30px; } /*2017.12.15 height:200px;*/

#info_box iframe { height: 200px; width: 755px;	margin-left: 10px;}

/*-------20100214 修正↑-------*/
/* 	//--  seriesフォルダーが存在しないのでコメントアウトした(LOGエラー回避) 2020.08.26　--//*/
/*.mylist03 a      { display:block; width:89px; height:20px; background:url(../../series/images/mylist03.jpg) 0px 0px no-repeat; text-indent:-9999px; }*/
/*.mylist03 a:hover{ background:url(../../series/images/mylist03.jpg) 0px -20px no-repeat; text-decoration:none; }*/



/*------------------------------------------------------------------------
Search_box
--------------------------------------------------------------------------*/

.tit           { display:block; margin:0 0 15px 0; }
.bx_area       { display:block; margin:0 0 15px 0; width:750px; }
.bx_area ul    { list-style-type:none; margin:0; padding:0; }
.bx_area li    { display:inline; float:left; margin:0 5px 10px 5px;} 
.bx_area li.rt { display:inline; float:right; margin:0; }
.bx_area ul li a       { color:#333;} /*2017.12 add */
 

.bx      { display:block; background:url(../img/bx.jpg) 0px 0px no-repeat; width:157px; height:50px; padding:10px 0 0 82px; vertical-align:middle; position:relative; }
.bx .ph  { display:block; width:76px; height:56px; top:2px; left:2px; position:absolute; }
.bx p    { vertical-align:middle; }


#catalog_area    { display:block; }
#catalog_area ul { list-style-type:none; margin:0; padding:0; }
#catalog_area li { display:inline; float:left; margin:0 2px 0 3px; }

.cata_bx           {
	display:block;
	width:240px; /* 219 (2017.12.15)*/
	margin: 4px 0px;
	padding:10px;
	position:relative;
	text-align:left;
	border:1px solid #9A9A9A;
	height: 360px; /* 324*/

}
.cata_bx .ph       { display:block; width:61px; height:82px; top:11px; left:168px; position:absolute; }
.cata_bx .h_search { display:block; width:84px; height:21px; top:142px; left:60px; position:absolute; }/*2025.06.11 top 122→142*/
.cata_bx .h_pdf    { display:block; width:84px; height:21px; top:142px; left:151px; position:absolute; }/*2025.06.11 top 122→142*/
.cata_bx .h_denshi    { display:block; width:84px; height:21px; top:168px; left:60px; position:absolute; }/*2025.06.11 top 148→168*/
.cata_bx .name     { display:block; background-color:#EDEDED; width:136px; padding:5px; margin:0 0 5px 0;height:100px; } 
.cata_bx .h_zipLink    { display:block; width:136px; height:21px; top:130px; left:60px; position:absolute; } /*2016.04.26 add*/
.cata_bx .h_zipLink a{ text-decoration:underline; } /*2016.04.26 add*/
.cata_bx .h_msg    { display:block; width:220px; height:80px; top:193px; left:10px; position:absolute;} /*2016.08.24 add // width:209px 2021.05 change*//*2022.06.24　top 175→193*/
.cata_bx .h_msg p    { font-weight:bold; } /*2016.08.24 add*/
.cata_bx .h_msg em    	{ color:#900;} /*2016.08.24 add*/
.cata_bx .h_msg .sub_msg { margin-left:10px; font-size:85%;} /*2016.08.24 add*/

.cata_bx .name .small     { font-size:11px;} /*2020.07.09 add*/
.cata_bx img.horyuu { filter:opacity(50%);}; /*2023.03.21 add*/




.bx #blue   { display:block; background:url(../img/bx_b.jpg) 0px 0px no-repeat; }
.bx #red    { display:block; background:url(../img/bx_r.jpg) 0px 0px no-repeat; }
.bx #green  { display:block; background:url(../img/bx_g.jpg) 0px 0px no-repeat; }
.bx #yerrow  { display:block; background:url(../img/bx_y.jpg) 0px 0px no-repeat; }

.bx_b      { display:block; background:url(../img/bx_b.jpg) 0px 0px no-repeat; width:240px; height:60px; padding:10px 0 0 82px; vertical-align:middle; position:relative; }
.bx_r      { display:block; background:url(../img/bx_r.jpg) 0px 0px no-repeat; width:240px; height:60px; padding:10px 0 0 82px; vertical-align:middle; position:relative; }
.bx_g      { display:block; background:url(../img/bx_g.jpg) 0px 0px no-repeat; width:240px; height:60px; padding:10px 0 0 82px; vertical-align:middle; position:relative; }
.bx_y      { display:block; background:url(../img/bx_y.jpg) 0px 0px no-repeat; width:240px; height:60px; padding:10px 0 0 82px; vertical-align:middle; position:relative; }

.bx_b .ph  { display:block; width:76px; height:56px; top:2px; left:2px; position:absolute; }
.bx_r .ph  { display:block; width:76px; height:56px; top:2px; left:2px; position:absolute; }
.bx_g .ph  { display:block; width:76px; height:56px; top:2px; left:2px; position:absolute; }
.bx_y .ph  { display:block; width:76px; height:56px; top:2px; left:2px; position:absolute; }

.oku_txt   { display:block; border-bottom:1px solid #ccc; padding:0 0 5px 5px; font-weight:bold; margin:10px 0 10px 0; text-align:left; }

/*------------------------------------------------------------------------
footer
--------------------------------------------------------------------------*/

.pagetop a        { display:block; float:right; }

/*------------------------------------------------------------------------
footer
--------------------------------------------------------------------------*/

#footer {width:1000px; background-color:#333; height:120px; margin:0 auto; padding-top:15px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:10px}

* {
	margin: 0px;
	padding: 0px;
}
ul,ol,dl,img {
	margin: 0px;
	padding: 0px;
}
ul,ol {
	list-style-type: none;
}


/*------------------------------------------------------------------------
purpose menu
--------------------------------------------------------------------------*/

.purposebox              { display:block; width:770px; margin:0 auto; padding:0 0 20px 0; }
.purposebox  ul           { list-style-type:none; margin:0; padding:0; }
.purposebox  li           { display:block; display:inline; width:380px; margin:0 10px 10px 0; float:left; }
.purposebox  li.right     { display:block; display:inline; width:380px; margin:0; float:right; }


/*-------2015 09 30 追加↓-------*/
.msg_2015_09 { width:750px; text-align:right;}
.msg_2015_09_sub { color:#06F ; font-size:13px;}

/*-------20100214 修正↓-------*/

#purpose_box{display:block; width:183px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:0 0 0 0; text-align:center; margin-bottom:10px; background-color:#F9F8F4; }

#purpose_box img{margin-bottom:5px;}

/*-------20100214 修正↑-------*/







/*-------2017.12.15  修正↓-------*/

input.searchitem { font-size:18px; height:23px; padding:0px 5px; width:270px; background-color:#eee;}

/*-------2017.12.15 追加↑-------*/