@charset "shift_jis";

#wrap{
width:902px;
margin:0px auto;
padding:0px;
background:url(../images/bg_wrap.jpg) no-repeat left top;
border-top:4px #33698A solid;
}
/* ============================================
	ヘッダー画像
============================================ */
#topImg{
width:900px;
height:173px;
margin:4px 1px 0px 1px;
background:url(../images/img_top.jpg) no-repeat left top;
position: relative;
}

h1.logo{
width:335px;
height:66px;
padding:20px;
}
h5{
position: absolute; 
left:20px;
bottom:5px;}
/* ============================================
	ヘッダーナビ
============================================ */
#menu{
width:900px;
height:2.4em;
margin:0px 1px;
background:url(../images/bg_menu.jpg) repeat-x left top;
}
#menu ul{
list-style-type:none;
font-size:100%;
padding:0px;
margin:0px;
}
#menu li{
padding:5px 16px;
border-right:1px #4B82A0 solid;
text-align: center;
float:left;
}
#menu li a{
color:#FFFFFF;
text-decoration:none;
}
#menu li.self{/* 現在表示しているページ */
color:#FFFFFF;
background:#1F4754;
}

/* ============================================
	メニュー・コンテンツ背景
============================================ */
#contentsWrap{
width:880px;
clear:both;
padding:20px 10px;
margin:0px 1px;
background:url(../images/bg_contentswrap.jpg) no-repeat left top;
}
/* ============================================
	左メニュー
============================================ */
#sideMenu{
width:200px;
padding-right:10px;
float:left;
}
#sideMenu ul{
list-style-type:none;
font-size:100%;
padding:0px;
margin:0px;
background:#EFEFED;
}
#sideMenu ul li{
border-bottom:1px #3C74A6 dotted;
}
#sideMenu ul li a{
padding:5px 5px 5px 20px;
color:#234C5D;
text-decoration:none;
display:block;
}
#sideMenu ul li a:hover{
padding:5px 5px 5px 20px;
color:#FFFFFF;
background:url(../images/arrow_01.gif) no-repeat left 1em #477895;
}
#sideMenu ul li.self{/* 現在表示しているページ */
padding:5px 5px 5px 20px;
border-bottom:1px #FFFFFF dotted;
color:#FFFFFF;
background:url(../images/arrow_01.gif) no-repeat left 1em #477895;
}
/* -----2階層目メニュー----- */
#sideMenu ul.sub{
background:#EFEFED;
padding-left:20px;
}
#sideMenu ul.sub li{
background:#E0E0DC;}

/* -----メニュー上バナー----- */
.linkBnrTop{
margin-bottom:10px;
padding:0px;
}

/* -----メニュー下バナー----- */
.linkBnr{
margin-top:10px;
padding:5px 0px;
background:#E0E0DC;
}
.linkBnr img{
border:1px #CCCCCC solid;
margin:3px;
}

/* ============================================
	右コンテンツ
============================================ */
#contents{
width:660px;
padding:0px 5px;
float:left;
}

/* -----トップページ/インフォバナー(無料Web相談箱)----- */
.infoBnr{
width:660px;
height:100px;
position: relative;
}
.infoBnrBtn{
width:120px;
height:21px;
position:absolute;
right:10px;
bottom:5px;
}
/* -----トップページ/インフォスペース(box1,2,3)----- */
.topInfo{
width:658px;
margin-top:10px;
background:#FFFFFF;
border:1px #CCCCCC solid;
z-index:1;
}
/* -----タイトルのリンクボタン----- */
.btn_side{
margin:-22px 7px 0px 512px;
width:140px;
height:14px;
position:absolute;
z-index:2;
}
/* -----box形成----- */
.topInfo dl{
width:650px;
padding:4px;
overflow:hidden;
}

.topInfo dl dt{
width:170px;
float:left;}

.topInfo dl dd{
padding-left:180px;
}
/* -----詳細ページを見る----- */
.arrow01{
float:right;
list-style-type:none;
padding-right:10px;
}
.arrow01 li{
list-style-type:none;
background:url(../images/arrow_02.gif) no-repeat left 0.4em;
padding-left:20px;
}

/* ============================================
	最新のお知らせ
============================================ */
#newInfo{
width:658px;
margin-top:10px;
background:#FFFFFF;
position: relative;
}
.btnBacknumber{
width:146px;
height:12px;
position:absolute;
right:10px;
top:5px;
}
#newInfo h3{
border-left:6px #33698A solid;
padding:5px 0px 5px 16px;
}
#newInfo dl{background:#EFEFED;}
#newInfo dt{
padding:2px 2px 2px 3.5em;
float:left;
}
#newInfo dd{
border-bottom:1px #CCCCCC dotted;
padding:2px 2px 2px 10em;}

/* -----newアイコン----- */
#newInfo dt.new{
padding:2px 2px 2px 3.5em;
float:left;
background:url(../images/img_new.gif) no-repeat left 0.6em;
}

/* ============================================
	フッター
============================================ */
#footer{
width:100%;
height:150px;
margin:0px;
background:url(../images/bg_footer.jpg) repeat-x left bottom;
clear:both;
text-align:center;
}
#footerImg{
width:900px;
height:150px;
margin:0px auto;
padding:0px 15px;
background:url(../images/img_footer.jpg) no-repeat left bottom;
}

#footer ul{
padding:60px 0px 10px 0px;
text-align:center;
}
#footer li{
display:inline;
padding-left:10px;
padding-right:5px;
border-left:1px solid #333333;
}
/* -----フッターナビの先頭のみ線を消す----- */
#footer li.first {
border-left:none;
}

.copyright{
padding-top:5px;
color:#FFFFFF;
text-align:center;
}

/* ============================================
	フォント装飾
============================================ */
.fontRed{color:#CC3300;}
.fontBlue{color:#164E85;}
.fontYellow{color:#A58710;}
.fontYandFM{color:#A58710;
font-size:123.1%;}
.fontL{font-size:153.9%;}
.fontM{font-size:123.1%;}
.fontS{font-size:85%;}
.fontMarkerR{
background:#FBBCAE;
padding:3px;
}
.fontMarkerB{
background:#87CEFA;
padding:3px;
}
.fontMarkerY{
background:#FAFAD2;
padding:3px;
font-size:113.1%;
}
.oneletter{
margin-left:1em; /* ブロック全体を 1em 右に */
text-indent:-1em; /* 先頭の1文字のみ 1em 左に */
}
.first{
text-indent:1em; /* 先頭の1文字のみ 1em 左に */}

/* ============================================
	その他
============================================ */
.space20{height:20px;}
.space50{height:50px;}
.space100{height:100px;}
.photoBox{

width:110px;
float:left;
}
.photoBox img{
padding:3px;
border:1px #cccccc solid;
}