﻿/* CSS RULES */
* {
	font-size:100%;
	line-height:1.6;
	margin:0px;
	padding:0px;
	list-style:none;
}

/* BaseRules -------------------------------------------------------------------*/
body {
	font-size:13px;
	 font-family: Helvetica , "游ゴシック" , "Yu Gothic" ,"メイリオ" ,  sans-serif;
 	line-height:18px;
	color:#333333;
	background:#FFFFFF none repeat scroll 0 0;
	padding: 0px;
	text-align:center;
	background: url(images/header_top.gif) top center no-repeat;
	background-repeat: repeat-x;
	margin: 0px auto 0px auto;

}

img {
	border:none;
	vertical-align:middle;
	padding: 0px;
	margin: 0 ; 
}

table {
	padding: 0px;
	margin: 0px;
}

p {
	margin:7px 5px;
	text-align:left;
}
caption{
	text-align:left;
	caption-side: top;
	font-size:85%;
	font-weight:bold;
	color:#333333;

}

/* アンカー */
a:link { color: #672900;} 
a:visited { color: #672900;} 
a:hover { color: #aaa;}
a:active { color: #672900;} 


/* 見出し */
h1 {
	background-image: url(images/h1back.gif);
	background-repeat: no-repeat;
	font-size:130%;
	padding: 7px 10px  6px 25px;
	text-align: left;
	margin: 0px 0px 10px 0px;
	color:#777;
}


h2 {
	background-image: url(images/h2back.gif);
	background-repeat: no-repeat;
	padding: 3px 10px 3px 30px;
	margin: 10px 0px 10px 0px;
	text-align: left;
	color: #af7831;
	font-size:110%;
}

h3 {
 	background:#fffad0;
	border:1px solid #f1e477;
	padding: 5px 10px;
	margin: 10px 0px;
	text-align: left;
	color: #d6870a;
}

h4 {
	border-left:5px solid #d6870a;
	padding: 0px 10px 0px 8px;
	margin: 10px 0px 10px 5px;
	text-align: left;
	color: #d6870a;
}



/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  line-height:0; 
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* 回り込み回避 */
.nofloat{
	clear:both;
}

/* スペース調整・画像レイアウト */
.imgborder{border:3px solid #eee;}
.trim{
	border:3px solid #eee;
	width:80px;
	height:50px;
	overflow: hidden;
}	
.img_left{
	margin: 0px 5px;
	float:left;
	text-align:center;
	font-size:85%;
}
.img_right{
	margin: 0px 5px;
	float:right;
	text-align:center;
	font-size:85%;
}

.img_photo{
	margin: 10px ;
	float:left;
	text-align:center;
	font-size:95%;
	
}

.text_right{
	text-align:right;
	width:100%;
}
.center{
	text-align:center;
}

.minitext{
	margin: 5px;
	padding:5px;
}

.spaceimg{
	margin: 0 -2px; 
}
.mini{font-size:85%;}
.gray{color:#888;}
.bottom{vertical-align:bottom;}
/*個別見出し*/

/* formデザイン*/



/*ページ共通 container */

.container{
	width:900px;
	margin: 0 auto;
}

.contents {
	margin: 0px auto;
	padding-top: 0px;
}


/*ページ共通 ヘッダー */

header {
	width:900px;
	height:140px;
	margin:0px auto;
}
header #logo {
	float:left;
	width:100px;
	height:130px;
	margin-left:25px;
	text-align:left;
	vertical-align:top;
}
header #title {
	width:600px;
	float:left;
	margin: 10px 0px 0px 25px;
	text-align:left;
	vertical-align:top;
}
header #lang{
	width:130px;
	height:50px;
	float:right;
	text-align:right;
	vertical-align:top;
	margin: 20px 0px 0px 0px;
}
header #navigation {
	width:775px;
	float:left;
	margin: 0px 0px;
}




/* フッター 　----------------------------------------*/
#footer {
	clear:both;
	width:100%;
	background:#eee;
	text-align: center;
	margin:0px auto;
	padding:20px auto;
}
ul#footerlink{
	width:600px;
	margin:0px auto;
}

ul#footerlink li {
 	background:url(images/arrow02.gif) no-repeat center left;
	float: left;
	padding:15px 15px 15px 20px;
}
ul#footerlink a:link { color: #000000; text-decoration:none;}
ul#footerlink a:visited { color: #0000000; text-decoration:none;}
ul#footerlink a:hover { color: #aaaaaa; text-decoration:none;}
ul#footerlink a:active { color: #000000; text-decoration:none;}

#copy{
	text-align:center;
 	background:orange;
	width:100%;
	height:30px;
	color:#ffffff;
	clear:both;
	padding-top:8px;
	margin:0px;
}



