@charset "utf-8";

/* ============================================================ contents */

#contents {
clear:both;
width:840px;
margin-bottom:10px;
}

/* ============================================================ main TOPimg */

#topimg{
clear:both;
width:840px;
height:185px;
margin-bottom:10px;
background:url(../../img/img_top.jpg) left top no-repeat;
}

#feature_area{
width:450px;
float:left;
}

.feature_txt{
text-indent: -9999px;
text-decoration: none;
line-height:1px;
height:38px;
}

.feature01 a{
display:block;
width:440px;
height:47px;
text-indent: -9999px;
text-decoration: none;
 /*\*/
  overflow: hidden;
 /**/
}

.feature01 a:link, .feature01 a:visited {background: url("../../img/img_top.jpg")  0 -38px no-repeat;}
.feature01 a:hover, .feature01 a:active {background: url("../../img/img_top.jpg")  -840px -38px no-repeat;}

.feature02 a{
display:block;
width:440px;
height:47px;
text-indent: -9999px;
text-decoration: none;
 /*\*/
  overflow: hidden;
 /**/
}

.feature02 a:link, .feature02 a:visited {background: url("../../img/img_top.jpg")  0 -85px no-repeat;}
.feature02 a:hover, .feature02 a:active {background: url("../../img/img_top.jpg")  -840px -85px no-repeat;}

.feature03 a{
display:block;
width:440px;
height:47px;
text-indent: -9999px;
text-decoration: none;
 /*\*/
  overflow: hidden;
 /**/
}

.feature03 a:link, .feature03 a:visited {background: url("../../img/img_top.jpg")  0 -132px no-repeat;}
.feature03 a:hover, .feature03 a:active {background: url("../../img/img_top.jpg")  -840px -132px no-repeat;}

#beginner_area{
float:right;
margin:10px 10px 0px 0px;
display:inline; /* IE用 */
}

#beginner_area h2{
width: 197px;
height: 32px;
margin:0px;
text-indent: -9999px;
text-decoration: none;
background: url("../../img/ttl_beginner.gif") left top no-repeat;
}

#beginner_area ul{
list-style:none;
}

#beginner_area a{
display:block;
width:197px;
height:33px;
text-indent:-9999px;
}

#beginner_area li a:focus{
 /*\*/
  overflow: hidden;
 /**/
}

#bgn_01 a:link, #bgn_01 a:visited {background: url("../../img/list_beginner.gif")  0 0 no-repeat;}
#bgn_01 a:hover, #bgn_01 a:active {background: url("../../img/list_beginner.gif")  -197px 0 no-repeat;}

#bgn_02 a:link, #bgn_02 a:visited {background: url("../../img/list_beginner.gif")  0 -33px no-repeat;}
#bgn_02 a:hover, #bgn_02 a:active {background: url("../../img/list_beginner.gif")  -197px -33px no-repeat;}

#bgn_03 a:link, #bgn_03 a:visited {background: url("../../img/list_beginner.gif")  0 -66px no-repeat;}
#bgn_03 a:hover, #bgn_03 a:active {background: url("../../img/list_beginner.gif")  -197px -66px no-repeat;}

#bgn_04 a:link, #bgn_04 a:visited {background: url("../../img/list_beginner.gif")  0 -99px no-repeat;}
#bgn_04 a:hover, #bgn_04 a:active {background: url("../../img/list_beginner.gif")  -197px -99px no-repeat;}

/* ============================================================ main TOP */

#main_top{
clear:both;
float:left;
width:620px;}

/* ============================================================ main map */

#map_area{
width: 620px;
margin-bottom:20px;
background: url("../../img/bg_map.gif") left top no-repeat;
border-bottom:1px solid #d8d8d8;
}

#map_area h2 {
width: 620px;
height: 45px;
margin-bottom:4px;
text-indent: -9999px;
text-decoration: none;
background: url("../../img/ttl_serch.gif") left top no-repeat;
}

#map_left{
width: 197px;
float:left;
padding-left:7px;
}

#map_left h3{
width: 197px;
height: 40px;
margin:0px;
text-indent: -9999px;
text-decoration: none;
background: url("../../img/ttl_cond.gif") left top no-repeat;
}

#map_left ul {
list-style:none;
}

