@charset "utf-8";

/* ==================================================

明治大学 マンドリン倶楽部 OB会 スタイルシート

================================================== * /


/* 共通 
--------------------------------------------------------------------*/
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,td,th,form {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
li {
	list-style-type:none;
}
li img {
	vertical-align:top;
}
table {
	border-collapse:collapse;
}
td,th {
	vertical-align:top;
}
th {
	text-align:left;
}
a img {
	border:none;
}

body {
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin-bottom:3px;
	text-align:center;
	font-size:80%;
	line-height:1.33;
	color:#323232;
	border-top:solid 4px #d2c8b4;
	border-bottom:solid 4px #d2c8b4;
}
.fs {
	font-size:85%;
}
.fl {
	font-size:125%;
}
.b {
	font-weight:bold;
}
.c {
	text-align:center;
}
.r {
	text-align:right;
}
a:link,
a:visited {
	color:#221b7c;
	text-decoration:none;
}
a:hover,
a:active {
	color:#221b7c;
	text-decoration:underline;
}
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1;
	overflow:hidden;
}
.warning {
	color:#e61e1e;
	background-color:#fff5dc;
	border:solid 1px #d2d2d2;
	padding:10px 15px;
	margin:10px 0 3px;
}

.header {
	width:950px;
	margin:0 auto;
	text-align:left;
	font-size:85%;
}
.header h1 {
	color:#969696;
	padding-top:9px;
}
.header h2 {
	float:left;
	width:475px;
	padding:7px 0 16px;
}
.header .header-member {
	float:right;
	width:475px;
	text-align:right;
	padding-top:35px;
}
.header .header-member .header-link {
	padding:11px 0 19px;
}
.main {
	width:950px;
	margin:0 auto;
	text-align:left;
}
#top .main {
	padding-top:20px;
}
.tm-area {
	background:url(../common/tm_bk.gif) repeat-x;
}
.tm-area .tm {
	margin:0 auto;
	width:954px;
}
.tm-area .tm li {
	float:left;
}
.title-area {
	position:relative;
}
.title-area p {
	position:absolute;
	bottom:12px;
	right:0;
	font-size:85%;
	color:#b4aa96;
}
.main-area .main-left {
	float:left;
	width:210px;
}
.lm {
	padding-bottom:15px;
}
.banner-area li {
	padding-bottom:10px;
}
.main-area .main-right {
	float:right;
	width:715px;
}
.pagetop {
	padding-top:60px;
}
.pagetop ul {
	border-top:solid 4px #d2c8b4;
	padding-top:7px;
}
.pagetop li {
	background:url(../common/arrow_1.gif) no-repeat 0 4px;
	padding:1px 0 1px 11px;
	font-weight:bold;
}
.footer {
	padding:70px 0 17px;
	text-align:center;
	font-size:85%;
}
.footer .copyright {
	padding-top:10px;
	color:#b4aa96;
}

.copy {
	font-size:140%;
	font-weight:bold;
	color:#221b7c;
	padding-bottom:5px;
}
.in {
	padding-left:10px;
}

/* トップページ 
--------------------------------------------------------------------*/
#top .top-main-area {
	padding-top:30px;
}
#top .top-main-area .top-main-left {
	float:left;
	width:710px;
}
#top .information {
	border-top:dotted 1px #d2c8b4;
	padding:12px 0;	
}
#top .information-top {
	border-top:none !important;
}
#top .information .photo {
	float:left;
	width:150px;
	text-align:center;
}
#top .information .photo img {
	border:solid 3px #d2c8b4;
}
#top .information .photo-r {
	float:right;
	width:545px;
}
#top .information .day {
	color:#b4aa96;
}
#top .information .day img {
	margin-right:8px;
	vertical-align:-4px;
}
#top .information h3 {
	font-weight:bold;
	padding:6px 0 2px;
}
#top .information-list {
	border-top:solid 1px #d2c8b4;
	padding-top:9px;
	text-align:right;
	font-weight:bold;
}
#top .top-main-area .top-main-right {
	float:right;
	width:210px;
}
#top .snsbtn-area {
	padding-top:5px;
	padding-bottom:11px;
}
#top .snsbtn-area .twitter {
	float:left;
	width:100px;
}
#top .snsbtn-area .facebook {
	float:left;
	width:150px;
}