/*トップページRules*/

#topSlider{
	margin:0px auto;
	padding:20px 0px;
	height:300px;
	clear:both;
}
#majorContainer{
	width:100%;
	padding:0px auto 20px auto;
	background:#eee;
}
#toPhotoList{
	float:right;
	margin-top:-30px;
	
}
ul#topMajor{
	width:900px;
	margin:0px auto;
}
ul#topMajor li{
	float:left;
	margin:0px;
}

#newsArea{
	float:left;
	width:630px;
	margin:30px 20px 0px 0px;
	padding:0px;
}

#linkTitle{
	float:left;
}

#linkList{
	float:right;
	margin-top:-25px;
	margin-right:10px;
	margin-bottom:20px;
	font-size:12px;
}


.news{
	clear:both;
	width:630px;
	margin:10px 0px;
	border-bottom:1px solid #eee;
	text-align:left;
}

.news .date{
	float:left;
	width:90px;
	margin:5px 10px 10px 10px;
	font-size:12px;
	text-align:center;
}

.news .icon{
	float:left;
	width:120px;
	margin:5px 0px;
	text-align:center;
	font-weight:bolder;
	color:#fff;
	font-size:12px;
}
.newsicon{background:#f1749d;}
.eventicon{background:#8bc354;}
.target1icon{background:#3392dc;}
.target2icon{background:#7855ea;}
.target3icon{background:#4fc0b1;}
.target4icon{background:#cfb033;}
.target5icon{background:#bd3bd5;}

.news .title{
	float:left;
	width:380px;
	margin:5px 10px;
}

#linkArea{
	float:right;
	width:250px;
	margin-top:30px;
}
#linkArea img{
	margin-bottom:5px;
}

.linkAreaTitle{
	background:#eee;
	padding:2px 10px;
	margin: 10px 0;
	text-align: left;
	font-weight:bolder;
	color:#888;
	border-radius:30px;
}


#bnavi{
	width:250px;
	margin:10px 0px 20px 0px;
	padding:5px 0px;
	font-size:12px;
}


/*サブページ Rules*/

#sub_contents_right{
	float:right;
	width:620px;
	padding:20px;
	margin:20px 0px 20px 0px;
	border-radius:10px;
	background:url(images/contents-back.png);

}
#smallcontainer_right{
	float:right;
	width:290px;
	margin:10px 0px 0 0px;
}
#smallcontainer_left{
	float:left;
	width:290px;
	margin:10px 0px 0 0px;

}
#subpage_title{
	width:250px;
	float:left;
	text-align:left;
	margin: 0;
	padding:0;
}
#subpage_pankuzu{
	font-size:85%;
	width:530px;
	float:right;
	text-align:left;
	margin: 0;
	padding:13px 0 0 0px;
}

#subpage_leftmenu{
	float:left;
	width:250px;
	background-color:#f1f1f1;
}

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

a.new{
	background-image:url(images/iconBlank.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0px 14px 0px 0px;
	margin-right: 4px;
}
a.pdf {
	background-image:url(images/iconpdf.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0px 18px 0px 0px;
	margin-left: 5px;
}
a.word {
	background-image:url(images/iconword.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0px 18px 0px 0px;
	margin-left: 5px;
}
a.excel {
	background-image:url(images/iconexcel.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0px 18px 0px 0px;
	margin-left: 5px;
}
a.file {
	background-image:url(images/iconfile.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0px 18px 0px 0px;
	margin-left: 5px;
}
a.noicon{}


/* サイトマップ Rules*/
ul#sitemaplist{
	width:270px;
	text-align:left;
	margin-top : 8px;
	margin-bottom : 8px;
	padding: 0px 10px 0px 10px;
}

ul#sitemaplist li {
	color:#ffffff;
 	background:#dc9037 url(images/arrow08.gif) no-repeat top left;
	border-bottom: 3px solid #cccccc;
 	list-style:none;
	font-size:120%;
	padding: 3px 5px 2px 25px;
}
ul#sitemapsublist{
	width:270px;
	text-align:left;
	margin-top : 5px;
	margin-bottom : 5px;
	padding: 0px 10px 0px 10px;
}

ul#sitemapsublist li {
 	list-style:none;
 	background:url(images/page.gif) no-repeat center left;
	padding: 2px 5px 2px 25px;
}

p#sitemap_intro{
	width:230px;
	border-bottom: 1px solid #cccccc;
 	background:url(images/arrow02.gif) no-repeat center left;
 	background:#efefef;
 	font-weight:bold;
 	color:#666666;
	padding: 2px 10px 2px 10px;
}


#sitemaptable{
	margin-top:3px;
}

