@charset "utf-8";

/*------------------------------------------------------------------------------
XXXXXXXXXX - CSS Modules Import
Date: 2014-05-27
Copyright (C) Institute for Information Management and Communication, Kyoto University, all rights reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

システムへのショートカット

---------------------------------------- */
#sub .shortcutList ul li {
	border:solid #bbbbbb;
	border-width:1px 1px 0;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#efefef));/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#efefef))";/* IE8 IE9 */
	background: -moz-linear-gradient(top, #ffffff, #efefef);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #ffffff, #efefef);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #ffffff, #efefef);/* IE10+, W3C */
	}
#sub .shortcutList ul li:first-child {
	border-top-left-radius:4px;  
	border-top-right-radius:4px;  
	}
#sub .shortcutList ul li:last-child {
	border-bottom-right-radius:4px;  
	border-bottom-left-radius:4px;  
	border-bottom-width:1px;
	}
#sub .shortcutList ul li:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#efefef, endcolorstr=#ffffff));/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#efefef, endcolorstr=#ffffff))";/* IE8 IE9 */
	background: -moz-linear-gradient(top, #efefef, #ffffff);/* FF3.6+ */
	background: -webkit-linear-gradient(top, #efefef, #ffffff);/* Chrome10+, Safari5.1+ */
	background: linear-gradient(to bottom, #efefef, #ffffff);/* IE10+, W3C */
	}

#sub .shortcutList li a {
	display:block;
	border:1px solid #ffffff;
	background:url(../img/common/btn_btm_mark_02.png) right bottom no-repeat;
	padding:10px 10px 15px 10px;
    line-height: 1.4;
    text-decoration: none;
    font-weight: bold;
    color: #333333;
	}
#sub .shortcutList ul li:first-child a {
	border-top-left-radius:3px;  
	border-top-right-radius:3px;  
	}
#sub .shortcutList ul li:last-child a {
	border-bottom-right-radius:3px;  
	border-bottom-left-radius:3px;  
	}

/*#sub.en .shortcutList li a {
	padding:10px 10px 15px 10px;
	background-image:none;
	background:url(../img/common/btn_btm_mark_02.png) right bottom no-repeat;
}

*/

#sub .shortcutList li a .ico_fcb {
	background: url(/files/img/common/ico_facebook.png) no-repeat 0 2px;
    padding: 0 0 0 27px;
    display: block;
}
#sub .shortcutList li a .ico_twr {
	background: url(/files/img/common/ico_twitter.png) no-repeat 0 2px;
    padding: 0 0 0 27px;
    display: block;
}

/* ----------------------------------------

サービスで探す

---------------------------------------- */

/*top.css 323*/
#main #serviceSc .serviceCategory ul li {overflow:hidden;}
#main #serviceSc .serviceCategory ul li:nth-child(3n) {border-right: 1px solid #BBBBBB;}

/*top.css 339*/
#main #serviceSc .serviceCategory_sub ul li:nth-child(3n) {background:url(../img/top/bg_tsn_sservice_btm.png) 0 0 repeat-x;}



/* ----------------------------------------

ニュース

---------------------------------------- */
#PageNews table td.date {
	width:200px;
}

/* ----------------------------------------

カレンダー

---------------------------------------- */
#sub .calendarBox td.month {
}
#sub .calendarBox td.month .link {
	width:50px;
	height:1em;
	margin-bottom:-1em;
	text-align:center;
}
#sub .calendarBox td.month .link.prev {float:left;}
#sub .calendarBox td.month .link.next {float:right;}
#sub .calendarBox td.month .this {
	clear:both;
	text-align:center;
	margin-top:-1em;
}
#sub .calendarBox tr td:first-child,
#sub .calendarBox tr td:first-child a {color:#D03333;}
#sub .calendarBox tr td:last-child,
#sub .calendarBox tr td:last-child a {color:#086CA6;}



#sub .calendarBox.en td.month {padding:5px 5px 10px;}
#sub .calendarBox.en td.month .link.prev {font-size:83%; text-align:left;}
#sub .calendarBox.en td.month .link.next {font-size:83%; text-align:right;}
#sub .calendarBox.en td.month .this { font-size:100%; margin-top:0.3em;}




/* ----------------------------------------

よくある質問

#PageFaqcategorytop.entry .faqDetailBox .answerBox {display:block;}

#PageFaqcategorytop.entry .faqDetailBox .qestionBar:hover {
	background: -moz-linear-gradient(top, #FFFFFF, #e7e7e7); 
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(1, #FFFFFF),color-stop(0, #e7e7e7));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#e7e7e7');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e7e7e7', GradientType=0)";  
	background: linear-gradient(to bottom, #FFFFFF, #e7e7e7); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e7e7e7', GradientType=1);
	cursor:pointer;
	cursor:default
}
---------------------------------------- */

/* ----------------------------------------

サービス

---------------------------------------- */
#PageServicesIndovidual ul.servicesTopMnu li div {position:relative;}
#PageServicesIndovidual ul.servicesTopMnu li div span {
	position:absolute;
	top:50%;
	left:0;
	margin-top:-28px;
	display:block;
	width:55px;
	height:55px;
}

/* servicesTopMnu-old
ネットワーク接続のみ移行しないためデザインを旧スタイルとして残す */

#PageServicesIndovidual ul.servicesTopMnu-old li div {position:relative;}
#PageServicesIndovidual ul.servicesTopMnu-old li div span {
	position:absolute;
	top:50%;
	left:0;
	margin-top:-28px;
	display:block;
	width:55px;
	height:55px;
}



/* ----------------------------------------

カレンダー

---------------------------------------- */
#PageNews {
}
#PageNews .pageBute {
	clear:both;
	margin-bottom:30px;
}
#PageNews .pageBute:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#PageNews .pageBute li.back {float:left;}
#PageNews .pageBute li.next {float:right;}


#PageNews .calendars{}
#PageNews .calendars:after {content:""; display:block; clear:both; height:0; visibility:hidden;}



#PageNews .calendars .calendarBox {
	float:left;
	margin:0 40px;
}
#PageNews table.calender{
	font-weight: bold;
	width: 200px;
	margin-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}
#PageNews .calendars .calender td.month {
	text-align: center;
	color: #086ca6;
	font-size: 109%;
	padding-top: 9px;
	padding-bottom: 8px;
}
#PageNews .calendars .calender .sun{color: #d03333;}
#PageNews .calendars .calender .sat{color: #086ca6;}
#PageNews .calendars .calender .non{color: #cfcfcf;}

#PageNews .calendars table.calender th,
#PageNews .calendars table.calender td{
	border: 1px solid #CCC;
	text-align: center;
	padding-top: 6px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
}
#PageNews .calendars table.calender th{

	background-color: #F0F0F0;
}
#PageNews .calendars dl dt .icon {
	background-color: #949494;
	text-align: center;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 92%;
	color: #FFF;
	line-height: 1.2;
}
#PageNews .calendarBox td.month .this {
	clear:both;
	text-align:center;
}
#PageNews .calendarBox tr td:first-child {color:#D03333;}
#PageNews .calendarBox tr td:last-child {color:#086CA6;}


/* ----------------------------------------

calender

---------------------------------------- */


/* Legacy IE
------------------------------- */