@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: 北海商科大
Theme URI: http://www.hokkai.ac.jp/tdpri
Description: 
Author: http://www.hokkai.ac.jp/tdpri
Author URI: http://www.hokkai.ac.jp/tdpri
Tags: custom-menu, editor-style,
Version: 20150901
---------------------------------------------------------*/
* {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	margin: 0px;
	padding: 0px;
}
main, article, aside, header, canvas, details, figcaption, figure, footer, nav, section, summary {
	display: block;
}
body {
	background:#fff;
	word-wrap: break-word;

}
body.mceContentBody {
	background-color:#fff;
}

/* リンクの色 */
a {
	color: #4682b4;
}
/* リンクにマウスオーバーした時の色 */
a:hover {
	color: #b22222;
}
img, video, object {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: bottom;
}

/*--------------------------------
共通設定
---------------------------------*/
.txt-c {text-align:center;}
.txt-l {text-align:left;}
.txt-r {text-align:right;}

.f10{ font-size:10px;}
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f28{ font-size:28px;}
.f30{ font-size:30px;}

.fbolf { font-weight:bold;}
.fnormal { font-weight: normal;}

.red { color: #F00;}
.white { color: #fff;}
.green { color: #43A942;}

.p10 { padding:10px;}
.p5 { padding:5px;}
.pt10 { padding-top:10px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.ptb20 {margin:20px 0;} 
.mb10 { margin-bottom:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mp0 { margin:0; padding:0;}
.l130 { line-height:160%;}

.f-l { float:left;}
.f-r { float:right;}

.f-l-img { float:left; padding:0 15px 10px 0;}
.f-r-img { float:right; padding:0 0 10px 15px;}

.div50 { width:49%;}
.div70 { width:69%;}
.div30 { width:29%;}



/* 画像リンクのマウスオーバーに透かし */
a:hover img {
	-moz-opacity: 0.8;
	opacity: 0.8;
}
img.size-full, img.size-large {
	margin-bottom: 10px;
	height: auto;
	max-width: 100%;
}
.wp-caption{
	height: auto;
	max-width: 100%;
}


/* clearfix */
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clear {
	clear: both;
}
main:after {
  content: "";
  display: block;
  clear: both;
  padding-bottom:20px;
}
.center {
	text-align: center;
	padding-bottom: 20px;
}
/* iframeのレスポンシブ */
.youtube-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.youtube-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*--------------------------------
各フォント設定
---------------------------------*/

h1 { width: 880px;padding: 15px 0px 20px;margin: 0 auto; color:#FFF; line-height:100%;}
h1 a{ color:#FFF; text-decoration:none;}

/* 基本の文字 */
p {
	font-size: 13px;
	line-height:18px;
	margin-bottom: 15px;
}
/* 中見出し */
h2 {margin-bottom:20px; padding:0 0 0 10px; border-left:10px solid #497E83; border-bottom:1px solid #497E83;}
/* 記事タイトル */
h3 {margin:20px 0 10px; padding:0 0 0 10px;border-left:5px solid #497E83;}
h4 { border-bottom:1px solid #497E83;border-top:2px solid #497E83; color:#497E83; font-weight:normal; padding:5px; margin-bottom:10px;}

/*テーブル */
.post table {
	border-top: 1px #999 solid;
	border-right: 1px #999 solid;
	margin-bottom:20px;
	width:100%;
}
table tr td,th {
	padding: 5px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #999;
	font-size: 13px;
	line-height: 18px;
}
.post table tr td p{
	font-size: 13px;
	line-height: 18px;
}
.post table tr:nth-child(even) {
	background-color:#f3f3f3;
	}
#main .post table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	color: #333;
}
.post ul{ padding:10px 10px 30px 30px; font-size:13px;}
.post ol{ padding:10px 10px 30px 30px; font-size:13px;}
.post li{ padding-bottom:10px;}
.post dl { padding:10px; font-size:13px;}
.post dl dt{border-bottom:1px solid #497E83; color:#497E83; font-weight:bold; font-size:14px;}
.post dl dd{ padding:10px 0 25px 30px;}

#laboMember { padding-left:300px;}

/*小見出し*/


.wp-caption-text a,.wp-caption-text{
font-size:12px;
color:#ccc;
}


.rad {border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}

header {background:url(/tdpri/wp-content/themes/kaihatu/img/title-bg3.jpg) no-repeat center #497E83;}

.wrapper {
	width: 920px;
	padding: 0;
	margin: 10px auto 0;
}


#contentInner {
	float: right;
	width:100%;
	margin-left: -240px;
}

main {
	margin-right: 0px;
    margin-left: 240px;
	padding:0 0 15px;
}
.news-t { border-bottom:2px solid #497E83;border-left:none; padding:0 0 15px 0; margin:0 0 5px 0;}
.news-ul { padding:0 0 20px 0; font-size:13px; list-style:none;}
.news-ul li{border-bottom:1px dashed #497E83; height:60px; line-height:60px; clear:both;}
.news-ul li img{float:right; margin:0 0 10px 15px; border:1px solid #CCC; padding:3px;}

#side{
	width:210px;
	margin-top:0px;
	padding:0;
}
#side h4 {background:#497E83; color:#FFF; padding:5px 10px;}
#side ul { padding:10px 0; list-style:none; font-size:13px;}
#side ul li {border-bottom:1px dashed #497E83; padding:5px;}
#side ul li a{ text-decoration:none; color:#000; background:url(/tdpri/wp-content/themes/kaihatu/img/side-list.png) no-repeat left center; padding:0 0 0 15px; margin:10px;}
#side ul li li{border-bottom:none; padding:5px;}
#side ul li li a{ text-decoration:none; color:#000; background:none; padding:0 0 0 15px; margin:10px;}

aside { padding:10px;background-color: #fff; margin-bottom:20px;}
footer { border-top:1px solid #497E83; text-align:center;}


address { text-decoration:none; clear:both; color:#FFF; font-size:13px; padding:20px;background:url(/tdpri/wp-content/themes/kaihatu/img/title-bg3.jpg) no-repeat center #497E83;}

/*IEで要素がズレるのを対応*/
.ie7 aside ul li, .ie8 aside ul li, .ie9 aside ul li {
	display: list-item;
	padding: 0;
}

/*--------------------------------
ページャー
---------------------------------*/
.pagination {
	clear: both;
	position: relative;
	font-size: 14px;
	line-height: 13px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	text-decoration: none;
	width: auto;
	color: #fff;
	background-color: #999;
}
.pagination a:hover {
	color: #fff;
	background-color: #666666;
}
.pagination .current {
	padding: 6px 9px 5px 9px;
	color: #fff;
	background-color: #CCCCCC;
}
/*--------------------------------
ぱんくず
---------------------------------*/
#breadcrumb {
	font-size: 13px;
}
#breadcrumb a {
	color: #666;
	text-decoration: none;
}
div#breadcrumb {
	padding: 0 0 5px;
	margin: 0 0 0px;
	clear: both;
}
div#breadcrumb a {
	color: #000
}
div#breadcrumb div {
	display: inline;
	font-size: 13px;
}
#breadcrumb div a {
	color: #666;
	text-decoration: none;
}

/*画像 */
img.alignright {
	display: block;
	margin: 0 0 0 auto;
}
img.alignleft {
	display: block;
	margin: 0 auto 0 0;
}
img.aligncenter {
	display: block;
	margin: 15px auto;
}
img.float-left {
	float: left;
}
img.float-right {
	float: right;
}
.wp-caption {
	text-align: center;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.ie8 img {
	width: auto;
}
/*--------------------------------
PREV NEXT
---------------------------------*/
.p-navi { padding:20px 0; border-top: 2px solid #497E83; margin-top:20px;}