@charset "UTF-8";
/* =============================
(C) SpaceDesignCollege style CSS
last update 070827

目次


1. 基本レイアウト
4. 基本レイアウト（共通の詳細設定）
	container：全体
	header: ヘッダー部分
	navi: ナビゲーション
	contents: コンテンツ
	main_toppage: メイントップページ
	footer: フッター部分
5.トップページの設定
6. ページごとの指定
7. ナビゲーション設定（リンク）
8. 基本リンク色
9. 文字のサイズ、色、indentの指定
10. 表組み（table）の指定

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



/* -----------------------------
3. 基本レイアウト
----------------------------- */


/*formatting style
---------------------*/

html,body{
	width: 100%;
	height:100%;
	font-family: sans-serif;
	background-color: #FFFFFF;
	text-align: center; /* IE 向けセンタリング指定 */
}


/*box style
---------------------*/
#container {
        width: 1000px;
		margin: 0 auto; /* center on everything else */
        background: #FFFFFF;
        position: relative;
        height: 100%;
        min-height: 100%;
		margin: 0 auto; /* Firefox 向けセンタリング指定 */
}
body > #container {
        height: auto;
}
#header {
		background-color: #FFFFFF;
		background-image: url(../images/common/header_back_in.gif);
		background-position: center;
		height: 115px;
		background-repeat: no-repeat;
		position: relative;
}
#contents {
		padding-bottom: 40px;
}
#footer {
/*		width: 100%;*/
		width: 1000px;/*●●●pxで指定して、*/
		background: #FFFFFF;
		position: absolute;
		bottom: 0;
		left: 50%; /*●●●leftを50%で指定して、*/
		margin-left: -500px; /*●●●widthの半分の値を-(マイナス)で指定*/
		height: 40px;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		padding-top: 15px;
		text-align: center; /* IE 向けセンタリング指定 */
}
/* -----------------------------
8. ヘッダーナビゲーション
----------------------------- */




#header ul { /* 箇条書きの設定 */
	margin-left: 0px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 20px;
}

#header li {
	float: left;
}

/* ここからナビゲーションボタンの設定 */

#header #btn00 a span {
	display:none;
}
#header #btn00 a {
	display:block;
	width:430px;
	height:50px;
	background-image:url(../images/common/spacer.gif);
	background-repeat:no-repeat;
	padding-top: 3px;
	padding-left: 3px;
	text-decoration:none;
	text-indent:-9999px;
}
#header #btn00 a:hover {
	background-image:url(../images/common/spacer.gif);
	background-repeat:no-repeat;
}


#header #btn01 a span {
display:none;
}
#header #btn01 a {
display:block;
width:252px;
height:19px;
background-image:url(../images/common/hedder_navi1_1.gif);
background-repeat:no-repeat;
padding-top: 3px;
padding-left: 3px;
text-decoration:none;
text-indent:-9999px;
}
#header #btn01 a:hover {
background-image:url(../images/common/hedder_navi1_2.gif);
background-repeat:no-repeat;
}

#header #btn02 a span {
display:none;
}
#header #btn02 a {
display:block;
width:102px;
height:19px;
background-image:url(../images/common/hedder_navi2_1.gif);
background-repeat:no-repeat;
padding-top: 3px;
padding-left: 3px;
text-decoration:none;
text-indent:-9999px;
}
#header #btn02 a:hover {
background-image:url(../images/common/hedder_navi2_2.gif);
background-repeat:no-repeat;
}


#header #btn03 a span {
display:none;
}
#header #btn03 a {
display:block;
width:102px;
height:19px;
background-image:url(../images/common/hedder_navi3_1.gif);
background-repeat:no-repeat;
padding-top: 3px;
padding-left: 3px;
text-decoration:none;
text-indent:-9999px;
}
#header #btn03 a:hover {
background-image:url(../images/common/hedder_navi3_2.gif);
background-repeat:no-repeat;
}

#header #btn04 a span {
display:none;
}
#header #btn04 a {
display:block;
width:102px;
height:19px;
background-image:url(../images/common/hedder_navi4_1.gif);
background-repeat:no-repeat;
padding-top: 3px;
padding-left: 0px;
text-decoration:none;
text-indent:-9999px;
}
#header #btn04 a:hover {
background-image:url(../images/common/hedder_navi4_2.gif);
background-repeat:no-repeat;
}


/* ここまでナビゲーションボタンの設定 */

/* -----------------------------
8. 基本リンク色
----------------------------- */

a img {
	border-style: none;
}

a:link {  
	color:#2978B3;
	text-decoration: none;
}
a:visited {  
	color:#2978B3;
	text-decoration: none;
}
a:hover {  
	color:#FF7B04; 
}
a:active {
	color:#FF7B04;
	left: 1px;
	top: 1px;
}


/* =========================================================
■サブページナビ
========================================================= */

a.navi2 img {
	border-style: none;
}

