/*
Theme Name: Smartweblab
Theme URI: http://www.gyousei-hp.com
Description: This theme uses it to GYOUSEI-HP.
Version: 1.0
Author: smart web lab
Author URI: http://www.gyousei-hp.com
*/

*{
   margin:0px;
   padding:0px;
}

body {
  font-size: 83%;
  line-height:150%;
  background: #E9E2A9 url('images/pageback.png') repeat-y 50% 0;
  margin: 0;
  padding: 0;
  text-align:center;
  font-family: 'ＭＳ Ｐゴシック','Osaka','Arial', 'Tahoma', sans-serif;
}

h1{
  margin:1em 0em 0.5em;
  font-size:150%;
  border-bottom:1px solid #eeeeee;
  padding-bottom:3px;
}

h2{
  clear:both;
  margin:3em 0em 1em;
  font-size:125%;
  padding:6px 15px 6px;
  background:url('images/h2-back.png') no-repeat 0 0;
  border:1px solid #eeeeee;
}

h3{
  font-size:110%;
  margin:2em 0em 1em;
  background:#ddeeff;
  padding:3px 7px;
}

h4{
  font-size:105%;
  margin:2em 0em 1em;
}

p{
  margin:0.8em 0em;
}

ul,ol{
  margin:1em 1em;
}

li{
  margin:0.5em 1em;
}

img{
  border:0px;
}

table{
  border-collapse:collapse;
  margin:1em 0em;
}

u{
  background:#ffffaa;
  color:#003366;
}

strong{
  color:#ff0000;
}

#rap{
  width:899px;
  margin:0 auto;
  text-align:left;
  background:#ffffff url('images/rap-back.png') repeat-y 0 0;
}

#rap2{
  width:899px;
  margin:0 auto;
  text-align:left;
  background:#ffffff;
}


/*----------------------------------
  HEADER
-----------------------------------*/

#header{
  position:relative;
  margin:0 auto;
  height:145px;
  padding:0px 20px;
  border-bottom:1px solid #dddddd;
  background:#ffffff;
}

* html body #header{
  padding:0px 20px;
}


#description{
  margin:0px 0px 5px;
  font-size:85%;
  color:#999999;
  border:1px solid #ffffff;
}

#logo{
  font-size:130%;
  margin:0px 0px;
  background:url('images/logo.png') no-repeat 0 0;
  height:80px;
  width:225px;
  text-indent:-9999px;
  border:none !important;
}

#logo a{
  width:100%;
  height:100%;
  display:block;
}

#header-navi{
  position:absolute;
  top:32px;
  right:180px;
}

#header-navi ul{
  margin:0;
}

#header-navi li{
  margin:5px;
  display:inline;
}

#header-navi li a{
  text-decoration:none;
  color:#666666;
}

#header-search{
  position:absolute;
  top:30px;
  right:20px;
  width:170px;
  text-align:right;
}

#header-banner{
  position:absolute;
  top:54px;
  right:20px;
/*  border:1px solid #eeeeee;*/
  width:466px;
  height:60px;
}

* html body #header-search{
  right:20px;
}

* html body #header-banner{
  right:20px;
}



#footer{
  /*margin:40px 10px 0px;*/
  padding:40px 10px 15px;
  clear:both;
  text-align:center;
  background:#ffffff;
}

.footer-navi{
  border-top:1px solid #eeeeee;
  padding-top:1.5em;
  clear:both;
  text-align:center;
  background:#ffffff;
}

.footer-navi ul{
  margin:0;
}

.footer-navi li{
  display:inline;
  margin:0.5em 1em;
}

#footer strong{
  color:#0066ff;
  font-weight:bold;
}

#footer a{
  text-decoration:none !important;
}


.infodate{
  font-size:90%;
  color:#888888;
}


#top-content{
  margin:0px auto 10px;
  width:860px;
  padding-bottom:3em;
}

#top-content h2{
  margin:0px 0px 0.5em;
  border:none;
  padding:0;
}



#top-img{
  position:relative;
  background:url('images/topimage.png') no-repeat 0 0;
  height:264px;
  margin:0px 0px 20px;
  text-indent:-9999px;
  padding:0;
}

