@charset "utf-8";

#container{
	text-align:center;
}

#container .contents{
	width:850px;
	margin:0 auto 50px;
	background-color: #fff;
	padding: 15px;
	border: 2px solid #ddd;
	text-align: left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

/*---------------------------------------------------
* 国民文化祭
*--------------------------------------------------*/

#container .contents .kokubunsai2010Box{
	text-align: left;
}

#container .contents .kokubunsai2010Box .clear{
	clear: both;
}
/*----- breadCrumb -----*/
#container .contents .kokubunsai2010Box .breadCrumb {
	position: relative;
	top: -10px;
	right: -10px;
	font-size: 80%;
	line-height: 1.1;
	text-align: right;
	font-family: Verdana ,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#container .contents .breadCrumb a:link,
#container .contents .breadCrumb a:visited,
#container .contents .breadCrumb a:hover,
#container .contents .breadCrumb a:active {
	color: #555;
}
#container .contents .breadCrumb a:hover,
#container .contents .breadCrumb a:active {	text-decoration: underline;}


#container .contents .kokubunsai2010Box p {
	margin: 15px 0;
	line-height: 1.3em;
}

#container .contents .kokubunsai2010Box .pagetop {
	text-align: right;
	margin: 15px 0 15px;
}

#container .contents .kokubunsai2010Box .pagetop a {
	padding-left: 13px;
	background: url(../../common/img/icon_pagetop.gif) no-repeat 0 0.3em;
}


#container .contents .kokubunsai2010Box div.colL{
	float: left;
	width: 400px;
}
#container .contents .kokubunsai2010Box div.colR{
	float: right;
	width: 400px;
}

#container .contents .kokubunsai2010Box .mainV{
	margin-top: 5px;
}

/*-- 見出し --*/
#container .contents .kokubunsai2010Box h1.title1st {
	clear:both;
	margin: 0 0 20px;
	padding: 5px 0 5px 5px;
	border-bottom: 2px solid #e9e9e9;
	font-size: 169%;
	color:#333333;
}
#container .contents .kokubunsai2010Box .title2nd {
	clear:both;
	margin: 20px 0 10px;
	padding: 15px 0 0 15px;
	border: 1px solid #ccc;
	border-top: 2px solid #111;
	font-size: 115%;
	font-weight: bold;
	min-height: 33px;
	background: url(../../common/img/bg_title2nd.gif) repeat-x 0 100%;
	color:#333333;
}
*html #container .contents .kokubunsai2010Box .title2nd {
	padding-bottom: 15px;
}

#container .contents .kokubunsai2010Box h3.title3rd {
	clear:both;
	margin: 20px 0 10px ;
	padding: 0 0 0 15px;
	font-size: 115%;
	font-weight: bold;
	background: url(../../common/img/bg_title3rd.gif) no-repeat 0 0.2em;
}

/*-- テーブル --*/
#container .contents .kokubunsai2010Box th{
	width: 15%;
}
#container .contents .kokubunsai2010Box td{
	width: 85%;
}

/*-- イベント --*/
#container .contents .kokubunsai2010Box .event{
	margin: 20px auto;
}
#container .contents .kokubunsai2010Box .event h2{
	font-size: 145%;
	color: #87C03A;
	line-height: 1.1em;
	padding: 13px 0 6px 57px;
	margin-top: 40px;
	background: url(../img/h2_exchange.gif) no-repeat 0 100%;
	border:none;
}
#container .contents .kokubunsai2010Box .event h2.meeting{
	background: url(../img/h2_meeting.gif) no-repeat 0 100%;
}
#container .contents .kokubunsai2010Box .event h2 span{
	font-size: 65%;
}

#container .contents .kokubunsai2010Box .event h2.designEvent{
	font-size: 150%;
	color: #82B1C1;
	line-height: 1.1em;
	padding: 14px 0 15px 57px;
	margin-top: 5px;
	background: url(../img/h2_exhibition.gif) no-repeat 0 100%;
	border:none;
}

#container .contents .kokubunsai2010Box .event h3,
#container .contents .kokubunsai2010Box .map h3{
	font-size: 110%;
	color: #87C03A;
	border-bottom: 1px #87C03A solid;
	padding: 0 3px 4px;
	margin-top: 20px;
}