#map_left a {
display:block;
width:197px;
height:33px;
text-indent:-9999px;
}

#map_left li a:focus{
 /*\*/
  overflow: hidden;
 /**/
}

#serch_01 a:link, #serch_01 a:visited {background: url("../../img/list_serch.gif")  0 0 no-repeat;}
#serch_01 a:hover, #serch_01 a:active {background: url("../../img/list_serch.gif")  -197px 0 no-repeat;}

#serch_02 a:link, #serch_02 a:visited {background: url("../../img/list_serch.gif")  0 -33px no-repeat;}
#serch_02 a:hover, #serch_02 a:active {background: url("../../img/list_serch.gif")  -197px -33px no-repeat;}

#serch_03 a:link, #serch_03 a:visited {background: url("../../img/list_serch.gif")  0 -66px no-repeat;}
#serch_03 a:hover, #serch_03 a:active {background: url("../../img/list_serch.gif")  -197px -66px no-repeat;}

#serch_04 a:link, #serch_04 a:visited {background: url("../../img/list_serch.gif")  0 -99px no-repeat;}
#serch_04 a:hover, #serch_04 a:active {background: url("../../img/list_serch.gif")  -197px -99px no-repeat;}

#serch_05 a:link, #serch_05 a:visited {background: url("../../img/list_serch.gif")  0 -132px no-repeat;}
#serch_05 a:hover, #serch_05 a:active {background: url("../../img/list_serch.gif")  -197px -132px no-repeat;}

#map_right{
float:right;
width: 400px;
padding-right:7px;
}

#map_right p a {font-size:80%; font-weight:bold;}

/* ============================================================ main kuchikomi */

#kuchikomi{
width: 620px;
margin-bottom:10px;
}

#kuchikomi h2 {
width: 620px;
height: 45px;
margin-bottom:10px;
text-indent: -9999px;
text-decoration: none;
background: url("../../img/ttl_kuchikomi.gif") left top no-repeat;}

.bgFFECF6 {
background: #ffecf6;
font-weight:bold;
}

.bg_dotline {
background: url("../../img/dot_line.gif") left top no-repeat;
}

/* ============================================================ main matching */

#matching{
width: 620px;
margin-bottom:10px;
}

#matching h2 {
width: 620px;
height: 45px;
margin-bottom:10px;
text-indent: -9999px;
text-decoration: none;
background: url("../../img/ttl_matching.gif") left top no-repeat;}

.bgFFECF6 {
background: #ffecf6;
font-weight:bold;
}

.bg_dotline {
background: url("../../img/dot_line.gif") left top no-repeat;
}

/* ============================================================ main new home */

#newhome{
padding-bottom:15px;
}

#newhome h2 {
width: 620px;
height: 45px;
margin-bottom:10px;
text-indent: -9999px;
text-decoration: none;
background: url("../../img/ttl_newhome.gif") left top no-repeat;
}

.home_box{
}

.home_left{
width: 305px;
float:left;
margin-bottom:10px;
margin-right:10px;
}

.home_right{
width: 305px;
float:left;
margin-bottom:10px;
}

.home_left h3, .home_right h3 {
margin-bottom:2px;
padding:2px 0 0 5px;
background:#f6496f;
}

.home_left h3 a:link, .home_left h3 a:visited, .home_right h3 a:link, .home_right h3 a:visited {
color:#FFFFFF;
text-decoration:underline;
}

.home_left h3 a:hover, .home_left h3 a:active, .home_right h3 a:hover, .home_right h3 a:active {
color:#FFFFFF;
text-decoration:none;
}

.home_left h4, .home_right h4 {
margin-bottom:5px;
padding:2px 0px 0px 5px;
background:#666666;
font-size:80%;
font-weight:bold;
color:#FFFFFF;
}

.w_new_img{
float:left;
margin:0px 10px 0px 0px;
padding: 2px;
border: 1px solid #cccccc; 
}

.ul_right {
float:left;
width:164px;
}

.home_left ul, .home_right ul {
list-style:none;
margin-right:5px;
}

a.btn_detail {
display:block;
width: 93px;
height: 24px;
text-indent: -9999px;
text-decoration: none;
}

