/* CSS Document */

BODY {
	background-color: #D8D8D8;
	font: 12px/1.4em "Arial, SunSans-Regular, Sans-Serif";
	color:#333333;
	padding:0px;
	margin:0px;
}

a {color: #FA5050;}
a:visited { color:#FA9696;}
a:hover { color: #cccccc;}
a:active { color:#000000;}

p{
padding: 0px;
margin: 5px; }

h1{ font-family: "Hiragino Kaku Gothic Pro";
	color:#03B49D;
	font-size: 150%;
	line-height:1.6em;
	font-weight: 900;
	border-left-style: solid;
	border-left-width: 10px;
	padding: 5px 15px;
	margin: 10px 0px;
} 

h2{ 
    font: bolder 140%/1.8em "Hiragino Kaku Gothic Pro";
    color:#03B49D;
	margin: 10px 15px 10px 10px;
	border-left-style: solid;
	border-left-width: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 0px 0px 0px 10px;
}

h3{ 
    font: bolder 130%/1.8em "Hiragino Kaku Gothic Pro";
    color:#0033CC;
	margin: 10px 15px 10px 10px;
	border-left-style: solid;
	border-left-width: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0033CC;
	padding: 0px 0px 0px 15px;
}

h4{ 
    font: bolder 120%/1.6em "Hiragino Kaku Gothic Pro";
	color:#FF6600;
	margin: 15px 0px 10px 5px;
}

ul{ font: 12px/2.0em "Hiragino Kaku Gothic Pro";
    margin: 6px 5px 20px 5px
}


#langja{
 font-family:Osaka,Verdana,Arial;
 }
 
 
/* -----------------left sideNavi--------------------- */

.anchor{
    font: bolder 12px/1.6em "Hiragino Kaku Gothic Pro";
	color: #0066FF;
}
    


.menu_line{
    margin:0px;
    border-top: 1px solid #666666;
}

.submenu_line{
    margin:0px;
	border-bottom: 2px dotted #FFFFFF;
    border-top: 5px solid #D3EAF3;
}


#quaBox{
    font: bolder 11px/1em "Hiragino Kaku Gothic Pro";
	color: #FFFFFF;
	background-color: #3366CC;
	padding: 5px 0px;
}

      #quaBox a{
           font: bolder 11px/1em "Hiragino Kaku Gothic Pro";
	       color: #FFFFFF;
	            }
	  
	  #quaBox a:link a:visited a:hover {
           color: #FFFFFF;
	            }




div#sideNavi{
　　width: 144px;
}

     div#sideNavi ul{
	     font: bolder 11px/1.2em "Hiragino Kaku Gothic Pro";
		 text-align:center;
	     color: #444444;
         margin:0;
         padding:0;
     }

     div#sideNavi ul li{
         margin: 0;
		 list-style-type: none;	
		 border-bottom: dotted 2px #FFFFFF;
     }


     div#sideNavi li a {
      color: #444444;
      display:block;
	  padding: 5px 0px;
	  background-color: #FBECBD;
     } 


        #sideNavi li a:link,
	    #sideNavi li a:visited {
         color: #444444;
        }


        #sideNavi li a:hover {
         color: #444444;
         background-color: #FFCC00;
        }


        #sideNavi li a.here{
         background-color: #FFCC00 !important;
        }


/* -----------------left patent--------------------- */

.patent{
	font: bolder 14px/1em "Hiragino Kaku Gothic Pro";
    color: #FFFFFF;
    list-style-type: none;
	display: inline;
}


.patent a{
    color: #FFFFFF;
	display:block;
	line-height: 2.0em;
	margin:20px 12px;
	padding: 20px 0px;
	background-color: #FF0000;
	border: solid 1px #FFFFFF;

}


.patent a:link {
    color: #FFFFFF;
	text-decoration: none;
}


.patent a:visited {
    color: #FFFFFF;
}


.patent a:hover {
    color: #FF0000;
    text-decoration: none;
	border: solid 1px #FF0000;
	background-color: #FFFFFF;

}


/* -----------------left patent--------------------- */
table#bg {
	background-repeat: no-repeat;

}



table#border1 {
	border: solid 1px #666666;
	border-collapse: collapse;
}

td#border2 {
    border: solid 1px #666666; border-collapse: collapse;
}


