@charset "utf-8"; 

/*base.css
サイト全体共通 基本CSS

【1】初期設定
1-0 要素初期化
1-1 汎用セレクタ
1-2 フォーム関連セレクタ
1-3 CSSハック

【2】ページレイアウト
2-1 ページ全体			#container
2-2 ヘッダ				#top
						#head 
2-3 本文				#contents
2-4 補助枠(3カラム)		.wrap
 2-5 中央(メイン)		.main 
 2-6 サイド				.side
  2-7 サイド1			#side1
  2-8 サイド2			#side2
2-9 フッタ				#foot

【3】ページ全体内
3-0 共通
3-1 メインビジュアル	#screen
3-2 パン屑				#pan
3-3 スキップナビ		.skip
3-4 ページトップ		.pagetop

【4】ヘッダ内
4-0 共通
4-1 サイトID			#siteid
4-2 タグライン			#tagline
4-3 トップメニュー		#tmenu
4-4 グローバルナビ		#gnavi
4-5 サブナビ			#snavi

【5】本文内
5-0 共通

【6】中央（メイン）内
6-0 共通

【7】サイド内
7-0 共通
7-9 サイドメニュー		.smenu

【8】フッタ内
8-0 共通
8-1 フッタメニュー		#fmenu
8-2 コピーライト		#copy
8-3 著作権警告			#warning

*/




/*【1】初期設定*/
/*1-0 要素初期化*/
html {
	overflow-y:scroll;/*FF scrollbarズレ対策*/
	background-color:#f6f6f6;
}
body {
	margin:0;
	padding:0;
	background:#fff url(bg_body.jpg) repeat-x 0 0;
	text-align: center;
	color:#666;
}
p , ul , ol , li , dl , dt , dd , address , em ,
h1 , h2 , h3 , h4 , h5 , h6 , 
table , caption , th , td {
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5;
	margin:0;
	padding:0;
}
p {	margin:0 0 1em;}
li {	list-style-type: none;}
h1 , h2 , h3 , h4 , h5 , h6 {}
a {}
a:link , a:visited {
	color: #39c;
	text-decoration: underline;
}
a:hover , a:active {
	color:#39c;
	text-decoration: none;
}
img { border:none;}
hr { display:none;}

/*1-1 汎用セレクタ*/
.clear { clear:both;}

/*1-2 CSSハック*/
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html .clearfix {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html .clearfix {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    .clearfix {display: inline-table;}
    /**/
  .clearfix:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
  }
/*BIR*/
.bir {
	position:relative;
	top:0;
	left:0;
	display:block;
	z-index:-1;
 /*hide\*/	overflow:hidden;/*MacIE*/
}
.box {}
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html .box {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html .box {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    .box {display: inline-table;}
    /**/
  .box:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
.title {
	font-weight: bold;
	/*BIR*/
	position:relative;
	top:0;
	left:0;
	display:block;
	z-index:-10;
	/*hide\*/	overflow:hidden;/*MacIE*/
}



/*【2】画面レイアウト*/
/*2-1 全体*/
#container {
	width: 900px;
	margin: 0 auto;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 1;
	text-align: left;
	font-size: 62.5%;
	font-family: verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*2-2 ヘッダ*/
#top {}

#head {}

/*2-3 本文*/
#contents {
	padding:16px 0 40px 0;
	font-size:120%;
}
/*clearfix*/
  /* WinIE7 only */
    *:first-child+html #contents {height: 1%;}
  /* WinIE6 and below */
    /* hide \*/
    * html #contents {height: 1%;}
    /*MacIE*/
  /* MacIE only */
    /*\*//*/ 
    #contents {display: inline-table;}
    /**/
  #contents:after{/* modern browser */
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
  }

/*2-4 補助枠(3カラム)*/
.wrap {}

/*2-5 中央(メイン)*/
.main {
	width: 690px;
	float: right;
	display:inline;
}

/*2-6 サイド*/
.side {
	width: 200px;
	float:left;
	display:inline;
}

/*2-7 サイド1*/
#side1 {}

/*2-8 サイド2*/
#side2 {}

/*2-9 フッタ*/
#foot {
	border-top:#ff6666 solid 3px;
	background:url(bg_foot.jpg) repeat-x 0 100%;
	padding:20px 0 20px 0;
}

/*【3】ページ全体内*/
/*3-0 共通*/

/*3-1 メインビジュアル*/
#screen {}

/*3-2 パン屑*/
#pan {
	margin:0 0 15px;
}
#pan ul {	display: inline;}
#pan li {
	display:inline;
	white-space:normal;
}
#pan li a {
	padding:0 10px 0 0;
	background:url(icon_pan.gif) no-repeat 100% 50%;
}
#pan li li {margin:0 0 0 3px;}


/*3-3 スキップナビ*/
.skip {
	position: absolute;
	left: -99999px;
	width: 1px;
	height: 1px;
	/*hide\*/overflow: hidden;/*MacIE*/
	margin: 0;
}

/*3-4 ページトップ*/
.pagetop {
	margin:0;
	font-size:83.4%;
}
.pagetop a {
	display:block;
	width:120px;
	height:18px;
	background-image:url(bg_pagetop.gif);
	background-repeat:no-repeat;
	margin:0 0 0 780px;
}
.main .pagetop a {
	margin:0 0 0 570px;
}
.pagetop .bir {
	height:18px;
}
.pagetop a:link,.pagetop a:visited {
	text-decoration:none;
	background-position:0 0;
}
.pagetop a:hover,.pagetop a:active {
	background-position:-120px 0;
}