#container .contents .kokubunsai2010Box .event h3.designEvent{
	font-size: 110%;
	color: #82B1C1;
	border-bottom: 1px #82B1C1 solid;
	padding: 0 3px 4px;
	margin-top: 10px;
}

#container .contents .kokubunsai2010Box .event h3.event02{
	font-size: 110%;
	color: #82B1C1;
	border: none;
	margin: 20px 0 0;
	clear:none;
}

#container .contents .kokubunsai2010Box .event .imgR{
	float: right;
	margin: 4px 0 10px 15px; 
}

#container .contents .kokubunsai2010Box .event .eventBox{
	display: block;
	border: 1px #82B1C1 solid;
	padding: 3px 8px;
}

#container .contents .kokubunsai2010Box .event span{
	color: #87C03A;
}
#container .contents .kokubunsai2010Box .event .attention{
	color: #FF0000;
}
#container .contents .kokubunsai2010Box .event .blue{
	color: #82B1C1;
}
#container .contents .kokubunsai2010Box .event .caption{
	color: #666666;
	float: right;
	padding-top: 5px;
}

#container .contents .kokubunsai2010Box .event dl{
	border: 1px #87C03A solid;
	margin: 20px 0 30px;
}
#container .contents .kokubunsai2010Box .event dt{
	background: #87C03A;
	color: #FFFFFF;
	padding: 3px;
	text-align: center;
}
#container .contents .kokubunsai2010Box .event dd{
	padding: 4px;
	text-align: center;
	font-size: 110%;
}


/*-- マップ --*/
#container .contents .kokubunsai2010Box .map{
	width: 700px;
	margin: 20px auto;
}
#container .contents .kokubunsai2010Box .map .colL{
	float: left;
	width: 310px;
}
#container .contents .kokubunsai2010Box .map .colR{
	float: right;
	width: 310px;
}



/*-- フォーム --*/
#container .contents .kokubunsai2010Box div.feeBox{
	width: 300px;
	border: 1px #666666 solid;
	padding: 10px;
	margin-bottom: 15px;
}

#container .contents .kokubunsai2010Box li{
	list-style: decimal;
	margin-left: 1.5em;
	margin-bottom: 0;
	padding-left: 0;
	line-height: 1.7;
}

#container .contents .kokubunsai2010Box .check{
	margin: 0 4px;
}
#container .contents .kokubunsai2010Box iframe{
	border: 1px #999999 solid;
	margin-top: 15px;
}

#container .contents .kokubunsai2010Box .pdf .get{
	float: left;
	width: 130px;
}
#container .contents .kokubunsai2010Box .pdf .text{
	float: left;
	width: 400px;
	font-size: 90%;
	line-height: 1.6em;
	color:#666666;
}

.kiyakuBox{
	width: 780px;
	padding: 20px;
	font-size:12px;
	color:#333333;
}

.kiyakuBox h3{
	font-size: 120%;
	text-align:center;
}

.kiyakuBox dl{
	text-align: left;
	margin-top: 20px;
}
.kiyakuBox dt{
	font-weight: bold;
}
.kiyakuBox dd{
	padding: 2px 0 10px 18px;
	margin-left:0;
}


/* news */

#container .contents .kokubunsai2010Box dl.news dt {
	clear:left;
	float:left;
	padding:7px 0pt 0pt 10px;
	width:9em;
	font-weight: normal;
}

#container .contents .kokubunsai2010Box dl.news dd {
	padding:7px 0pt 7px 10em;
	border-bottom: 1px solid #e5eaee;
}

#container .contents .kokubunsai2010Box h4{
	clear:none;
}

/*--------------------------------------
	basic class
---------------------------------------*/

.center {
	text-align: center;
}

.floatL{
	float: left;
}

.floatR{
	float: right;
}

.right {
	text-align:right;
}

.left {
	text-align: left;
}

.photoLeft {
	float: left;
	margin: 0 10px 5px 0;
}

.photoRight {
	float: right;
	margin: 0 0 5px 10px;
}

.photoRight_01 {
	float: right;
	margin: 5px 0px 0px 10px;
	padding:5px 0px 0px 0px;
}

