@charset "UTF-8";
/* CSS Document */

/* 全体幅900px */
/* コンテンツ幅880px */

/*
 * LAYOUT
 * ----------
 * INDEX 
 *
 * 001 グローバル
 * 002 ヘッダー
 * 003 グローバルメニュー
 * 004 右メニュー
 * 005 フッター
 * 006 テキスト
 * ----------
 */

/* マージンボトム */
.mb00 { margin-bottom: 0px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }

/* マージンtop */
.mt00 { margin-top: 0px !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }

/* paddingボトム */
.pb00 { padding-bottom: 0px !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }

/* padding-top */
.pt00 { padding-top: 0px !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }

/* padding-right */
.pr00 { padding-right: 0px !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }

/* padding-left */
.pl00 { padding-left: 0px !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }


/* 001 ========================================
 * グローバル
 ======================================== */
body {
	padding:0; 
	margin:0; 
	height:100%;
	background:url(../images/bg.gif) repeat-x; 
	text-align:center; 
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	}

a:link {color: #00569A; text-decoration:none;}
a:visited { color: #00569A; text-decoration:none;}/* … 訪問済みのリンク*/
a:hover { color: #0066FF; text-decoration:underline;} /*… ポイント時のリンク*/
a:active { color: #0066FF; text-decoration:underline;} /*… 選択中のリンク*/


a.seat{
	background-color: #54bb48;
    padding: 3px 30px 3px 10px;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 15px;
    clear: both;
	margin: 0 5px;
	position: relative;
}


#genkou_seat a:after{
content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  -ms-transform: rotate(-225deg);
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}

.nooverrap:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.nooverrap{
	display:inline-table;
	min-height:1%;
	}
/* Hides from IE-mac \*/
*html .nooverrap{height:1%;}
.nooverrap{display:block;}
/* End hide IE-mac */


h1 {margin:0; padding:0; font-weight:normal;}
h2 {margin:0; padding:0; font-weight:normal;}
h3 {margin:0; padding:0; font-weight:normal; 
	font-size:12px; 
	color:#333333;
	line-height:19px;
	}
h4 {margin:0; padding:0; font-weight:normal; font-size:12px; line-height:19px;}

img {margin:0; padding:0; border:none;}

p {margin:0; padding:0;}

form {margin:0; padding:0;}

.c1 {clear: both;}

.cat {font-size:9px; color:#FFFFFF; padding:0 5px; margin:0 0 10px 0;}

.space{width:880px; height:25px;}	
.space02{width:660px; height:25px;}	



/* 画像ドロップシャドウ */
.shadow {
	float:right;
	margin: 0 0 5px 3px;
	}

.shadow img {
	padding: 2px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	}

.shadow2 {
	float:left;
	margin: 0 5px 5px 0;
	}

.shadow2 img {
	padding: 2px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	}
	
/* 外枠DIV */
#box {width:900px; margin:0 auto; padding:0;}

/* 内枠DIV */
#top_contents {
	width:880px; 
	margin:0 auto; 
	padding:0 10px;
	}

#contents {
	width:865px; 
	margin:0 auto; 
	padding:0 15px 0 20px;
	}

/* ページ上部へ */
.bottom_link{
	clear:both;
	height:25px;
	padding:30px 0 10px 0;
	text-align:right;
	font-size:11px;
	}
	
/* バックナンバーへ */
.bnmr_link{
	clear:both;
	height:25px;
	margin:10px 0 0 0;
	text-align:right;
	font-size:11px;
	}

/* 点線 */ 
.lead_hr{
	margin-bottom:10px;
	border:none;
	border-top:1px dotted #666666;
	height:1px;
	}

/* 実線 */ 
.solid_hr{
	margin-bottom:10px;
	border:none;
	border-top:1px solid #666666;
	height:1px;
	}

/* 注意書き */ 
.chui {height:30px; font-size:10px; text-align:left; padding-top:15px;}
.sakuseichu {margin:15px 0 300px 0; font-weight:bold; font-size:13px;}

/* =====色設定===== */ 
/* 背景色 */
.base_blue {background-color:#0063A9;} /* 基本の青 */
.blue {background-color:#16A5D9;} /* 基本の水色 */
.gr {background-color:#E6E6E6;} /* 薄グレー */
.bl {background-color:#DEEDFC;} /* 薄水色 */
.or {background-color:#FFF0E3;} /* 薄オレンジ */
.grn {background-color:#389D28;} /* 緑 */
.pnk {background-color:#FFF0EB;} /* 薄ピンク */
.yew {background-color:#FFF096;} /* 薄イエロー */

/* カテゴリ色 */
.cat_or {background-color:#F58216;} /* 生レポート！ */
.cat_lgr {background-color:#8ACA36;} /* なんでも探検隊 */
.cat_eco {background-color:#389D28;} /* 環境への取り組み */
.cat_event {background-color:#00A0C6;} /* イベント・実験体験会 */
.cat_labo {background-color:#69AF2F;} /* おもしろ科学実験室（工学のふしぎな世界） */


.page_title {
	height:20px;
	padding:13px 0 10px 10px; 
	margin:15px 0; 
	font-size:14px; 
	color:#FFFFFF; 
	font-weight:bold;
	}


 
/* 002 ========================================
 * ヘッダー
 ======================================== */
#header {
	width:890px; 
	margin:0 auto; 
	padding:0;
	overflow:hidden;
	}
	
#header .link_logo{
	display:block;
	height:100%;
	width:100%;
}

	
#header div.left {
	width:560px; 	
	height:163px; 
	float:left; 
	background:url(../images/header_title2014-02.gif) no-repeat; 
	margin:0; 
	padding:0;
	}
	
#header div.left a{
	display:block;
	width:100%; 	
	height:100%; 
	}
	
#header div.left h1 {
	display:block;
	text-indent:-99999px; 
	width:560px; 	
	height:163px; 
	overflow:hidden;
	}

#header div.right {
	width:328px; 
	height:163px; 
	float:right;
	background:url(../images/kogakubu.gif) no-repeat; 
	margin:0; 
	padding:0;
	}
#header div.right a span {
	display:block;
	text-indent:-99999px;
	width:330px; 
	height:163px;
	overflow:hidden;
	cursor:pointer;
	}

#header_message {
	width:880px; 
	margin:0 auto; 
	padding:10px 0; 
	clear:both; 
	text-align:left;
	font-weight:bold;
	}

#header_message img.new_article{
	margin-right:5px;
	vertical-align:middle;
	line-height:22px;
}

#header_message ul{
	margin:0;
	padding:0;
	overflow:hidden;
}

#header_message ul li{
	list-style:none;
	float:left;
}

#header_message ul li.mr1ex{
	margin-right:1ex;
}

#header_message ul li.mr1em{
	margin-right:1em;
}

#header_message ul li.mr2em{
	margin-right:2em;
}


#header a {display:block;}

/* パンくず */
#pan {
	width:880px; 
	padding:8px 0; 
	margin:0 auto; 
	text-align:left;
	}