/* インフォメーション　一覧
--------------------------------------------------------------------*/
#information .information {
	border-top:dotted 1px #d2c8b4;
	padding:12px 0 12px 10px;	
}
#information .information-top {
	border-top:none !important;
}
#information .information .photo {
	float:left;
	width:150px;
	text-align:center;
}
#information .information .photo img {
	border:solid 3px #d2c8b4;
}
#information .information .photo-r {
	float:right;
	width:535px;
}
#information .information .day {
	color:#b4aa96;
}
#information .information .day img {
	margin-right:8px;
	vertical-align:-4px;
}
#information .information h4 {
	font-weight:bold;
	padding:6px 0 2px;
}
#information .next-back {
	border-top:solid 1px #d2c8b4;
	padding-top:13px;
	position:relative;
	text-align:center;
	color:#c8c8c8;
}
#information .next-back img {
	margin:0 22px;
	vertical-align:middle;
}
#information .snsbtn-area {
	padding-top:5px;
	padding-bottom:11px;
}
#information .snsbtn-area .twitter {
	float:left;
	width:100px;
}
#information .snsbtn-area .facebook {
	float:left;
	width:150px;
}

/* インフォメーション　下層
--------------------------------------------------------------------*/
#information-u h3 {
	padding-bottom:20px;
}
#information-u .day {
	color:#b4aa96;
}
#information-u .day img {
	vertical-align:-4px;
	margin-right:8px;
}
#information-u h4 {
	font-weight:bold;
	padding:7px 0 4px;
	font-size:150%;
}
#information-u h4 img {
	vertical-align:-1px;
	margin-left:7px;
}
#information-u .main-photo {
	padding:20px 0 10px;
	text-align:center;
}
#information-u .main-photo img {
	border:solid 3px #d2c8b4;
}
#information-u .text {
	padding-top:20px;
}
#information-u .sub-photo {
	padding:30px 0 10px;
	text-align:center;
}
#information-u .sub-photo img {
	border:solid 3px #d2c8b4;
}
#information-u .photo-area {
	padding:30px 25px 0 50px;
}
#information-u .photo-area .photo {
	float:left;
	width:210px;
}
#information-u .photo-area .photo div {
	text-align:center;
	margin-right:25px;
}
#information-u .photo-area .photo img {
	border:solid 3px #d2c8b4;
}
#information-u .photo-area .photo p {
	padding:9px 25px 0 0;
	font-size:85%;
}
#information-u .page-back {
	padding-top:50px;
	text-align:center;
}
#information-u .pagetop {
	padding-top:30px;
}
#information-u .pdf {
	padding:30px 0;
}
#information-u .pdf li {
	background:url(../common/pdf.gif) no-repeat;
	padding:9px 0 15px 40px;
	font-weight:bold;
}
#information-u .snsbtn-area {
	padding-bottom:11px;
}
#information-u .snsbtn-area .twitter {
	float:left;
	width:100px;
}
#information-u .snsbtn-area .facebook {
	float:left;
	width:150px;
}

/* 会長プロフィール
--------------------------------------------------------------------*/
#profile h3 {
	padding-bottom:15px;
}
#profile h3.next {
	padding:50px 0 20px;
}
#profile h5 {
	font-weight:bold;
	padding:40px 0 5px;
	border-bottom:solid 1px #d2c8b4;
	margin-bottom:10px;
}
#profile .name {
	padding-top:20px;
	text-align:right;
}
#profile .name img {
	margin-top:7px;
}
#profile .profile-area {
	padding-left:10px;
}
#profile .profile-area .photo {
	float:left;
	width:175px;
}
#profile .profile-area .photo-r {
	float:right;
	width:505px;
}
#profile .profile-area .photo-r h4 {
	font-weight:bold;
	font-size:150%;
	color:#221b7c;
	padding-bottom:1px;
}
#profile .profile-area .photo-r .penname {
	font-weight:bold;
	padding-bottom:15px;
}
#profile .profile-area .photo-r .left {
	float:left;
	width:250px;
}
#profile .profile-area .photo-r .right {
	float:right;
	width:255px;
}
#profile .profile-area .photo-r .text {
	font-weight:bold;
	padding-bottom:3px;
}