table#borderTB {
	margin: 0;
	border-top: 2px dotted #33CCCC;
	border-bottom: 2px dotted #33CCCC;

}


/* ----------予備---------- */
dl {
	margin: 0px;
	}


dt {
	font: bolder 12px/1.4em "Hiragino Kaku Gothic Pro" ;
	margin: 0;
	padding: 3px 15px;
	}

        
dd {
  font: 12px/1.4em;
  margin: 0;
  padding: 0px 10px 5px 15px;
  }
/* ----------予備---------- */



/* ----------container to center the layout---------- */

.header {
    width: 750px;
    padding:0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
}

.top_mainimg {
	width: 750px;
	padding:0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #333333;
	border-bottom-color: #333333;	
}



.container {
    width: 750px;
    padding:0px;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    border-right: 1px solid #555555;
    border-left: 1px solid #555555;
    border-bottom: 1px solid #555555;
    background-color: #ffffff;

} 

.img_margin {
	margin: 0px 0px 15px 10px;
	float: right;
}

#clear { clear: both; }



.btn_margin {
	margin: 2px 27px;
} 


.img_ef_margin {
	margin: 0px 5px 0px 0px;
	float: left;
}

.icon {
padding: 0px;
margin: 0px 4px 0px 0px;
} 


#decora {
	border-left: 3px solid #0033CC;
	margin: 10px 0;
	padding-left: 10px;
}


/* -----------------top content--------------------- */

.top_content{ margin: 8px 10px 10px 10px; }





.top_searchbox {
	width: 576px;
	height: 190px;
	margin: 10px 5px;
	background-color: #759EF9;
	background-image: url(../top/images/top_searchbox.jpg);
	background-repeat: no-repeat;
}


.top_searchbox_r {
    position: static;
	width: 258px;
	margin: 10px 10px 10px 180px ;
	padding-top: 15px; 
}





.whats_detail{
	margin: 5px;
	padding: 10px 20px;
	background-color: #F2F2F2;
}


#whats_list{
	list-style-position: inside;
	list-style-type: none;
	line-height: 2.0em;
}

#whatsnewLink{
    padding: 0px 5px 2px 0;
    clear:both;
}



#box{
    width: 585px;
	margin: 10px 0;
}

#inboxT{
   width: 585px;
    height: 22px;
    background-image: url(../top/images/box_t.jpg);
	background-repeat: no-repeat;
}

#inboxM{
    width: 585px;
    background-image: url(../top/images/box_m.jpg);
	background-repeat: repeat-y;
}


#inboxM_content{
    width: 530px;
	margin: auto;
	position: relative;
}

#inboxMleft{
	width: 120px;
	padding: auto 5px;
	float: left;
}

#inboxMright{
	width: 380px;
	padding: auto 10px;
	float: right;
}

#inboxB{
    width: 585px;
    height: 22px;
	clear: both;
    background-image: url(../top/images/box_b.jpg);
	background-repeat: no-repeat;
}

.clearfix:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
	}
	.clearfix {display: inline-block;}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */





/* -----------------top box--------------------- */

.whatsnew{
	margin: 5px 0;
	padding: 0px;
	background-color: #F2F2F2;
	width: 586px;
}


#top #whatsnew {
        width: 586px;
		position: absolute;
		overflow: auto;
	}
	


.top_infolistbox {
	height: 200px;
	background-repeat: no-repeat;
}

.top_info {
	margin: 5px 0 10px 10px;
	padding: 0 5px 5px;
	position: absolute;
	overflow: auto;
	height: 185px;
	width: 561px;
	background-color:#F2F2F2;
}

.top_info p{
	font: bolder 12px/1.6em "Hiragino Kaku Gothic Pro";
	color: #333333;
	list-style-type: none;
}


.wtop_info p a{
    color: #333333;
}


.top_info p a:link {
    color: #333333;
}


.top_info p a:visited {
    color: #333333;
}


.top_info p a:hover {
    color: #666666;
    text-decoration: underline;
}

/* 080424 edit
.top_rightbox {
    margin: 5px;
	padding: 5px;
	float: right;
	background-color:#F2F2F2;
}*/

/* -----------------content--------------------- */

.content{
 width: 590px;
 margin: 8px;
}


/*570→530*/
.txtarea{
 width: 550px;
 margin: auto; 
}