#sitemaptable td{
	background-image: url(images/tablebg.gif);
}



/* パンクズリスト */

#pankuzu{
	text-align:left;
	padding-left:20px;
	margin-bottom:15px;
}

/* サブページ左メニュー Rules*/

#submenu_left{
	text-align:left;
	float:left;
	width:220px;
	margin:20px 0px 20px 0px;
}

#submenu {
	text-align:left;
	margin-top : 0px;
	padding: 0px 10px 10px 10px;
	min-height:15px;
	background: #fff0bc;
}

#mainlist {
	width190px;
	font-size:110%;
 	list-style:none;
 	background:url(images/arrow09.gif) no-repeat  center left;
	padding: 5px 20px 5px 18px;
}

#sublist {
 	list-style:none;
 	background:url(images/arrow10.gif) no-repeat center left  #fefaf6;
	padding: 5px 0px 5px 25px;
	border-bottom: 1px dotted #aaaaaa;
}

/* ページの先頭へ　ボタン*/

ul#pagebottom{
	clear:both;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
	height:15px;
	padding: 3px 5px;
	margin:15px 0 15px 0;
}
#bottom_to_top {
 	background:url(images/arrow03.gif) no-repeat center left;
	text-align:right;
	float:right;
	color:#6699bb;
	padding-left:15px;
}

#bottom_to_back{
 	background:url(images/arrow04.gif) no-repeat center left;
	float:left;
	clear:both;
	color:#6699bb;
	padding-left:15px;
}

ul#pagebottom  a:link { color: #336600; text-decoration:none;}
ul#pagebottom   a:visited { color: #336600; text-decoration:none;}
ul#pagebottom   a:hover { color: #cccccc; text-decoration:none;}
ul#pagebottom   a:active { color: #336600; text-decoration:none;}

/*個別設定　装飾系---------------------------------------------*/
/*　ゼミコンテンツ*/

#zemi1{
	width:135px;
	background:#f9f4e2;
	float:left;
	margin:8px;
}

#zemi2{
	width:135px;
	background:#ede5c9;
	float:left;
	margin:8px;
}
#zemi_pic{
	padding:10px ;

}

#zemi_category{
	background:#eee;
	text-align:center;
	padding:3px;
	font-size:90%;

}
#zemi_name1{
	background:#eaa138;
	text-align:center;
	color:#ffffff;
	padding:3px;


}
#zemi_name2{
	background: #ea7f38;
	text-align:center;
	color:#ffffff;
	padding:3px;


}
#zemi_catch{
	background:#f6d14c;
	font-size:90%;
	text-align:center;
	padding:3px 3px 3px 3px;

}

#aboutchart{
	padding:5px;
	background:#86ae63;
	text-align:left;
	margin-bottom:15px;
	color:#ffffff;
}

#contents_zemi {
	float:left;
	text-align:center;
	margin: 0px 0px 0px 40px;
	width:640px;
}

div#articlezemi{
	text-align:left;
	padding:10px 0px;
	margin:3px 0px;
 	background:#ffffff;
	width:400px;
}
div#h2box_zemi01{
	text-align:left;
	margin:0px 0px 10px 0px;
	padding:10px;
}


/* 動画部 */

#movie_title{
	border-top:1px dotted #003366;
	background:#f5e8fc;
	padding:3px 5px;
	margin:0px;
}

#movie_subtitle{
	font-size:80%;
	margin:0 0 1px 0;
	padding:1px 5px;
	border-bottom:1px solid #cccccc;
	background:#9e63c0;
	color:#ffffff;
}
#playlisttitle{
	float:right;
	margin-top:5px;
	margin-right:10px;
	width:200px;
}
#playlistpush{
	float:right;
	margin-right:10px;
	width:200px;
	height:220px;
	overflow-y:scroll;
}
#playlist{
	float:right;
	margin-right:10px;
	width:200px;
}

/*装飾系Rules--------------------------------------------------------------*/
/* テーブル */
td{text-align:left;}
table#basetable{
	margin: 10px 0px 10px 0px;
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
}

#basetable th {
	background-image: url(images/tablebg.gif);
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	padding: 3px 10px;
	text-align:left;
}

#basetable td {
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	padding: 3px 10px;
}

/* リスト*/
ul#baselist{
	text-align:left;
	margin-top : 0px;
	padding: 0px 10px 0px 10px;
}

ul#baselist li {
 	list-style:none;
 	background:url(images/baselist.gif) no-repeat top left;
	padding: 2px 0px 2px 15px;
}

/* 画像装飾 */
#imgback_01{
	background-image: url(images/white_check.gif);
	padding: 2px;
	color:#333333;
	border: 2px solid #eeeeee;
}


/* 装飾テキスト */

