html /* ページ全体の背景色 */
{
	background: #f4f6c7;
}

body /* ページ全体の文字色,段落の高さ */
{
	color: #333;
	line-height: 140%;
}

h1{
	line-height: 140%;
}

.container /* ページ全体の幅は960px */
{
	width: 960px;
	margin: 0 auto;
}

.white_column /* カラムを白い枠で囲う */
{
	margin-top: 20px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	background: white;
	box-shadow: 0px 1px rgba(0,0,0,0.3);
}

/* ヘッダーメニュー */
.header_menu
{
	height: 30px;
	float: right;
}

.header_menu i
{
	color: #838180;
}

.header_menu li
{
	display: inline;
	margin-right:20px;
	list-style-type: none;
}

.header_menu a
{
	color: #5d5d5d;
	text-decoration: none;
}

.header_menu a:hover
{
		color: #1F9980;
}

/* [END] ヘッダーメニュー */

.contents /* ヘッダーメニュー以下を30px下に */
{
	padding-top: 30px;
}

/* レフトカラム */
.left_column
{
	margin-left: 10px;
	width: 220px;
	float: left;
}

#left_column_title
{
	margin: 0 auto;
	padding-bottom: 15px;
}

#left_column_title span
{
	font-size: 15px;
}

#left_column_title img
{
	padding: 20px 0 0 15px;
}

#left_column_title h1
{
	font-size: 20px;
	text-align:center;
}

#left_column_menu a
{
	color: #333333;
	text-decoration: none;
}

#left_column_menu a:hover
{
	color: #1F9980;
}

.left_column li
{
	list-style-type: none;
}
/* [END]レフトメニュー */

/* index.html - メインカラム */
.main_column
{
	float: right;
	width: 700px;
	margin-left: 20px;
}

.main_column a
{
	color: #3498db;
	text-decoration: underline;
}

.main_column_headline
{
	color: #1f9980;
	font-size: 20px;
}

#welcome_sugilab /* 杉山岳弘研究室へようこそ！ */
{
	width: 700px;
}

#welcome_sugilab h2
{
	font-size: 20px;
	padding-bottom: 10px;
	border-bottom: 3px solid #ecebeb;
	-webkit-margin-after:0;
	margin: 15px 20px 0 20px;
}

#welcome_sugilab .main_column_headline{
	margin: 20px 20px 0px 20px;
	text-align: center;
}

#main_column_icon
{
	font-size: 25px;
	color: #1f9980;
	padding-right: 10px;
}

#main_column_boxes
{
	padding-top: 20px;
}

.main_column_box
{
	float: left;
	margin-left: 20px;
	width: 206.666667px;
	text-align: center;
}

.main_column_box p
{
	font-size: 14px;
}

.main_column_box_image
{
	height: 300px;
}

.main_column_box_image img
{
	width: 206.666667px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
}

.main_column_box_button
{
	text-align: center;
}

.main_column_box_button a
{
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	background: #b3b3b3;
	box-shadow: 0px 2px rgba(54,65,72,0.8);
	font-size: 15px;
	text-decoration: none;
	color: white;
	line-height: 220%;
	display: block;
	padding: 5px 0px;
}

.main_column_box_button a:hover
{
	background-color: rgba(54,65,72,0.8);
}
/* [END] index.html - メインカラム */

.main_column_contents /* 各ページのメインカラム */
{
	margin-top: 0px;
	padding: 1px 20px 10px 20px;
	width: 700px;
}

.main_column_contents ul
{
	margin-left: 20px;
}