a.btn_detail:link, a.btn_detail:visited {
background: url("../../img/btn_details_s.gif") left top no-repeat;
}

a.btn_detail:hover, a.btn_detail:active {
background: url("../../img/btn_details_s_h.gif") left top no-repeat;
}

/* ============================================================ main what's New */

#w_new h2 {
width: 620px;
height: 45px;
margin-bottom:5px;
text-indent: -9999px;
text-decoration: none;
background: url("../../img/ttl_w_new.gif") left top no-repeat;
}

#w_new ul {
list-style:none;
}

#w_new li {
padding:4px;
}

#w_new li span {
display:block;
float:left;
width:11em;
}

.bg_dot_btm {
background: url("../../img/dot_line.gif") left bottom no-repeat;
}

/* ============================================================ main information */

#information h2 {
width: 620px;
height: 45px;
margin-bottom:5px;
text-indent: -9999px;
text-decoration: none;
background: url("../../img/ttl_info.gif") left top no-repeat;
}

#information ul {
list-style:none;
}

#information li {
padding:4px;
}

#information li span {
display:block;
float:left;
width:11em;
}

.bg_dot_btm {
background: url("../../img/dot_line.gif") left bottom no-repeat;
}



/* ================================================== inquiryBtn */

.inquiryBtn a {
display:block;
width: 620px;
height: 42px;
margin:30px 0 30px 0;
text-indent: -9999px;
text-decoration: none;
}

.inquiryBtn a:link, .inquiryBtn a:visited {
background:url("../../img/btn_inquiry.gif") left top no-repeat;
}

.inquiryBtn a:hover, .inquiryBtn a:active {
background:url("../../img/btn_inquiry_h.gif") left top no-repeat;
}

/* ================================================== r_navi */

#r_navi {
width:200px;
float:right;}

#bnr_user {
margin-bottom:20px;
}

#bnr_user h3 {
width: 200px;
height: 22px;
margin-bottom:10px;
text-indent: -9999px;
text-decoration: none;
background: url("../../img/title_user.gif") left top no-repeat;
}

#bnr_user a.hover_pro {
display:block;
width: 200px;
height: 60px;
text-indent: -9999px;
text-decoration: none;
}

#bnr_user a.hover_pro:link, #bnr_user a.hover_pro:visited {
background:url("../../img/hover_products.gif") 0 0 no-repeat;
}

#bnr_user a.hover_pro:hover, #bnr_user a.hover_pro:active {
background:url("../../img/hover_products.gif") -200px 0 no-repeat;
}

#bnr_ins {
margin-bottom:20px;
}

#bnr_ins h3 {
width: 200px;
height: 22px;
margin-bottom:10px;
text-indent: -9999px;
text-decoration: none;
background: url("../../img/title_institution.gif") left top no-repeat;
}

#bnr_ins a.hover_ad {
display:block;
width: 200px;
height: 45px;
text-indent: -9999px;
text-decoration: none;
}

#bnr_ins a.hover_ad:link, #bnr_ins a.hover_ad:visited {
background:url("../../img/hover_ad.gif") 0 0 no-repeat;
}

#bnr_ins a.hover_ad:hover, #bnr_ins a.hover_ad:active {
background:url("../../img/hover_ad.gif") -200px 0 no-repeat;
}

#bnr_ins a.hover_i {
display:block;
width: 200px;
height: 45px;
text-indent: -9999px;
text-decoration: none;
}

#bnr_ins a.hover_i:link, #bnr_ins a.hover_i:visited {
background:url("../../img/hover_products_i.gif") 0 0 no-repeat;
}

#bnr_ins a.hover_i:hover, #bnr_ins a.hover_i:active {
background:url("../../img/hover_products_i.gif") -200px 0 no-repeat;
}

#bnr_user p, #bnr_ins p {
margin-bottom:10px;
}

#about_area {
margin-bottom:20px;
}

#about_area h3 {
width: 200px;
height: 22px;
margin-bottom:10px;
text-indent: -9999px;
text-decoration: none;
background: url("../../img/title_about.gif") left top no-repeat;
}

#r_navi p{
font-size:80%;
font-weight:bold;
line-height:150%;
}

#geo{
text-align:center;
}

#geo_txt{
width:170px;
margin:5px auto;
font-size:80%;
}