/*080305 add  txtarea p*/
.txtarea p{
	line-height: 2.0em;
	margin: 10px 0; 
}		

	
.txtarea_qua{ margin: 10px 22px; }	
	
.txtarea_quaindex{ margin: 0px 79px 10px 80px; }	


#searchBtn{ margin:auto; }

/* -----------------left side--------------------- */

.login {
    width: 140px;
	background-color: #809AAD;
	margin-bottom: 10px;
	padding: 5px 2px;
}

.login_inside {
	margin: 4px;
	padding: 2px 2px 10px 2px;
	border: 1px solid #666666;
}

.login_newmem {
    font: bolder 10px/1.0em "Hiragino Kaku Gothic Pro";
	padding: 2px;
	color: #333333;
	background-color: #F2F2F2;

}




/*  ----------------footer---------------------- */ 
.footer {
	clear:left;
	padding:10px;
	margin:0px;
	color:#666666;
	text-align: left;
	font-size: 11px;
}


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

.posted_gray{
    margin:15px 0px;
    border-top: 1px dotted gray;
}

.posted_red{
    margin:5px 0px;
    border-top: 1px dotted #FF6666;
}

.posted_blue{
    margin:20px 0px;
    border-top: 1px dotted #3366CC;
}


/*.posted_blue_bold{
    margin:0px;
	border-top: 2px dotted #33CCCC;
}*/

.posted_white{
    margin:0px;
    border-top: 2px dotted #FFFFFF;
}




.frame-blue{
	border: 1px solid #3366CC;
	position: static;
	padding: 8px;
	margin: 15px 60px;
	width: 450px;
}

.frame-gray{
    font: 10px/1.0em "Hiragino Kaku Gothic Pro";
	color: #333333;
	border: 1px solid #999999;
	position: static;
	padding: 8px;
	margin: 10px;
}


.frame-yellow{
	border: 1px dotted #FFCC00;
	position: static;
	padding: 10px;
	margin: 10px auto 10px;
	width: 500px;
	background-color: #FFFFCC;
}

.frame-lightblue{
	border: 1px dotted #A1D7FF;
	position: static;
	padding: 20px;
	margin: 10px auto;
	width: 500px;
	background-color: #DBECFF;
}


.frame-speedserch{
	border: 1px dotted #A1D7FF;
	padding: 5px;
	margin: auto 10px auto 0;
	background-color: #E9ECEC;
}



.frame-green{
	border: 1px dotted #33CC00;
	position: relative;
	padding: 10px;
	margin: 20px;
	width: 440px;
}

.sub_tit{
    font: nomal 13px/1.0em "Arial, SunSans-Regular, Sans-Serif";
	color: #333333;
	border-left-width: 5px;
	border-left-color: #0099FF;
}

#shop_list_1 .detail {
	border-bottom:1px solid #E8E8E8;
	border-right:1px solid #E8E8E8;
	padding:7px 7px 7px 0px;
	word-break:break-all;
}

/*  ----------------font---------------------- */ 

.f9 {
	font: bolder 9px/1.8em "Hiragino Kaku Gothic Pro";
	color: #333333;
}	


.f10 {
	font: 10px/1.4em "Hiragino Kaku Gothic Pro";
	color: #333333;
	border-left-width: 5px;
	border-left-color: #333333;
}	


.f11 {
	font: 11px/1.4em "Hiragino Kaku Gothic Pro";
	color: #333333;
}


.f11_bold {
	font: bolder 11px/1.4em "Hiragino Kaku Gothic Pro";
	color: #333333;
}


.f12_bold_blue {
	font: bolder 12px/1.4em "Hiragino Kaku Gothic Pro";
	color: #5A86DF;
	padding:10px 0px 4px 0px;
}


.f11_green {
	font: 11px/1.0em "Arial, SunSans-Regular, Sans-Serif";
	color: #03B49D;
}

.f12_green_bold {
	font: bolder 12px/1.2em "Hiragino Kaku Gothic Pro";
	color: #03B49D;
}


.f12 {
	font: 12px/1.4em "Arial, SunSans-Regular, Sans-Serif";
    color: #333333;
}

.f12_bold {
	font: bolder 12px/1.8em "Hiragino Kaku Gothic Pro";
	color: #333333;
}


