@charset "UTF-8";
/*******************************************************************************

	BASIC

*******************************************************************************/
/* スクロールバー常に表示(カクカク防止) */
html {
	height:100%;
	overflow-y:scroll;
}

body {
	height:100%;
	margin: 0;
	padding: 0;
	font-size: 80%;
	line-height: 1.5;	/* autosizeを使用するために、数値のみで指定する */
	color: #000;
	background:#F1F1F1;
	min-width:1000px;
	-webkit-text-size-adjust: 100%;/* iPhoneフォントサイズ拡大対策 */
	word-wrap: break-word;
	overflow-wrap: break-word;
}
/* autosize対応 */
body textarea {
	line-height: 1.5;
	padding:5px;
	box-sizing:border-box;
	width:100%;
}
body input[type="text"],body input[type="password"] {
	box-sizing:border-box;
	height: 26px;
}
/* ファイル入力時に文言を途中で切れないようにする */
input[type="file"] {
	text-overflow: clip;
}
/* テキストボックス(日付)は最大幅まで伸びないようにする */
input[type="text"]:not(.date) {
	width:100%;
}

body select:disabled {
	background-color: #f6f6f6
}

img {
	border: none;
	vertical-align:bottom;
}
img.check_img {
	border: none;
	vertical-align:middle;
}

td, th {
  page-break-inside: auto;
}