.photoRight_02 {
	float: right;
	margin: 5px 50px 0px 10px;
	padding:5px 0px 0px 0px;
}

.small {
	font-size: 84%;
}



@charset "utf-8";


.hidden {
	display: none;
}


/*---------------------------------------------------
* 枠
*--------------------------------------------------*/

.sidebar {
	float: left;
	width: 185px;
	background: url(../img/bg_sidebar.jpg) no-repeat 0 0;
}

.main {
	float: right;
	width: 630px;
	text-align: left;
	line-height: 1.7;
}

/*----- breadCrumb -----*/
.main .breadCrumb {
	position: absolute;
	top: -22px;
	right: -15px;
	font-size: 80%;
	line-height: 1.1;
	text-align: right;
	font-family: Verdana ,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.breadCrumb a:link,
.breadCrumb a:visited,
.breadCrumb a:hover,
.breadCrumb a:active {
	color: #555;
}
.breadCrumb a:hover,
.breadCrumb a:active {	text-decoration: underline;}

/*--------------------------------------


/*---------------------------------------------------
* サイドバー
*--------------------------------------------------*/


/* 資料請求 */
.sidebar .request {
	margin: 0 0 12px 0;
}

/* 高等課程基礎デザイン科 */
.sidebar .newcurriculum {
	margin: 0 0 12px 0;
}

/*ローカルナビ */

.localNavi {
	margin-bottom: 15px;
	text-align: left;
	background: #f0f0f0;
}

.localNavi li {
	padding: 10px 0 10px 8px;
	background: url(../img/line_dot.gif) repeat-x;
}

.localNavi li a{
	padding-left: 12px;
}

.localNavi li a:link,
.localNavi li a:hover,
.localNavi li a:visited
 {
	display: block;
 	border: 0;
	text-decoration: none;
	color: #222;
	background: url(../img/icon_arw_gray.gif) no-repeat 0 0.3em;
}

.localNavi li a:hover {
	text-decoration: underline;
}


.localNavi li ul{
	margin-top: 5px;
}

.localNavi li ul li {
	border: 0;
	margin: 0 3px 0 -5px ;
	padding: 5px 0 0 5px;
	font-size: 85%;
	background: none;
}

* html .localNavi li ul li {
	width: 170px;
}

.localNavi li li a:link,
.localNavi li li a:hover,
.localNavi li li a:visited {
	display: block;
	background: url(../img/icon_arw_gray2.gif) no-repeat 2px 0.2em;
}

.localNavi .firstChild {
	background: none;
}

.localNavi .current {
	font-weight: bold;
}

/*対象者別 */
.for {
	margin: 15px 0;
	text-align: left;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
}

.for li {
	padding: 7px 0 7px 8px;
	background: url(../img/line_dot.gif) repeat-x;
}

.for li a{
	padding-left: 8px;
}

.for li a:link,
.for li a:hover,
.for li a:visited
 {
 	border: 0;
	text-decoration: none;
	color: #222;
	background: url(../img/icon_arw_gray2.gif) no-repeat 0 0.2em;
}

.for li a:hover {
	text-decoration: underline;
}

.for .firstChild {
	background: none;
}


/* バナー */


.sideBanner {
}

.sideBanner li {
	margin: 10px 0;
}

.sideBanner li.text {
	text-align:left;
	border:2px solid #CCCCCC;
	padding:3px;
}



/*---------------------------------------------------
* 本文共通部品
*--------------------------------------------------*/

/*-- 本文中 --*/
.main p {
	margin: 15px 0;
}

.main .pagetop {
	text-align: right;
	margin: 15px 0 15px;
	clear:both;
}

.main .pagetop a {
	padding-left: 13px;
	background: url(../img/icon_pagetop.gif) no-repeat 0 0.3em;
}


/*-- 見出し --*/
.contents .main .title1st {
	clear:both;
	margin: 0 0 20px;
	padding: 5px 0 5px 5px;
	border-bottom: 2px solid #e9e9e9;
	font-size: 169%;
}

.contents .main .title2nd {
	clear:both;
	margin: 20px 0 10px;
	padding: 8px 0 0 15px;
	border: 1px solid #ccc;
	border-top: 2px solid #111;
	font-size: 115%;
	font-weight: bold;
	min-height: 33px;
	background: url(../img/bg_title2nd.gif) repeat-x 0 100%;
}

* html .contents .main .title2nd {
	height: 33px;
}

.contents .main .title3rd {
	clear:both;
	margin: 20px 0 10px ;
	padding: 0 0 0 15px;
	font-size: 115%;
	font-weight: bold;
	background: url(../img/bg_title3rd.gif) no-repeat 0 0.2em;
	border:none;
	min-height:none;
}

/* キャプション */
.caption {
	color:#888;
}

/* 2カラム */

.col2{
	margin: 15px 0;
}
div.col2{
	clear: both;
}

.col2 div {
	width: 310px;
}

.col2 dl {
	width: 305px;
}

.colEnd{
	margin: 15px 0;

}
div.colEnd{
	clear: both;
	margin-top:50px;
}

.colEnd div {
	width: 310px;
}

.colEnd dl {
	width: 305px;
}

/* position */

.center{text-align: center;}
.right {text-align:right;}
.left  {text-align:left;}

.float-l{float: left;}
.float-r{float: right;}
.clear {clear: both;}

.img-l  {float: left;  margin: 0 25px 10px 0;}
.img-r  {float: right; margin: 0 0 10px 25px;}

/* テーブル */

.main table {
	width: 100%;
}

.main th,
.main td {
	vertical-align: top;
}
#graph .price {
	text-align: right;
	padding-right: 1em;
	white-space: nowrap;
}
#graph .sum {
	background: #ffccff;
}

