@charset "utf-8";

/*----------------------------
 ページ共通CSS
-----------------------------*/
#wrapper{
width: 980px;
margin: 0 auto;
text-align: left;
}

/* ヘッダー */
#header{
width: 980px;
height: 94px;
background-image: url(http://www.sapporo-jc.or.jp/2012/spjcmonly/images/top/header_back.jpg);
background-position: left top;
background-repeat: no-repeat;
position: relative;
margin-bottom: 25px;
}
#header h1{
position: absolute;
left: 5px;
top: 28px;
}

#top_contents{
width: 980px;
overflow: hidden;
text-align: left;
margin-bottom: 40px;
}
#top_contents #left{
width: 260px;
float: left;
margin-right: 20px;
}
#top_contents #main{
width: 698px;
float: left;
}
#side_index{
background-color: #fff;
width: 250px;
height: 57px;
margin-bottom: 2px;
}
.bnr_back{
background-color:#E4E4E4;
padding: 5px;
width: 250px;
}
.side_back{
width: 250px;
height: 38px;
border-bottom: 1px solid #e3e3e3;
background-color: #fff;
}
.side_back h3{
background-image: url(http://www.sapporo-jc.or.jp/2012/spjcmonly/images/top/side_icon.gif);
background-position: left center;
background-repeat: no-repeat;
margin-left: 5px;
height: 38px;
line-height: 38px;
padding: 2px 0;
padding-left: 20px;
}
.side_back h3 a{
color:#525252;
font-size: 14px;
font-weight:bold;
}
.side_back_inner{
width: 250px;
background-color:#fff;
}
/* ブロックリンク */
.bl-hover{
background-color:#2BADE3;
}
.bl-hover h3{
background-image: url(http://www.sapporo-jc.or.jp/2012/spjcmonly/images/top/side_icon_o.gif);
background-position: left center;
background-repeat: no-repeat;
}
.bl-hover h3 a{
color: #fff;
}
.bl-hover h3 a:hover{
text-decoration: none;
}

/* メインコンテンツ */
#contents_back{
background-color: #fff;
width: 658px;
padding: 20px;
}
#contents_back p{
color:#525252;
}
#contents_back strong{
color:#525252; 
font-weight: bold;
}
#contents_bottom{
background-image: url(http://www.sapporo-jc.or.jp/2012/spjcmonly/images/top/contents_bottom.jpg);
background-position: left top;
background-repeat: no-repeat;
width: 698px;
height: 42px;
position: relative;
}
#contents_bottom #pagetop{
position: absolute;
top: 0;
left: 10px;
}
.title_back{
background-image: url(http://www.sapporo-jc.or.jp/2012/spjcmonly/images/top/title_back.jpg);
background-position: left top;
background-repeat: no-repeat;
width: 658px;
height: 36px;
margin-bottom: 15px;
}
.title_back h3{
color:#2BACE3;
font-weight:bold;
font-size: 16px;
height: 36px;
line-height: 36px;
padding-left: 12px;
}
.info_back{
width: 658px;
border-bottom: 1px dotted #A7A7A7;
padding-bottom: 10px;
margin-bottom: 30px;
}
.info_back h4{
margin-bottom: 10px;
}
.info_back h4 a{
font-size: 14px;
font-weight:bold;
color:#0099CC;
margin-bottom: 5px;
}
.info_back p{
color:#525252;
margin-bottom: 15px;
padding-right: 10px;
}
.info_back p a{
text-decoration: underline;
}
.info_back p a:hover{
text-decoration:none;
}
.info_txt p{
font-weight:bold;
margin-bottom: 10px;
}
.hotmail_block{
width: 620px;
height:200px;
overflow: auto;
padding:10px;
margin-bottom: 30px;
}
#contents_back ul{
margin-left: 15px;
margin-bottom: 30px;
}
#contents_back ul li{
margin-bottom: 5px;
}
#contents_back ul li a{
background-image: url(http://www.sapporo-jc.or.jp/2012/spjcmonly/images/top/icon01.gif);
background-position: left 1px;
background-repeat: no-repeat;
padding-left: 18px;
color:#1C94C1;
text-decoration: underline;
}
#contents_back ul li a:hover{
text-decoration: none;
}
#contents_back table{
border: solid 1px #CCCCCC;
padding: 3px;
text-align: center;
}
#contents_back td{
border-right: solid 1px #CCCCCC;
border-bottom: solid 1px #CCCCCC;
}


/* 共通フッター */
#footer{
clear:both;
width: 100%;
height: 120px;
text-align: left;
background-color:#EFEFEF;
background-image: url(http://www.sapporo-jc.or.jp/2012/spjcmonly/images/top/footer_bg.jpg);
background-position: left top;
background-repeat: repeat-x;
}
#footer_inner{
width: 980px;
margin: 0 auto;
position: relative;
text-align: left;
}

#footer_inner #copy{
position: absolute;
right: 20px;
top: 83px;
}
#f_txt{
color: #666;
text-align:right;
font-size: 12px;
padding-top: 25px;
padding-right: 5px;
}