@charset "UTF-8";

/*-------------------------------------------------------------------------
=Base styles
-------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
html {overflow-y: scroll;}
body { 
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 12px;
	background: #f5f3eb;
	color: #333;
	line-height: 1.4;
	-webkit-text-size-adjust: none;
}
ul { list-style: none; }

/* Start of "Micro cf" */
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/* End of "Micro cf" */

/* === common === */
a:link, a:visited, a:active {color: #666666;text-decoration: none;}
a:hover {color: #cccccc;text-decoration: underline;}
img {vertical-align: bottom;}
.center {text-align: center;}
.none {display:none;}

/* === float === */
.fl_left {float: left;}
.fl_right {float: right;}

/* === 2 column === */
#main {width: 700px; height: auto; float:left;}
#sidebar {width: 240px; height: auto; float:right;}

/* === white box === */
.box {
	padding:25px 0;
	width: 700px;
	height: auto;
	background-color: #ffffff;
}
.box .boxinner {
	margin: 0 20px;
	padding:0;
	width: 660px;
	height: auto;
	border-top:1px solid #ebe7d8;
}
.box .boxinner img {max-width: 100%; height:auto;}

.wrap {width: 100%; height: auto;}
.box .boxinner:after, 
.ent_ttl:after, .entry-asset:after, 
.wrap:after, .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.clearfix{display:inline-table; min-height:1%;}
/* Hides from IE-mac 促*/
* html .clearfix{ height:1%; }
.clearfix{ display:block; }
/* End hide from IE-mac */

.ent_body {min-height: 1em;}

/*-------------------------------------------------------------------------
=CONTENT
-------------------------------------------------------------------------*/

/* === header === */
header {
	width: 100%;
	height: 129px;
	border-bottom: 1px solid #e5e5dd;
	background-color: #ffffff;
}
header .inner {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 975px;
	height: 129px;
}
header .inner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

header h1.logo_site {
	width: 120px;
	height: 120px;
	line-height: 120px;
	position: absolute;
	top: 20px;
}
header .logo_univ {
	width: 130px;
	height: 60px;
	position: absolute;
	top: 20px;
	right: 0;
}
header .description {
	width: 380px;
	height: 20px;
	font-size: 12px;
	color: #666666;
	line-height: 130%;
	font-weight: normal;
	position: absolute;
	top: 25px;
	left: 145px;
}
header nav {
	width: 650px;
	height: 42px;
	position: absolute;
	top: 87px;
	left: 145px;
}
nav ul {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
nav ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
nav li {
	position: relative;
	margin: 0 10px 0 0;
	width: 120px;
	height: 42px;
	float:left;
	text-align:left;
}
nav li a, nav li a:hover {	width: 120px; height: 42px; display: block;} 
nav li.home a, 
nav li.home a:visited {background:url(/club/common/images/nv_01_off.png) no-repeat 0 0;}
#home nav li.home a, 
nav li.home a:hover {background:url(/club/common/images/nv_01_on.png) no-repeat 0 0;}

nav li.news a, 
nav li.news a:visited {background:url(/club/common/images/nv_02_off.png) no-repeat 0 0;}
#news nav li.news a, 
nav li.news a:hover {background:url(/club/common/images/nv_02_on.png) no-repeat 0 0;}

nav li.report a, 
nav li.report a:visited {background:url(/club/common/images/nv_06_off.png) no-repeat 0 0;}
#report nav li.report a, 
nav li.report a:hover {background:url(/club/common/images/nv_06_on.png) no-repeat 0 0;}

nav li.calendar a, 
nav li.calendar a:visited {background:url(/club/common/images/nv_03_off.png) no-repeat 0 0;}
#cal nav li.calendar a, 
nav li.calendar a:hover {background:url(/club/common/images/nv_03_on.png) no-repeat 0 0;}

nav li.club a, 
nav li.club a:visited {background:url(/club/common/images/nv_04_off.png) no-repeat 0 0;}
#club nav li.club a, 
nav li.club a:hover {background:url(/club/common/images/nv_04_on.png) no-repeat 0 0;}



/* === view === */
#view {
	margin: 0 auto;
	padding: 30px 0 35px;
	width: 975px;
	height: auto;
}
#view .poster {
	position: relative;
	width: 975px;
	height: 260px;
}
#view .cat {
	width: 230px;
	height: 90px;
	position: absolute;
	top: 0;
	right: 0;
}