#pan a:link {color: #00569A; text-decoration:underline;}
#pan a:visited { color: #00569A; text-decoration:underline;}
#pan a:hover { color: #0066FF; text-decoration:underline;}
#pan a:active { color: #0066FF; text-decoration:underline;}

/* ページタイトル */
#pagetitle_kihon {
	background:url(../images/kihon_title_bg.jpg) no-repeat; 
	width:880px;
	margin:0 auto;
	margin-left:5px;
	height:59px; 
	font-size:28px; 
	font-weight:bold; 
	text-align:left; 
	padding:20px 0 15px 15px;
	color:#FFFFFF;
	}
	
#pagetitle_others {
	background:url(../others/images/title_bg.jpg) no-repeat; 
	width:880px;
	margin:0 auto;
	margin-left:5px;
	height:59px; 
	font-size:32px; 
	font-weight:bold; 
	text-align:left; 
	padding:20px 0 15px 15px;
	color:#333333;
	}


/* 004 ========================================
 * グローバルメニュー
 ======================================== */
#gmenu {
	width:890px; 
	height:95px; 
	padding:0px;
	margin:0;
	margin-left:5px; 
	float:left; 
	background:url(../images/gmenu161209.gif);
	}
#gmenu div#totop {width:100px; float:left;}
#gmenu div#totop ul {list-style-type:none; margin:0; padding:0; width:100px;}

#gmenu div#toother {width:790px; float:right;}
#gmenu div#toother ul {list-style-type:none; margin:0; padding:0; width:790px;}

#gmenu li {list-style-type:none; display:inline; margin:0; padding:0;}
#gmenu li a {
	display:block;
	float:left;
	text-decoration:none;
	overflow:hidden;
	/*font-size:10px;*/ font-size:0.9em;
}
#gmenu li a span {display:block;text-indent:-99999px;}

/*工学女子用*/
#gmenu li.btn14 span {display:block;
	float:left;
	text-decoration:none;
	overflow:hidden;
	/*font-size:10px;*/ font-size:0.9em;
}
#gmenu div#toother li.btn14 span {display:block;text-indent:-99999px;}


#gmenu div#totop li.btn00 a { width:100px; height:47px;}
#gmenu div#totop li.btn16 a { width:100px; height:47px;}
#gmenu div#toother li.btn15 a { width:112px; height:47px;}
#gmenu div#toother li.btn01 a { width:112px; height:47px;}
#gmenu div#toother li.btn13 a { width:112px; height:47px;}
#gmenu div#toother li.btn14 a { width:112px; height:47px;}
#gmenu div#toother li.btn04 a { width:112px; height:47px;}
#gmenu div#toother li.btn02 a { width:112px; height:47px;}
#gmenu div#toother li.btn03 a { width:112px; height:47px;}

#gmenu div#toother li.btn06 a { width:112px; height:47px;}
#gmenu div#toother li.btn07 a { width:112px; height:47px;}
#gmenu div#toother li.btn08 a { width:112px; height:47px;}
#gmenu div#toother li.btn09 a { width:112px; height:47px;}
#gmenu div#toother li.btn10 a { width:112px; height:47px;}
#gmenu div#toother li.btn11 a { width:112px; height:47px;}
#gmenu div#toother li.btn05 a { width:112px; height:47px;}



#gmenu div#totop li.btn00 a:hover {background:url(../images/gmenu161209_chg.gif) no-repeat 0px 0px;}
#gmenu div#totop li.btn16 a:hover {background:url(../images/gmenu161209_chg.gif) no-repeat 0px -47px;}
#gmenu div#toother li.btn15 a:hover {background:url(../images/gmenu161209_chg.gif) no-repeat -100px 0px;}
#gmenu div#toother li.btn01 a:hover {background:url(../images/gmenu161209_chg.gif) no-repeat -212px 0px;}
#gmenu div#toother li.btn13 a:hover {background:url(../images/gmenu161209_chg.gif) no-repeat -324px 0px;}
#gmenu div#toother li.btn14 a:hover {background:url(../images/gmenu161209_chg.gif) no-repeat -436px 0px;}
#gmenu div#toother li.btn04 a:hover {background:url(../images/gmenu161209_chg.gif) no-repeat -548px 0px;}
#gmenu div#toother li.btn02 a:hover {background:url(../images/gmenu161209_chg.gif) no-repeat -660px 0px;}
#gmenu div#toother li.btn03 a:hover {background:url(../images/gmenu161209_chg.gif) no-repeat -772px 0px;}

#gmenu div#toother li.btn06 a:hover {background:url(../images/gmenu161209_chg.gif) no-repeat -100px -47px;}
#gmenu div#toother li.btn07 a:hover {background:url(../images/gmenu161209_chg.gif) no-repeat -212px -47px;}
#gmenu div#toother li.btn08 a:hover {background:url(../images/gmenu161209_chg.gif) no-repeat -324px -47px;}
#gmenu div#toother li.btn09 a:hover {background:url(../images/gmenu161209_chg.gif) no-repeat -436px -47px;}
#gmenu div#toother li.btn10 a:hover {background:url(../images/gmenu161209_chg.gif) no-repeat -548px -47px;}
#gmenu div#toother li.btn11 a:hover {background:url(../images/gmenu161209_chg.gif) no-repeat -660px -47px;}
#gmenu div#toother li.btn05 a:hover {background:url(../images/gmenu161209_chg.gif) no-repeat -772px -47px;}