div, p, ul, ul li, h1, h2, h3, h4, h5, h6, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style:none;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd, ol, ol li, table, th, td {
	background-image:url(../img/spacer.gif); /* AndroidページのP要素の隙間対策 */
}
a:link {color:#06F; outline:none; }
a:visited {color:#06F;}
a:hover {color: #333;}
a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

.button{ cursor: pointer; }
.button:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}
.button.disabled{ cursor:auto; }
.button.disabled:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
img.disabled{
	display:none;
}

#wrapper { margin:0 20px;}
#base { min-width:1000px; margin: 0 auto;}
#popup { /*width:900px;*/ margin: 0 auto;}
#variable-popup {
	position:relative;
	margin:0 auto;
	padding:7px;
	width:100%;
	height:100%;
	box-sizing: border-box;				/* 標準 */
	-webkit-box-sizing: border-box;		/* Webkit系用 */
	-moz-box-sizing: border-box;		/* Firefox用 */
}

/* テキスト入力欄　フォーカス時の背景色 */
input.focus,textarea.focus{
	background-color:#ffe;
}

.value		{ color: #202080; }				/* 入力値 */

.selected td { background-color: #fec; }

ul.disc li { list-style: outside none disc; }
ul.disc { padding-left: 10px; }
ul.inside { list-style-position: inside; }
ol { padding-left: 20px; }

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

  印刷

====================================================================================================*/
#print #base { max-width:1100px; margin: 0 auto;}
#print .comment_form	{ width:96%; margin: 0 auto 5% auto; font-size:90%;}

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

  MAIL

====================================================================================================*/
/* メールデバッグ文の非表示 */
.mail-debug {
	display:none;
}
.mail-debug-message{
	display:none;
	color:#db1818;
}

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

  SMARTY

====================================================================================================*/
img.smarty_check_img		{ vertical-align:text-top; }
img.smarty_radio_img		{ vertical-align:text-top; }
.smarty_common_button {
	text-decoration:none;
	border:1px solid #DDD;
	border-radius: 5px;			/* CSS3 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;	/* Firefox */
}
.smarty_common_button.small_h			{ height:25px; line-height:25px; background:url(../img/smarty/button_h25.png) repeat-x; padding-right: 7px; }
.smarty_common_button.normal_h			{ height:35px; line-height:35px; background:url(../img/smarty/button_h37.png) repeat-x; padding-right: 7px; }
.smarty_common_button:hover				{ opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; }
.smarty_common_button a {
	color:#000;
	display: block;
	overflow: hidden;
	text-decoration: none;
}
.smarty_search_button.small_h,
.smarty_search_button.normal_h {
	height: 25px;
	line-height: 25px;
	padding-right: 7px;
	font-size: 13px;
	vertical-align: middle;
	font-weight: bold;
	display: inline-block;
	/* For IE 6/7 */
	*display: inline;
	*zoom: 1;
}
.smarty_search_button.small_h img,
.smarty_search_button.normal_h img {
	margin: 0;
}
.smarty_clear_button.small_h,
.smarty_clear_button.normal_h {
	height: 25px;
	line-height: 25px;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 13px;
	vertical-align: middle;
	font-weight: bold;
	display: inline-block;
	/* For IE 6/7 */
	*display: inline;
	*zoom: 1;
}
.smarty_clear_button.small_h img,
.smarty_clear_button.normal_h img {
	margin: 0;
}

.smarty_review_view_button.small_h,
.smarty_review_view_button.normal_h {
	height: 25px;
	line-height: 25px;
	padding-right: 7px;
	font-size: 13px;
	vertical-align: middle;
	font-weight: bold;
	display: inline-block;
	/* For IE 6/7 */
	*display: inline;
	*zoom: 1;
}

.smarty_add_button.small_h,
.smarty_add_button.normal_h {
	height: 25px;
	line-height: 25px;
	padding-right: 7px;
	font-size: 13px;
	vertical-align: middle;
	font-weight: bold;
	display: inline-block;
	/* For IE 6/7 */
	*display: inline;
	*zoom: 1;
}

.smarty_del_button.small_h,
.smarty_del_button.normal_h {
	height: 25px;
	line-height: 25px;
	padding-right: 7px;
	font-size: 13px;
	vertical-align: middle;
	font-weight: bold;
	display: inline-block;
	/* For IE 6/7 */
	*display: inline;
	*zoom: 1;
}
.smarty_copy_button.small_h,
.smarty_copy_button.normal_h {
	height: 25px;
	line-height: 25px;
	padding-right: 7px;
	font-size: 13px;
	vertical-align: middle;
	font-weight: bold;
	display: inline-block;
	padding-left:7px;
	/* For IE 6/7 */
	*display: inline;
	*zoom: 1;
}
/*====================================================================================================

  DIFF

====================================================================================================*/
/* chromeでspanが続くとテーブル内の改行が正常に行われないため、inline-block要素にする */
.plus										{ display:inline-block; background-color:#ffff00; font-weight:bold; }
.minus										{ display:inline-block; background-color:#ff0000; text-decoration:line-through; }
.incomparable								{ display:inline-block; background-color:#efefef; }
#t_modify .plus								{ text-decoration:underline; }
#t_modify.no_effect .plus					{ font-weight:normal; text-decoration:none; }
#t_modify .minus							{ display:none; }
#t_modify .incomparable						{ }
#print .plus								{ background-color: #ffffff; font-weight:bold; color: #0e0ed1; text-decoration: underline; }
#print .minus								{ background-color: #ffffff; font-weight:bold; color: #c61a22; text-decoration: line-through; }

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

  TOOLTIP

====================================================================================================*/
.tooltip										{ border-bottom:1px dashed; }
.ui-tooltip.manual_tip							{ max-width:600px; /* border-color:#c71838; */}

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

  SPACER

====================================================================================================*/
.spacer											{ height: 10px; }

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

	ALERT

====================================================================================================*/
.alert {
	display:none;
	width:400px;
	position: fixed;
	top: 30%;/*70px;*/
	left: 50%;
	margin-left:-210px;
	z-index:9999;
	padding:30px 10px;
	text-align:center;
	border: 1px solid;
	border-radius: 5px; /* CSS3 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
}

.alert.info{
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #3a87ad;
}
.alert.success {
	background-color: #dff0d8;
	border-color: #d6e9c6;
	color: #468847;
}
.alert.warning {
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	color: #c09853;
}
.alert.error {
	background-color: #f2dede;
	border-color: #eed3d7;
	color: #b94a48;
}

.alert button.close {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0 none;
	cursor: pointer;
	padding: 0;
	color: #000;
	float: right;
	position:absolute;
	top:0;
	right:0;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	opacity: 0.2;
	text-shadow: 0 1px 0 #fff;
}

.alert .close:hover, .close:focus {
	color:#000;
	cursor: pointer;
	opacity: 0.5;
	text-decoration: none;
}

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

  HEADER

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

#header {
	clear:both;
	margin:20px 0 0;
	border:1px solid #DDD;
	background:#FFF;
	width: 100%;
}
#header:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
*+html #header { clear:both; float:left;}

/*** LOGO ******************************************************************/

#header h1 {
	float:left;
	width:241px;
	height:80px;
	text-indent: -9999px;
	background: url(../img/logo.png) no-repeat left center;
	margin-left:10px;
}

#header h1 a{
	display:block;
	height:100%;
}

/*** NAVI-MENU *************************************************************/

#header ul {
	float:right;
	width:320px;
	height:80px;
	overflow:hidden;
}
#header ul:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
#header ul li,
#header ul li a {
	display: block;
	width:80px;
	height:80px;
}
#header ul li {float:right;}

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

  CONTENT

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

#content { clear:both; width:100%; }

#president_form h3,
#chief_form h3,
#faculty_form h3,
#committee_form h3,
#privilege_form h3,
#safety_form h3 {
	display:inline-block;
}

#president_form h3 + button,
#chief_form h3 + button,
#faculty_form h3 + button,
#committee_form h3 + button,
#privilege_form h3 + button,
#safety_form h3 + button {
	background:-moz-linear-gradient(top, rgba(255,255,255,0) 1%, rgba(250,250,250,0) 35%, rgba(239,239,239,1) 100%);
	background:-webkit-linear-gradient(top, rgba(255,255,255,0) 1%,rgba(250,250,250,0) 35%,rgba(239,239,239,1) 100%);
	background:linear-gradient(to bottom, rgba(255,255,255,0) 1%,rgba(250,250,250,0) 35%,rgba(239,239,239,1) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#efefef',GradientType=0 );

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;

	border:solid 1px #DDDDDD;
	letter-spacing:1px;
	line-height:15px;
	cursor:pointer;
	padding:5px;
/*
	width:50px;
*/
	width:55px;
}
/*====================================================================================================

  FOOTER

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

#footer {
	clear:both;
	width:100%;
	padding:20px 0;
}
#footer:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
#footer .contact { float:left; }
#footer .copy { float:right; }