/* === container === */
#container {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 975px;
	height: auto;
}
#container:after{	content:"."; display:block; height:0; clear:both; visibility:hidden;}

#container h2 {
	margin: 0 0 20px 0;
	padding-left: 45px;
	font-size: 24px;
	color: #666666;
	font-weight: normal;
	line-height: 36px;
	background: url(/club/common/images/icon_club.png) no-repeat 0 0;
}



/* === Home ： ホーム === */
#homeMenu {
	margin: 0 0 85px 0;
/*	margin: 0 0 15px 0;*/
	width: 100%;
	height: auto;
}
#homeMenu ul {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
#homeMenu:after, 
#homeMenu ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#homeMenu li {
	margin: 0 25px 15px 0;
	width: 475px;
	height: 160px;
	float:left;
}
#homeMenu li:nth-child(even) {margin-right: 0;}
#homeMenu li a:hover {
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
	background-color: #f5f3eb;
}
#homeMenu img {max-width: 100%; height:auto;}


/* === Home - Topics ： ホーム - 最新情報 === */
#topicsMenu {
	margin: -70px 0 85px 0;
/*	margin: 0 0 85px 0;*/
	width: 100%;
	height: auto;
}
#topicsMenu ul {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
#topicsMenu ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#topicsMenu li {
	margin: 0 25px 20px 0;
	padding:12px 0;
	width: 225px;
	height: auto;
	background-color: #ffffff;
	float:left;
}
#topicsMenu li:nth-child(4n) {margin: 0;}

#topicsMenu li .ent_ttl {
	margin: 0 12px 10px;
	padding:4px 0;
	width: 201px;
	height: auto;
	background-color: #f5f3eb;
	border-bottom:1px solid #ebe7d8;
	float:left;
}
#topicsMenu li .ent_ttl p {
	margin: 0 10px;
	font-size: 12px;
	color: #444444;
	font-weight: normal;
	line-height: 150%;
}
#topicsMenu li h3 {
	margin: 0 10px;
	font-size: 12px;
	color: #d01b32;
	font-weight: normal;
	line-height: 150%;
}
#topicsMenu li p {
	margin: 0 12px;
	font-size: 14px;
	color: #444444;
	font-weight: normal;
	line-height: 150%;
}



/* === Intro ： 部活紹介 === */
#introMenu {
	margin: 0 0 85px 0;
	width: 100%;
	height: auto;
}
#introMenu .sports {
	margin: 0 0 15px 0;
	width: 100%;
	height: auto;
}
#introMenu .culture {
	margin: 0 0 0 0;
	width: 100%;
	height: auto;
}
#introMenu ul {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
#introMenu ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#introMenu li {
	margin: 0 25px 15px 0;
	width: 225px;
	height: 75px;
	background-color: #ffffff;
	float:left;

	overflow:hidden;
/*	text-align:center;*/
	position:relative;
}
#introMenu li:nth-child(4n) {margin: 0;}
#introMenu li a {width: 225px; height: 75px; display:block;}
#introMenu li a:hover {
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
	background-color: #f5f3eb;
}
#introMenu li img {max-width: 100%;}
#introMenu li span {
	padding: 1px 5px 0;
	font-size: 16px;
	color: #ffffff;
	font-weight: normal;
	text-align:left;
	opacity:0.75;
	filter:alpha(opacity=75);
	-ms-filter: "alpha( opacity=75 )";
	background-color: #ca192d;
	position: absolute;
	top: 0;
	left: 0;
}