/* 005 ========================================
 * 右メニュー
 ======================================== */
#con_box {
	width:880px; 
	height:auto; 
	margin:0 auto; 
	padding:0;
	}
	
#left_con {
	width:660px; 
	height:auto; 
	float:left;
	}

#right_menu {
	width:205px; 
	height:auto; 
	margin-left:15px;  
	float:right;
	}
	
#side_message {
	width:185px;
	height:auto;
	margin:0; 
	padding:10px;
	font-weight:bold;
	}	
	
/* 005 ========================================
 * フッター
 ======================================== */
#manage {
	margin:0 auto; 
	padding:5px 10px; 
	clear:both;
	background:#16A5D9;
	color:#fff;
	font-size: 13px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 860px;
}
	
#footer_message {
	width:880px; 
	margin:0 auto; 
	padding:10px 0 0 0; 
	text-align:left;
	font-weight:bold;
	}

/*
#define {
	width:880px; 
	margin:0 auto; 
	padding:10px 0; 
	text-align:left;
	}
.def01 {
	width:302px; 
	height:68px; 
	background:url(../images/define01.jpg) no-repeat; 
	}
.def01 a span {
	display:block;
	text-indent:-99999px;
	width:302px; 
	height:68px; 
	overflow:hidden;
	}
.def02 {
	background:url(../images/define02.jpg); 
	padding:10px;
	}
*/

#define {
	width:880px; 
	margin:15px auto; 
	text-align:left;
	}

#define  table{
	width:100%; 
	border:3px solid #F9F2BE;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

.def01 {
	width:280px;
	padding:5px 10px;
	background: #fef9d9; /* Old browsers */
	background: -moz-linear-gradient(top,  #fef9d9 0%, #f2e45d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef9d9), color-stop(100%,#f2e45d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fef9d9 0%,#f2e45d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fef9d9 0%,#f2e45d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fef9d9 0%,#f2e45d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fef9d9 0%,#f2e45d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef9d9', endColorstr='#f2e45d',GradientType=0 ); /* IE6-9 */
}

.def01 a span.span01 {
	display:inline-block;
	background:#D43A06;
	color:#fff;
	font-size:12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
	margin-bottom:10px;
	position:relative;
}

.def01 a span.span02{
	display:block;
	color:#D43A06;
	font-size:16px;
}

.def02 {
	padding:10px;
	}



#footer {
	width:890px; 
	margin:0 auto; 
	padding:0; 
	border-top:#666666 1px dotted; 
	text-align:left;
	}
#footer a {color:#333333; text-decoration:none;}
#footer a:hover {color:#0066FF; text-decoration:none;}

	

/* 006 ========================================
 * テキスト（白・黒以外の色は、各カテゴリCSSに記述。基本青は0063A9）
 ======================================== */
.honbun {
	font-size:12px;
	color:#333333;
	line-height:1.8;
	text-align:left;
	}
.f10px{
	font-size:10px;
}
	
.wh10 {
	font-size:10px;
	color:#FFFFFF;
	line-height:15px;
	}
.rgr10 {
	font-size:10px;
	color:#666666;
	line-height:15px;
	}
.gr10 {
	font-size:10px;
	color:#333333;
	line-height:15px;
	}


.wh11 {
	font-size:11px;
	color:#FFFFFF;
	line-height:16px;
	}		
.gr11 {
	font-size:11px;
	color:#333333;
	line-height:16px;
	}
	
.wh12 {
	font-size:12px;
	color:#FFFFFF;
	line-height:19px;
	}
	
.wh13 {
	font-size:13px;
	color:#FFFFFF;
	line-height:20px;
	}	
.gr13 {
	font-size:13px;
	color:#333333;
	line-height:20px;
	}
.gr13str {
	font-size:13px;
	color:#333333;
	line-height:20px;
	font-weight:bold;
	}		

	
	
.a_blue {color:#0063A9;}/* 強調色　青 */
.a_green {color:#389D28;} /* 強調色　緑 */
.a_red {color:#CC0000;} /* 強調色　赤 */



.blueTxt{
	color:#1977B3;
}
.redTxt{
	color:#F33;
}
.blueTxtB{
	color:#1977B3;
	font-weight:bold;
}
.redTxtB{
	color:#F33;
	font-weight:bold;
}

.imgVmiddle{
	vertical-align:middle;
}

.clr{
	clear:both;
}

.recommend{
	text-align:center;
	margin-top:30px;
}
.recommend a{
	padding:10px;
	font-weight:bold;
	display:block;
	background-color:#DFEFFF;
	border:2px dashed #B9DCFF;
}
.recommend a:hover{
	background-color:#69F;
	color:#FFF;
}

a.liexternal { padding-right: 12px; background: url(../images/link-icon_external.gif) no-repeat right; margin-right:10px; }
a.liexternal_right0 { padding-right: 12px; background: url(../images/link-icon_external.gif) no-repeat right; margin-right:0px; }
a.limailto { padding-right: 18px; background: url(../images/link-icon_mail.gif) no-repeat right; margin-right:10px; }
a.lipdf { padding-right: 12px; background: url(../images/link-icon_pdf.png) no-repeat right; margin-right:10px; }


.pdf_btn a{
	display: block;
    width: 181px;
    padding: 1%;
    background: #0581c1;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
 	border-radius:5px;
	margin-bottom:20px;
	text-align:center;
	float:right;
}

a.tomei:hover{
	opacity:0.8;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=80); /* IE lt 8 */

}


.sp_disp{
	display:none !important;
}

.pc_disp{
	display:block !important;
}

.sp_disp_table_row{
	display: none;
}

.pc_disp_table_row{
	display: table-row;
}

.footer_banner{
	margin-bottom:10px;
}


/**
 * スマートフォンメニュー
**/
#sp_menu_btn{
	display:none;
}

ul#sp_menu{
	display:none;
}