/* リンク */
.anchor {
	padding-left: 10px;
	background: url(../img/icon_arw_blue.gif) no-repeat 0 center;
}

/* リスト */

.listLink {
	margin: 15px 0;
}

.listLink li {
	padding: 0 0 0 10px;
	background: url(../img/icon_arw_blue.gif) no-repeat 0 0.5em;
}

ul.new2listLink {
	margin-bottom:0;
}

.new2listLink li {
	padding: 0 0 0 10px;
	background: url(../img/icon_arw_blue.gif) no-repeat 0 0.5em;
}

ul.newlistLink {
	margin-top:5px;
	margin-bottom:15px;
}

.newlistLink li {
	padding: 0 0 0 10px;
	background: url(../img/icon_arw_blue.gif) no-repeat 0 0.5em;
}

.enter01 .listDisc {
	list-style: disc;
}
.enter01 .listDisc li {
	margin-left: 1em;
	margin-bottom: 0;
	padding-left: 0;
	line-height: 1.7;
}
.enter01 .listNone {
	margin-left: 0;
}
.enter01 .listNone li {
	margin-bottom: 0;
	padding-left: 0;
	line-height: 1.7;
}
.enter01 .listDisc .firstChild,
.enter01 .listNone .firstChild {
	margin-top: 15px;
}

/* カテゴリインデックス */
.boxLocal * {
	margin: 0;
	padding: 0;
	border: 0;
}

.boxLocal dt {
	margin: 10px 0 0 0;

}

.boxLocal.main{
	margin-bottom:15px;
}

.boxLocal dt a {
	display: block;
	padding: 2px 5px 2px 22px;
	border: 1px solid #ccc;
	font-weight: bold;
	background:#e8e8e8 url(../img/bg_localmenu_off.gif) repeat-x left top;
}

.boxLocal dt a:hover {
	border: 1px solid #10A7D9;
	color: #fff;
	text-decoration: none;
	background:#109fcf url(../img/bg_localmenu_on.gif) repeat-x left top;
}

.boxLocal dd {
	border-bottom: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	padding: 10px;
}

.boxLocal dd img {
	float: left;
	margin: 0 8px 0 0;
}

.boxLocal dd ul {
	font-size: 84%;
}

.boxLocal dd ul li {
	padding: 1px 7px 1px 7px;
	line-height: 1.5;
	background: url(../img/icon_arw_blue.gif) no-repeat 0 0.5em;
}
.boxLocal dd ul.col2 li {
	float: left;
	width: 45%;
}