/*
#top-img{
  position:relative;
  background:url('images/top-200812.png') no-repeat 0 0;
  height:344px;
  margin:0px 0px 20px;
  text-indent:-9999px;
  padding:0;
}
*/

#top-img p{
  margin:0px;
}

p.bt-gb{
  display:block;
  position:absolute;
  top:290px;
  right:120px;
  height:34px;
  width:325px;
}

p.bt-gb a{
  display:block;
  width:100%;
  height:100%;
}



.top-service{
  height:300px;
}

.top-service h2{
  background:url('images/top-service-header.png') no-repeat 50% 0;
  height:40px;
  text-indent:-9999px;
}

.top-service ul{
  margin:0px;
}

.top-service li{
  display:block;
  list-style:none;
  width:210px;
  height:210px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  float:left;
}

.top-service li a{
  display:block;
  width:100%;
  height:100%;
}

.ts01{
  background:url('images/top-service-hp.png') no-repeat 0 0;
}

.ts02{
  background:url('images/top-service-map.png') no-repeat 0 0;
  margin-left:6px !important;
}

.ts03{
  background:url('images/top-service-search.png') no-repeat 0 0;
  margin-left:6px !important;
}

.ts04{
  background:url('images/top-service-consul.png') no-repeat 0 0;
  margin-left:6px !important;
}



p.concept-link{
  display:block;
  position:absolute;
  top:108px;
  right:60px;
  height:40px;
  width:240px;
}

p.concept-link a{
  display:block;
  width:100%;
  height:100%;
}

/*
p.concept-link{
  display:block;
  position:absolute;
  top:230px;
  left:40px;
  height:40px;
  width:240px;
}

p.concept-link a{
  display:block;
  width:100%;
  height:100%;
}
*/


.top-box{
  float:left;
  margin:10px 10px;
  width:250px;
  height:270px;
  border:1px solid #eeeeee;
}

.top-news{
  float:left;
  width:420px;
}

.top-news ul{
  margin:10px 0;
}

.top-news li{
  margin:0.5em 0em;
  padding-left:18px;
  background:url('images/menu-allow.png') no-repeat 0px 6px;
  list-style:none;
}


.top-pickup{
  float:right;
  width:420px;
  margin-bottom:30px;
}

.header-news-top{
  clear:both;
  background:url('images/header-news-top.png') no-repeat 0 0;
  height:28px;
  text-indent:-9999px;
}

.header-pickup-top{
  clear:both;
  background:url('images/header-pickup-top.png') no-repeat 0 0;
  height:28px;
  text-indent:-9999px;
  margin:2em  0em 1em !important;

}

#content{
  width:610px;
  float:left;
  margin:10px 0px 0px 20px;
}

*html body #content{
  margin:10px 0px 0px 10px;
}

.section{
  margin:0px 0px 40px;
  padding-bottom:4em;
}


#content2{
  width:760px;
  margin:10px auto;
}

#pankuzu{
  font-size:90%;
  margin:0 0 1em;
}

.copy{
  color:#ff0000;
  font-size:120%;
  font-weight:bold;
}


/*-------------------------------------
  MENU
---------------------------------------*/

#menu{
  width:250px;
  float:right;
  padding-bottom:5em;
  padding-top:15px;
  background:#f6f6f6;
  margin:0px 0px 0px;
}

* html body #menu{
}

.menu-bt{
  text-align:center;
  margin:7px 0px;
}

.menu-p{
  width:190px;
  margin:7px auto;
}


#menu h2{
  padding:0 !important;
  border:none !important;
  font-size:110%;
  margin:0 !important;
}

.service-menu{
  width:220px;
  margin:0px auto 15px;
  background:#ffffff url('images/service-menu-back.png') no-repeat 0 bottom;
  padding-bottom:10px;
}

.service-menu ul{
  margin:0px !important;
}

.service-menu li{
  margin:0px 1px !important;
  border-bottom:1px solid #eeeeee;
  padding:6px 3px 6px 24px;
  list-style:none;
  background:url('images/menu-allow.png') no-repeat 7px 50%;
}

.service-menu li a{
  text-decoration:none;
}