.sns_btn{
	text-align:right;
	padding:5px 0 5px 0;
}

.fb_iframe_widget{
	margin-right:20px;
	vertical-align:bottom;
}

.btn_twitter{
	display:inline-block;
	margin-right:5px;
	vertical-align:bottom;
}

iframe.twitter-share-button {
    width: 105px!important;
}

#___plusone_0{
	vertical-align:bottom !important;
	width: 80px !important;
}

#___plusone_0 iframe{
	width: 80px !important;
}

.picRight_reponsive01,
.picRight_reponsive02,
.picRight_reponsive03{
	color:#888;
	float:right;
	margin:0 0 10px 10px;
}

.picLeft_reponsive01,
.picLeft_reponsive02,
.picLeft_reponsive03{
	color:#888;
	float:left;
	margin: 0 10px 10px 0;
}

.picRight_reponsive01 img,
.picRight_reponsive02 img,
.picRight_reponsive03 img,
.picLeft_reponsive01 img,
.picLeft_reponsive02 img,
.picLeft_reponsive03 img{
	border:1px solid #ccc;
	padding:3px;
	background:#fff;
}

.pic_reponsive01,
.pic_reponsive02,
.pic_reponsive03,
.pic_reponsive04{
}

.max110px,
.max150px,
.max200px{
}

.sp_txt_c,
.sp_txt_l,
.sp_txt_r{
}

.pic_row_respon01{
	overflow:hidden;
	margin-bottom:20px;
}

.pic_row_respon01 .box_img{
	width:200px;
	margin:0 10px;
	text-align:center;
	float:left;
}

.pic_row_respon01 .box_img img{
	margin:0 0 5px 0 !important;
	width:100%;
	height:auto;
}

.border_non{
	border:none !important;
}

.link_btn{
}

.width_auto{
}

.font18{
}

.font16{
}

.font12{
	font-size: 12px;
}

.font12.indent1{
	text-indent: -1em;
    padding-left: 1em;
}
.font8{
	font-size:8px !important;
	text-indent: -1em !important;
	margin-bottom: 0px !important;
	line-height: 10px;
	padding-left: 1em;
}

.pc_disp_inline{
	display:inline;
}

.pc_disp_tableCell{
	display: table-cell;
}

.sp_disp_inline{
	display:none;
}

.cap{
	color:#888;
}
.cap.txt_c {
	text-align: center;
}
.cap01{
	color:#888;
	display:block;
	padding-top:10px;
	text-align:center;
}

.cap01.padding0{
	padding-top:0px;
}

.pc_overflow_hidden{
	overflow:hidden;
}

.float_non{
}

.sp_picC_max400,
.sp_picC_max350,
.sp_picC_max300,
.sp_picC_max260,
.sp_picC_max240,
.sp_picC_max200,
.sp_picC_max150,
.sp_picC_max140{
}

.sp_disp_tableCell{
	display:none;
}

.pc_disp_tableCell{
	display:table-cell;
}

.sp_margin0{
}

.sp_padding0{
}

.pc_w_200{
	width:208px;
}

.pc_w_200 img{
	width:200px;
	height:auto;
}


/*-----------記事ページサイドメニュー------------*/
#daigaku {
	margin:15px 0 30px;
	background:#f5f5f5;
}	

#daigaku ul{ margin:0; padding:0;}
#daigaku li{
	list-style:inside none;
	padding:0;
}

#daigaku .gakubu {
	font-size:14px; 
	font-weight:nomal;
	background: #0063A9;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	position: relative;
	margin-bottom:16px;
}

#daigaku .gakubu:before{
	content: "";
	position: absolute;
	bottom: -14px;
	left: 5%;
	border: 8px solid transparent;
	border-right: 8px solid #0063A9;
	border-top: 8px solid #0063A9;
}

#daigaku h4{
	border:none;
	border-left:3px solid #0063A9;
	font-size:13px;
	margin-bottom:5px;
	padding:3px 10px 3px 7px;
}

#daigaku .manabu{
	margin-bottom:10px;
	padding:0 10px;
}

#daigaku .manabu li{
	margin-bottom:0;
}

#daigaku .gakubulink a,
#daigaku .hplink a{
	display:block;
	padding:5px;
	text-align:center; 
	color:#FFFFFF;
	margin:0 10px 1px;
}

#daigaku .gakubulink a{
	background:#16A5D9;
}

#daigaku .hplink a{
	background:#F4A205;
}

#daigaku .gakubulink a:hover,
#daigaku .hplink a:hover{
	opacity:0.9;	/*Firefox, Opera, Chrome, Safari*/
	filter: alpha(opacity=90); /* IE lt 8 */
	text-decoration:none;
}

#daigaku .timeline{
}

#daigaku .timeline.second{
	display:none;
}

.loadgif{
	display:block;
	margin: 0 auto;
}

#daigaku .timeline li{
}

#daigaku .timeline li a{
	display:block;
	padding:5px 10px;
	border-top:2px solid #fff;
	text-decoration:none;
}

#daigaku .timeline li a:hover{
	background:#eaeaea;
}

#daigaku .timeline .thumb{
	display:block;
	margin-bottom:5px;
	text-align:center;
}

#daigaku .timeline .thumb img{
	width:60%;
	height:auto;
}

#daigaku .timeline .title{
	display:block;
	margin-bottom:3px;
}

#daigaku .timeline li span.time,
#daigaku .timeline li span.category{
	display:block;
	color:#666;
	font-size:11px;
	line-height:1.3;
	margin-bottom:3px;
}

#daigaku .morebox{
	border-top:2px solid #fff;
	padding:10px 50px;
}

#daigaku .morebox a{
	display:block;
	padding:5px;
	text-align:center; 
	color:#FFFFFF;
	background:#999;
}

#daigaku .morebox a:hover{
	background:#333;
	text-decoration:none;
}





