@charset "utf-8";
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;}

.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; }

img	                { border: 0; }

form                {
	margin:0;
}
input.line         { border:1px solid #ccc; width:112px; }
input.line2         { border:1px solid #ccc; width:200px; }
textarea.line      { border:1px solid #ccc; width:230px; }

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

#layout             {
	width: 990px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

/*------------------------------------------------------------------------
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;
} 
#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;
} 

*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:740px;
	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:230px; background-color:#F6F6F6; padding:5px; float:left; }
.right_box    { display:block; width:470px; background-color:#F6F6F6; padding:5px; float:right; }

.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:150px; clear:both; }

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

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

.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      { 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:219px;
	margin:0px;
	padding:10px;
	position:relative;
	text-align:left;
	border:1px solid #9A9A9A;
	height: 137px;
}
.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:104px; left:60px; position:absolute; }
.cata_bx .h_pdf    { display:block; width:84px; height:21px; top:104px; left:151px; position:absolute; }
.cata_bx .h_denshi    { display:block; width:84px; height:21px; top:130px; left:60px; position:absolute; }
.cata_bx .name     { display:block; background-color:#EDEDED; width:136px; padding:5px; margin:0 0 5px 0; }

.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_b      { display:block; background:url(../img/bx_b.jpg) 0px 0px no-repeat; width:157px; height:50px; 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:157px; height:50px; 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:157px; height:50px; 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; }

.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; }


/*-------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 修正↑-------*/







/*-------20100214 追加↓-------*/

input.searchitem { font-size:18px; height:23px; padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px; width:270px;}

/*-------20100214 追加↑-------*/