* html .boxLocal dd ul.col2 {
	margin: 0;
	border: 1px solid #fff;
}

/* ページ下部資料請求 */
.boxPagefoot{
	margin: 25px 0 15px;
	padding: 15px 20px;
	border: 1px solid #C2C2C2;
	background: #fafafa;
}

.boxPagefoot dt {
	float: right;
}

.boxPagefoot dd {
	margin-right: 200px;
}

/*ブログリスト */
.blogList {
	margin: 5px 0;
}

.blogList dt {
	width: 7em;
	float: left;
	padding: 0 0 0 10px;
	background: url(../img/icon_arw_blue2.gif) no-repeat 0 0.5em;
}

.blogList dd {
	margin-left: 8em;
}

/* 必須項目 */
.essential {
	color: #ff0000;
}

/* フォームテーブル */

.tblForm {
	margin: 15px 0;
	border-collapse: collapse;
}

.tblForm td,
.tblForm th {
	padding: 10px;
	border: 1px solid #bbb;
	line-height: 2em;
}

.tblForm th {
	background: #f1f1f1;
	font-weight: normal;
	text-align: left;
	width: 130px;
}

/*----- 新設課程 -----*/
.newSummary {
	border:1px solid #333333;
	border-collapse:collapse;
	width:100%;
}
.newSummary th {
	background:#84CBFF none repeat scroll 0% 50%;
	border:1px dotted #FFFFFF;
	padding:5px;
}
.newSummary td {
	background:#FFFFFF none repeat scroll 0%;
	border:1px dotted #333333;
	padding:5px;
}

.newSummary .caption {
	background:#BFE4FF none repeat scroll 0%;
	text-align:left;
	color:#000000;
	vertical-align:middle;
}
.newSummary .price {
	text-align:right;
}

.newSummary .caption.sum, .newSummary .price.sum{
	background:#FFDFFF none repeat scroll 0%;
}

 


.request01 {
	background:transparent url(../img/bg_request02.gif) no-repeat scroll 0pt 100%;
	clear:both;
	margin-top:35px;
}
.request02 {
	background:transparent url(../img/bg_request01.gif) no-repeat scroll 0 0;
	padding:20px 20px 20px 30px;
}
.request02 p {
	float:left;
	margin:0pt 25px 0pt 0pt;
	width:335px;
}
.request02 .requestButton {
	float:none;
	margin:0pt;
	width:auto;
}

.contact {
	width:580px;
}

.contact02 {
	float:left;
}

.contact03 {
	border-left:1px solid #CCCCCC;
	float:right;
	padding-left:30px;
	width:270px;
}


/*----- clearfix scheme -----*/
.boxLocal dd{
	display: inline-block;
}
.boxLocal dd:after{
	height: 0;
	visibility: hidden;
	content: url("../img/img_spacer.gif");
	display: block;
	clear:both;
}
/* hide MacIE \*/
* html .boxLocal dd {height: 1em;}
.boxLocal dd {display: block;}
/* ini */

/* 奨学金・教育ローン */
.scholarship p {
	margin-top: 0;
	margin-left: 1em;
	text-indent: -1em;
}
.scholarship .title-06 {
	margin-top: 40px;
	margin-left: 0;
	text-indent: 0;
}	
.scholarship .listDisc {
	margin-bottom: 0;
}
.scholarship .listDisc li {
	margin-left: 0.2em;
}


/* emphasis */

div.emphasis{
	background:#FFFFEE;
	padding:10px;
	margin:15px 0;
	border:1px solid #CCCCCC;
}

/* color */

.text-3{
	color:#FF9900;
}

.text-2{
	color: #FF66CC;
}

.text-z1{
	color: #3399FF;
}

.text-f1{
	color: #669933;
}

.request-box{
	border:5px solid #E3E9EE;
	padding:10px;
	clear:both;
}

.request-box p{
	margin:5px 0 0;
}

.request-box .requestTitle{
	background:#EFEFEF;
	padding:5px;
	margin-bottom:10px;
	text-align:center;
}

/* sitemap */
.main .map-access{
	border:2px solid #AFCAF5;
	padding:5px 10px;
	margin:15px 0 0;
	font-size:120%;
	font-weight:bold;
}