#bucknmb {
	/*background:#FAF9F4;*/
	-webkit-box-shadow: 0 0 3px 1px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0 0 3px 1px rgba(50, 50, 50, 0.2);
	box-shadow:         0 0 3px 1px rgba(50, 50, 50, 0.2);
}	

#bucknmb ul{
	margin:0;
	padding:0;
}

#bucknmb .inner_bucknmb{
	padding:0 10px;
}

#bucknmb li{
	list-style:inside none;
	margin:0 0 5px 0;
	padding:0;
}

#bucknmb .manabu {
	font-size:14px; 
	font-weight:nomal;
	background:;/*各カテゴリのlocal.cssに記載*/
	color: #fff;
	text-align: center;
	padding: 8px 0;
	position: relative;
	margin-bottom:20px;
}

#bucknmb .manabu:before{
	content: "";
	position: absolute;
	bottom: -14px;
	left: 5%;
	border: 8px solid transparent;
	border-right: 8px solid #69AF2F;
	border-top: 8px solid #69AF2F;
}

#bucknmb .cat_timeline{
}

#bucknmb .cat_timeline.second{
	display:none;
}

#bucknmb .cat_timeline li{
	margin:0;
}

#bucknmb .cat_timeline a{
	display:block;
	padding:10px;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
	line-height:1.4;
}

#bucknmb .cat_timeline a:hover{
	background: #f6f6f6;
}

#bucknmb .cat_timeline .thumb{
	display:block;
	margin-bottom:5px;
	text-align:center;
}

#bucknmb .cat_timeline .thumb img{
	width:60%;
	height:auto;
}

#bucknmb .cat_timeline .title{
	display:block;
	margin-bottom:3px;
}

#bucknmb .cat_timeline .schName{
	display:block;
	font-size:11px;
	color:#666;
}

#bucknmb .cat_morebox{
	border-top:2px solid #fff;
	padding:10px 50px;
}

#bucknmb .cat_morebox a{
	display:block;
	padding:5px;
	text-align:center; 
	color:#FFFFFF;
	background:#999;
}

#bucknmb .cat_morebox a:hover{
	background:#333;
	text-decoration:none;
}

#bucknmb .kijilink{
}

#bucknmb .kijilink a{
	display:block;
	padding:5px;
	text-align:center; 
	color:#666;
	border-top:1px dotted #ccc;
}

#bucknmb .kijilink a:hover{
	background:#999;
	text-decoration:none;
	color:#fff;
}
/*-----------記事ページサイドメニュー------------*/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; }


.forum2014{
	margin:0 0 20px 0;
	padding: 10px;
	/* border-radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	
	/* box-shadow */
	box-shadow:rgba(180, 180, 180, 0.4) 0px 0px 3px 3px;
	-webkit-box-shadow:rgba(180, 180, 180, 0.4) 0px 0px 3px 3px;
	-moz-box-shadow:rgba(180, 180, 180, 0.4) 0px 0px 3px 3px;
	box-sizing:border-box;
	
background: #002400; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #002400 1%, #008a00 27%, #008a00 45%, #005700 65%, #002400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#002400), color-stop(27%,#008a00), color-stop(45%,#008a00), color-stop(65%,#005700), color-stop(100%,#002400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #002400 1%,#008a00 27%,#008a00 45%,#005700 65%,#002400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #002400 1%,#008a00 27%,#008a00 45%,#005700 65%,#002400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #002400 1%,#008a00 27%,#008a00 45%,#005700 65%,#002400 100%); /* IE10+ */
background: linear-gradient(135deg,  #002400 1%,#008a00 27%,#008a00 45%,#005700 65%,#002400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002400', endColorstr='#002400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.forum2014 a{
	width:auto;
	display:block;
	padding:0;
	/*background:#FFFFFF;*/
	/* border-radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
.forum2014 a img{
	width:100%;
}

.forum2015 a{
	width:auto;
	display:block;
	padding:0;
	/*background:#FFFFFF;*/
	/* border-radius */
	}
.forum2015 a img{
	width:100%;
}


.forumbottom {
margin: 0 auto;
width: 880px;
}


/*---関連記事----------------------------------------*/
.relation_article{
	margin-top:20px;
}
.relation_article h2{
	color:#fff;
	background:#333;
	padding:10px;
	font-size:20px;
	margin-bottom:10px;
}
.relation_article p{
	padding:0 !important;
}
.relation_article .box_article{
	width:33.3333333333333333%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	border-left:1px dotted #888;
	margin:10px 0;
}
.relation_article .box_article:nth-of-type(3n){
	border-right:1px dotted #888; 
}
.relation_article .box_article:nth-of-type(3n+1){
	clear:both;
}
.relation_article .date,
.relation_article .cat,
.relation_article .school{
	font-size:12px;
	color:#999;
	margin-bottom:5px !important;
	padding:0;
}
.relation_article .cat{
	margin-bottom:0 !important;
}
.relation_article .thumb{
	text-align:center;
	margin-bottom:10px;
}
.relation_article .thumb img{
	width:80%;
	height:auto;
}
.relation_article .title{
	line-height:1.4;
	color:#00569A;
	margin-bottom:5px !important;
}
.relation_article a{
	display:block;
	padding:10px;
}
.relation_article a:hover{
	text-decoration:none;
	background:#f2f2f2;
}
/*---関連記事----------------------------------------*/



/*
---
---------------------------------------------------------------------------*/
a.cmn-btn {
	display: block;
    padding: 15px 0;
    border-radius: 5px;
    color: #fff;
    background-color: #F09100;
    background-image: url(/pictlabo/images/arrow_next.png);
    -webkit-background-size: 12px auto;
    background-size: 6px auto;
    background-position: right 10px center;
    background-repeat: no-repeat;
    border-bottom: 3px solid #D67A00;
    width: 400px;
	max-width: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    transition: 0s;
}
a.cmn-btn:hover{
	position: relative;
	top:3px;
	border-color: transparent;
	text-decoration: none;
}

#link.addcomment2021 {
    margin-top: 50px;
}
#link.addcomment2021.lesson,
#link.addcomment2021.laboratory {
	margin-top: 70px;
}
#link.addcomment2021 .link_right a {
    position: relative;
}
#link.addcomment2021 .link_right a:before {
    content: "この学校に興味がある方はこちら";
    position: absolute;
    top: -26px;
    background-color: #16A5D9;
    padding: 16px;
    border-radius: 10px;
    white-space: nowrap;
    transform: translateY(-100%);
    font-size: 16px;
    right: 0px;
	color: #fff;
}
#link.addcomment2021 .link_right a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 13px 0 13px;
    border-color: #16A5D9 transparent transparent transparent;
    top: -26px;
    left: 20px;
}
#link.addcomment2021.explore .link_right a:before {
	background-color: #3f8901;
}
#link.addcomment2021.explore .link_right a:after {
	border-top-color: #3f8901;
}
#link.addcomment2021.eco .link_right a:before {
	background-color: #62B600;
}
#link.addcomment2021.eco .link_right a:after {
	border-top-color: #62B600;
}
#link.addcomment2021.laboratory .link_right a:before {
	background-color: #21853B;
}
#link.addcomment2021.laboratory .link_right a:after {
	border-top-color: #21853B;
}
#link.addcomment2021.tech_style .link_right a:before {
	background-color: #E04B79;
}
#link.addcomment2021.tech_style .link_right a:after {
	border-top-color: #E04B79;
}
#link.addcomment2021.day .link_right a:before,
#link.addcomment2021.lesson .link_right a:before,
#link.addcomment2021.rep_student .link_right a:before,
#link.addcomment2021.rep_graduate .link_right a:before,
#link.addcomment2021.rep_teacher .link_right a:before {
	color: #F58216;
	background-color: #FFF096;
}
#link.addcomment2021.day .link_right a:after,
#link.addcomment2021.lesson .link_right a:after,
#link.addcomment2021.rep_student .link_right a:after,
#link.addcomment2021.rep_graduate .link_right a:after,
#link.addcomment2021.rep_teacher .link_right a:after {
	border-top-color: #FFF096;
}
#link.addcomment2021.event .link_right a:before {
	background-color: #F4A205;
}
#link.addcomment2021.event .link_right a:after {
	border-top-color: #F4A205;
}


