@charset "UTF-8";
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0px;
	padding: 0px;
}

.c-both { clear:both; }
.personal_text01 {
	font: 15px/20px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.personal_text02 {
	font: bold 15px/20px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FF0000;	
}
.personal_text03 {
	font: 15px/20px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #6699FF;
}

.bodymidashi {
	color: #FF6600;
	border-bottom: 1px solid #FF6600;
	border-left: 8px solid #FF6600;
	padding-bottom: 1px;
	padding-left: 5px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 18px;
	line-height: 22px;
}
.bodymidashi2 {
	color: #FF9900;
	border-bottom: 1px solid #FF9900;
	border-left: 8px solid #FF9900;
	padding-bottom: 1px;
	padding-left: 5px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 18px;
	line-height: 22px;
}
.bodymidashi3 {
	color: #990000;
	border-bottom: 1px solid #990000;
	border-left: 8px solid #990000;
	padding-bottom: 1px;
	padding-left: 5px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 18px;
	line-height: 22px;
}

/*パソコン個別指導ページ全体のテキスト*/
.personal_text01 a {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	color: #000000;
}
.personal_text01 a:hover, .personal_text01 a:active {
	background-repeat: no-repeat;
	color: #CC0000;
}

/*各ページの下　このページの上へジャンプ*/
.pegetop {
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: right;
}
.pegetop a {
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	color: #000000;
}
.pegetop a:hover, .pegetop a:active {
	background-repeat: no-repeat;
	color: #CC0000;
}


#wrapper {
	width: 880px;
	background: #FFFFFF center;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	margin: 0px auto;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/*Hides from IE-mac ?*/
*html.clearfix {height:1%;}
.clearfix {display:block;}
/*End hide from IE-mac*/



/*Photo*/
#photo {
	height: 200px;
	width: 880px;
}

/*コンテンツ*/
#contents {
	width: 860px;
	text-align: center;
	height: 3100px;
	margin: 0px 10px;
}

/*ヘッドインデックス全体*/
#header {
	height: 80px;
	width: 880px;
}
#header_index {
	height: 100px;
	width: 880px;
}
#header_index {
	width: 880px;
	height: 75px;
}
#header_index h2 {
	font-size: 9px;
	margin: 0px;
	padding: 0px;
	float: left;
}
#header_index h2 em {
	visibility: hidden;
}
#header_index h2 a {
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
}

/*ヘッドインデックス部分*/
#header_index h2#tn1 a{
	height: 75px;
	width: 159px;
	margin: 0px;
	padding: 0px;
	background: url(../image/top/header_index_pre01.gif) no-repeat;
}
#header_index h2#tn2 a{
	height: 75px;
	width: 148px;
	margin: 0px;
	padding: 0px;
	background: url(../image/top/header_index_company01.gif) no-repeat;
}
#header_index h2#tn3 a{
	height: 75px;
	width: 160px;
	margin: 0px;
	padding: 0px;
	background: url(../image/top/header_index_haken01.gif) no-repeat;
}
#header_index h2#tn4 a{
	height: 75px;
	width: 187px;
	margin: 0px;
	padding: 0px;
	background: url(../image/top/header_index_lisence01.gif) no-repeat;
}
#header_index h2#tn5 a{
	height: 75px;
	width: 226px;
	margin: 0px;
	padding: 0px;
	background: url(../image/top/header_index_hp01.gif) no-repeat;
}
/*ヘッドインデックスのロールオーバー部分*/
#header_index h2#tn1 a:hover, #header_index h2#tn1 a:active {
	background-image: url(../image/top/header_index_pre02.jpg);
	background-repeat: no-repeat;
}
#header_index h2#tn2 a:hover, #header_index h2#tn2 a:active {
	background-image: url(../image/top/header_index_company02.jpg);
	background-repeat: no-repeat;
}
#header_index h2#tn3 a:hover, #header_index h2#tn3 a:active {
	background-image: url(../image/top/header_index_haken02.jpg);
	background-repeat: no-repeat;
}
#header_index h2#tn4 a:hover, #header_index h2#tn4 a:active {
	background-image: url(../image/top/header_index_lisence02.jpg);
	background-repeat: no-repeat;
}
#header_index h2#tn5 a:hover, #header_index h2#tn5 a:active {
	background-image: url(../image/top/header_index_hp02.jpg);
	background-repeat: no-repeat;
}