.menu-header-hp{
  background:url('images/menu-header-hp.png') no-repeat 0 0;
  height:60px;
  text-indent:-9999px;
}

.menu-hp-result{
  width:200px;
  margin:5px auto;
  text-align:center;
  padding:5px 0px;
}

.menu-hp-result h3{
  margin:5px 0px 10px !important;
}

.menu-header-map{
  background:url('images/menu-header-map.png') no-repeat 0 0;
  height:60px;
  text-indent:-9999px;
}

.menu-header-search{
  background:url('images/menu-header-search.png') no-repeat 0 0;
  height:60px;
  text-indent:-9999px;
}

.menu-header-consul{
  background:url('images/menu-header-consul.png') no-repeat 0 0;
  height:60px;
  text-indent:-9999px;
}

.menu-melmaga{
  border:1px solid #eeeeee;
  background:#ffffff;
  width:220px;
  margin:1em auto;
  text-align:center;
}

.menu-melmaga h2{
  margin:0;
  background:url('images/menu-header-melmaga.png') no-repeat 50% 0;
  text-indent:-9999px;
  height:80px;
}

.menu-melmaga form{
  margin:10px;
}

.menu-melmaga p{
  font-size:90%;
}

.menu-bn{
  text-align:center;
  margin:10px 0px;
}

.menu-service-header{
  text-indent:-9999px;
  background:url('images/servicelineup.png') no-repeat 50% 0;
  height:45px;
}


/*----------------------------------
PAGEFOOTER
------------------------------------*/

.category-top-header{
  text-indent:-9999px;
  background:url('images/category-top-header.png') no-repeat 50% 0;
  height:50px;
}

.pagefooter{
  clear:both;
  margin:0 auto 0px;
  font-size:95%;
  padding:2em 20px 0px;
  border-top:1px solid #eeeeee;
  background:#ffffff;
  height:900px;
}

* html body .pagefooter{
  pading:2em 20px 0px;
}

.pflist{
 font-size:95%;
 padding-left:18px;
 background:url('images/pflist-allow.png') no-repeat 0px 50%;
}

.pflist a{
  color:#666666;
  text-decoration:none;
}



.pagefooter h2{
  margin:0em 0em 0.5em;
  padding:0 0 3px !important;
  border:none !important;
  border-bottom:1px solid #666666!important;
  font-size:110%;
  background:none;
  height:auto;
}

}

.pagefooter h2 a{
  text-decoration:none;
  color:#000000;
}


.contents-box{
  float:left;
  margin:10px 0px;
  width:270px;
  height:300px;
}

.lmbox{
  margin-left:20px;
}

* html body .lmbox{
  margin-left:12px;
}

.contents-box ul{
  margin:0px 0px;
  clear:both;
}

.contents-box li{
  margin:0.5em 0em;
  padding-left:18px;
  background:url('images/menu-allow.png') no-repeat 0px 6px;
  list-style:none;
}




.newicon{
  color:#ff0000;
  font-size:80%;
  margin:0em 0.5em;
}

.pagetop{
  margin:3em;
  text-align:center;
  font-size:90%;
}

.pagetop a{
  text-decoration:none;
}

.adwords{
  text-align:center;
  font-size:90%;
  margin:3em 0em;
}

.pagefooterimg{
  float:left;
  margin:0px 10px 10px 0px;
  width:60px;
  height:60px;
  background:#eeeeee;
}

#top-news{
  margin:10px 0px;
}

#top-service-hp{
  border:1px solid #eeeeee;
  padding:10px 20px;
  margin:30px 0px 0px;
}

#top-service-search{
  border:1px solid #eeeeee;
  padding:10px 20px;
}

#top-service-consul{
  border:1px solid #eeeeee;
  padding:10px 20px;
  margin:10px 0px;
}

#top-service-map{
  border:1px solid #eeeeee;
  padding:10px 20px;
  margin:10px 0px;
}


/*------------------------------
  LS_POPUP STYLES
-------------------------------*/

#popup_rap{
  width:740px;
  margin:0 auto;
  text-align:left;
  background:#ffffff;
}

#popup_header{
  margin:0 auto;
  height:110px;
  background:url('images/ls-header-back.png') no-repeat 0 0;
}