/* === Topics ： 新着情報一覧 === */
#topicsList {
	margin: 0 0 85px 0;
	width: 100%;
	height: auto;
}
#topicsList .box {
	margin: 0 0 30px 0;
}
#topicsList dl {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	border-bottom:1px solid #ebe7d8;
}
#topicsList dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#topicsList dt, #topicsList dd {
	padding:10px 0;
	height: auto;
	float:left;
}
#topicsList dt {
	margin: 0 0 0 5px;
	width: 125px;
	font-size: 14px;
	color: #aaaaaa;
	font-weight: bold;
	font-style:italic;
	line-height: 160%;
}
#topicsList dd {
	margin: 0 5px 0 0;
	width: 525px;
}
#topicsList dd p{
	font-size: 14px;
	color: #444444;
	font-weight: normal;
	line-height: 160%;
}
#topicsList dd h3 {
	padding-bottom:5px;
	font-size: 12px;
	color: #d01b32;
	font-weight: normal;
	line-height: 160%;
}



/* === News ： クラブ記事一覧 === */
#newsList, #newsDetail, #calDetail {
	margin: 0 0 85px 0;
	width: 100%;
	height: auto;
}
#newsList .box, 
#newsDetail .box, 
#calDetail .box {
	margin: 0 0 30px 0;
	padding:18px 0;
}
#newsList .box .boxinner, 
#newsDetail .box .boxinner, 
#calDetail .box .boxinner {
	border-style : none;
}

#newsList .ent_ttl, 
#newsDetail .ent_ttl, 
#calDetail .ent_ttl {
	margin: 0 0 18px;
	padding:4px 0;
	width: 100%;
	height: auto;
	background-color: #f5f3eb;
	border-bottom:1px solid #ebe7d8;
	float:left;
}
#newsList .ent_ttl p, 
#newsDetail .ent_ttl p, 
#calDetail .ent_ttl p {
	margin: 2px 10px 10px;
	font-size: 12px;
	color: #444444;
	font-weight: normal;
	line-height: 150%;
}
#calDetail .ent_ttl p.clubName {
	margin-top: -5px;
	color: #d01b32;
}
#newsList h3, 
#newsDetail h3, 
#calDetail h3 {
	margin: 0 10px;
	font-size: 20px;
	color: #333333;
	font-weight: normal;
	line-height: 150%;
}
#newsList p, 
#newsDetail p, 
#calDetail p {
	font-size: 14px;
	color: #444444;
	font-weight: normal;
	line-height: 150%;
}


/* === Calendar ： 月別一覧 === */
#calendar {
	margin: 0 0 85px 0;
	width: 100%;
	height: auto;
}
#calendar .box {
	margin: 0 0 30px 0;
}
#calendar .box .boxinner {
	border-style : none;
}

#calendar p.month{
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 18px;
	color: #aaaaaa;
	font-weight: bold;
	line-height: 160%;
	text-align:left;
}

#calendar ul.week {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
#calendar ul.week:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#calendar ul.week li {
	margin: 0 0 10px 1px;
	width: 93px;
	height: auto;
	background-color: #ffffff;
	text-align:center;
	float:left;
	overflow:hidden;
	position:relative;
}
#calendar ul.week li:nth-child(7n) {margin: 0;}
#calendar ul.week li div {
	margin: 0 2px;
	font-size: 14px;
	color: #aaaaaa;
	font-weight: bold;
	font-style:italic;
	background-color: #ebe7d8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/css/PIE.htc);   /* for IE */
}
#calendar ul.week li.sat div{background-color: #deeeff;}
#calendar ul.week li.sun div{background-color: #ffdede;}


#calendar table {
	margin:0;
	width:658px;
	border-collapse:collapse;
	border-top:1px solid #ebe7d8;
	border-left:1px solid #ebe7d8;
}
#calendar th {margin: 0 0 10px 0; width:93px;}
#calendar th div {
	margin: 0 2px;
	font-size: 14px;
	color: #aaaaaa;
	font-weight: bold;
	font-style:italic;
	background-color: #ebe7d8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/css/PIE.htc);   /* for IE */
}
#calendar th.sat div{background-color: #deeeff;}
#calendar th.sun div{background-color: #ffdede;}