.f12_bold_green {
	font: bold 12px/1.2em "Hiragino Kaku Gothic Pro";
	color: #339900;
}


a:link, a:visited {
    color: #0033CC;
	text-decoration: none;
	}
	
a:hover {
    color: #6BB7FF;
	text-decoration: none;
	}	
	

.f11_white {
	font: bolder 11px/1.2em "Hiragino Kaku Gothic Pro";
	color: #FFFFFF;
}


.f11_white a:link, .f11_white a:visited {
    color: #FFFFFF;
	text-decoration: none;
}
	
.f11_white a:hover {
    color: #0066FF;
}	


.f12_white {
	font: bolder 12px/1.4em "Hiragino Kaku Gothic Pro";
	color: #FFFFFF;
	font-weight: bolder;
}


.f12_white a:link, .f12_white a:visited {
    color: #FFFFFF;
	text-decoration: none;
}
	
.f12_white a:hover {
    color: #0066FF;
}	


.f13_bold {
	font: bolder 13px/2em "Hiragino Kaku Gothic Pro";
	color: #333333;
}


.f13_white {
	font: bolder 13px/1.3em "Hiragino Kaku Gothic Pro";
	color: #FFFFFF;
}


.f14_white {
	font: bolder 14px/1.4em "Hiragino Kaku Gothic Pro";
	color: #FFFFFF;
}


.f13_blue{
	font: bolder 13px/1.6em "Hiragino Kaku Gothic Pro";
	color: #0066FF;
}


.f16_white {
	font: bolder 16px/1.6em "Hiragino Kaku Gothic Pro";
	color: #FFFFFF;
}


.f11_red{
	font: nomal 11px/0.8em "Arial, SunSans-Regular, Sans-Serif";
	color: #FF3300;  
}


.f12_red{
	font: nomal 12px/1.2em "Arial, SunSans-Regular, Sans-Serif";
	color: #FF0000;  
}

.f12_red_bold {
	font: bolder 12px/1.2em "Hiragino Kaku Gothic Pro";
	color: #FF3300;
}


.f12_orange{
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size: 12px;
	color: #FF522B;  
}


.f11_yellow{
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size: 11px;
	color: #FF9900;  
}

.f11_blue{
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size: 11px;
	color: #0066FF;  
}


.f13_search {
	font: bolder 14px/1.4em "Hiragino Kaku Gothic Pro";
	color: #0066CC;
}


.f16_blue{
	font: bolder 16px/2.4em "Hiragino Kaku Gothic Pro";
	color: #0066FF;
	margin-top: 20px;
}

.f16_green{
	font: bolder 16px/2.4em "Hiragino Kaku Gothic Pro";
	color: #009933;
}



.f14_darkblue{
	font: bolder 14px/1.6em "Hiragino Kaku Gothic Pro";
	color: #000066;
}


.f14_bold {
	font: bolder 14px/2.0em "Hiragino Kaku Gothic Pro";
	color: #333333;
}


.f16_darkblue{
	font: bolder 16px/1.6em "Hiragino Kaku Gothic Pro";
	color: #000066;
}


.f13_pink{
	font: bolder 13px/1.3em "Hiragino Kaku Gothic Pro";
	color: #FF3366;
}


.f16_pink{
	font: bolder 16px/1.4em "Hiragino Kaku Gothic Pro";
	color: #FF3366;
}


.f16_gray{
	font: bolder 16px/1.6em "Hiragino Kaku Gothic Pro";
	color: #333333;
	margin-bottom: 10px;
	margin-top: 10px;
}


.f24_black{
	font: bolder 24px/1.2em "Hiragino Kaku Gothic Pro";
	color: #000000;
}



.f11_green{
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size: 11px;
	color: #006600;  
}

.f12_gray{
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-size: 12px;
	color: #333333;  
}

/*  ----------------pagetop---------------------- */ 

.f12_pagetop {
	font: bolder 11px/1.2em "Hiragino Kaku Gothic Pro";
	color: #FF4C00;
}

.f12_pagetop a:link, .f12_pagetop a:visited {
    color: #FF4C00;
}
	
.f12_pagetop a:hover {
	color: #FFCC00;
}	

/*  ----------------pagetop---------------------- */ 


#message_txt {
	font: 13px/1.6em "Hiragino Kaku Gothic Pro";
	color: #333333;
	margin: 10px;
	padding: 0px 20px;
}



