/* ■■ bridge_base.css ■■
-----------------------------------------------------------------------------
■用途
カテゴリハブページ専用CSSファイル
-----------------------------------------------------------------------------
■更新者：小菅みどり
-----------------------------------------------------------------------------
■更新日：2009年1月20日
-----------------------------------------------------------------------------
■目次
  01. リセット
  02. 共通
  03. UHD
  04. Masthead
  05. メイン
　06. yjcatfooter
-----------------------------------------------------------------------------
■備考
-----------------------------------------------------------------------------
印刷用CSS　bridge_print.css*/


/* ----------------------------------------
 * リセット
 * ---------------------------------------- */
div,h1,h2,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
h1,h2{font-size:100%;}

/* ----------------------------------------
 * 共通
 * ---------------------------------------- */
body{min-width:750px;line-height:1.3em;margin:0;padding:0;}
div.yjmth,div.yjmthcmnlnkarea{font-size:small;}
select,input,textarea {font-size:100%;}

/* ----------------------------------------
 * ヘッダ
 * ---------------------------------------- */
/* ---- UHD ---- */
#uhd td{text-align:left;}
#uhd img{display:block;}
#uhd input{padding-top:0;padding-bottom:0;font-size:12px;}
#uhd br{display:none;}

/* ---- EMG ---- */
div#emg,div#emg2,div#emg3{margin:0 auto;padding:0;text-align:center;width:732px;}

/* ---- Masthead 2006.09.14 ---- */
div#nouhdyjmth{margin-top:1em;}
div.yjmth{text-align:left;margin:0 5px 1em 0;}
div.yjmth strong{font-weight:bold;}	
.yjmth{*height:1%;}	
.yjmth img{vertical-align:middle;border:0px;}
.yjmth a{border:0px;}
div.yjmthproplogoarea{float:left;margin:0 5px;}
br.yjmthclear{clear:both;}
div.yjmthcmnlnkarea{/* Without MacIE \*/float:right;/* */margin:10px 3px 0px 0px;text-align:right;line-height:110%;}

/* ----------------------------------------
 * メイン
 * ---------------------------------------- */
#yjcatinfo,#yjcatbody{width:100%;font-size:small;}
/* ALL WIN IE */
*+html body #yjcatinfo   ,* html #yjcatinfo,
#yjcatbody{width:expression((document.all('yjcatfooter') )?document.all('yjcatfooter').offsetWidth:'100%');}
/* floatclr start */
/* for Win IE5.0-7.0,FF Mac IE5.0-5.2,Safari */
#yjcatbody{display:inline-table;height:1%;zoom:1;}
/* macie hide \*/
#yjcatbody{display:block;}
/* hide end */
html>body #yjcatbody{height:auto;}
#yjcatbody:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* floatclr end */
#yjcatinfo{position:relative;margin:0;padding:5px 0 7px 0;background-color:#ECF5FA;border-top:1px solid #C3D2DC;}
#yjcatinfo.notools{border-top:1px solid #C3D2DC;}
#yjcatinfo h2{margin-bottom:5px;padding-left:10px;font-size:90%;font-weight:normal;}
#yjcatinfo h1{width: 950px;margin:0 auto;padding-left:10px;color:#000000;font-size:120%;line-height:1em;}
#yjcatinfo h1 span{font-size:90%;padding:0 0 0 1em;font-weight:normal;}
#yjcatinfo h1 img{vertical-align:text-top;margin-right:3px;}
#yjcatinfo a {color:#333333;}
#yjcatbody{text-align:left;width:710px;margin:0 auto;padding:0 20px;}
#yjcatheader a img.cp {text-align:right;margin-top:10px;margin-right:10px;}
#yjcatbody h2{font-size:120%;margin-top:2em;margin-bottom:.5em;border-left:7px solid #C3D2DC;padding:0 0 0 5px;}
p.txt{font-size:100%;line-height:150%;margin:0.5em 0;padding:0;}
div.waku{border:#CCCCCC 1px solid;padding:0 10px 10px;margin:0 0 15px 0;}
.action{margin:0 auto 20px;padding:0;text-align:center;}

/* ---- 赤ボタン ---- */
div#action_red a{margin:0 auto;padding:0;text-align:center;background: url(button.png) no-repeat 0px 0px;height:55px;width:290px;display:block;}
div#action_red a:hover{	background: url(button.png) no-repeat 0px -55px;}
div#action_red a span {display: none;}
div#action_red2 a{margin:0 auto;padding:0;text-align:center;background: url(button.png) no-repeat 0px -110px;height:55px;width:290px;display:block;}
div#action_red2 a:hover{background: url(button.png) no-repeat 0px -165px;}
div#action_red2 a span {display: none;}


/* ---- 131218add ---- */

.intro{
	padding:10px 0;
	color: #090;
	letter-spacing:-0.2px;
}

.guide_reco{
	display:inline-block;
	margin:10px;
	padding:20px;
	background-color:#ffffcc;
}

.guide_reco .text{
	float:left;
	width:50%;
}

.guide_reco ul{
	list-style-type:decimal;
}

.guide_reco .img{
	background:url(menu.png) no-repeat;
	float:right;
	border:1px solid #999999;
	width:300px;
	height:180px;
}

.alert{
	color:#ff0000;
}


/* ----------------------------------------
 * yjcatfooter
 * ---------------------------------------- */
#yjcatfooter{clear:both;padding-top:1em;border-top:1px solid #C3D2DC;text-align:center;font-size:small;}
#yjcatfooter hr { /* IE: min-width holder */visibility:hidden;width:750px;height:0px;} 
#yjcatfooter #GlobalFooter {margin:0;padding:0;text-align:center;}
#yjcatfooter #GlobalFooter p {margin:0;padding:0;}


/* ----------------------------------------
 * マストヘッド更新
 * ---------------------------------------- */

.back_white{width: 950px;margin:0 auto;}


/* ----------------------------------------
 * ガイドページカテゴリ一覧追加
 * ---------------------------------------- */
#cat_table{width:95%;margin:20px 20px 0px;}
#cat_table .title{padding:0 10px;font-weight:bold;}
#cat_table a{padding-right:5px;}