/*サイドインデックス全体*/
#side_index {
	margin: 25px 0px 0px 10px;
	padding: 0px;
	height: 660px;
	width: 202px;
	float: left;
	display: inline;
}
#side_index h2 {
	font-size: 9px;
	margin: 0px;
	padding: 0px;
}
#side_index h2 em {
	visibility: hidden;
	display: block;
}
#side_index h2 a {
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
}

/*サイドインデックス部分*/
#side_index h2#tn1 a{
	height: 77px;
	width: 198px;
	margin: 0px;
	padding: 0px;
	background: url(../image/top/teacher01.jpg) no-repeat;
}
#side_index h2#tn2 a{
	height: 77px;
	width: 198px;
	margin: 0px;
	padding: 0px;
	background: url(../image/top/member01.jpg) no-repeat;
}
#side_index h2#tn3 a{
	height: 77px;
	width: 198px;
	margin: 0px;
	padding: 0px;
	background: url(../image/top/gotandaroom01.jpg) no-repeat;
}
#side_index h2#tn4 a{
	height: 77px;
	width: 198px;
	margin: 0px;
	padding: 0px;
	background: url(../image/top/ticket01.jpg) no-repeat;
}
#side_index h2#tn5 a{
	height: 77px;
	width: 198px;
	margin: 0px;
	padding: 0px;
	background: url(../image/top/setup01.jpg) no-repeat;
}
#side_index h2#tn6 a{
	height: 77px;
	width: 198px;
	margin: 0px;
	padding: 0px;
	background: url(../image/top/datarecover01.jpg) no-repeat;
}
#side_index h2#tn7 a{
	height: 77px;
	width: 198px;
	margin: 0px;
	padding: 0px;
	background: url(../image/top/internet01.jpg) no-repeat;
}
#side_index h2#tn8 a{
	height: 77px;
	width: 198px;
	margin: 0px;
	padding: 0px;
	background: url(../image/top/pcshop01.jpg) no-repeat;
}

/*サイドインデックスのロールオーバー部分*/
#side_index h2#tn1 a:hover, #side_index h2#tn1 a:active {
	background-image: url(../image/top/teacher02.jpg);
	background-repeat: no-repeat;
}
#side_index h2#tn2 a:hover, #side_index h2#tn2 a:active {
	background-image: url(../image/top/member02.jpg);
	background-repeat: no-repeat;
}
#side_index h2#tn3 a:hover, #side_index h2#tn3 a:active {
	background-image: url(../image/top/gotandaroom02.jpg);
	background-repeat: no-repeat;
}
#side_index h2#tn4 a:hover, #side_index h2#tn4 a:active {
	background-image: url(../image/top/ticket02.jpg);
	background-repeat: no-repeat;
}
#side_index h2#tn5 a:hover, #side_index h2#tn5 a:active {
	background-image: url(../image/top/setup02.jpg);
	background-repeat: no-repeat;
}
#side_index h2#tn6 a:hover, #side_index h2#tn6 a:active {
	background-image: url(../image/top/datarecover02.jpg);
	background-repeat: no-repeat;
}
#side_index h2#tn7 a:hover, #side_index h2#tn7 a:active {
	background-image: url(../image/top/internet02.jpg);
	background-repeat: no-repeat;
}
#side_index h2#tn8 a:hover, #side_index h2#tn7 a:active {
	background: url(../image/top/pcshop02.jpg) no-repeat;
}