/**
 * タブレット端末用
**/

@media only screen and (min-width: 651px) and (max-width: 960px) {

.sp_disp{
	display:none !important;
}

.pc_disp{
	display:block !important;
}

.pc_disp_inline{
	display:inline;
}

.sp_disp_inline{
	display:none;
}

.sp_disp_tableCell{
	display:none;
}

.pc_disp_tableCell{
	display:table-cell;
}

.sp_disp_table_row{
	display: none;
}

.pc_disp_table_row{
	display: table-row;
}


}


/**
 * スマートフォン端末用
**/

@media only screen and (max-width: 650px) {

a{
	word-break:break-all;
}

.sp_disp{
	display:block !important;
}

.pc_disp{
	display:none !important;
}

.pc_disp_inline{
	display:none;
}

.sp_disp_inline{
	display:inline;
}

.sp_disp_tableCell{
	display:table-cell !important;
}

.pc_disp_tableCell{
	display:none !important;
}

.sp_disp_table_row{
	display: table-row !important;
}

.pc_disp_table_row{
	display: none !important;
}

#header{
	overflow:visible;
	width: 100%;
}

body {
	background:none;
	width:auto;
	padding:0 10px;
	font-size:15px;
}

#bg_top {
	background:none;
}

#box {
	width: 100%;
}	

#header:after{
	display:block;
	content:"";
	clear:both;
	height:1px;
}

#header div.left {
	width: 100%;
	height: 1px;
	float: none;
	background: url(../images/header_title2014-02.gif) no-repeat 0 -10px;
	background-size:100% auto;
	padding-bottom:25.53%;
}

#header div.left h1 {
	width: 100%;

	height: auto;
}

#header div.right {
	width: 65%;
	height:40px;
	float: left;
	background: #fffbda; /* Old browsers */
	background: -moz-linear-gradient(top,  #fffbda 0%, #f1e65c 53%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbda), color-stop(53%,#f1e65c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fffbda 0%,#f1e65c 53%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fffbda 0%,#f1e65c 53%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fffbda 0%,#f1e65c 53%); /* IE10+ */
	background: linear-gradient(to bottom,  #fffbda 0%,#f1e65c 53%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbda', endColorstr='#f1e65c',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 0px 3px 1px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 0px 3px 1px rgba(50, 50, 50, 0.3);
}

#header div.right a{
	background:url(../images/kogakubu_sp.png) no-repeat center center;
	background-size:175px auto;
	display:block;
	widows:100%;
	height:100%;
}

#header div.right a span {
	width: 100%;
	height: auto;
}

#sp_menu_btn{
	display:block;
	width: 30%;
	height:40px;
	float:right;
	background: #4fd3ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #4fd3ff 0%, #00b3f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4fd3ff), color-stop(100%,#00b3f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4fd3ff 0%,#00b3f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4fd3ff 0%,#00b3f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4fd3ff 0%,#00b3f0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4fd3ff 0%,#00b3f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fd3ff', endColorstr='#00b3f0',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    0px 0px 3px 1px rgba(50, 50, 50, 0.3);
	box-shadow:         0px 0px 3px 1px rgba(50, 50, 50, 0.3);
	margin:0 0 20px 0;
}

#sp_menu_btn a{
	background:url(../images/sp_menu.png) no-repeat center center;
	background-size:81px auto;
	display:block;
	widows:100%;
	height:100%;
	text-indent:-9999px;
}

ul#sp_menu{
	clear:both;
	background:#f2f2f2;
	margin:0 0 20px 0;
	padding:0;
	position:relative;
}

ul#sp_menu:before{
	display:block;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 20px 20px;
	border-color: transparent transparent #f2f2f2 transparent;
	position:absolute;
	top:-15px;
	right:15%;
	margin-right:-20px;
}