a.navi2:link {  
	font-size: 11px; line-height: 13px; color: #5A7896; letter-spacing: 1px
	text-decoration: none;
}
a.navi2:visited {  
	font-size: 11px; line-height: 13px; color: #5A7896; letter-spacing: 1px
	text-decoration: none;
}
a.navi2:hover {  
	color:#FFB100; 
}
a.navi2:active {
	color:#FFB100;
	left: 1px;
	top: 1px;
}

a.navi3 img {
	border-style: none;
}

a.navi3:link {  
	font-size: 12px; line-height: 15px; color: #888888; letter-spacing: 1px; font-weight: bold;
	text-decoration: none;
}
a.navi3:visited {  
	font-size: 12px; line-height: 15px; color: #888888; letter-spacing: 1px; font-weight: bold;
	text-decoration: none;
}
a.navi3:hover {  
	color:#FFB100; font-weight: bold; 
}
a.navi3:active {
	color:#FFB100; font-weight: bold;
	left: 1px;
	top: 1px;
}

a.navi2b img {
	border-style: none;
}

a.navi2b:link {  
	font-size: 11px; line-height: 13px; color: #ffffff; letter-spacing: 1px; background-color: #A3a3a3; font-weight: bold;
}
a.navi2b:visited {  
	font-size: 11px; line-height: 13px; color: #ffffff; letter-spacing: 1px; background-color: #A3a3a3; font-weight: bold;
}
a.navi2b:hover {  
	font-size: 11px; line-height: 13px; color: #ffffff; letter-spacing: 1px; background-color: #A3a3a3; font-weight: bold;
}
a.navi2b:active {
	font-size: 11px; line-height: 13px; color: #ffffff; letter-spacing: 1px; background-color: #A3a3a3; font-weight: bold;
}

/* =========================================================
■パンくずリスト
========================================================= */

a.navi img {
	border-style: none;
}

a.navi:link {  
	font-size: 10px; line-height: 13px; color: #99A5AB; letter-spacing: 1px
	text-decoration: none;
}
a.navi:visited {  
	font-size: 10px; line-height: 13px; color: #99A5AB; letter-spacing: 1px
	text-decoration: none;
}
a.navi:hover {  
	color:#7AC1C6; 
}
a.navi:active {
	color:#7AC1C6;
	left: 1px;
	top: 1px;
}


/* -----------------------------
テーブル設定
----------------------------- */

	
/* テーブル01 
---------------------*/	
.table_01	{
	margin:0px 0px 0px 0px;padding:0px;
	border-collapse:collapse;
}
.table_01 th	{
	padding:5px 7px 7px 7px;

}
.table_01 td	{
	padding:5px 7px 7px 7px;

}

/* テーブル02 
---------------------*/	
.table_02	{
	padding:0px;
	border-collapse:collapse;
	border:1px dotted #999999;
}
.table_02 th	{
	padding:7px 7px 7px 7px;
	text-align:left;vertical-align:top;color:#666666;
	background-color:#EEEEEE;
}
.table_02 td	{
	padding:7px 7px 7px 7px;

}
/* テーブル02interview
---------------------*/	
.table_02int	{
	padding:0px;
	border-collapse:collapse;
	border:1px dotted #999999;
}
.table_02int th	{
	padding:15px 15px 15px 15px;
	text-align:left;vertical-align:top;color:#666666;
	background-color:#EEEEEE;
}
.table_02int td	{
	padding:15px 15px 15px 15px;

}

/* テーブル03 
---------------------*/	
.table_03	{
	margin:0px 0px 0px 0px;padding:0px;
	border-collapse:collapse;
}
.table_03 th	{
	padding:7px 0px 5px 5px;

}
.table_03 td	{
	padding:7px 0px 5px 5px;
}

/* テーブル04 
---------------------*/	
.table_04	{
	margin:0px 0px 0px 0px;padding:0px;
	border-collapse:collapse;
}
.table_04 th	{
	padding:7px 0px 0px 0px;
}
.table_04 td	{
	padding:7px 0px 0px 0px;

}

/* テーブル05 
---------------------*/	
.table_05	{
	border-style:solid; 
	border-width:3px; 
	border-color:#C4D5DF; 
	background-color:#ffffff; 
	width:230px; 
	height:100px;
	margin:7px;
}
.table_05 td	{
	border-style:solid; 
	border-width:3px; 
	border-color:#C4D5DF;
}

/* テーブル06
---------------------*/	
.table_06	{
border-collapse:collapse;
margin:20px 0px;
}
.table_06 th	{
padding:7px 7px 7px 7px;

}
.table_06 td	{
padding:7px 7px 7px 7px;

}
/* テーブル07 
---------------------*/	
.table_07	{
	margin:0px 0px 0px 0px;padding:0px;
	border-collapse:collapse;
}
.table_07 th	{
	padding:3px 5px 5px 5px;

}
.table_07 td	{
	padding:3px 5px 5px 5px;

}