#calendar td{
	padding: 3px 0 0 0;
	border-right:1px solid #ebe7d8;
	border-bottom:1px solid #ebe7d8;
	vertical-align:top;
	width:94px;
	height:85px;
	min-height:85px;
}
#calendar p {
	margin: 0 4px 8px 4px;
	font-size: 12px;
	color: #444444;
	font-weight: normal;
	line-height: 160%;
}
#calendar td p.date{
	font-size: 18px;
	color: #aaaaaa;
	font-weight: bold;
	font-style:italic;
}
#calendar h3 {
	margin: 0 4px;
	font-size: 12px;
	color: #d01b32;
	font-weight: normal;
	line-height: 150%;
}


/* === Guide ： ご利用にあたって === */
#guide {
	margin: 0 0 85px 0;
	width: 100%;
	height: auto;
}
#guide .box {
	margin: 0 0 30px 0;
	padding:18px 0;
}
#guide .box .boxinner {
	border-style : none;
}

#guide h3 {
	margin: 0 0 5px 0;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	line-height: 150%;
}
#guide p {
	margin: 0 0 20px 0;
	font-size: 14px;
	color: #444444;
	font-weight: normal;
	line-height: 180%;
}

/* === Sitemap ： サイトマップ === */
#sitemap {
	margin: 0 0 85px 0;
	width: 100%;
	height: auto;
}
#sitemap .box {
	margin: 0 0 30px 0;
	padding:18px 0;
	width: 100%;
}
#sitemap .box .boxinner {
	border-style : none;
	width: 200px;
}
#sitemap ul {
	width: 100%;
	height: auto;
}
#sitemap li {
	padding:4px 0;
	font-size: 14px;
	color: #999999;
	line-height: 180%;
	border-bottom:1px solid #ebe7d8;
}


/* === Sidebar ： 右カラム === */
#sidebar .clubList {
	margin: 56px 0 85px 0;
	padding:18px 0 5px 0; 
	width: 100%;
	height: auto;
	background-color: #ffffff;
}
#sidebar .clubList dl {width:220px; height:auto; margin: 0 10px;}
#sidebar .clubList dt, #sidebar dd {width:100%; height:auto;}
#sidebar .clubList dt.selected {}

#sidebar .clubList dt {
	margin: 0 0 10px;
	padding:4px 0;
	height:30px;
	background-color: #f5f3eb;
	border-bottom:1px solid #ebe7d8;
}
#sidebar .clubList h3 {
	padding:0 0 0 10px;
	font-size: 12px;
	color: #444444;
	line-height:30px;
	font-weight: normal;
	cursor:pointer;
}
#sidebar .clubList dt h3 {background: url(/club/common/images/side_arr_down.png) no-repeat;
	background-position : right 10px center;}
#sidebar .clubList dt.selected h3 {background: url(/club/common/images/side_arr_up.png) no-repeat;
	background-position : right 10px center;}

#sidebar .clubList ul {
	margin: 0 10px 20px;
	padding: 0;
	width:100%; height:auto;
	list-style: none;
}
#sidebar .clubList li.clubName {
	margin: 0 0 5px 0;
	width: 100%;
	height: auto;
	font-size: 12px;
	color: #333;
	line-height:180%;
	float:none;
}




/* === Footer ： フッター === */
footer {
	margin: 0;
	padding: 30px 0;
	width: 100%;
	background-color: #ffffff;
}
footer .inner {
	position: relative;
	margin: 0 auto 35px;
	padding: 0;
	width: 975px;
	height: auto;
}
footer .inner:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

footer .inner .btn{
	position: absolute;
	width: 100px;
	height: 30px;
	top:-60px;
	right:0;
}

footer .inner .info {
	width: 200px;
	height: auto;
	float:left;
}
footer .inner .menu, 
footer .inner .arch_list {
/*
	width: 340px;
*/
	width: 545px;
	height: auto;
	float:right;
}
footer .inner .menu {
/*
	margin: 0 25px 25px 0;
*/
	margin: 40px 0 20px 0;
}