/*【4】ヘッダ内*/
/*4-0 共通*/
#top {
	padding:5px 0 0 0;
}
#top a:link , #top a:visited {}
#top a:hover , #top a:active {}

/*4-1 サイトID*/
#siteid {}

/*4-2 タグライン*/
#tagline {}

/*4-3 トップメニュー*/
#tmenu {
	margin:0 0 9px 642px;
}
#tmenu li {
	float:left;
}
#tmenu li a {
	display:block;
	height:23px;
	background-image:url(bg_tmenu.jpg);
	background-repeat:no-repeat;
}
#tmenu .li1 a {width:79px;}
#tmenu .li2 a {width:80px;}
#tmenu .li3 a {width:99px;}
#tmenu li .bir {height:23px;}

/*通常時*/
#tmenu .li1 a:link,#tmenu .li1 a:visited {
	background-position:0 0;
	text-decoration:none;
}
#tmenu .li2 a:link,#tmenu .li2 a:visited {
	background-position:-79px 0;
	text-decoration:none;
}
#tmenu .li3 a:link,#tmenu .li3 a:visited {
	background-position:-159px 0;
	text-decoration:none;
}
/*マウスオーバー時*/
#tmenu .li1 a:hover,#tmenu .li1 a:active {
	background-position:0 -23px;
}
#tmenu .li2 a:hover,#tmenu .li2 a:active {
	background-position:-79px -23px;
}
#tmenu .li3 a:hover,#tmenu .li3 a:active {
	background-position:-159px -23px;
}
#tmenu li a:links,#tmenu li a:visited {
	text-decoration:none;
}
/*4-4 グローバルナビ*/
#gnavi {
	width:900px;
	height:31px;
}
#gnavi li {
	float:left;
	margin:0 4px 0 0;
}
#gnavi .li7 {
	margin:0;
}
#gnavi .li3,#gnavi .li4,#gnavi .li5,#gnavi .li6,#gnavi .li7 {
	text-indent:-9999px;
}
#gnavi li a {
	display:block;
	width:125px;
	height:31px;
	background-image:url(bg_gnavi.jpg);
	background-repeat:no-repeat;
}
#gnavi .li1 a {
	width:126px;
}
#gnavi li .bir {
	height:31px;
}
#gnavi li a:link,#gnavi li a:visited {
	text-decoration:none;
}
/*通常時*/
#gnavi .li1 a:link,#gnavi .li1 a:visited {
	background-position:0 0;
}
#gnavi .li2 a:link,#gnavi .li2 a:visited {
	background-position:-130px 0;
}
#gnavi .li3 a:link,#gnavi .li3 a:visited {
	background-position:-259px 0;
}
#gnavi .li4 a:link,#gnavi .li4 a:visited {
	background-position:-388px 0;
}
#gnavi .li5 a:link,#gnavi .li5 a:visited {
	background-position:-517px 0;
}
#gnavi .li6 a:link,#gnavi .li6 a:visited {
	background-position:-646px 0;
}
#gnavi .li7 a:link,#gnavi .li7 a:visited {
	background-position:-775px 0;
}
/*マウスオーバー時*/
#gnavi .li1 a:hover,#gnavi .li1 a:active {
	background-position:0 -31px;
}
#gnavi .li2 a:hover,#gnavi .li2 a:active {
	background-position:-130px -31px;
}
#gnavi .li3 a:hover,#gnavi .li3 a:active {
	background-position:-259px -31px;
}
#gnavi .li4 a:hover,#gnavi .li4 a:active {
	background-position:-388px -31px;
}
#gnavi .li5 a:hover,#gnavi .li5 a:active {
	background-position:-517px -31px;
}
#gnavi .li6 a:hover,#gnavi .li6 a:active {
	background-position:-646px -31px;
}
#gnavi .li7 a:hover,#gnavi .li7 a:active {
	background-position:-775px -31px;
}

/*パンくず効果*/
#skillcampus #gnavi .li1 a:link,#skillcampus #gnavi .li1 a:visited {
	background-position:0px -62px;
}
#culture #gnavi .li2 a:link,#culture #gnavi .li2 a:visited {
	background-position:-130px -62px;
}

/*4-5 サブナビ*/
#snavi {}

/*【5】本文内*/
/*5-0 共通*/

/*【6】中央（メイン）内*/
/*6-0 共通*/
.main a {}
.main a:link , .main a:visited {}
.main a:hover , .main a:active {}

/*【7】サイド内*/
/*7-0 共通*/
.side a {}
.side a:link , .side a:visited {}
.side a:hover , .side a:active {}

/*7-9 サイドメニュー*/
.side .smenu {}

/*【8】フッタ内*/
/*8-0 共通*/
/*8-1 フッタメニュー*/
#fmenu1 {
	padding:0 0 2px;
	font-size:75%;
}
#fmenu1 li {
	display:inline;
	padding:0 5px;
}
#fmenu1 li a {
	background:url(bg_icon_fmenu.gif) no-repeat 0 50%;
	padding:0 0 0 13px;
}
#fmenu2 {
	display:block;
	margin:0 0 20px;
	font-size:75%;
}
#fmenu2 li {
	display:inline;
	padding:0 5px;
}
#fmenu2 li a {
	background:url(bg_icon_fmenu.gif) no-repeat 0 50%;
	padding:0 0 0 13px;
}

/*8-2 コピーライト*/
#copy {
	color:#999;
	font-style:normal;
	font-family: verdana, Helvetica, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:63%;
}
/*8-3 著作権警告*/
#warning {
	border:#ccc solid 1px;
	padding:1.0em 0;
	width:900px;
	margin:0 auto 15px;
	font-size:63%;
}