@charset "utf-8";

/*********************************************
  /common/css/base.css
*********************************************/

/*==================================
  BASIC
==================================*/
html{margin:0 auto; padding:0; font-size:90%; font-family:"メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body {margin:0 auto; padding:0; text-align:center; color:#333;}


/*==================================
  RESET
==================================*/
* {margin:0; padding:0; text-align:left;}
img {border:none; vertical-align:bottom;}
p {line-height:1.6;}
hr {display: none;}

.clear {zoom: 100%;}
.clear:after {content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
table{border-collapse:collapse;font-size:100%;}

/*==================================
  common parts
==================================*/
.hid {display:none;}
.fright {float:right;}
.fleft {float:left;}
/*\*/ a { overflow: hidden; }/**/

.imgLeft{float:left;padding:0px 1em 1em 0px;}
.imgRight{float:right;padding:0px 0px 1em 1em;}
.txtCenter{text-align:center;}
.txtRight{text-align:right;}
.alignleft {float:left;padding:0px 1em 1em 0px;}
.alignright{float:right;padding:0px 0px 1em 1em;}
.aligncenter{text-align:center;padding:0px 0px 1em 0px;}

a:hover img {
   filter:alpha(opacity=70);
   opacity:0.70;}

/*==================================
  Linx_color
==================================*/
a {color:#333; text-decoration:underline;}
a:link {color:#333; text-decoration:underline;}
a:visited {color:#333; text-decoration:underline;}
a:hover {color:#333; text-decoration:none;}
a:active {color:#333; text-decoration:none;}


/*==================================
  Common Frame Layout
==================================*/
#wrapper{position:relative;}
#header {top:60px;position:absolute;z-index:9999;width:100%;}
#header #logo_area{width:960px;margin:0px auto 0px auto;position:relative;}
#header #logo_area h1{position:absolute;top:0px;left:10px;}

#header_page {
	top:40px;
	position:absolute;
	background-image: url(../images/pt_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 140px;
	width:100%;
	}
#header_page #logo_area_page{width:960px;margin:10px auto 0px auto;position:relative;height:140px;}
#header_page #logo_area_page h1{position:absolute;top:0px;left:10px;}

#content{
	background-color: #fdf8ed;
	background-image: url(../images/bh_img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
#content_inner {
	width:960px;
	margin:0 auto;
	padding-bottom:30px;
	padding-top:20px;

}
.content_page{margin-top:139px;}
#main {width:740px; float:left; background:#fff;background:url(http://aa.vetmed.hokudai.ac.jp/common/images/bg.png) top center repeat-x;}

#sidebar {width:200px; float:right;}

#footer{clear:both;background-color:#333;color:#fff;padding:20px;}
#footer_inner{width:960px;margin:0px auto 0px auto;}

/*==================================
  Common Header Layout
==================================*/


#navMain{
	background-color:#333;
	height:40px;
	overflow: hidden;
}
#navMain ul{width:960px;margin:0px auto 0px auto;}
#navMain li{display:inline;float:left;}
#navMain li a{display:block;text-align:center;line-height:43px;width:160px;text-decoration:none;color:#fff;}
#navMain li a:hover{background-color:#666;}
/*==================================
  Contents Layout
==================================*/
.section01{background-color: rgba(255,255,255,0.65);margin-bottom:30px;padding:15px;border-top:solid 4px #333;
box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.section01 header h1{background-color:#ccc;padding:0.3em 0.3em 0.1em 0.3em;font-size:100%;margin-bottom:1em;}

.post{clear:both;margin-bottom:2em;}
.post p.category{margin-bottom:0.2em;}
.post h1{font-size:100%;}


.thumb170{
 display:block;
 width:170px; /*トリミング後の横幅*/
 height:100px; /*トリミング後の縦幅*/
 overflow:hidden;
 position:relative;
 z-index:1;
 float:left;
 margin:0px 10px 1.5em 0px;
 }
.thumb170 img{
 float:left;
 position:absolute;
 width:170px;
 height:auto;
 }

.category a{text-decoration:none;color:#fff;padding:0px 0.5em 0px 0.5em;font-size:90%;background-color:#f98800;}
.category a:hover{filter:alpha(opacity=70);opacity:0.70;}
.symposium_seminar a{background-color:#e53a13;}
.symposium_houkoku a{background-color:#f98800;}
.category span{color:#999;font-size:85%;margin-left:1em;}

.sectionWrapInner p{margin-bottom:1em;}


.sectionWrapHeader h1{
	font-size: 130%;
	color: #fff;
	background-color: #333;
	background-image: url(../images/h1_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 1em;
	padding:0.5em 0.5em 0.3em 1em;
}

.sectionHeader h1{
	font-size: 120%;
	color: #fff;
	background-color: #333;
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 1em;
	padding:0.5em 0.5em 0.3em 1em;
}

.sectionWrap{background-color: rgba(255,255,255,0.65);margin-bottom:30px;border-top:solid 4px #333;
box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.sectionWrap section{padding:15px;}

.sectionWrap section h2{
	background-color: #e5e5e5;
	background-image: url(../images/h2_bg.png);
	background-repeat: repeat-y;
	background-position: 5px top;
	font-size:120%;
	padding:0.3em 0.5em 0.1em 1em;
	margin-bottom:1em;
}

.sectionWrap section h3{
	background-image: url(../images/h3_bg.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size:110%;
	padding:0.3em 0.5em 0.1em 1em;
	margin-bottom:1em;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}


.sectionWrap section ul{margin:0px 0px 1em 2em;}
.sectionWrap section ul li{margin-bottom:1em;}

.sectionWrap section ol{margin:0px 0px 1em 2em;}
.sectionWrap section ol li{margin-bottom:1em;}

/*==================================
  Side Layout
==================================*/
#sidebar p{margin-bottom:1em;}
#navLocal p.navSideTitle{margin-bottom:0em;}
#navLocal p.navSideTitle a{display:block;background-color:#333;color:#fff;text-decoration:none;padding:0.5em 0.5em 0.2em 0.5em;border-bottom:solid 2px #8da509;}

#navLocal{margin-bottom:1em;}

#navLocal .navSideInner{border:solid 1px #ccc;padding:1em;background-color:#fff;}
#navLocal .navSideInner ul{
	list-style-type: none;
}

#navLocal .navSideInner ul li{
	margin-bottom:1em;
	background-image: url(../images/list_01.png);
	background-repeat: no-repeat;
	background-position: left 0.1em;
	padding-left:1em;	
}

/* content > sidebar
--------------------------------------------- */

/* 検索窓 */

#sidebar .searchBox {
  margin: 0 0 20px;
  zoom: 1;
  border: none;
}
#sidebar .searchBox form {
    border: none;
}
#sidebar .searchBox fieldset {
    border: none;
}
#sidebar .searchBox:after {
  content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;    border: 0 none;
}

  #sidebar .searchBox label {
    display: none;
    border: none;
  }

  #sidebar .searchBox .inputTxt {
    float: left;
    width: 150px;
    height: 31px;
    padding: 0px 5px 0px 5px;
    background: transparent url(../images/search_bg.jpg) no-repeat 0 0px;
    border: none;
    color: #2A292F;
    font-size: 120%; /* 12px */
    outline: none;
  }

  #sidebar .searchBox .submitBtn {
    overflow: hidden;
    width: 40px;
    height:31px;
    background: #F3E2BD url(../images/search_bg.jpg) no-repeat -160px 0px;
    border: none;
    text-indent: -999px;
    cursor: pointer;
    outline: none;
	    border: none;
  }


/*==================================
  Gototop Layout
==================================*/


p#pagetop{clear:both;
	position: fixed;
	bottom: 20px;
	right: 20px;

}
* html p#pagetop{
	text-align:right;
	margin-right:20px;
	margin-bottom:20px;
}


/*==================================
  TextLinx Layout
==================================*/
.topicPath{font-size:90%;margin-bottom:10px;font-weight:bold;}
.bread_arrow{
	background-image: url(../images/bread_arrow.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: 1em;
	padding-left: 1em;
}

/*==================================
  Footer Layout
==================================*/
#footer a{color:#fff;}
#footer a{color:#fff;text-decoration:none;}
#footer a:hover{color:#fff;text-decoration:underline;}

.siteLogo{width:400px;float:left;}
#address_area{width:520px;float:right;}
.siteLogo strong{font-size:200%;}
address{
	font-style: normal;text-align:right;
}
.copyright{font-size:80%;text-align:center;padding:0.3em 1em 1em 1em;clear:both;}

.mailLink{text-decoration:underline;}





/* ページネーション（WP Page Numbersプラグイン） */
#main nav.navContents {
  text-align: center;
  font-size: 62.5%;
  line-height: 1.4;
  padding:30px 0px 50px 0px;
}

  #main nav.navContents ul {
    text-align: center;
    letter-spacing: -0.4em;
  }

  #main nav.navContents ul li {
    display: inline;
	text-align:center;
  }

  #main nav.navContents ul li.page_info {
    display: block;
    margin-bottom: .5em;
    letter-spacing: normal;
    font-size: 120%;
  }

  #main nav.navContents ul li a,
  #main nav.navContents ul li span {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    width: 1.7em;
    margin: 0 3px;
    padding: 0.1em;
    background: #FFFFFF;
    border-style: solid;
    border-color: #333;
    border-width: 1px;
    font-size: 160%; /* 16px */
    font-family: "Helvetiva", "Arial", sans-seif;
    letter-spacing: normal;
	text-align:center;
  }

  #main nav.navContents ul li a:link,
  #main nav.navContents ul li a:visited {
    color: #2A292F;
    text-decoration: none;
  }

    #main nav.navContents ul li a:hover,
    #main nav.navContents ul li a:focus,
    #main nav.navContents ul li a:active {
      background-color: #ccc;
      color: #2A292F;
    }

  #main nav.navContents ul li.active_page a,
  #main nav.navContents ul li.active_page a:visited {
    background-color: #333;
    border-color: #333;
    color: #fff;
  }


/* 個別ページ前後リンク */
#main nav.navSerial {
	clear: both;
	padding: 10px;
	background-color: #e5e5e5;
	font-size: 62.5%;
	zoom: 1;
	margin-top: 30px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#main nav.navSerial:after {
  content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}

#main nav.navSerial ul {
  margin: 0;
}

  #main nav.navSerial ul li {
	float: left;
	width: 30%;
	font-size: 120%;
	padding: 0;
	background-image: none;
	line-height: 1.1;
	list-style-type: none;
	margin-top: 0px;
	margin-right: 1.5%;
	margin-bottom: 0px;
	margin-left: 1.5%;
  }

  #main nav.navSerial ul li.prev {
  }

  #main nav.navSerial ul li.next {
    text-align: right;
  }

  #main nav.navSerial ul li.index {
    text-align: center;
  }

  .symposium #main nav.navSerial ul li.index {
    float: none;
    margin: 0 auto;
  }

    #main nav.navSerial ul li a {
      color: #2A292F;
      text-decoration: none;
    }

    #main nav.navSerial ul li a:hover,
    #main nav.navSerial ul li a:focus {
      text-decoration: underline;
    }