@charset "utf-8";
/* CSS Document */
/*-------------------------------------
★　基本レイアウト
-------------------------------------*/

html { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }


/* o */

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote
{
    margin-top: 10px;
    margin-bottom: 10px;
}

/* y[WCAEg */

body {
    min-width: 800px;
    text-align: center; /* center on ie */
    font-family:"lr SVbN", "Osaka|";
    margin: 0px;
    padding: 0;
    font-size: 0.8em;
    color: #333;
    line-height: 1.5;
}

/*-------------------------------------
★　リンク
-------------------------------------*/
/* リンク色（ページ全体） */


a { 
	font-weight:bolder;
}
/*
a:hover { color: #f00; }
*/


/* リンク色（サイドメニュー） */

.module-content a { color: #36414d; }
.module-content a:hover { color: #a3b8cc; }


/* 表示補助 */

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.package:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .package { display: inline-block; }
/* no ie mac \*/
* html .package { height: 1%; }
.package { display: block; }
/* */


/*-------------------------------------
★　コンテナ
-------------------------------------*/

#container
{
    position: relative;
    width: 800px;
    margin: 0 auto;
    text-align: left;
	background-color:#FFFFFF;
}

#wrap
{
    position: static;
    width: auto;
}


/*-------------------------------------
★　ヘッダー部分
-------------------------------------*/

/* ヘッダー（レイアウト） */

#banner {
    position: relative;
    width: 800px; /* necessary for ie win */
    height: 135px;
	background-image:url(images/header_line.gif);
	background-repeat:no-repeat;
	border-bottom:#e5e5e5 1px solid;
	z-index:10;
}

#banner-inner {
    position: static;
    height: 100%;
	background-image:url(images/logo1.gif);
	background-repeat:no-repeat;
}

#banner h2{
	font-size:10px;
	text-align:right;
	padding:18px 10px 0 0;
	font-weight:normal;
}
#banner p{
	font-size:10px;
	text-align:right;
	padding:24px 10px 0 0;
	font-weight:normal;
}
/* wb_[iTCg^Cgj */

#banner-header
{
	position:absolute;
	text-indent:-1000em;
}

#sm1 a{
	color:#000;
	text-decoration:none;
	font-weight:normal;
}

/*-------------------------------------
★　トップナビ
-------------------------------------*/


.topnavi {
	clear: both;
	padding-top: 8px;
	padding-bottom: 35px;
	margin-bottom:-7px;
}
.topnavi-inner ul {
	margin-left: 0;
	padding-left: 0;
	float: left;
	position: absolute;
	top: 89px;
	left: 1px;
	list-style-type: none;
/*	height: 35px;*/
	width: 798px;
	border-top:#e5e5e5 1px solid;
}
.topnavi-inner li {
	float: left;
}
.topnavi-inner a {
	text-decoration: none;
}
#link1 a {
	display: block;
	background-image:url(images/menu00.gif);
	width: 100px;
	height: 35px;
	text-indent: -10000em;
}
#link1 a:hover{
	background-image:url(images/menu00a.gif);
}
#link2 a {
	display: block;
	background-image:url(images/menu01.gif);
	width: 140px;
	height: 35px;
	text-indent: -10000em;
}
#link2 a:hover{
	background-image:url(images/menu01a.gif);
}
#link3 a {
	display: block;
	background-image:url(images/menu02.gif);
	width: 140px;
	height: 35px;
	text-indent: -10000em;
}
#link3 a:hover{
	background-image:url(images/menu02a.gif);
}
#link4 a {
	display: block;
	background-image:url(images/menu03.gif);
	width: 140px;
	height: 35px;
	text-indent: -10000em;
}
#link4 a:hover{
	background-image:url(images/menu03a.gif);
}
#link5 a {
	display: block;
	background-image:url(images/menu04.gif);
	width: 140px;
	height: 35px;
	text-indent: -10000em;
}
#link5 a:hover{
	background-image:url(images/menu04a.gif);
}
#link6 a {
	display: block;
	background-image:url(images/menu05.gif);
	width: 138px;
	height: 35px;
	text-indent: -10000em;
}
#link6 a:hover{
	background-image:url(images/menu05a.gif);
}


