@charset "UTF-8";

/* 前頁共通の設定はこのファイルで指定します */

/*■初期設定*/

body{
	color:#000000;/*通常のテキストカラー*/
}
a{
	color:#ff0000;/*通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
}
a:hover{
	color:#ff0000;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:none;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
}

/*■フォントサイズ調整*/
body {
	font-family:'メイリオ',Meiryo;/*フォント種*/
	text-align:left;
}

body p{
    width:100%;
    margin:0;
    text-align: right;
    font-size: 0.6rem;
}

/* ここからは、headerの設定 */
.header{
	display:block;
	margin:none;
}

h1{
	margin:40px 0 20px 20px;/* 外余白の設定、順に上・右・下・左で設定 */
}

h1 a{/* 北大生協学生組織委員会｜GakuseiIinkaiのところの設定 */
	font-size:14px;/* フォントサイズの設定 */
	line-height:16px;/* フォントの高さを指定 */
	text-decoration:none;/* 下線を引きたい場合はunderlineへ変更 */
	font-family:'メイリオ',Meiryo,'MS Pゴシック',sans-serif;/* フォントの種類を設定 */
	font-weight:normal;/* 太字にしたい場合は、boldへ変更 */
	color:#000000;
}

h1 a:hover{
	color:#000000;
}

h2{
	background:url(../../img/haikei2.jpg);/* 背景画像を指定 */
	font-size:1.3rem;/* フォントサイズを指定 */
	line-height:70px;./* フォントの高さを指定 */
	height:70px;/* このブロック自体の高さを指定 */
	color:#000000;/* フォントの色を指定 */
	font-weight:normal;/* 太字にしたい場合は、boldへ */
	font-family:'メイリオ',Meiryo,'MS Pゴシック',sans-serif;/* フォントの種類を設定 */
	margin-bottom:20px;
}
/* タブのナビゲーション */
.tabs-nav {
    border-bottom:solid 1px #ddd;
    padding-bottom:5px;
}
.tabs-nav ul {
    margin:0;
	padding:0;
    list-style:none;
}

.tabs-nav a {
    display:block;
    padding:10px 15px;
    font-size:16px;
    line-height:1.5;
    color:#333;
    text-decoration:none;
    border:1px solid #333;
    margin-right:5px;
}

.tabs-nav a:hover,
.tabs-nav a.active {
 	background-color:#ff0000;
    	color:#fff;
}

.tabs-nav ul:after {
    content:"";
    display:block;
    clear:both;
}

.tabs-nav li {
    float:left;
    width:auto;
}

.section-body h3 {
	font-size:1.1rem;
	text-align:left;
    font-weight:normal;
    margin-left:2%;
}

/* 年目ごとのメンバー */
.NennmeInner ul {
	margin:0;
	padding:0;
    width:100%;
	list-style:none;
}

.NennmeInner ul p{
    width:100%;
    margin:5% 0;
    font-size: 0.6rem;
    text-align: left
}

.NennmeInner ul p a{
    text-decoration: underline;
    color: #ff0000;
}

.NennmeInner .member {
	margin:5px 0;
    display:block;
    float:center;
    width:100%;
}

.photo{
    width:80%;
    padding:none;
    display:block;
    float:center;
    margin:0 10%;
}

.photo img{
    width:100%;
    margin:0;
}

.profile{
    width:30%;
    color:#ffffff;
}

.intro{
    width:100%;
    float:right;
    margin:0;
}

.intro h4 {
	font-size:1rem;
	padding:none;
    margin:0 0 10px 5%;
	text-align:left;
    color:#ffffff;
    display:block;
    width:95%;
}
.intro h4 span {
	font-size:1.3rem;
	margin-left:15px;
}

.intro .profile{
    width:100%;
    padding:0;
    float:center;
}

.intro .profile table{
    width:100%;
    padding:0;
    float:center;
}
.intro .profile table th{
	width:30%;
    padding:3px 3px 3px 8px;
    margin:none;
    font-weight:normal;
    font-size: 0.5rem;
}

.intro .profile table td {
	width:70%;
    padding:3px 8px 3px 3px;
    font-size: 0.7rem;
}


/* ここからはページのフッターの設定、適当に読み飛ばして*/
.copy{
	height:20px;
	font-size:10px;
	text-align:right;
	padding:2px;
	margin:4px 0 0 0;
}
.copy a{
	text-decoration:none;
}
.p-copy{
	height:20px;
	font-size:10px;
	text-align:right;
	padding:2px;
	margin:4px 0 0 0;
}