#message_area {
	margin: 30px;
	padding: 15px 0px;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
}


#txtarea {
	margin: 0px;
	padding: 0px 25px 10px 25px;
}
	

#txtarea_bg {
	margin: 8px 0px 20px;
	padding: 10px 20px 30px;
	background-color: #D9E9FF;
}

#txtarea_bg2 {
	margin: 8px 0px 5px;
	padding: 8px 10px 10px 10px;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	height: 250px;
}



#ef_area_bg {
	margin: 5px 15px;
	padding: 5px 10px;
	background-color: #FFCC33;
}



#yaji {margin: 0px 220px;}

#flow {margin: 0px 165px;}
	


#search_bg {
	background-color: #CCCCCC;
	margin: 0px;
	padding: 10px;
}

#search_txtarea {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 3px 15px 10px;
}

#search_prarea {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 5px;
	width: 560px;
	height: 150px;
}


.right {
	background-color: #212121;
	margin: 0px;
	padding: 0px;
	float: right;
}

.left {
	background-color: #222222;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 450px;
	clear: right;
}



#search_pr {
	background-color: #F9EAD7;
	margin: 0px;
	padding: 6px;
	width: 408px;
}

#search_name_area {
	margin: auto;
	padding: 6px;
	background-image: url(../search/images/detail_namebg.gif);
	background-repeat: repeat-x;
}




#search_category_area {
	font: bolder 13px/1.2em "Hiragino Kaku Gothic Pro";
	margin: 0px 0px 5px 0px;
	padding: 4px 5px;
	background-color: #6997E2;	
	background-position: center;
	color: #FFFFFF;
	
}

#search_category_area2 {
	font: bolder 11px/1em "Hiragino Kaku Gothic Pro";
	margin: 8px 0px;
	padding: 3px 5px;
	background-position: center;
	background-color: #CDE6FF;
	color: #6997E2;
}



#resuit_photo {
	border: 1px solid #666666;
	margin: 0px ;
	padding: 0px;
	float: left;
}

#resuit_btn {
	margin: 10px 13px;
	padding: 0px;
}


.category {
	margin: 0px;
	padding: 0px;
	float: right;
}


#bottom {
	margin-bottom: 20px;
}


/* tag */

div.keyword  {
	line-height: 1.8em;
	padding: 5px 0px 5px 20px;
}
div.keyword ul  { margin: 0px 0px 8px; padding: 0 }

div.keyword ul li {
	display: marker;
	margin-bottom: 5px;
	list-style-position: inside;
	list-style-type: none;
}



div.search_again {
	padding: 10px;
	background-color: #FFF8EB;
	border: 1px solid #999999;
}




ul.result li  { font-size: 12px; margin-right: 4px; }
div.result  {
    width: 570px;
	line-height: 1.8em;
	background-color: #FFFFFF;
}
div.result ul  { margin: 0; padding: 0 }
div.result ul li { display: inline }



/* square 
.square_top    { background-image: url(images/square_top.gif); background-repeat: no-repeat; margin-top: 4px;padding-top: 2px}
.square_middle     {
	background-color: #D9E9FF;
	margin: 0;
	padding: 6px 10px 30px 8px;
	border-right: 1px solid #B3B3B3;
	border-left: 1px solid #B3B3B3;
}
.square h3    { font-size: small; line-height: 110%; margin: 0; padding: 0 0 6px }
.square_bottom      {
	background-image: url(images/square_bottom.gif);
	background-repeat: no-repeat;
	padding-bottom: 4px;
	height: 4px;
	clear: both;
}*/

.left_bnr {
	margin: 20px 0;
}
	
.submenu {
	list-style-position: inside;
	list-style-type: none;
}


.book {
	padding: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
}



/*　20100331 高木追加 */

.seminar_login {
    width: 500px;
	background-color: #809AAD;
	margin-bottom: 10px;
	padding: 5px 2px;
}

.seminar_login_inside {
	margin: 4px;
	padding: 2px 2px 10px 2px;
	border: 1px solid #666666;
}

.seminar_login_newmem {
    font: bolder 10px/1.0em "Hiragino Kaku Gothic Pro";
	padding: 2px;
	color: #333333;
	background-color: #F2F2F2;

}