div#article00{
	text-align:left;
	border-bottom:1px solid #cccccc;
	padding:10px 25px;
	margin:10px 0px;
 	background:url(images/arrow06.gif) no-repeat top left #fafafa;
	font-weight:bolder;
	font-size:105%
}
div#article01{
	text-align:left;
	border-bottom:1px solid #cccccc;
	padding:10px 25px;
	margin:10px 0px;
 	background:url(images/arrow06.gif) no-repeat top left #fffdea;
}
div#article02{
	text-align:left;
	padding:10px;
	margin:10px 0px;
 	background:#ffffff;
	border-radius:10px;
}
div#article021{
	text-align:left;
	padding:10px;
	margin:10px 0px;
 	background:#f2f7fe;
	border-radius:10px;
}

div#article022{
	text-align:left;
	padding:10px;
	margin:10px 0px;
 	background:#fdf7f7;
	border-radius:10px;
}

div#article023{
	text-align:left;
	padding:10px;
	margin:10px 0px;
 	background:#f7fdf1;
	border-radius:10px;
}

div#article024{
	text-align:left;
	padding:10px;
	margin:10px 0px;
 	background:#fbf4fd;
	border-radius:10px;
}

div#article031{
	text-align:left;
	border-radius:10px;
	padding:10px;
 	background:#f2f7fe;
}
div#article032{
	text-align:left;
	border-radius:10px;
	padding:10px;
 	background:#fdf7f7;
}

div#article033{
	text-align:left;
	border-radius:10px;
	padding:10px;
 	background:#f7fdf1;
}

div#article034{
	text-align:left;
	border-radius:10px;
	padding:10px;
 	background:#fbf4fd;
}
div#article03{
	text-align:left;
	border-radius:10px;
	padding:10px;
 	background:#fafafa;
}

div#article04{
	text-align:left;
	padding:5px;
	margin:10px 0px;
 	background:#fafafa;
}

div#h2box01{
	text-align:left;
	border-bottom:1px solid #cccccc;
	padding:10px 5;
	margin:0px 0px 10px 0px;
 	background:#fafafa;
}
div#h2box_vio{
	text-align:left;
	border-bottom:1px solid #cccccc;
	padding:10px;
	margin:10px 0px;
 	background:#fefaf6;
 	border-radius:10px;
}


div#h2box_green{
	text-align:left;
	border-bottom:1px solid #cccccc;
	padding:10px;
	margin:10px 0px;
 	background:#f9f5e3;
 	border-radius:10px;
}
div#{
	text-align:left;
	border-bottom:4px solid #736ca0;
	border-top:1px dotted #736ca0;
	margin:0px 0px 10px 0px;
 	background:#fafafa;
	padding-bottom:10px;
	width:560px;
}
div#h2box_orange{
	text-align:left;
	border-bottom:4px solid #e4ae1e;
	border-top:1px dotted #e4ae1e;
	margin:0px 0px 10px 0px;
 	background:#fafafa;
	padding-bottom:10px;
	width:560px;
}
gif);
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	padding: 3px 10px;
	text-align:left;
}

#basetable td {
	border-bottom: 1px #cccccc solid;
	border-right: 1px #cccccc solid;
	padding: 3px 10px;
}

/* リスト*/
ul li{text-align:left;}
ul#baselist{
	text-align:left;
	margin-top : 0px;
	padding: 0px 10px 0px 10px;
}

ul#baselist li {
 	list-style:none;
 	background:url(images/baselist.gif) no-repeat top left;
	padding: 2px 0px 2px 15px;
}

/* 画像装飾 */
#imgback_01{
	background-image: url(images/white_check.gif);
	padding: 2px;
	color:#333333;
	border: 2px solid #eeeeee;
}


.question01{
	cursor:pointer;
	border:0px!important;
	text-decoration: underline;
	height:46px;
	font-weight:bold;
	color:#003366;
	text-align:left;
	padding:10px 5px 5px 55px;
	margin:10px 5px;
 	background: url(images/question_back01.gif) no-repeat center left;
}

.question02{
	border:0px!important;
	cursor:pointer;
	text-decoration: underline;
	height:46px;
	font-weight:bold;
	color:#003366;
	text-align:left;
	padding:10px 5px 5px 55px;
	margin:10px 5px;
 	background:  url(images/question_back02.gif) no-repeat center left;
}
.answer{
	width:550px;
	text-align:left;
	border:1px dotted #cccccc;
	margin-bottom:5px;
	margin-left:30px;
	padding:10px;
 	background:#fff;
}


.addQ{
	border-top:1px solid #add8e6;
	border-bottom:1px solid #add8e6;
	padding:10px;
 	background:#fafafa;
}