@charset "utf-8";
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Reset
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
body{margin:0;padding:0;background-color:#f5f5f5;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:small;}
ul,ol,li,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	module
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a{color:#0066AA;text-decoration:underline;}
a:hover{color:#0066AA;text-decoration:none;}
.link_01{background:url("/img/icon_arrow_01.gif") no-repeat scroll 0 center transparent;padding-left:13px;}
.link_02{background:url("/img/icon_arrow_02.gif") no-repeat scroll 0 center transparent;padding-left:10px;}
.link_021{background:url("/img/icon_arrow_02.gif") no-repeat 0 20% transparent; padding-left:10px;}


.clearfix{display:inline-block;}
.clearfix:after{content:".";line-height:0;display:block;height:0;visibility:hidden;clear:both;}
/* \*/ * html .clearfix{height:1%;}.clearfix{display:block;}/* */ 

.fleft{float:left !important;}
.fright{float:right !important;}
.clear{clear:both !important;}

.tx_left{text-align:left !important;}
.tx_right{text-align:right !important;}
.tx_center{text-align:center !important;}
.bold{font-weight:bold !important ;}
.txS{font-size:x-small !important;}

.mtop10{margin-top:10px !important;}
.mtop15{margin-top:15px !important;}
.mtop20{margin-top:20px !important;}
.mtop30{margin-top:30px !important;}

.mbtm5{margin-bottom:5px !important;}
.mbtm10{margin-bottom:10px !important;}
.mbtm15{margin-bottom:15px !important;}
.mbtm20{margin-bottom:20px !important;}
.mbtm30{margin-bottom:30px !important;}

.ptop10{padding-top:10px !important;}
.ptop20{padding-top:20px !important;}
.ptop30{padding-top:30px !important;}

.pbtm10{padding-bottom:10px !important;}
.pbtm20{padding-bottom:20px !important;}
.pbtm30{padding-bottom:30px !important;}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	contents-mainColumn
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#guide{color:#333333 !important;font:small "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;line-height:1.5;}
#mainColumn{width:648px;float:left;margin-top:8px;}
#subColumn{width:214px;float:right;margin-top:8px; padding: 5px; background-color:#EBECF8;}
#mainColumn888{width:888px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	guide_header
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#guide_header { position: relative; width: 888px; height:37px;}
#guide_header h1.guide_h1 { position:absolute; top: 0px; left: 0;}
#guide_header .freeword {position: absolute; right: 180px; top:8px;}
#guide_header .guide_search{position:absolute; width: 450px; right: 0; text-align:right; top: 8px !important;}

#guide_header .freeword_text{ position:absolute; top: 23px; right: 2px; font-size:x-small;color:#999999; z-index: auto;}

#guide_header .margin_a { position: absolute; right: 100px; top: -26px; width: 55px;} 
#guide_header .margin_b { position: absolute; right: 29px; top: -26px; width: 60px;} 
#guide_header .margin_c { position: absolute; right: 0; top: -26px; width: 20px;}

#columnHead {width:648px;}

div.atop_a {text-align: right; font-size: small;}


/*=================================================
	swapimage
=================================================*/
#swapimage { width: 888px; padding: 4px; background:url("/guide/img/guide_index_top_bg.jpg") no-repeat scroll left top transparent; min-height: 196px; height: 196px;}
/*img*/
#swapimage  #swapimg{ height: 113px; width: 881px; background: url("/guide/img/img_top01.jpg") no-repeat 0px 0px; margin-bottom: 2px;} 
/*#swapimage  #swapimg{ height: 113px; width: 880px; background: url("/guide/img/img_top01.jpg") no-repeat 0px 0px; margin-bottom: 2px;} */

/*menu*/
#swapimage .mainmenu h4 { float: left;}
/*#swapimage .mainmenu h4 a {	height: 36px; width: 146px; text-indent: -9999px; display: block;}
#swapimage .mainmenu h4 a.sp {	height: 36px; width: 293px; text-indent: -9999px; display: block;}*/
#swapimage .mainmenu h4 a {	height: 37px; width: 146px; text-indent: -9999px; display: block;}
#swapimage .mainmenu h4 a.sp {	height: 37px; width: 146px; text-indent: -9999px; display: block;}


/*1段目*/
/*#swapimage .mainmenu h4#menu1 a { background: url(/guide/img/swapbtn_01.gif) no-repeat 0px 0px;}
#swapimage .mainmenu h4#menu2 a { background: url(/guide/img/swapbtn_01.gif) no-repeat -147px 0px;}
#swapimage .mainmenu h4#menu3 a { background: url(/guide/img/swapbtn_01.gif) no-repeat -294px 0px;}
#swapimage .mainmenu h4#menu4 a { background: url(/guide/img/swapbtn_01.gif) no-repeat -441px 0px;}
#swapimage .mainmenu h4#menu5 a { background: url(/guide/img/swapbtn_01.gif) no-repeat -588px 0px;}
#swapimage .mainmenu h4#menu6 a { background: url(/guide/img/swapbtn_01.gif) no-repeat -734px 0px;}*/

#swapimage .mainmenu h4#menu1 a { background: url(/guide/img/swapbtn_04_off.gif) no-repeat 0px 0px;}
#swapimage .mainmenu h4#menu2 a { background: url(/guide/img/swapbtn_04_off.gif) no-repeat -147px 0px;}
#swapimage .mainmenu h4#menu3 a { background: url(/guide/img/swapbtn_04_off.gif) no-repeat -294px 0px;}
#swapimage .mainmenu h4#menu4 a { background: url(/guide/img/swapbtn_04_off.gif) no-repeat -441px 0px;}
#swapimage .mainmenu h4#menu5 a { background: url(/guide/img/swapbtn_04_off.gif) no-repeat -588px 0px;}
#swapimage .mainmenu h4#menu6 a { background: url(/guide/img/swapbtn_04_off.gif) no-repeat -734px 0px;}


/*2段目*/
/*#swapimage .mainmenu h4#menu7 a { background: url(/guide/img/swapbtn_01.gif) no-repeat 0px -36px;} 
#swapimage .mainmenu h4#menu8 a { background: url(/guide/img/swapbtn_01.gif) no-repeat -147px -36px;}
#swapimage .mainmenu h4#menu9 a { background: url(/guide/img/swapbtn_01.gif) no-repeat -294px -36px;}
#swapimage .mainmenu h4#menu10 a.sp { background: url(/guide/img/swapbtn_01.gif) no-repeat -441px -36px;}*/

#swapimage .mainmenu h4#menu7 a { background: url(/guide/img/swapbtn_04_off.gif) no-repeat 0px -37px;} 
#swapimage .mainmenu h4#menu8 a { background: url(/guide/img/swapbtn_04_off.gif) no-repeat -147px -37px;}
#swapimage .mainmenu h4#menu9 a { background: url(/guide/img/swapbtn_04_off.gif) no-repeat -294px -37px;}
#swapimage .mainmenu h4#menu10 a { background: url(/guide/img/swapbtn_04_off.gif) no-repeat -441px -37px;}
#swapimage .mainmenu h4#menu11 a { background: url(/guide/img/swapbtn_04_off.gif) no-repeat -588px -37px;}
#swapimage .mainmenu h4#menu12 a.sp { background: url(/guide/img/swapbtn_04_off.gif) no-repeat -734px -37px;}
.swap_b01 { margin-left: 1px;}


/* ↓20120426追加↓ */
/*1段目*/
#swapimage .mainmenu h4#menu1 a:hover { background: url(/guide/img/swapbtn_04_on.gif) no-repeat 0px 0px;}
#swapimage .mainmenu h4#menu2 a:hover { background: url(/guide/img/swapbtn_04_on.gif) no-repeat -147px 0px;}
#swapimage .mainmenu h4#menu3 a:hover { background: url(/guide/img/swapbtn_04_on.gif) no-repeat -294px 0px;}
#swapimage .mainmenu h4#menu4 a:hover { background: url(/guide/img/swapbtn_04_on.gif) no-repeat -441px 0px;}
#swapimage .mainmenu h4#menu5 a:hover { background: url(/guide/img/swapbtn_04_on.gif) no-repeat -588px 0px;}
#swapimage .mainmenu h4#menu6 a:hover { background: url(/guide/img/swapbtn_04_on.gif) no-repeat -734px 0px;}

/*2段目*/
#swapimage .mainmenu h4#menu7 a:hover { background: url(/guide/img/swapbtn_04_on.gif) no-repeat 0px -37px;} 
#swapimage .mainmenu h4#menu8 a:hover { background: url(/guide/img/swapbtn_04_on.gif) no-repeat -147px -37px;}
#swapimage .mainmenu h4#menu9 a:hover { background: url(/guide/img/swapbtn_04_on.gif) no-repeat -294px -37px;}
#swapimage .mainmenu h4#menu10 a:hover { background: url(/guide/img/swapbtn_04_on.gif) no-repeat -441px -37px;}
#swapimage .mainmenu h4#menu11 a:hover { background: url(/guide/img/swapbtn_04_on.gif) no-repeat -588px -37px;}
#swapimage .mainmenu h4#menu12 a.sp:hover { background: url(/guide/img/swapbtn_04_on.gif) no-repeat -734px -37px;}
.swap_b01 { margin-left: 1px;}



/*=================================================
	Box01
=================================================*/
.contsBox01{
	width:648px;
	background:url("/guide/img/guide_index_new_bg.gif") no-repeat scroll right top transparent;
	min-height:141px;
	height:auto !important;
	height:141px;
	margin-bottom: 18px;
	}
	.contsBox01 h2 {float: left; width: 34px; display:block;}
	.contsBox01Inner{float: right; width: 585px; padding:10px 15px 10px 10px;}
	
	.contsBox01 dl.guide_new{ width: 585px; padding-bottom: 7px;}
	.contsBox01 dl.guide_new dd.guide_sn { float: left; margin: 0 10px 10px 0; width: 60px; height: 60px; min-height: 60px; border:#d6d7d9 solid 1px; padding:1px;}
	.contsBox01 dl.guide_new dd.lead { font-size: x-small; line-height: 1.4;}
	.contsBox01 dl.guide_new dd.new { background:url("/guide/img/icon_new01.gif") no-repeat scroll 149px 4px transparent;}
	.contsBox01 dl.guide_new dd.notice { background:url("/guide/img/icon_notice02.gif") no-repeat scroll 149px 4px transparent;}
	
	.contsBox01 dl.guide_new dd.dd_text_b { font-weight: bold; margin-bottom: 3px; font-size: small;}
	
	.contsBox01 dt{ padding-bottom:3px; width: 75px;float: left; text-align: left;}
	
	.contsBox01 dl.g_wide{float:right;width:585px;}
	.contsBox01 dl.g_wide dd.dd_text_b { font-weight: bold; margin-bottom: 3px; font-size: small;}
	.contsBox01 dl.g_wide dd.new { background:url("/guide/img/icon_new01.gif") no-repeat scroll 75px 3px transparent;}
	.contsBox01 dl.g_wide dd.notice { background:url("/guide/img/icon_notice02.gif") no-repeat scroll 75px 3px transparent;}
	
	.m_aa {margin-left: 38px;}
	
	.contsBox01 dd{font-size:x-small;}
	.contsBox01 dd.font_szi{font-size:small !important;}

	.img_bdr{ border:#d6d7d9 solid 1px; padding:1px;}

/*=================================================
	Box02
=================================================*/

.contsBox02Inner{width: 624px; padding:10px 12px; background:url("/guide/img/guide_index_648bg.gif") no-repeat scroll left bottom transparent;}
.contsBox02Inner .contsBox02Inner_left{width:300px;float:left; margin-right: 23px;}
.contsBox02Inner .contsBox02Inner_right{width:300px;float:right;}
.contsBox02Inner li{background: url("/img/icon_arrow_01.gif") no-repeat left center; padding-left: 15px; margin-bottom: 1px;}
.contsBox02Inner li.new span{background:url("/guide/img/icon_new02.gif") no-repeat scroll right center transparent;padding-right:25px;}

.more_right { text-align: right; background: url("/img/icon_arrow_02.gif") no-repeat 85% 93%; text-align: right;}
.more_right02 { text-align: right; background: url("/img/icon_arrow_02.gif") no-repeat 85% 80%; text-align: right;}
.more_right03 { text-align: right; background: url("/img/icon_arrow_02.gif") no-repeat 89% 55%; text-align: right;}
/*=================================================
	Box03
=================================================*/

.contsBox03Inner{width: 864px; padding:10px 12px; background:url("/guide/img/guide_index_888bg.gif") no-repeat scroll left bottom transparent;}
.contsBox03Inner ul{ width: 876px; margin: 0 -12px 0 0; overflow: hidden; _zoom: 1;}
.contsBox03Inner li{ width: 208px; padding: 0; margin-right: 11px; float: left; }
.contsBox03Inner dt{ width: 204px; height: 62px; min-height: 62px;}
.contsBox03Inner dd.text_02 { font-size: small; line-height: 1.3; margin: 3px 0 0 0;}
.contsBox03Inner dd.text_02_2 { font-size: small; line-height: 1.3; margin: 1px 0 0 0;}
.contsBox03Inner dd.text_03 { font-size: x-small; line-height: 1.3; margin: 3px 0 0 0;}
.contsBox03Inner dd.new span{background:url("/guide/img/icon_new02.gif") no-repeat scroll right center transparent;padding-right:25px;}

.contsBox03Inner .list_specialty_b { background:url("/guide/img/guide_index_dotline.gif") repeat-x scroll left top transparent; padding: 6px 0 0 0; }
.contsBox03Inner .list_specialty_b .s_left {float:left; width: 200px; text-align: left; }
.contsBox03Inner .list_specialty_b .s_right { float: right; width: 620px;}
.contsBox03Inner .list_specialty_b .s_right ul.list_specialty { width: 620px;}
.contsBox03Inner .list_specialty_b .s_right ul.list_specialty li {display: inline; width: auto; text-align: left; font-size: small; background:url("/img/icon_arrow_01.gif") no-repeat scroll 0 45% transparent; padding-left: 13px; margin-right: 20px;}


/*=================================================
	Box04
=================================================*/
.contsBox04Inner{width: 864px; padding:10px 12px; background:url("/guide/img/guide_index_888bg.gif") no-repeat scroll left bottom transparent;}
.contsBox04Inner ul{ width: 876px; margin: 0 -11px 0 0; overflow: hidden; _zoom: 1;}
.contsBox04Inner li{ width: 164px; padding: 0; margin-right: 10px; float: left; }
.contsBox04Inner .usefulBoxInner{width:164px;}
.contsBox04Inner .useful_tit{padding-bottom:5px;margin-bottom: 5px; background:url("/guide/img/guide_index_shindan_line.gif") no-repeat scroll left bottom transparent;padding-left: 1em; text-indent: -0.9em; line-height: 1.3;}
.contsBox04Inner .useful_tit span{background:url("/img/icon_arrow_02.gif") no-repeat scroll left center transparent;padding-left:10px; }

.contsBox04Inner .usefulContents p.usConttxt{float:right;width:100px;padding-top:5px; line-height: 1.3; font-size: x-small;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	contents-subColumn
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#subColumn .soudankai{margin:0px 0px 20px;}
	#subColumn .soudankai dd{font-size:x-small;text-align:left;padding:3px 16px 0;}
	#subColumn .soudankai span.letterS{color:#F14D22;}
#subColumn .btn_pd { padding-left: 4px;}	
#subColumn .phi .phiInner { margin-bottom:10px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	footer
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#pagetop{
	margin:0 38px 10px;
	text-align:right;
}
	#pagetop p{
		font-size:x-small;
	}
	
	#pagetop a{
		background:url("/img/icon_arrow_03.gif") no-repeat scroll 0 50% transparent;
		display:inline-block;
		padding-left:13px;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	検索フォーム用CSS
	~
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#SS_suggest { 
/*margin: 0px 0 0 280px; ←20120409変更 */
margin: 0px 0 0 0;
*margin: 0px 56px 0 0px;/* IE7 */
_margin: 0px 56px 0 0px;/* IE6 */
}
div.SS_suggest {
  font-weight: normal;
 z-index: 9;
  display: none;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
  text-align:left;
}
div.SS_suggest div.SS_suggestItemOff { 
  background-color: #FFF;
  border-top: 1px solid #CCC;	
  padding: 2px 0px 2px 0px;	
  width: 100%;
}
div.SS_suggest div.SS_suggestItemOn {
  background-color: #ECF5FA;
  border-top: 1px solid #CCC;	
  padding: 2px 0px 2px 0px;	
  width: 100%;
}
div.SS_suggest span.SS_suggestKey {
  font-size: 100%;
  padding-left: 4px;
}
div.SS_suggest span.SS_suggestRate {
  width: 100px;
}
/*input#SS_searchQuery {width: 110px;} ←20120409変更 */
/* input#SS_searchQuery {width: 140px;} ←20120423変更 */
input#SS_searchQuery {width: 180px;}


/* フリーワード検索 20120409掲載 */
div#guideSeach{ width:648px; background:url(/guide/img/gSearchBg.gif) no-repeat top left; height:50px; position:relative;}
#guideSeach .freeword01{position: absolute; left: 16px; top:9px;}
#guideSeach .freeword02{position: absolute; left: 140px; top:16px;}
#guideSeach .g_search{position:absolute; width: 270px; text-align:left; vertical-align:top; left:140px; top:16px !important; margin:0; padding:0; }
/* #guideSeach .g_search{position:absolute; width: 230px; text-align:left; vertical-align:top; left:140px; top:16px !important; margin:0; padding:0; }
*/

#guideSeach .dotlin{ width:1px; height:32px; position:absolute; top:9px; left:394px;}
div#guideSeach div.wordTtl01{ width:85px; height:13px; position:absolute; top:11px; left:408px;}
div#guideSeach div.wordLink01{ width:180px; position:absolute; top:27px; left:408px; font-size:10px; line-height:100%; margin:0; padding:0; text-align:left;}
/* div#guideSeach div.wordTtl01{ width:85px; height:13px; position:absolute; top:11px; left:368px;}
div#guideSeach div.wordLink01{ width:220px; position:absolute; top:27px; left:368px; font-size:10px; line-height:100%; margin:0; padding:0; text-align:left;} */
.freetxt{ font-size:11.5px; line-height:120%; text-align:left; vertical-align:middle;}


input#SS_searchQuery02 {width: 140px;}