/*body部分*/
#body {
	width: 610px;
	background: #FFFFFF;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
	display: inline;
	text-align: left;
	margin-left: 0px;
}
#body #text {
	font: 13px/15px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	height: 100px;
	width: 250px;
	text-align: left;
	padding-left: 10px;
}

/*インナーサイド部分*/
#inner_side {
	float: left;
	height: 410px;
	width: 200px;
	border: 4px dotted #FF0000;
	margin-top: 5px;
	margin-right: 0px;
	background: #FFCCFF;
}
#inner_side h2 {
	font-size: 9px;
	margin: 0px;
	padding: 0px;
}
#inner_side h2 em {
	visibility: hidden;
	display: block;
}
#inner_side h2 a {
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
}
#inner_side #inner_side_text {
	height: 25px;
	width: 190px;
	margin: 10px 5px;
	font: 13px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(../image/goannai.png) no-repeat center;
}


/*インナーサイドインデックス矢印*/
#inner_side #tn2 arrow {
	height: 34px;
	width: 34px;
	margin-left: 10px;
}
/*インナーサイドインデックス部分*/
#inner_side h2#tn1 a{
	height: 25px;
	width: 190px;
	background: url(../image/inner_side01.png) no-repeat center;
	padding: 0px;
	margin: 0px auto;
}
#inner_side h2#tn2 a{
	height: 25px;
	width: 190px;
	padding: 0px;
	background: url(../image/inner_side02.png) no-repeat center;
	margin: 0px auto;
}
#inner_side h2#tn3 a{
	height: 25px;
	width: 190px;
	margin: 5px auto 0px;
	padding: 0px;
	background: url(../image/inner_side03.png) no-repeat center;
}
#inner_side h2#tn4 a{
	height: 25px;
	width: 190px;
	margin: 5px auto 0px;
	padding: 0px;
	background: url(../image/inner_side04.png) no-repeat center;
}
#inner_side h2#tn5 a{
	height: 25px;
	width: 190px;
	margin: 5px auto 0px;
	padding: 0px;
	background: url(../image/inner_side05.png) no-repeat center;
}
#inner_side h2#tn6 a{
	height: 25px;
	width: 190px;
	margin: 5px auto 0px;
	padding: 0px;
	background: url(../image/inner_side06.png) no-repeat center;
}

/*インナーサイドインデックスのロールオーバー部分*/
#inner_side h2#tn1 a:hover, #inner_side h2#tn1 a:active {
	background: #FF9966 url(../image/inner_side01.png) no-repeat center;
}
#inner_side h2#tn2 a:hover, #inner_side h2#tn2 a:active {
	background: #FF9966 url(../image/inner_side02.png) no-repeat center;
}
#inner_side h2#tn3 a:hover, #inner_side h2#tn3 a:active {
	background: #FF9966 url(../image/inner_side03.png) no-repeat center;
}
#inner_side h2#tn4 a:hover, #inner_side h2#tn4 a:active {
	background: #FF9966 url(../image/inner_side04.png) no-repeat center;
}
#inner_side h2#tn5 a:hover, #inner_side h2#tn5 a:active {
	background: #FF9966 url(../image/inner_side05.png) no-repeat center;
}
#inner_side h2#tn6 a:hover, #inner_side h2#tn6 a:active {
	background: #FF9966 url(../image/inner_side06.png) no-repeat center;
}

/*フッターインデックス*/
#footer_index {
	height: 20px;
	width: 880px;
	margin-top: 10px;
	background: #CCCC66;
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding-top: 10px;
	text-align: center;
	color: #000000;
	margin-bottom: 0px;
}
#footer_index a {
	text-decoration: none;
	color: #000000;
}
#footer_index a:hover, #footer_index a:active {
	background: #FFFFFF;
	color: #000000;
}

/*フッター*/
#footer_end {
	height: 18px;
	width: 880px;
	background: #FF6600;
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: center;
	padding-top: 8px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.hyou01 {
	border: 1px solid #999999;
}
.personal_text04 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	color: #666666;
	line-height: 12px;
}