/*-------------------------------------
★　メイン部分
-------------------------------------*/

/* メインコンテンツ全体 基本レイアウト*/

#pagebody
{
    position: relative;
	top:-10px;
    width: 800px;
    text-align: center;
	background-image:url(images/bg_pagebody.gif);
}

#pagebody-inner 
{
    position: static;
    width: 100%; 
    text-align: left; 
}


#main
{
    display: inline; /* ie win bugfix */
    position: relative;
    float:right;
    min-height: 1px;
}

#side_column
{ 
   display: inline; /* ie win bugfix */
   position: relative;
   float:left;
   min-height: 1px;
}

#main-inner, #side_column-inner
{
   position: static;
}


/* メインコンテンツ基本レイアウト（記事部分） */

#main { 
    width: 600px; 
}
#main-inner { 
    padding: 5px;
}


/* メインコンテンツ基本レイアウト（サイドメニュー） */

#side_column {
    width: 200px;
	height:100%;
	background-image:url(images/bg_pagebody.gif);
}

#side_column-inner{ padding: 10px; }

/* 記事部分レイアウト */


/* 記事部分見出し */

#main01{
	display:none;
}
#main02 a{
	position:relative;
	display:block;
	top:10px;
	width:582px;
	height:253px;
	background-image:url(images/image01.jpg);
	margin-bottom:25px;
	text-indent: -10000em;
}
#main02 a:hover{
	background-image:url(images/image01a.jpg);
}
#main03{
	text-align:center;
	padding-top:5px;
}
#main04{
	text-align:center;
}
#main05 a{
	position:relative;
	display:block;
	top:30px;
	float:left;
	width:283px;
	height:62px;
	background-image:url(images/button06.gif);
	text-indent: -10000em;
}
#main05 a:hover{
	background-image:url(images/button06a.gif);
}
#main06 a{
	position:relative;
	display:block;
	top:30px;
	left:15px;
	float:left;
	width:283px;
	height:62px;
	background-image:url(images/button07.gif);
	text-indent: -10000em;
}
#main06 a:hover{
	background-image:url(images/button07a.gif);
}

#info{
	position:relative;
	top:30px;
	padding-bottom:40px;
}


/*-------------------------------------
★　サイド部分
-------------------------------------*/

/* サイドメニュー内部 */

.module-categories module{
}
.module-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    margin: 0px;
    text-transform: uppercase;
}
.module-content {
    position: relative;
    margin: 0;
    padding: 0;
}
.module-list
{
	position:absolute;
	margin: 0;
	padding: 15px 0 0 0;
	list-style : none ;
	width: 182px;
	height: 346px;
	clear: both;
}
#side01{
	display:none;
}

#link7 a {
	display: block;
	background-image:url(images/button01.gif);
	width: 182px;
	height: 67px;
	text-indent: -10000em;
	margin-bottom:3px;
}
#link7 a:hover{
	background-image:url(images/button01a.gif);
}
#link8 a {
	display: block;
	background-image:url(images/button02.gif);
	width: 182px;
	height: 67px;
	text-indent: -10000em;
	margin-bottom:3px;
}
#link8 a:hover{
	background-image:url(images/button02a.gif);
}
#link9 a {
	display: block;
	background-image:url(images/button03.gif);
	width: 182px;
	height: 67px;
	text-indent: -10000em;
	margin-bottom:3px;
}
#link9 a:hover{
	background-image:url(images/button03a.gif);
}
#link10 a {
	display: block;
	background-image:url(images/button04.gif);
	width: 182px;
	height: 67px;
	text-indent: -10000em;
	margin-bottom:3px;
}
#link10 a:hover{
	background-image:url(images/button04a.gif);
}
#link11 a {
	display: block;
	background-image:url(images/button05.gif);
	width: 182px;
	height: 67px;
	text-indent: -10000em;
	margin-bottom:14px;
}
#link11 a:hover{
	background-image:url(images/button05a.gif);
}
#side02{
	width: 182px;
	height: 25px;
	background-image:url(images/icon01.gif);
	text-indent: -10000em;
}
#side03{
	font-size:10px;
	padding-left:5px;
	border-bottom:#66AA1A 3px solid;
}