footer .inner .info .logo-univ {margin: 0 0 15px 0;}
footer .inner .info .address {
	margin: 0 0 20px 0;
	font-size: 14px;
	color: #666666;
	line-height: 180%;
	text-align: left;
}

footer .sns {
	position: relative;
	width: 100%;
	height: auto;
	overflow:hidden;
}
footer .sns #socialbuttons {}
footer .sns #socialbuttons div {}
footer .sns #socialbuttons div.twitter {margin-top: 5px;}
footer .sns:after, 
footer .sns #socialbuttons:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}


footer .inner .menu h4, 
footer .inner .arch_list h4 {
	margin: 0 0 10px;
	padding:4px 0 4px 10px;
	height:30px;
	font-size: 12px;
	color: #444444;
	line-height:30px;
	font-weight: normal;
	background-color: #f5f3eb;
	border-bottom:1px solid #ebe7d8;
}

footer .inner .menu ul, 
footer .inner .arch_list ul {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
}
footer .inner .menu ul:after, 
footer .inner .arch_list ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

footer .inner .menu li {
	margin: 0 10px 5px 0;
	width: 175px;
	height: auto;
	font-size: 18px;
	color: #666666;
	line-height:200%;
	float:left;
}
footer .inner .arch_list li {
	margin: 0 14px 4px 0;
	padding: 0 0 4px 0;
	width: 104px;
	height: auto;
	font-size: 14px;
	color: #666666;
	line-height:180%;
	float:left;
	border-bottom:1px solid #ebe7d8;
}
footer .inner .menu li:nth-child(3n), 
footer .inner .arch_list li:nth-child(3n) {margin-right: 0;}


footer .copyright {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 975px;
	border-top: 1px solid #e8e8e1;
	font-size: 10px;
	line-height: 130%;
	color: #333333;
	text-align: center;
}


/*==部活紹介（継承）==*/
#introInfo h3 {
	margin: 5px 0px;
	padding: 4px 0px 5px 16px;
	border-left: solid 4px #ca192d;
	border-bottom: solid 1px #999999;
}
#introInfo dl.table {margin: 1em 0px;}
#introInfo dl.table dt {
	margin: 0;
	margin-right: -13em;
	padding: 0.2em 0;
	float: left;
	clear: both;
	display: inline;
	width: 6em;
	text-indent: 10px;
}
#introInfo dl.table dd {margin-left:6em; padding: 0.2em 10px;}
#introInfo dl.table {
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */
	/*\*//*/
	overflow: hidden;
	/**/
}

#introInfo dl.table::after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#introInfo table.table {margin: 1em 0px; line-height:1.5; width:99%;}
#introInfo table.table th,
#introInfo table.table td {padding: 8px; border-bottom: dotted 1px #ccc;}
#introInfo table.table th {}
#introInfo table.table td {}


.asset-body, 
.asset-more-link {
	margin: 0 0 1em 0;
	font-size: 14px;
	color: #444444;
	font-weight: normal;
	line-height: 150%;
}

/* === pagenation === */
.content-nav {
	position: relative;
	margin: 0;
	padding: 5px 0;
	text-align: center;
}
.content-nav:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.asset-more-link a.link_page, 
.content-nav a.prev, 
.content-nav a.list, 
.content-nav a.next, 
.content-nav a.link_before, 
.content-nav a.link_page, 
.content-nav a.link_next {
	margin:0 2px;
	padding:1px 8px;
	font-size: 12px;
	color: #ffffff;
	background-color: #f1c8cc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/css/PIE.htc);   /* for IE */
}
.content-nav .current_page {
	padding:1px 8px;
	font-size: 12px;
	color: #ffffff;
	background-color: #ca192d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/css/PIE.htc);   /* for IE */
}

.asset-more-link a:link, .asset-more-link a:visited, 
.asset-more-link a:active, .asset-more-link a:hover
.content-nav a:link, .content-nav a:visited, 
.content-nav a:active, .content-nav a:hover {color: #ffffff; text-decoration: none;}
.asset-more-link a:hover, 
.content-nav a:hover {background-color: #ca192d;}