#logo-popup{
  text-indent:-9999px;
  float:right;
  background:url('images/lspage-logo.png') no-repeat 0 0;
  height:46px;
  width:162px;
  margin:15px 15px 0 0;
}

#logo-popup a{
  display:block;
  width:100%;
  height:100%;
}


#ls_popup{
  width:680px;
  margin:0px auto 100px;
}

#ls_popup h2#pr{
  margin:0 0 1em;
}

#ls_popup h2{
  background:url('images/ls-h2-back.png') no-repeat 0 0;
  height:34px !important;
  padding:5px 20px;
  border:0px #ffffff
}

#popup_footer{

}

#ls_popup_pr{

}

#ls_popup_pr_short{
  float:left;
  width:460px;
}

#pr-photo-area{
  width:200px;
  float:right;
  text-align:center;
}

#pr-photo-area img{
  border:1px solid #eeeeee;
  padding:5px;
  margin:7px 0px;
}


.ls_photo{
  float:left;
  margin:0px 15px 10px 0px;
  border:1px solid #eeeeee;
  padding:5px;
}


.ls_photo2{
  float:right;
  margin:0px 0px 10px 15px;
  border:1px solid #eeeeee;
}

#ls_map{
  border:1px solid #eeeeee;
  margin:5px;
  padding:5px;
}


#popup_menu{
  height:30px;
  background:#006699;
  margin:0px 0px 30px;
}

#popup_menu ul{
  margin:0;
  height:32px;
}

#popup_menu li{
  float:left;
  text-indent:-9999px;
  height:32px;
  margin:0 !important;
  display:block;
}

#popup_menu li a{
  display:block;
  width:100%;
  height:100%;
}

.pm01{
  background:url('images/lsm01.png') no-repeat 0 0;
  width:104px;
}

.pm02{
  background:url('images/lsm02.png') no-repeat 0 0;
  width:102px;
}

.pm03{
  background:url('images/lsm03.png') no-repeat 0 0;
  width:154px;
}

.pm04{
  background:url('images/lsm04.png') no-repeat 0 0;
  width:127px;
}

.pm05{
  background:url('images/lsm05.png') no-repeat 0 0;
  width:153px;
}

.pm06{
  background:url('images/lsm06.png') no-repeat 0 0;
  width:100px;
}


h1#ls_office_name{
  font-size:200% !important;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS PGothic",sans-serif !important;
  border:none;
  clear:both;
  margin:10px 20px 0 ;
}

h1#ls_office_name a{
  text-decoration:none;
  color:#000000;
}

.popup_cap{
  float:left;
  display:block;
  margin:0px 40px 30px 10px;
}

.popup-contact{
  clear:both;
  margin:3em 0em;
  text-align:center;
}

/*-------------------------------
TABLE STYLE
--------------------------------*/

table .basic-table{
  border:1px solid #cccccc;
}

.basic-table th{
  padding:7px 10px;
  border:1px solid #dddddd;
  background:#ddeeff;
}

.basic-table td{
  padding:5px 10px;
  border:1px solid #dddddd;
}


/*---------------------------
 FORM
-----------------------------*/
.required {
	color: #ff3300;
	font-size:80%;
}

.error
{
	color: #c33;
	padding:0em;
	margin:0em;
	
}

.form-area ul{
  margin:1em 2em;
}

.form-area li{
	display:inline;
	padding:10px;
}

.button{
  margin:10px;
  text-align:center;
}

div.form-area{
	margin:10px 30px;
         padding-bottom:4em;
}


.form-table th{
	border-top:1px dotted #cccccc;
        border-bottom:1px dotted #cccccc;
	background:#F5F5E1;
	padding:10px 15px;
	width:30%;
}

.form-table td{
	border-top:1px dotted #cccccc;
        border-bottom:1px dotted #cccccc;
	padding:10px 0px 10px 15px;
}

.memo{
  color:#009966;
  font-size:90%;
}

.example{
  color:#666666;
  font-size:88%;
}


/*---------------------------------------
POST_NAVIGATION
-----------------------------------------*/

.navigation{
  margin:50px 0px 20px;
  font-size:90%;
  height:30px;
}

