@charset "utf-8";

/* ===========================================
	タブレット表示
=========================================== */

#wrapper {
		width: 100%;
	}
#header_out {
width:100%;
}	
#content_top {
width:96%;
float:left;
margin:30px 2%;
}
#content_left_top {
float:left;
width:40%;
}

#content_right_top {
float:right;
width:56%;
}
h1 {
padding: 2%;
}
#footer_in {
	width: 96%;
	margin-top: 0;
	margin-right: 2%;
	margin-bottom: 0;
	margin-left: 2%;
}
#add {
float:none;
}
#add p {
float:none;
text-align:left;
padding-left: 3em;
text-indent: -3em;
}
.indent-1 {
text-indent: -2em;
padding-left: 2em;
display: block;
}
#f_mark {
	margin-top:10px;
	float:none;
	text-align:center;
}

/* ===========================================
	ナビゲーション
=========================================== */

#pc_menu {
display:block;
}

#sp_menu {
display:none;
}

#pc_menu #menu {
	display: block;
	clear: both;
	width: 100%;
	background-color:#3399FF;
	float: none;
	padding: 0;
}
#pc_menu #navi{
width:100%;
padding:0;
	float:none;
	display: table;
}
#pc_menu #navi li{
	float:none;
	display: table-cell;
	padding:20px 0;
}
#pc_menu .subnavi li {
padding:0 0 0 10px;
}
#pc_menu .subnavi li a {
padding:4px 12px;
}
#header #link {
display:none;
}
#top_subt {
	margin-bottom:-10px;
}

.senpai_msg {
float:none;
width:100%;
margin-top:20px;
}

.senpai_msg img {
float:left;
width:50%;
}
.senpai_msg div {
float:left;
width:46%;
padding:0;
margin: 0 0 0 4%;
}


/* ===========================================
	スライダー
=========================================== */

#slider_in {
	width: 100%;
}

/* ===========================================
	セカンド以降
=========================================== */

#title_wrap {
width: 96%;
margin: 50px 2% 0 2%;
}
#next {
	float: left;
	width: 100%;
}

#content {
width: 96%;
margin: 0 2% 30px 2%;
}
#content p {
	margin:10px 4%;
}
#president #content_left {
width:55%;
}

#president #content_right {
width:42%;
}

#organization {
	width:90%;
	padding:0;
	margin:auto;
	margin-top:30px;
}

.ph_right {
	float:right;
	margin: 0 0 20px 20px;
	width:40%;
}
.ph_left {
	float:left;
	margin: 0 20px 0 20px;
	width:50%;
}
.bs_img {
	width:100%;
}

#person {
	margin-top:20px;
	width:100%;
	position:relative;
}
#person ul#md {
	margin: 0;
	position:relative;
}
#person ul#md > li {
	width:100%;
	position:relative;
	left:0;
	margin-bottom:10px;
}
#person ul#md li.point em {
	background-image:url(../images/grade2.png);
	position:relative;
	width:100%;
	height:50px;
}
#person ul#md li.point em a {
	display:block;
	height:30px;
}
#person ul#md li .pc {
	display:none;
}
#person ul#md li .sm {
	display:block;
}
#person ul#md li a .sm img {
	vertical-align:middle;
	margin-left:10px;
}
#person ul#md li em#md1 { left: 0;}
#person ul#md li em#md2 { left: 0;}
#person ul#md li em#md3 { left: 0;}
#person ul#md li em#md4 { left: 0;}
#person ul#md li em#md5 { left: 0;}

#person ul#md li ul {
	position:relative;
}
#person ul#md li ul li {
	position:relative;
	top: 10px;
	padding: 10px 20px;
	margin-bottom:10px;
}
#person ul#md li ul li#con1 { left: 0; }
#person ul#md li ul li#con2 { left: 0; }
#person ul#md li ul li#con3 { left: 0; }
#person ul#md li ul li#con4 { left: 0; }
#person ul#md li ul li#con5 { left: 0; }

#person ul#md li ul li#con1:before { left: 50%; }
#person ul#md li ul li#con2:before { left: 50%; }
#person ul#md li ul li#con3:before { left: 50%; }
#person ul#md li ul li#con4:before { left: 50%; }
#person ul#md li ul li#con5:before { left: 50%; }

#content .btn { width: 100%;}

/*テーブル*/

.t_width {
	width: 100%;
}