ul#sp_menu li{
	list-style:none;
	text-align:left;
	margin:0;
	padding:0;
}

ul#sp_menu li a{
	display:block;
	padding:5px 10px;
	border-bottom:1px solid #ddd;
}

.honbun {
	font-size: 16px;
	line-height:1.6;
}

.footer_banner{
	margin-bottom:20px;
}

.footer_banner img{
	width:100%;
	height:auto;
}

#manage {
	width: auto;
	margin: 0 auto;
	text-align:left;
	/*margin: 0 auto;
	padding: 10px 0 0 0;
	clear: both;*/
}

#manage table{
	width: 100%;
	/*margin: 0 auto;
	padding: 10px 0 0 0;
	clear: both;*/
}


#define {
	width:auto; 
	}

#define  table{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	}

.def01 {
	padding:10px;
	display:block;
	width:auto;
}

.def02 {
	display:block;
	font-size:14px;
	line-height:1.6;
	}



#footer {
	width:auto; 
	margin:0 auto; 
	padding:10px 0 10px 0; 
	border-top:#666666 1px dotted; 
	text-align:left;
}

#footer a {
	color:#333333;
	text-decoration:none;
	display: inline-block;
	font-size: 15px;
	margin-bottom:10px;
}

#footer a:hover {color:#0066FF; text-decoration:none;}

#footer table td{
	text-align:left !important;
}

#top_contents {
	width: auto;
	margin: 0 ;
	padding: 0 ;
}

#con_box {
	width: auto;
	margin: 0;
}

#left_con {
	width: auto;
	float: none;
}

#page_title {
	height: auto;
}

.title_left,
.title_right{
	display:none;
}

#pan {
	width: auto;
	padding:0 0 15px 0;
	font-size:15px;
	display:none;
}

#pan a{
	display:inline-block;
}

.space02 {
	width: auto;
	height: 20px;
}

.chui {
height: auto;
font-size: 13px;
padding-top: 10px;
}

div#link {
	display:none !important;
}
    
div#link.day,div#link.lesson {
    display: block !important;
}

#right_menu {
width: auto;
margin: 0;
float: none;
}

.bottom_link {
clear: both;
height: auto;
padding: 30px 0 10px 0;
text-align: right;
}

.bottom_link:after{
	content:"";
	display:block;
	height:1px;
clear: both;
}
.bottom_link a{
	display:inline-block;
	background:#aaa;
	color:#fff;
	padding:5px 10px;
	float:right;
font-size: 15px;
-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

h2 #pagetitle_image {
	clear:both;
	background: url(../images/kihon_title_bg.jpg) no-repeat;
	width:auto;
	margin:0 0 10px 0;
	height:auto; 
	font-size:22px; 
	font-weight:normal; 
	text-align:left; 
	padding:20px 10px;
	color:#FFFFFF;
	background-size:auto 100%;
	background-position:-3px 0;
}

h2 #pagetitle_image span{
	text-indent:0;
	text-align:left;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}


/* ページタイトル */
#pagetitle_kihon {
	width:auto;
	margin:0 0 0 0;
	height:auto; 
	font-size:22px; 
	font-weight:normal; 
	text-align:left; 
	padding:20px 10px;
	color:#FFFFFF;
	background-size:auto 100%;
	background-position:-3px 0;
	}

.link_btn{
	display:block;
	width:80%;
	padding:10px 0;
	background:#0063A9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#fff !important;
	text-align:center;
	margin:0 auto;
}

.link_btn:hover,
.link_btn:visited{
	text-decoration:none;
}

.bottom_link a:hover,
.bottom_link a:visited{
	text-decoration:none;
}

.sns_btn{
	text-align:left;
	padding:20px 0 20px 0;
}

.picRight_sp_only01{
	float:right;
	margin:0 0 10px 10px;
	width:45%;
	max-width:200px;
}

.picRight_sp_only01 img{
	display:block;
	width:100%;
	height:auto;
	box-sizing:border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
	border:1px solid #ccc;
	padding:3px;
	background:#fff;
}

.picLeft_reponsive01{
	width:45%;
	color:#888;
	font-size:13px;
	max-width:250px;
}

.picLeft_reponsive01 p{
	margin:0 !important;
	padding:0 !important;
}

.picLeft_reponsive01 img{
	display:block;
	width:100%;
	height:auto;
}

.picLeft_reponsive02{
	width:auto;
	color:#888;
	font-size:13px;
	float:none;
	margin:0 auto 20px !important;
}

.picLeft_reponsive02 img{
	display:block;
	width:80%;
	height:auto;
	max-width:250px;
	margin:0 auto 5px !important;
}

.picLeft_reponsive03{
	width:auto;
	color:#888;
	font-size:13px;
	float:none;
	margin:0 auto 20px !important;
}

.picLeft_reponsive03 img{
	display:block;
	width:100%;
	height:auto;
	max-width:350px;
	margin:0 auto 5px !important;
}

.picRight_reponsive01{
	width:45% !important;
	color:#888;
	font-size:13px;
	max-width:250px;
}

.picRight_reponsive01 img{
	display:block;
	width:100%;
	height:auto;
}

.picRight_reponsive02{
	width:auto;
	color:#888;
	font-size:13px;
	float:none;
	margin:0 auto 20px !important;
}

.picRight_reponsive02 img{
	display:block;
	width:80%;
	height:auto;
	max-width:250px;
	margin:0 auto 5px !important;
}

.picRight_reponsive03{
	width:auto;
	color:#888;
	font-size:13px;
	float:none;
	margin:0 auto 20px !important;
}

.picRight_reponsive03 img{
	display:block;
	width:100%;
	height:auto;
	max-width:350px;
	margin:0 auto 5px !important;
}

.pic_reponsive01{
	display:block;
	max-width:300px;
	width:80%;
	height:auto;
	margin-left:auto !important;
	margin-right:auto !important;
	float:none !important;
}

.pic_reponsive02{
	display:block;
	max-width:200px;
	width:80%;
	height:auto;
	margin-left:auto !important;
	margin-right:auto !important;
	float:none !important;
}