.prev{
   display:block;
   float:left;
   clear:left;
   padding-left:18px;
   background:url('images/link-icon2.png') no-repeat 0 50%;
}

.next{
   display:block;
   float:right:
   clear:right;
   text-align:right;
   padding-right:18px;
   background:url('images/link-icon.png') no-repeat right 50%;
}


.link-back-list{
  clear:both;
  padding:3em 0 ;
  text-align:center;
}


/*--------------------------------
CATEGORY_STYLE
---------------------------------*/

ul.category-list{
  margin:2em 0 !important;
  margin-bottom:4em;
}

.category-list li{
  border-bottom:1px dotted #eeeeee;
  padding-bottom:1em;
  margin:0.5em 0;
}

.category-list li h2{
  border:0 !important;
  background:none !important;
  padding:0 !important;
  margin:1em 0em;
}

.category-description{
  background:#fafafa;
  margin:0 0 1em;
  padding:7px 15px;
}

#category-header-column{
  height:220px;
  background:url('images/category-header-column.png') no-repeat 0 0;
  margin:0em 0em 0em;
  font-size:200%;
  font-weight:bold;
  vertical-align:middle;
  text-indent:-9999px;
}

#category-header-column-s{
  height:80px;
  background:url('images/category-header-column-s.png') no-repeat 0 0;
  margin:0em 0em 0em;
  font-size:200%;
  font-weight:bold;
  vertical-align:middle;
  text-indent:-9999px;
}



#category-header-eigyo{
  height:220px;
  background:url('images/category-header-eigyo.png') no-repeat 0 0;
  margin:0em 0em 0em;
  text-indent:-9999px;
  font-size:200%;
  font-weight:bold;
  vertical-align:middle;
}

#category-header-eigyo-s{
  height:80px;
  background:url('images/category-header-eigyo-s.png') no-repeat 0 0;
  margin:0em 0em 0em;
  text-indent:-9999px;
  font-size:200%;
  font-weight:bold;
  vertical-align:middle;
}


#category-header-webdesign{
  height:220px;
  background:url('images/category-header-webdesign.png') no-repeat 0 0;
  margin:0em 0em 0em;
  font-size:200%;
  font-weight:bold;
  vertical-align:middle;
  text-indent:-9999px;
}

#category-header-webdesign-s{
  border:1px solid #eeeeee;
  height:80px;
  background:url('images/category-header-webdesign-s.png') no-repeat 0 0;
  margin:0em 0em 0em;
  font-size:200%;
  font-weight:bold;
  vertical-align:middle;
  text-indent:-9999px;
}

#category-header-ready{
  height:220px;
  background:url('images/category-header-ready.png') no-repeat 0 0;
  margin:0em 0em 0em;
  font-size:200%;
  font-weight:bold;
  vertical-align:middle;
  text-indent:-9999px;
}

#category-header-ready-s{
  height:80px;
  background:url('images/category-header-ready-s.png') no-repeat 0 0;
  margin:0em 0em 0em;
  font-size:200%;
  font-weight:bold;
  vertical-align:middle;
  text-indent:-9999px;
}

#category-header-exam{
  height:220px;
  background:url('images/category-header-exam.png') no-repeat 0 0;
  margin:0em 0em 0em;
  font-size:200%;
  font-weight:bold;
  vertical-align:middle;
  text-indent:-9999px;
}

#category-header-exam-s{
  height:80px;
  background:url('images/category-header-exam-s.png') no-repeat 0 0;
  margin:0em 0em 0em;
  font-size:200%;
  font-weight:bold;
  vertical-align:middle;
  text-indent:-9999px;
}

#category-header-question{
  height:220px;
  background:url('images/category-header-question.png') no-repeat 0 0;
  margin:0em 0em 0em;
  font-size:200%;
  font-weight:bold;
  vertical-align:middle;
  text-indent:-9999px;
}

#category-header-question-s{
  height:80px;
  background:url('images/category-header-question-s.png') no-repeat 0 0;
  margin:0em 0em 0em;
  font-size:200%;
  font-weight:bold;





  vertical-align:middle;
  text-indent:-9999px;
}