.main_column_contents h2
{
	border-bottom: 3px solid #ecebeb;
	-webkit-margin-after:0;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

.main_column_contents h4
{
	margin-bottom: 10px;
}

/* about.html - メインカラム */
#about_sugilab h2
{
	font-size: 24px;
}

#about_sugilab h3
{
	text-align: center;
}

#about_sugilab h5
{
	font-size: 16px;
	margin-top: 20px;
	margin-bottom: 0;
}

/* [END] about.html - メインカラム */

/* link.html - メインカラム */
.link_box
{
	width: 320px;
	float: left;
	padding-left: 20px;
}

.link_box li
{
	list-style-type: none;
}

.link_box i
{
	padding-right: 10px;
	font-size: 10px;
	vertical-align: middle;
}

.link_box a
{
	font-size: 15px;
}
/* [END] link.html - メインカラム */

/* employment.html - メインカラム */
.employment h4
{
	margin-top: 5px;
	margin-bottom: 0;
}

.employment p
{
	margin: 0;
}
/* [END] employment.html - メインカラム */

/* research-contents.html - メインカラム */
#research-contents h5
{
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#research-contents h6
{
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
}

#research-contents p
{
	margin-top: 0;
	padding-left: 15px;
}

/* [END] research-contents.html - メインカラム */

/* research-results.html - メインカラム */
#research-results span
{
	font-weight: bold;
	font-size: 16px;
}

#research-results p
{
	font-size: 15px;
}

.research_results_list li
{
		list-style-type: none;
		display: inline;
		margin-right: 6px;
		font-size: 15px;
}

.research_results_list i
{
	font-size: 14px;
	margin-right: 5px;
}
/* [END] research-results.html - メインカラム */

/* about-cooperation.html - メインカラム */
.about_cooperation_contents
{
	width: 700px;
	padding: 30px 0;
	margin: 0;
	border-bottom:1px solid #ecebeb;
}

.about_cooperation_contents:last-child
{
	border-bottom:0px solid;
}

.about_cooperation_contents img
{
	width: 160px;
}

.about_cooperation_content_box
{
	float: right;
	margin: 0;
	margin-left: 20px;
	width: 500px;
}



.about_cooperation_content_box i
{
	margin-right: 5px;
}

.about_cooperation_content_box h3
{
	margin: 0;
}
/* [END] about-cooperation.html - メインカラム */

/* web-cooperation.html - メインカラム */
.web_cooperation_contents
{
	width: 700px;
	padding: 30px 0;
	border-bottom:1px solid #ecebeb;
}

.web_cooperation_contents:last-child
{
	border-bottom:0px solid;
}

.web_cooperation_contents img
{
	width: 160px;
}

.web_cooperation_content_box
{
	float: right;
	margin: 0;
	padding-left: 20px;
	width: 500px;
}

.web_cooperation_content_box i
{
	margin-right: 5px;
}

.web_cooperation_content_box h3
{
	margin: 0;
}
/* [END] web-cooperation.html - メインカラム */

/* sitemap.html - メインカラム */
.sitemap_box
{
	width: 340px;
	margin: 0;
	padding-bottom: 30px;
}

.sitemap_first_box div
{
	height: 160px;
	border-bottom:solid 1px #ECEBEB;
}

.sitemap_second_box div
{
	height: 260px;
	border-bottom:solid 1px #ECEBEB;
}

.sitemap_third_box div
{
	height: 150px;
}

.sitemap_box a
{
	margin-left: 10px;
}

.sitemap_box p
{
	margin-left: 10px;
}

.sitemap_box i
{
	margin-right: 10px;
}

.sitemap_box_left
{
	float: left;
	margin-right: 20px;
}

.sitemap_box_right
{
	float: right;
}

/* [END] sitemap.html - メインカラム */

/* member-detail.html - メインカラム */

#tmp_img
{
	display: none;
}

.member_detail
{
	margin: 20px 0;
	padding-bottom: 20px;
	border-bottom:1px solid #ecebeb;
	height: 480px;
}

.member_detail_img
{
	height:300px;
	width: 300px;
}

.member_detail_text
{
	float: right;
	margin-left:20px;
	width: 380px;
}

.member_detail_text p
{
	margin: 0;
}

.member_detail_status
{
	color: #5D5D5D;
	line-height: 200%;
}

.member_detail_name
{
	margin-top: 20px;
	color: #1f9980;
	font-size: 30px;
}

.member_detail_headline
{
	color: #1f9980;
	font-size: 18px;
}

.member_detail_left_img
{
	margin-top: 15px;
	height:145px;
	width: 145px;
}

.member_detail_right_img
{
	margin-top: 15px;
	float:right;
	height:145px;
	width: 145px;
}

/* [END] member-detail.html - メインカラム */

/* contact.html - メインカラム */
.contact_box
{
	margin: 20px 0;
}

.contact_text
{
	float: right;
	margin-left: 20px;
	width: 380px;
}

.contact_text a
{
	display: block;
}

.contact_text h3
{
	margin: 0;
}

.contact_text p
{
	font-size: 15px;
}

#mailaddress
{
	margin: 15px 0;
}

/* [END] contact.html - メインカラム */

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

.clearfix
{
	display: inline-table;
}
/* [END] clearfix */

ul /* リストにpaddingを設定されるのを防ぐ */
{
	-webkit-padding-start: 0px;
	padding:0px;
}

/* アコーディオンメニュー */
.ac_menu_icon
{
	color:#b3b3b3;
	margin-right: 15px;
	font-size: 24px;
}

.ac_data_icon
{
	color:#b3b3b3;
	margin-right: 15px;
}

li.ac_title
{
	display:block;
	width:200px;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	padding-top:10px;
	text-align: left;
	margin-left: 10px;
	border-bottom:1px solid #ecebeb;
}

.ac_title a
{
	padding: 0px 10px;
	font-size: 16px;
}

#ac_menu
{
	padding-bottom:5px;
}

#ac_menu ul
{
	display: none;
	margin: 0 10px;
	padding:10px 0;
}

#ac_title_bottom
{
	border-bottom:none;
}

.ac_data
{
	background: #ecebeb;
}

.ac_data i
{
	font-size: 14px;
}

.ac_data a
{
	padding-left: 18px;
	font-size:15px;
}

li.ac_data
{
	background:#f2f2f2;
	width:200px;
	height:50px;
	line-height:50px;
	text-align:center;
	-webkit-margin-start: 0px;
	margin: 0 auto;
	text-align: left;
}
/* [END] アコーディオンメニュー */

.banner_icon /* バナーのアイコン */
{
	font-size: 25px;
	margin-right: 5px;
	color: white;
}

/* 3年生向けページのバナー */
#third_page_banner
{
	/*padding: 15px 0 15px 0;*/
	margin-top: 20px;
	text-align: center;
}

#third_page_banner a
{
	background: #e67e22;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	box-shadow: 0px 5px rgba(211,84,0,0.9);
	font-size: 15px;
	color: white;
	text-decoration: none;
	display: block;
	padding: 15px 0;
}

#third_page_banner a:hover
{
	background-color: rgba(211,84,0,0.9);
}
/* [END] 3年生向けページのバナー */

/* Facebookページのバナー */
#facebook_page_banner
{
	margin-top: 20px;
	text-align: center;

}

#facebook_page_banner a
{
	background: #5078bb;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	box-shadow: 0px 5px rgba(47,71,110,0.9);
	font-size: 15px;
	color: white;
	text-decoration: none;
	display: block;
	padding: 15px 0;
}

#facebook_page_banner a:hover
{
	background-color: rgba(47,71,110,0.9);
}
/* [END]Facebookページのバナー */

/* 画像にリボンをかける */
.member_box
{
	margin-left: 25px;
}

.side-corner-tag {
	position: relative;
	color: #fff;
	display: inline-block;
	padding-top: 5px;
	overflow: hidden;
	font-family: Arial, sans-serif;
	font-weight: 900;
	margin-top: 20px;
	margin-right: 24px;
} 

.side-corner-tag p {
	display: inline;	
}

.side-corner-tag p span {
	position: absolute;
	display: inline-block;
	right: -25px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
	text-align: center;
	text-transform: uppercase;
	top: 22px;
	width: 100px;
	padding: 2px 10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

/* 先生のリボンの色 */
.teacher-tag
{
	background: #323333;
}

/* 修士のリボンの色 */
.master-tag
{
	background: #3498db;
}

/* 学士のリボンの色 */
.graduate-tag
{
	background: #e67e22;	
}

.side-corner-tag img
{
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	width: 140px;
	height: 140px;
}

.side-corner-tag p:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: -17px;
	right: 69px;
	z-index: -1;
	border: 17px solid;
	border-color: transparent transparent #662121 transparent;
}

.side-corner-tag p:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 74px;
	z-index: -1;
	right: -10px;
	border: 17px solid;
	border-color: #662121 transparent transparent transparent;
}
/* [END] 画像にリボンをかける */


img{
	border:0px;
}

#ViewArea{
	width:600px;
	height:100px;
	overflow:hidden;
	float:left;
	z-index:1;
}
#ScrollArea{
	position:relative;
	z-index:2;
}

#ScrollArea ul
{
	margin: 0;
}

#ScrollArea li{
	width:110px;
	float:left;
	position:relative;
	/*padding:10px 0;*/
	text-align:center;
	list-style:none;
}
#ScrollArea p{
	font-size:12px;
	padding:2px 0px 0px 0px;
}
#ScrollArea img
{
	height: 100px;
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */	
}

#Leftbtn{
	width:50px;
	height:100px;
	overflow:hidden;
	float:left;
	z-index:1;
	background-image:url(../img/cursor_left.png);
	background-repeat:no-repeat;		
}
#Leftbtn:hover{
	background-image:url(../img/cursor_onmouse_left.png);
	background-repeat:no-repeat;		
}
#Rightbtn{
	width:50px;
	height:100px;
	overflow:hidden;
	float:left;
	z-index:1;
	background-image:url(../img/cursor_right.png);
	background-repeat:no-repeat;					
}
#Rightbtn:hover{
	z-index:1;
	background-image:url(../img/cursor_onmouse_right.png);
	background-repeat:no-repeat;					
}