/* テーブル中ナビゲーション
---------------------*/	
.table_innavi	{
	border-collapse:collapse;
	
}
.table_02 innavi th	{
	padding:1px 1px 1px 1px;
	text-align:left;
}
.table_02 innavi td	{
	padding:1px 1px 1px 1px;

}


/* テーブルブログ1
---------------------*/	
.table_blog	{
border-style:solid; 
	border-width:1px; 
	border-color:#A8BDCC; 
	width:680px; 
	height:190px;
	margin:0px 0px 0px 0px;padding:0px;
}
.table_blog	th	{
	padding:0px 0px 0px 0px;
	text-align:left;vertical-align:top;color:#333333;
}
.table_blog	td	{
	padding:0px 0px 0px 0px;

}
/* テーブルブログ2
---------------------*/	
.table_blog2	{
border-style:solid; 
	border-width:1px; 
	border-color:#A8BDCC; 
	width:680px; 
	height:215px;
	margin:0px 0px 0px 0px;padding:0px;
}
.table_blog2	th	{
	padding:0px 0px 0px 0px;
	text-align:left;vertical-align:top;color:#333333;
}
.table_blog2	td	{
	padding:0px 0px 0px 0px;

}
 /* -----------------------------
画像設定
----------------------------- */
 
.imageright {
	float:right;
	margin:0px 0px 10px 15px;
	}
.imageleft {
	float:left;
	margin:0px 15px 10px 0px;
	}
 
  /* -----------------------------
テキスト設定
----------------------------- */


/* サイズ指定
---------------------*/	
.size12 {  font-size: 12px; line-height: 15px}
.size11 {  font-size: 11px; line-height: 12px}

/* BLACK
---------------------*/	

.size10_black {  font-size: 10px; line-height: 14px; letter-spacing: 1px}
.size10_black_b {  font-size: 10px; line-height: 14px; font-weight: bold;letter-spacing: 1px}
.size12_blackb {  font-size: 11px; line-height: 15px; color: #000000; letter-spacing: 1px; font-weight: bold; }
.size12_blackb {  font-size: 12px; line-height: 17px; color: #000000; letter-spacing: 1px; font-weight: bold; }
.size13_blackb {  font-size: 13px; line-height: 22px; color: #000000; letter-spacing: 1px; font-weight: bold; }



/* GLAY
---------------------*/	
.size10_gray {  font-size: 10px; line-height: 12px; color: #666666; letter-spacing: 1px}
.size10_gray2 {  font-size: 10px; line-height: 12px; color: #999999; letter-spacing: 1px;}
.size10_gray3 {  font-size: 10px; line-height: 14px; color: #666666; letter-spacing: 1px;}
.size10_gray3b {  font-size: 10px; line-height: 17px; color: #666666; letter-spacing: 1px; font-weight: bold;}
.size10_gray3bw {  font-size: 10px; line-height: 20px; color: #666666; letter-spacing: 1px; font-weight: bold;}
.size11_gray {  font-size: 11px; color: #666666; letter-spacing: 1px; line-height: 15px;}
.size12_gray {  font-size: 12px; color: #666666; letter-spacing: 1px; line-height: 17px;}
.size12_grayb {  font-size: 12px; line-height: 17px; color: #666666; letter-spacing: 1px; font-weight: bold; }
.size13_grayb {  font-size: 13px; line-height: 22px; color: #666666; letter-spacing: 1px; font-weight: bold; }
.size14_gray {  font-size: 14px; line-height: 22px; color: #666666; letter-spacing: 1px;}
.size16_grayb {  font-size: 16px; line-height: 25px; color: #666666; letter-spacing: 1px; font-weight: bold; }



/* BLUE
---------------------*/	
.size10_blue {  font-size: 10px; line-height: 14px; color: #6699FF; letter-spacing: 1px;}
.size11_blue {  font-size: 12px; line-height: 16px; color: #5A7896; letter-spacing: 1px;}
.size12_blue {  font-size: 12px; line-height: 16px; color: #2978B3; letter-spacing: 1px;}
.size15_blueb {  font-size: 15px; line-height: 25px; color: #2978B3; letter-spacing: 1px; font-weight: bold; }


/*パンくず用
---------------------*/	
.size10_pan {  font-size: 10px; line-height: 13px; color: #99A5AB; letter-spacing: 1px;}
.size10_panblue {  font-size: 10px; line-height: 13px; color: #7AC1C6; letter-spacing: 1px;}



/*ナビ用
---------------------*/	
.navitext {  font-size: 11px; line-height: 13px; color: #ffffff; letter-spacing: 1px; background-color: #A3a3a3; font-weight: bold; }
.navitext12 {  font-size: 12px; line-height: 15px; color: #ffffff; letter-spacing: 1px; background-color: #A3a3a3; font-weight: bold; }