#category-header-news{
  height:60px;
  background:#eeeeee;
  margin:0em 0em 0em;
  font-size:200%;
  font-weight:bold;
  vertical-align:middle;
}

/*------------------------
PAGE HEADER STYLE
-------------------------*/

#hp-page-header{
  height:80px;
  background:url('images/service-hp-header.png') no-repeat 0 0;
  text-indent:-9999px;
  margin:0em 0em 0em;
  font-size:200%;
  font-weight:bold;
  vertical-align:middle;
}

#map-page-header{
  height:80px;
  background:url('images/service-map-header.png') no-repeat 0 0;
  text-indent:-9999px;
  margin:0em 0em 0em;
  font-size:200%;
  font-weight:bold;
  vertical-align:middle;
}

#search-page-header{
  height:80px;
  background:url('images/service-search-header.png') no-repeat 0 0;
  text-indent:-9999px;
  margin:0em 0em 0em;
  font-size:200%;
  font-weight:bold;
  vertical-align:middle;
}

#consul-page-header{
  height:80px;
  background:url('images/service-consul-header.png') no-repeat 0 0;
  text-indent:-9999px;
  margin:0em 0em 0em;
  font-size:200%;
  font-weight:bold;
  vertical-align:middle;
}

.result-list-section{
  clear:both;
  margin-bottom:2em;
  padding-bottom:15px;
}

.senmonka-voice{
  border:1px solid #eeeeee;
  padding:15px 20px;
  background:#fdfeff;
}



/*---------------------------------------
   SEARCH STYLE
------------------------------------------*/

.profile{
  border-bottom:1px dotted #dddddd;
  margin:1em 0em 2em;
}

.profile-buttons{
  text-align:center;
  clear:both;
  padding-bottom:20px;
}

.profile-buttons form{
  display:inline;
}




.profile-photo{
  float:left;
  border:1px solid #eeeeee;
  padding:5px;
  margin:15px 15px 15px 0px;
}

.profile h3{
  margin:0;
}

table.profile-table{
  width:450px;
  float:right;
  margin:15px 5px 15px 0px;
  border:1px solid #cccccc;
}

.profile-table th{
  border:1px solid #dddddd;
  background:#eeeeee;
  padding:5px 10px;
}

.profile-table td{
  border:1px solid #dddddd;
  background:#ffffff;
  padding:5px 10px;
}

#search-map-area{
  text-align:center;
  margin:10px 0px;
  position:relative;
}

#popup-links{
 position:absolute;
 top:30px;
 left:180px;
 width:340px;
 display:block;
 text-align:left;
 padding:10px !important;
}

#popup-links h3{
 margin:0em 0em 1em;
 text-align:center !important;
 background:none !important;
}


.close-window{
clear:both;
display:block;
cursor:pointer;
text-align:center;
margin:1em 0em 1em;
font-size:90%;
color:#666666;
}

.arealist{
  margin:15px 0px ;
}

.arealist li{
  font-size:90%;
  display:block;
  width:50px;
  margin:4px;
  float:left;
  background:url('images/menu-allow.png') no-repeat 0 50%;
  padding-left:18px;
  list-style:none;
}

#area-1{
  position:absolute;
  top:0px;
  left:0px;
  padding:14px;
  background:#ffffff;
  border:1px solid #0066ff;
}


#area-2{
  position:absolute;
  top:0px;
  left:0px;
  padding:14px;
  background:#ffffff;
  border:1px solid #0066ff;
  z-index:10;
}


#area-3{
  position:absolute;
  top:0px;
  left:0px;
  padding:14px;
  background:#ffffff;
  border:1px solid #0066ff;
}

#area-4{
  position:absolute;
  top:0px;
  left:0px;
  padding:14px;
  background:#ffffff;
  border:1px solid #0066ff;
}

#area-2{
  position:absolute;
  top:0px;
  left:0px;
  padding:14px;
  background:#ffffff;
  border:1px solid #0066ff;
}


#area-5{
  position:absolute;
  top:0px;
  left:0px;
  padding:14px;
  background:#ffffff;
  border:1px solid #0066ff;
}
#area-6{
  position:absolute;
  top:0px;
  left:0px;
  padding:14px;
  background:#ffffff;
  border:1px solid #0066ff;
}