.pic_reponsive03{
	display:block;
	max-width:400px;
	width:100%;
	height:auto;
	margin-left:auto !important;
	margin-right:auto !important;
	float:none !important;
}

.pic_reponsive04{
	display:block;
	max-width:200px;
	width:100%;
	height:auto;
	margin-left:auto !important;
	margin-right:auto !important;
	float:none !important;
}

.picRight_reponsive01 img,
.picRight_reponsive02 img,
.picRight_reponsive03 img,
.picLeft_reponsive01 img,
.picLeft_reponsive02 img,
.picLeft_reponsive03 img,
.pic_reponsive01,
.pic_reponsive02,
.pic_reponsive03,
.pic_reponsive04{
	box-sizing:border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}

.picLeft_reponsive01.max110px{	max-width:110px;}
.picLeft_reponsive01.max150px{	max-width:150px;}
.picLeft_reponsive01.max200px{	max-width:200px;}

.picRight_reponsive01.max110px{	max-width:110px;}
.picRight_reponsive01.max150px{	max-width:150px;}
.picRight_reponsive01.max200px{	max-width:200px;}

.picRight_reponsive02.max200px img{	max-width:200px;}

.sp_txt_c{
	text-align:center !important;
}

.sp_txt_l{
	text-align:left !important;
}
.sp_txt_r{
	text-align:right !important;
}

.pic_row_respon01{
	margin-bottom:0;
}

.pic_row_respon01 .box_img{
	width:80%;
	margin:0 auto 10px;
	float:none;
}

.pic_row_respon01 .box_img img{
	max-width:200px;
	display:block;
	margin:0 auto 5px !important;
}

.pic_row_respon01 .box_img span{
	font-size:13px;
}

.width_auto{
	width:auto !important;
}

.font18{
	font-size:18px !important;
	line-height:1.6;
}

.font16{
	font-size:16px !important;
	line-height:1.6;
}

.font13{
	font-size:13px !important;
	line-height:1.6;
}

.space,.space02{width:auto; height:25px;}	

.recommend{
	text-align:left;
}

.pc_overflow_hidden{
	overflow: visible;
}

.float_non{
	float:none !important;
	margin-left:auto !important;
	margin-right:auto !important;
}

.sp_mb_0{
	margin-bottom:0 !important;
}

.sp_picC_max400,
.sp_picC_max350,
.sp_picC_max300,
.sp_picC_max260,
.sp_picC_max240,
.sp_picC_max200,
.sp_picC_max150,
.sp_picC_max140{
	float:none !important;
	margin:0 auto 20px !important;
	width:auto !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.sp_picC_max400{	max-width:400px;}
.sp_picC_max350{	max-width:350px;}
.sp_picC_max300{	max-width:300px;}
.sp_picC_max260{	max-width:260px;}
.sp_picC_max240{	max-width:240px;}
.sp_picC_max200{	max-width:200px;}
.sp_picC_max150{	max-width:150px;}
.sp_picC_max140{	max-width:140px;}

.sp_picC_max400 img,
.sp_picC_max350 img,
.sp_picC_max300 img,
.sp_picC_max260 img,
.sp_picC_max240 img,
.sp_picC_max200 img,
.sp_picC_max150 img,
.sp_picC_max140 img{
	width:100% !important;
	height: auto !important;
	display:block !important;
	float:none !important;
	margin:0 !important;
	box-sizing:border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
}

.sp_picC_max150 img.pc_disp_inline{
	display:none !important;
}

.sp_picC_max400 p,
.sp_picC_max350 p,
.sp_picC_max300 p,
.sp_picC_max260 p,
.sp_picC_max240 p,
.sp_picC_max200 p,
.sp_picC_max150 p,
.sp_picC_max140 p{
	padding-bottom:0 !important;
}

.sp_float_non{
	float:none !important;
}

.fb_iframe_widget{
	margin:0 10px 0 0;
	height: 30px;
	display:inline-block !important;
}
.btn_twitter {
	height: 30px;
}
iframe.twitter-share-button {
    width: 90px!important;
}

#___plusone_0{
	width: 70px !important;
	height: 30px !important;
}

#___plusone_0 iframe{
	width: 70px !important;
}

.sp_margin0{
	margin:0 !important;
}

.sp_padding0{
	padding:0 !important;
}

/*-----------記事ページサイドメニュー------------*/
#daigaku .gakubu {
	font-size:16px; 
	padding: 12px 0;
}

#daigaku h4{
	font-size:16px;
	padding:10px 10px 10px 7px;
	border-left-width:5px;
}

#daigaku .timeline .thumb img{
	max-width:180px;
}

#bucknmb .manabu {
	font-size:16px; 
}

#bucknmb .cat_timeline .thumb img{
	max-width:180px;
}
/*-----------記事ページサイドメニュー------------*/

.pc_disp_tableCell{
	display:none;
}

.sp_clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.sp_clearfix { min-height: 1px; }
* html .sp_clearfix { height: 1px; }



.forumbottom {
width: auto;
}


/*---関連記事----------------------------------------*/
.relation_article{
	margin:30px 0;
}
.relation_article h2{
	font-size:16px;
}
.relation_article .box_article{
	width:auto;
	float:none;
	border-left:none;
	border-top:1px dotted #888;
	margin:0;
}
.relation_article .box_article:nth-of-type(3n){
	border-right:none;
}
.relation_article .box_article:last-child{
	border-bottom:1px dotted #888;
}
.relation_article .date{
	float:left;
	margin-right:10px;
}
.relation_article .cat,
.relation_article .school{
	clear:left;
}
.relation_article .school{
	margin:0 0 10px;
}
.relation_article .thumb{
	float:right;
	width:150px;
	margin:0 0 10px 10px;
	max-width:45%;
}
.relation_article .thumb img{
	width:100%
}
.relation_article .title{
	margin-right:10px;
	clear:left;
}
.relation_article a{
	height:auto !important;
	padding:10px 5px 0;
}
.relation_article a:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/*---関連記事----------------------------------------*/

}