/*-------------------------------------
★　フッター部分
-------------------------------------*/


#footer
{
    position: relative;
    width: 800px; 
    height: 62px;
	text-align:center;
	background-image:url(images/footer.gif);
	background-repeat:no-repeat;
	padding-top:5px;
}

#footer a{
	color:#000;
	text-decoration:none;
	font-weight:normal;
}

.footer-navi{
	position:relative;
	top:-20px; 
   width: 800px;
   background-image:url(images/bg_pagebody.gif);
   font-size: 0.8em;
   text-align: center;
   line-height: 20px;
   clear: both;
   border-bottom:#e5e5e5 solid 1px;
   border-top:#e5e5e5 solid 1px;
   margin-bottom:-20px;
}

.footer-navi a{
	color:#000;
	text-decoration:none;
	font-weight:normal;
}


/*-------------------------------------
★　プロフィールページ
-------------------------------------*/

#prof-title{
	position:relative;
	top:20px;
	left:15px;
	width:772px;
	background-image:url(images/icon04.gif);
	background-position:right;
	background-repeat:no-repeat;
	border-bottom:#9E3AE4 5px solid;
	color:#9E3AE4;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:21px;
}

#pink-title{
	position:relative;
	top:20px;
	left:15px;
	width:772px;
	background-position:right;
	background-repeat:no-repeat;
	border-bottom:#E833AA 5px solid;
	color:#E833AA;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:21px;
}

#green-title{
	position:relative;
	top:20px;
	left:15px;
	width:772px;
	background-position:right;
	background-repeat:no-repeat;
	border-bottom:#73B80F 5px solid;
	color:#73B80F;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:21px;
}

#cian-title{
	position:relative;
	top:20px;
	left:15px;
	width:772px;
	background-position:right;
	background-repeat:no-repeat;
	border-bottom:#358CF7 5px solid;
	color:#358CF7;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:21px;
}

#orange-title{
	position:relative;
	top:20px;
	left:15px;
	width:772px;
	background-position:right;
	background-repeat:no-repeat;
	border-bottom:#F7BE35 5px solid;
	color:#F7BE35;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size:21px;
}

#prof{
	position:relative;
	top:20px;
	left:15px;
	background-image:url(images/bg_prof03.gif);
	width:772px;
	margin-bottom:30px;
}
#prof-footer{
	background-image:url(images/bg_prof02.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:772px;
}
#prof-inner{
	background-image:url(images/bg_prof01.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:auto;
	padding:10px;
}
#prof-inner2{
	background-image:url(images/image02a.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:180px;
}


#prof-inner22{
	background-image:url(images/image02b.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:180px;
}

#prof-inner23{
	background-image:url(images/image02c.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:180px;
}

#prof-inner24{
	background-image:url(images/image02d.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:180px;
}


#prof-inner25{
	background-image:url(images/image02e.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:180px;
}

#prof-inner26{
	background-image:url(images/image02g.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:180px;
}

#prof-inner27{
	background-image:url(images/image02f.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:180px;
}


#ft1{
	position:relative;
	top:10px;
	font-size:12px;
	margin-bottom:20px;
}
#teacher{
	font-size:14px;
	font-weight:bolder;
}
#teacher2{
	position:relative;
	top:10px;
	border-left:#CB81FF 3px solid;
	padding-left:7px;
	font-weight:bolder;
}

#teacherpink{
	position:relative;
	top:10px;
	border-left:#E833AA 3px solid;
	padding-left:7px;
	font-weight:bolder;
}

#teachergreen{
	position:relative;
	top:10px;
	border-left:#73B80F 3px solid;
	padding-left:7px;
	font-weight:bolder;
}

#teachercian{
	position:relative;
	top:10px;
	border-left:#358CF7 3px solid;
	padding-left:7px;
	font-weight:bolder;
}

#teacherorange{
	position:relative;
	top:10px;
	border-left:#F7BE35 3px solid;
	padding-left:7px;
	font-weight:bolder;
}


.waku4red{
margin: 10px 10px 10px 10px;
padding:20px;
border: double #FF0000;
background-color: #feffe6;
font-size:14px;
font-weight:bold;
}