#area-7{
  position:absolute;
  top:0px;
  left:0px;
  padding:14px;
  background:#ffffff;
  border:1px solid #0066ff;
}

#area-8{
  position:absolute;
  top:0px;
  left:0px;
  padding:14px;
  background:#ffffff;
  border:1px solid #0066ff;
}

#area-9{
  position:absolute;
  top:0px;
  left:0px;
  padding:14px;
  background:#ffffff;
  border:1px solid #0066ff;
}


.no-list-message{
  border:1px solid #ff0000;
  padding:3em;
  background:#ffeeee;
  text-align:center;
}

.search-area-list{
  clear:both;
  margin:3em 0em;

}


.search-area-list ul li{
  border-bottom:1px dotted #dddddd !important;
  margin:0.5em;
  list-style:none;
  display:block;
}

.search-area-list li strong{
  color:#000000 !important;
}


/*----------------------------------------
COMMON
-----------------------------------------*/

ol.flow li{
  background:url('images/allow-flow.png') no-repeat 13% bottom;
  padding-bottom:34px;
  margin:0.7em 1em;
}

ol.flow li strong{
  color:#0066ff;
}

ol.flow li.none{
  background:none;
}

.answer{
  color:#ff0000;
}

.faq h2{
  background:url('images/question.png') no-repeat 0 0;
  padding:10px 0px 10px 80px;
  margin:0.5em 0em 0em;
  height:2.5em;
}

.faq-answer{
  background:url('images/answer.png') no-repeat 0 0px;
  padding:15px 0px 40px 80px;
}

.faq p.ans{
  margin-left:1em;
}


.hp-top-result li{
  width:275px;
  float:left;
  margin:10px 10px 10px 0px;
  list-style:none;
}

.bt-area{
  text-align:center;
  margin:3em 0em;
}


.link-style{
  padding-left:18px;
  background:url('images/link-icon.png') no-repeat 0px 50%;
}

.search-word{
  border:2px solid #006699;
  background:#ffffcc;
  padding:10px 30px;
}


ul.checklist{
}

.checklist li{
  list-style:none;
  background:url('images/checklist-icon.png') no-repeat 0 4px;
  padding-left:18px;
  margin:0.5em 0em;
}

.swl-msg{
  background:#ffffcc;
  color:#003366;
  padding:10px 15px;
  margin:2em 0em;
}

.map-list li{
  margin:1em 0em 2em;
  padding-bottom:1.5em;
  clear:both;
  list-style:none;
}

.map-list a{
  border:none;
  color:#006699;
  text-decoration:none !important;
}

.map-list a strong{
  color:#006699;
}



.top-pr-area{
  margin:2em 0em 0;
}

.top-pr-area h2{
  background:url('images/kit-header.png') no-repeat 0 0;
  height:52px;
  text-indent:-9999px;
}

.top-pr-area ul{
  margin:0em 0em !important;
}

.top-pr-area li{
  width:190px;
  float:left;
  display:block;
  padding-left:16px;
  background:url('images/link-icon.png') no-repeat 0px 50%;
  margin:0.3em 0em !important;
  font-size:90%;
}

.top-pr-area h3{
  clear:both;
  font-size:100%;
  padding:0 !important;
  background:none !important;
  margin:0.5em 0em 0.1em;
}



.top-melmaga{
  border:1px solid #eeeeee;
}

.top-melmaga h2{
  background:#ff3300 !important;
  color:#ffffff;
  text-align:center;
  height:auto !important;
  font-size:100%;
}

.top-melmaga h3{
  margin:0.5em !important;
  background:url('images/top-melmaga.png') no-repeat 50% 0;
  text-indent:-9999px;
  height:30px;
}

.top-melmaga form{
  margin:10px 20px;
  text-align:center;
  padding:10px 10px;
  background:#ffffcc;
}

.top-melmaga p{
  margin:0.5em 1em;
}


ul .withness_link{
  margin:0.5em 0em !important;
}

.withness_link li{
  display:inline;
  margin:0.5em 1em 0.5em 0em !important;
}