/* 理事長あいさつ
--------------------------------------------------------------------*/
#greeting h3 {
	padding-bottom:15px;
}
#greeting .greeting-area {
	padding-left:10px;
}
#greeting .greeting-area .photo {
	float:left;
	width:150px;
}
#greeting .greeting-area .photo-r {
	float:right;
	width:535px;
}
#greeting .name {
	padding-top:20px;
	text-align:right;
}
#greeting .name img {
	margin-top:7px;
}

/* OB会について
--------------------------------------------------------------------*/
#about h3 {
	padding-bottom:15px;
}
#about .photo {
	padding-top:15px;
}

/* 明治大学マンドリン倶楽部の歴史
--------------------------------------------------------------------*/
#history h3 {
	padding-bottom:20px;
}
#history h4 {
	padding:40px 0 2px;
}
#history .history-area {
	padding-left:10px;
}
#history .history-area .photo {
	float:left;
	width:300px;
}
#history .history-area .photo-r {
	float:right;
	width:385px;
}
#history .history-area .photo-r .text {
	font-weight:bold;
	font-size:85%;
	padding:15px 0 3px;
}
#history .history th,
#history .history td {
	border-top:dotted 1px #d2c8b4;
	padding:11px 0 10px;
}
#history .history th.top,
#history .history td.top {
	border-top:none !important;
}
#history .history th {
	width:150px;
}
#history .history th p {
	padding-left:10px;
	font-weight:bold;
}
#history .pagetop {
	padding-top:0 !important;
}

/* スケジュール
--------------------------------------------------------------------*/
#schedule h3 {
	padding-bottom:20px;
}
#schedule .schedule-area {
	padding-left:10px;
}
#schedule .schedule-area .photo {
	float:left;
	width:300px;
}
#schedule .schedule-area .photo-r {
	float:right;
	width:385px;
}
#schedule .btn {
	padding-top:50px;
	text-align:center;
}
#schedule .pagetop {
	padding-top:30px;
}

/* CD
--------------------------------------------------------------------*/
#cd h3 {
	padding-bottom:20px;
}
#cd .cd-area {
	padding-left:10px;
}
#cd .cd-area .photo {
	float:left;
	width:200px;
}
#cd .cd-area .photo-r {
	float:right;
	width:485px;
}
#cd .btn {
	padding-top:50px;
	text-align:center;
}
#cd .pagetop {
	padding-top:30px;
}

/* ログイン
--------------------------------------------------------------------*/
#login h3 {
	padding-bottom:15px;
}
#login h4 {
	padding-top:30px;
}
#login .kome {
	color:#a90317;
	padding-top:7px;
	font-size:85%;
}
#login .kome2 {
	color:#a90317;
	padding-top:10px;
	font-size:85%;
}
#login .kome2 a {
	color:#a90317 !important;
}
#login .login-area {
	background-color:#f1eee8;
	padding:15px 150px 12px;
}
#login .login-area th,
#login .login-area td {
	vertical-align:middle;
	padding-bottom:10px;
}
#login .login-area th p {
	font-weight:bold;
	padding-right:10px;
}
#login .login-area td input {
	width:280px;
	padding:7px 5px 6px;
	border:solid 1px #d2c8b4;
}
#login .warning {
	margin-bottom:10px;
}

/* 会員専用ページ
--------------------------------------------------------------------*/
#member h3 {
	padding-bottom:15px;
}
#member h4 {
	padding-top:50px;
}
#member h4.next {
	padding:50px 0 15px;
}
#member .member-top {
	padding-top:20px;
}
#member .member-top .member-left {
	float:left;
	width:242px;
}
#member .member-top .member-left .member {
	margin-right:21px;
}
#member .member-top .member-right {
	float:right;
	width:221px;
}
#member .member-top .member {
	border:solid 1px #d2c8b4;
	padding:15px 15px 0;
	background-color:#fff;
}
#member .member-top .member p {
	font-weight:bold;
	font-size:125%;
	text-align:center;
	width:189px;
	height:70px;
	display:table-cell;
	vertical-align:middle;
}
#member .information {
	border-top:dotted 1px #d2c8b4;
	padding:12px 0 12px 10px;	
}
#member .information-top {
	border-top:none !important;
}
#member .information .photo {
	float:left;
	width:150px;
	text-align:center;
}
#member .information .photo img {
	border:solid 3px #d2c8b4;
}
#member .information .photo-r {
	float:right;
	width:535px;
}
#member .information .day {
	color:#b4aa96;
}
#member .information .day img {
	margin-right:8px;
	vertical-align:-4px;
}
#member .information h4 {
	font-weight:bold;
	padding:6px 0 2px;
}
#member .info-btn {
	border-top:solid 1px #d2c8b4;
	padding-top:15px;
	text-align:center;
}
#member .onegai-area {
	border-top:dotted 1px #d2c8b4;
	padding:12px 0 12px 10px;
}
#member .onegai-top {
	border-top:none !important;
}
#member .box {
	margin-top:15px;
	background-color:#f1eee8;
	padding:15px 20px;
}
#member .box .text {
	font-weight:bold;
	color:#b40000;
	padding-bottom:5px;
}
#member .mail {
	padding-top:3px;
}
#member .kome {
	padding-top:7px;
	font-size:85%;
}

/* OB会スケジュール
--------------------------------------------------------------------*/
#schedule h3 {
	padding-bottom:15px;
}
#schedule .year {
	border:solid 1px #d2c8b4;
	padding:10px 0 8px 20px;
	background-color:#f6f4f0;
}
#schedule .year li {
	float:left;
	width:99px;
	padding:2px 0;
	font-weight:bold;
}
#schedule h4 {
	background:url(../member/img/schedule/bar_2.gif) no-repeat;
	line-height:30px;
	padding:0 0 3px 12px;
	font-size:120%;
	font-weight:bold;
	margin:30px 0 12px;
}
#schedule .schedule th,
#schedule .schedule td {
	border:solid 1px #d2c8b4;
	padding:11px 0 10px;
}
#schedule .schedule th {
	width:150px;
	text-align:center;
}
#schedule .schedule .event {
	width:300px;
}
#schedule .schedule td.top {
	background-color:#f6f4f0;
	padding:7px 0 6px;
	font-size:85%;
}
#schedule .schedule td.top p {
	text-align:center;
	font-weight:bold;
}
#schedule .schedule td p {
	padding:0 10px 0 15px;
}


/* OB会活動報告
--------------------------------------------------------------------*/
#report h3 {
	padding-bottom:15px;
}
#report h4 {
	background:url(../member/img/report/bar_2.gif) no-repeat;
	line-height:30px;
	padding:0 0 3px 12px;
	font-size:120%;
	font-weight:bold;
	margin:30px 0 12px;
}
#report .copy {
	padding:0 0 0 10px !important;
}
#report .report li {
	background:url(../member/img/report/pdf.gif) no-repeat 10px 1px;
	padding:3px 0 3px 35px;
	font-weight:bold;
}

/* お問い合わせ
--------------------------------------------------------------------*/
#form-page h3 {
	padding-bottom:15px;
}
#form-page h4 {
	padding:30px 0 4px;
}
#form-page .kome {
	padding-top:7px;
	font-size:85%;
	color:#a90317;
}
#form-page form th,
#form-page form td {
	padding:8px 0;
	border-bottom:dotted 1px #d2c8b4;
}
#form-page form th {
	width:150px;
}
#form-page form th div {
	padding-left:10px;
}
#form-page .require {
	color:#a90317;
	padding-left:3px;
}
#form-page .add-info {
	color:#969696;
	font-size:85%;
	padding-top:8px;
}
#form-page .btn {
	text-align:center;
	padding-top:15px;
}
#form-page .privacy {
	padding-top:50px;
	font-size:85%;
}
#form-page .last-info {
	text-align:center;
	padding:100px 0 120px;
}
#form-page .pagetop {
	padding-top:20px;
}



table tr td {
}