@charset "utf-8";

/* =基本構造（ページ全体のフレーム構造やデフォルト指定などを作成）
-------------------------------------------------------------------------------- */

body
{
  margin: 0; /* 複数の異なるブラウザの初期設定値に対応設定 */
  padding: 0; /* 複数の異なるブラウザの初期設定値に対応設定 */
  text-align: center; /* IE 5* ブラウザ用の中央揃え指定（.pageの指定が優先される） */
  background: #E7E7E7; /* RGB242灰色 */
  /* background: url(../---/---.gif); */ /* 背景を指定する */
}

.page
{
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  width: 760px;
  margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります（モダンブラウザ設定） */
  text-align: left; /* この設定は body エレメントの text-align: center より優先される */
  background:  url(../img/common_back.gif);
}

.page2
{
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  width: 760px;
  height: 760px;
  margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります（モダンブラウザ設定） */
  text-align: left; /* この設定は body エレメントの text-align: center より優先される */
  background:  url(../img/common_back.gif);
}

.header
{
  width: 760px;
}

.logo
{
  width: 760px;
  height: 30px;
}

.menu
{
  width: 760px;
  height: 40px;
}

.sub_menu
{
  width: 760px;
  height: 40px;
}

.content
{
  width: 760px;
  /* background:  url(../---/---.gif); */ /* 背景を指定する */
}

.content .main-header
{
  width: 760px;
}

.content .main-inner
{
  /*padding 10pxなので、740pxにしている*/
  width: 740px;
}

.footer
{
  width: 760px;
}


/* =リンク（リンクのマウスオーバーや挙動等の指定）
-------------------------------------------------------------------------------- */

a
{
  text-decoration: none;
}

a:link
{
}

a:visited
{
}

a:hover
{
  color: #FF0000;
  text-decoration: underline;
}

a:active
{
}

/* パンくずリンクの設定 */
.page .pan-link
{
  height: 18px;
  width: 750px;
  margin-top: 5px;
  font-size: 12px;
}

.page .pan-link .here
{
  font-weight: bold;
}

.page .main_left
{
  height: 300px;
  width: 575px;
  text-align: right;
  font-size: 12px;
  background-color: #D5E8FE;
  float:left;
}

.page .main_left2
{
  height: 300px;
  width: 750px;
  text-align: right;
  font-size: 12px;
  float:left;
}
.page .main_right
{
  height: 300px;
  width: 175px;
  text-align: right;
  font-size: 12px;
  background-color: #EFF6FF;
  float:left;
}

/* メンバー０１用設定
-------------------------------------------------------------------------------- */
.page .header .waku01
{
  height: 604px;
  width: 750px;
  background-image:url(../img/waku_01.gif);
  float:left;
}

.page .header .waku01 .member_picture
{
  height: 540px;
  width: 185px;
  float:left;
  margin: 20px 0px 20px 35px ;
 display: inline;
  padding:0px;
}

.page .header .waku01 .member_title
{
  height: 70px;
  width: 430px;
  float:left;
  margin: 10px 20px 0px 0px ;
  padding:10px;
}


.page .header .waku01 .member_intoro
{
  height: 200px;
  width: 275px;
  float:left;
  margin: 5px 0px 0px 0px ;
  padding:10px;
  border: 2px solid #99cc99;
}

.page .header .waku01 .member_graph
{
  height: 210px;
  width: 165px;
  float:left;
  margin: 15px 20px 0px 5px ;
  padding:0px 0px 0px 0px ;

}

.page .header .waku01 .member_smg
{
  height: 175px;
  width: 420px;
  float:left;
  margin: 15px 0px 0px 0px ;
  padding:10px;
  border: 2px solid #99cc99;
}

.page .header .waku01 .next
{
  float:left;
  margin: 15px 0px 0px 0px ;
  padding:175px 0px 0px 5px;
}

/* メンバー０２用設定
-------------------------------------------------------------------------------- */
.page .header .waku02
{
  height: 604px;
  width: 750px;
  background-image:url(../img/waku_02.gif);
  float:left;
}

.page .header .waku02 .member_picture
{
  height: 540px;
  width: 180px;
  float:right;
  margin: 20px 50px 20px 0px ;
 display: inline;
  padding:0px;
}

.page .header .waku02 .member_title
{
  height: 70px;
  width: 400px;
  float:left;
  margin: 10px 0px 0px 70px ;
 display: inline;
  padding:10px;
}

.page .header .waku02 .member_intoro
{
  height: 200px;
  width: 425px;
  float:left;
  margin: 5px 0px 0px 50px ;
 display: inline;
  padding:10px;
  border: 2px solid #77bbee;
}

.page .header .waku02 .member_graph
{
  height: 210px;
  width: 163px;
  float:left;
  margin: 5px 20px 0px 15px ;
 display: inline;
  padding:10px 0px 0px 10px ;
  border: 2px solid #77bbee;
}

.page .header .waku02 .member_smg
{
  height: 175px;
  width: 426px;
  float:left;
  margin: 15px 0px 0px 50px ;
 display: inline;
  padding:10px;
  border: 2px solid #77bbee;
}
/* メンバー０３用設定
-------------------------------------------------------------------------------- */
.page .header .waku03
{
  height: 604px;
  width: 750px;
  background-image:url(../img/waku_03.gif);
  float:left;
}

.page .header .waku03 .member_picture
{
  height: 540px;
  width: 180px;
  float:right;
  margin: 20px 50px 20px 0px ;
 display: inline;
  padding:0px;
}

.page .header .waku03 .member_title
{
  height: 70px;
  width: 360px;
  float:left;
  margin: 10px 0px 0px 110px ;
 display: inline;
  padding:10px;
}

.page .header .waku03 .member_intoro
{
  height: 190px;
  width: 420px;
  float:left;
  margin: 5px 0px 0px 45px ;
 display: inline;
  padding:10px;
  border: 2px solid #cc44ee;
}

.page .header .waku03 .member_graph
{
  height: 210px;
  width: 163px;
  float:left;
  margin: 5px 20px 0px 15px ;
 display: inline;
  padding:10px 0px 0px 5px ;
  border: 2px solid #cc44ee;
}

.page .header .waku03 .member_smg
{
  height: 190px;
  width: 420px;
  float:left;
  margin: 15px 0px 0px 45px ;
 display: inline;
  padding:10px;
  border: 2px solid #cc44ee;
}
/* メンバー０４用設定
-------------------------------------------------------------------------------- */
.page .header .waku04
{
  height: 604px;
  width: 750px;
  background-image:url(../img/waku_04.gif);
  float:left;
}

.page .header .waku04 .member_picture
{
  height: 540px;
  width: 200px;
  float:left;
  margin: 20px 0px 20px 35px ;
 display: inline;
  padding:0px;
}

.page .header .waku04 .member_title
{
  height: 70px;
  width: 430px;
  float:left;
  margin: 10px 20px 0px 0px ;
  padding:10px;
}

.page .header .waku04 .member_intoro
{
  height: 200px;
  width: 233px;
  float:left;
  margin: 5px 0px 0px 0px ;
  padding:10px;
  border: 2px solid #cc9999;
}

.page .header .waku04 .member_graph
{
  height: 210px;
  width: 163px;
  float:left;
  margin: 10px 20px 0px 5px ;
  padding:0px 0px 0px 0px ;
}

.page .header .waku04 .member_smg
{
  height: 175px;
  width: 410px;
  float:left;
  margin: 15px 0px 0px 0px ;
  padding:10px;
  border: 2px solid #cc9999;
}

.page .header .waku04 .next
{
  float:left;
  margin: 15px 0px 0px 0px ;
  padding:175px 0px 0px 5px;
}
/* メンバー０５用設定
-------------------------------------------------------------------------------- */
.page .header .waku05
{
  height: 604px;
  width: 750px;
  background-image:url(../img/waku_05.gif);
  float:left;
}

.page .header .waku05 .member_picture
{
  height: 540px;
  width: 180px;
  float:right;
  margin: 20px 50px 20px 0px ;
 display: inline;
  padding:0px;
}

.page .header .waku05 .member_title
{
  height: 70px;
  width: 370px;
  float:left;
  margin: 10px 0px 0px 110px ;
 display: inline;
  padding:10px;
}

.page .header .waku05 .member_intoro
{
  height: 200px;
  width: 430px;
  float:left;
  margin: 5px 0px 0px 45px ;
 display: inline;
  padding:10px;
  border: 2px solid #9999cc;
}

.page .header .waku05 .member_graph
{
  height: 210px;
  width: 170px;
  float:left;
  margin: 5px 20px 0px 5px ;
 display: inline;
  padding:10px 0px 0px 10px ;
}

.page .header .waku05 .member_smg
{
  height: 175px;
  width: 430px;
  float:left;
  margin: 15px 0px 0px 45px ;
 display: inline;
  padding:10px;
  border: 2px solid #9999cc;
}
/* メンバー０６用設定
-------------------------------------------------------------------------------- */
.page .header .waku06
{
  height: 604px;
  width: 750px;
  background-image:url(../img/waku_06.gif);
  float:left;
}

.page .header .waku06 .member_picture
{
  height: 540px;
  width: 200px;
  float:right;
  margin: 20px 30px 20px 0px ;
 display: inline;
  padding:0px;
}

.page .header .waku06 .member_title
{
  height: 70px;
  width: 420px;
  float:left;
  margin: 10px 0px 0px 60px ;
 display: inline;
  padding:10px;
}

.page .header .waku06 .member_intoro
{
  height: 185px;
  width: 440px;
  float:left;
  margin: 5px 0px 0px 50px ;
 display: inline;
  padding:10px;
  border: 2px solid #ccaa99;
}

.page .header .waku06 .member_graph
{
  height: 210px;
  width: 163px;
  float:left;
  margin: 5px 20px 0px 15px ;
 display: inline;
  padding:10px 0px 0px 10px ;
  border: 2px solid #ccaa99;
}

.page .header .waku06 .member_smg
{
  height: 200px;
  width: 440px;
  float:left;
  margin: 5px 0px 0px 50px ;
 display: inline;
  padding:10px;
  border: 2px solid #ccaa99;
}
/* メンバー０７用設定
-------------------------------------------------------------------------------- */
.page .header .waku07
{
  height: 604px;
  width: 750px;
  background-image:url(../img/waku_07.gif);
  float:left;
}

.page .header .waku07 .member_picture
{
  height: 540px;
  width: 180px;
  float:left;
  margin: 20px 0px 20px 40px ;
 display: inline;
  padding:0px;
}

.page .header .waku07 .member_title
{
  height: 70px;
  width: 430px;
  float:left;
  margin: 10px 20px 0px 0px ;
  padding:10px;
}

.page .header .waku07 .member_intoro
{
  height: 170px;
  width: 425px;
  float:left;
  margin: 5px 0px 0px 0px ;
  padding:10px;
  border: 2px solid #cccc99;
}

.page .header .waku07 .member_graph
{
  height: 210px;
  width: 163px;
  float:left;
  margin: 5px 20px 0px 15px ;
  padding:10px 0px 0px 10px ;
  border: 2px solid #cccc99;
}

.page .header .waku07 .member_smg
{
  height: 210px;
  width: 425px;
  float:left;
  margin: 15px 0px 0px 0px ;
  padding:10px;
  border: 2px solid #cccc99;
}

.page .header .waku07 .next
{
  float:left;
  margin: 15px 0px 0px 0px ;
  padding:210px 0px 0px 5px;
}
/* メンバー０８用設定
-------------------------------------------------------------------------------- */
.page .header .waku08
{
  height: 604px;
  width: 750px;
  background-image:url(../img/waku_08.gif);
  float:left;
}

.page .header .waku08 .member_picture
{
  height: 540px;
  width: 155px;
  float:left;
  margin: 20px 0px 20px 40px ;
 display: inline;
  padding:0px;
}

.page .header .waku08 .member_title
{
  height: 70px;
  width: 430px;
  float:left;
  margin: 10px 20px 0px 0px ;
 display: inline;
  padding:10px;
}

.page .header .waku08 .member_intoro
{
  height: 200px;
  width: 260px;
  float:left;
  margin: 5px 0px 0px 0px ;
 display: inline;
  padding:10px;
  border: 2px solid #cc99cc;
}

.page .header .waku08 .member_graph
{
  height: 211px;
  width: 174px;
  float:left;
  margin: 10px 20px 0px 15px ;
  padding:0px 0px 0px 0px ;

}

.page .header .waku08 .member_smg
{
  height: 175px;
  width: 445px;
  float:left;
  margin: 15px 0px 0px 0px ;
  padding:10px;
  border: 2px solid #cc99cc;
}

.page .header .waku08 .next
{

  float:left;
  margin: 15px 0px 0px 0px ;
  padding:175px 0px 0px 5px;
}

/* 好きな言葉のフォント設定
-------------------------------------------------------------------------------- */
.member_title
{
	font-size:12pt;
}

.style_gos
{
  font-family:  "ＭＳ ゴシック";
  font-weight:  900;
	font-size:14pt;
}
.style_pop
{
  font-family:  "HG創英角ﾎﾟｯﾌﾟ体";
  font-weight:  900;
	font-size:14pt;
}
.style_gyo
{
  font-color: blue;
  font-weight:  900;
	font-size:14pt;
}


/* 就活日記用設定
-------------------------------------------------------------------------------- */
.page .category
{
  font:-weight:bold;
  font-size: 24px;
  background-image:url(../img/tech_title.png);
}

.page .diary_main
{
	padding-left:200px;
	font-weight:bold;
	color:#0033FF;
	font-size:18px;
}
.style_ad
{
	color:blue;
	font-style: italic;
	
}
/* マドリン
-------------------------------------------------------------------------------- */
.page .madorin_face
{
  padding-top:70px;
  float:left;
  width:143px;
  height: 221px;
  background-image:url(../img/t_face.png);
}
.page .madorin_face2
{
  padding-top:70px;
  float:left;
  width:143px;
  height: 221px;
  background-image:url(../img/t_face2.png);
}
.page .madorin_face3
{
  padding-top:70px;
  float:left;
  width:143px;
  height: 221px;
  background-image:url(../img/t_face3.png);
}

.page .madorin_september
{
  padding:70px 0px 0px 10px;
  font-size: 11px;
  float:left;
  height: 221px;
  width:183px;
  background-image:url(../img/t_9.png);
}

.page .madorin_october
{
  padding:70px 0px 0px 10px;
  font-size: 11px;
  float:left;
  height: 221px;
  width:182px;
  background-image:url(../img/t_10.png);
}

.page .madorin_november
{
  padding:70px 0px 0px 10px;
  font-size: 11px;
  float:left;
  height: 221px;
  width:181px;
  background-image:url(../img/t_11.png);
}

.page .madorin_december
{
  padding:70px 10px 0px 15px;
  font-size: 11px;
  float:left;
  height: 221px;
  width:229px;
  background-image:url(../img/t_12.png);
}

.page .madorin_january
{
  padding:70px 10px 0px 15px;
  font-size: 11px;
  float:left;
  height: 221px;
  width:246px;
  background-image:url(../img/t_1.png);
}

.page .madorin_february
{
  padding:70px 10px 0px 15px;
  font-size: 11px;
  float:left;
  height: 221px;
  width:165px;
  background-image:url(../img/t_2.png);
}

.page .madorin_march
{
  padding:70px 10px 0px 15px;
  font-size: 11px;
  padding-top:70px;
  float:left;
  height: 221px;
  width:168px;
  background-image:url(../img/t_3.png);
}
/* スキッパー
-------------------------------------------------------------------------------- */
.page .skipper_face
{
  float:left;
  height: 252px;
  width:143px;
  background-image:url(../img/o_face.png);
}

.page .skipper_september
{
  padding:20px 0px 0px 10px;
  font-size: 11px;
  float:left;
  height: 227px;
  width:183px;
  background-image:url(../img/o_9.png);
}

.page .skipper_october
{
  padding:25px 0px 0px 10px;
  font-size: 11px;
  float:left;
  height: 227px;
  width:182px;
  background-image:url(../img/o_10.png);
}

.page .skipper_november
{
  padding:25px 0px 0px 10px;
  font-size: 11px;
  float:left;
  height: 227px;
  width:181px;
  background-image:url(../img/o_11.png);
}

.page .skipper_december
{
  padding:20px 10px 0px 15px;
  font-size: 11px;
  float:left;
  height: 232px;
  width:229px;
  background-image:url(../img/o_12.png);
}

.page .skipper_january
{
  padding:20px 10px 0px 15px;
  font-size: 11px;
  float:left;
  height: 232px;
  width:246px;
  background-image:url(../img/o_1.png);
}

.page .skipper_february
{
  padding:20px 10px 0px 15px;
  font-size: 11px;
  float:left;
  height: 232px;
  width:165px;
  background-image:url(../img/o_2.png);
}

.page .skipper_march
{
  padding:20px 10px 0px 15px;
  font-size: 11px;
  float:left;
  height: 232px;
  width:168px;
  background-image:url(../img/o_3.png);
}
/* モコッチ
-------------------------------------------------------------------------------- */
.page .mococh_face
{
  float:left;
  width:143px;
  height: 221px;
  background-image:url(../img/k_face.png);
}

.page .mococh_september
{
  padding:70px 0px 0px 10px;
  font-size: 11px;
  float:left;
  height: 221px;
  width:183px;
  background-image:url(../img/k_9.png);
}

.page .mococh_october
{
  padding:70px 0px 0px 10px;
  font-size: 11px;
  float:left;
  height: 221px;
  width:182px;
  background-image:url(../img/k_10.png);
}

.page .mococh_november
{
  padding:70px 0px 0px 10px;
  font-size: 11px;
  float:left;
  height: 221px;
  width:181px;
  background-image:url(../img/k_11.png);
}

.page .mococh_december
{
  padding:70px 10px 0px 15px;
  font-size: 11px;
  float:left;
  height: 221px;
  width:229px;
  background-image:url(../img/k_12.png);
}

.page .mococh_january
{
  padding:70px 10px 0px 15px;
  font-size: 11px;
  float:left;
  height: 221px;
  width:246px;
  background-image:url(../img/k_1.png);
}

.page .mococh_february
{
  padding:70px 10px 0px 15px;
  font-size: 11px;
  float:left;
  height: 221px;
  width:165px;
  background-image:url(../img/k_2.png);
}

.page .mococh_march
{
  padding:70px 10px 0px 15px;
  font-size: 11px;
  padding-top:70px;
  float:left;
  height: 221px;
  width:168px;
  background-image:url(../img/k_3.png);
}/* ダルビー
-------------------------------------------------------------------------------- */
.page .dalby_face
{
  float:left;
  width:143px;
  height: 252px;
  background-image:url(../img/s_face.png);
}

.page .dalby_september
{
  padding:25px 0px 0px 10px;
  font-size: 11px;
  float:left;
  height: 227px;
  width:183px;
  background-image:url(../img/s_9.png);
}

.page .dalby_october
{
  padding:25px 0px 0px 10px;
  font-size: 11px;
  float:left;
  height: 227px;
  width:182px;
  background-image:url(../img/s_10.png);
}

.page .dalby_november
{
  padding:25px 0px 0px 10px;
  font-size: 11px;
  float:left;
  height: 227px;
  width:181px;
  background-image:url(../img/s_11.png);
}

.page .dalby_december
{
  padding:20px 10px 0px 15px;
  font-size: 11px;
  float:left;
  height: 232px;
  width:229px;
  background-image:url(../img/s_12.png);
}

.page .dalby_january
{
  padding:20px 10px 0px 15px;
  font-size: 11px;
  float:left;
  height: 232px;
  width:246px;
  background-image:url(../img/s_1.png);
}

.page .dalby_february
{
  padding:20px 10px 0px 15px;
  font-size: 11px;
  float:left;
  height: 232px;
  width:165px;
  background-image:url(../img/s_2.png);
}

.page .dalby_march
{
  padding:20px 10px 0px 15px;
  font-size: 11px;
  float:left;
  height: 232px;
  width:168px;
  background-image:url(../img/s_3.png);
}

.page .diary_right_arts
{
  padding:70px 0px 0px 15px;
  font-size: 11px;
  float:left;
  height: 472px;
  width:173px;
  background-image:url(../img/arts_kickoff.png);
  disply:inline;
}
.page .diary_right_tech
{
  padding:70px 0px 0px 15px;
  font-size: 11px;
  float:left;
  height: 472px;
  width:173px;
  background-image:url(../img/tach_kickoff.png);
  disply:inline;
}

.page .diary_left
{
  float:left;
  width:558px;
  disply:inline;
}


.page .diary_before_top
{
  float:left;
  width:30px;
    margin-top: 230px;
    height:75px;
    background-repeat:no-repeat;
  background-image:url(../img/tech_back.png);
}

.page .diary_next_top
{
    float:left;
  width:30px;
    margin-top: 210px;
    height:75px;
    background-repeat:no-repeat;
  background-image:url(../img/tech_next.png);
}
.page .diary_before_under
{
  float:left;
  width:30px;
    margin-top: 180px;
    height:75px;
    background-repeat:no-repeat;
  background-image:url(../img/tech_back.png);
}

.page .diary_next_under
{
    float:left;
  width:30px;
    margin-top: 180px;
    height:75px;
    background-repeat:no-repeat;
  background-image:url(../img/tech_next.png);
}
.page .diary_before_top_arts
{
  float:left;
  width:30px;
    margin-top: 200px;
    height:75px;
    background-repeat:no-repeat;
  background-image:url(../img/arts_back.png);
}

.page .diary_next_top_arts
{
    float:left;
  width:30px;
    margin-top: 200px;
    height:75px;
    background-repeat:no-repeat;
}
.page .diary_before_under_arts
{
  float:left;
  width:30px;
    margin-top: 160px;
    height:75px;
    background-repeat:no-repeat;
  background-image:url(../img/arts_back.png);
}

.page .diary_next_under_arts
{
    float:left;
  width:30px;
    margin-top: 160px;
    height:70px;
    background-repeat:no-repeat;
  background-image:url(../img/arts_next.png);
}


/* =ヘッダ（ヘッダのレイアウト指定）
-------------------------------------------------------------------------------- */

.header .page-header
{
  height: 400px;
  text-align: right;
  font-size: 12px;
}

.header .page-header
{
  height: 400px;
  text-align: right;
  font-size: 12px;
}

.header .member-header
{
  height: 718px;
  text-align: right;
  font-size: 12px;
}

.header .member-main
{
  text-align: right;
  font-size: 12px;
}

/* =ナビゲーション（メニューのマウスオーバー、挙動、レイアウト等の指定）
-------------------------------------------------------------------------------- */

/* 下のナビゲーションは、高さ52pxで作成している。 */

.menu ul
{
  height: 80px;
  list-style: none;
  margin: 0px;
  padding:0px;
}

.menu ul li
{
  float:left;
}

.menu ul li a
{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-top: 40px;
  background: url(../img/main_menu.png);
}
.menu ul li .green
{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-top: 40px;
  background: url(../img/tech_menu.png);
}

.menu ul li .blue
{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-top: 40px;
  background: url(../img/arts_menu.png);
}

.menu ul li .menu01
{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-top: 40px;
  background: url(../img/main_menu01.png);
}

.menu ul li .menu02
{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-top: 40px;
  background: url(../img/main_menu02.png);
}

.menu ul li .menu03
{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-top: 40px;
  background: url(../img/main_menu03.png);
}


.menu ul li .menu04
{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-top: 40px;
  background: url(../img/main_menu04.png);
}

.menu ul li .menu05
{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-top: 40px;
  background: url(../img/main_menu05.png);
}

.menu ul li .menu06
{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-top: 40px;
  background: url(../img/main_menu06.png);
}

.menu ul li .menu07
{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-top: 40px;
  background: url(../img/main_menu07.png);
}

.menu ul li .menu08
{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-top: 40px;
  background: url(../img/main_menu08.png);
}

.menu ul li .menu_tech
{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-top: 40px;
  background: url(../img/tech_menu.png);
}

.menu ul li .menu_arts
{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-top: 40px;
  background: url(../img/arts_menu.png);
}

.menu ul li .training
{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-top: 40px;
  background: url(../img/training_menu.png);
}


/* オフマウス時 */
.menu ul li.sn01 a { background-position:0px 0px; width:150px;}
.menu ul li.sn02 a { background-position:-150px 0px; width:150px;}
.menu ul li.sn03 a { background-position:-300px 0px; width:150px;}
.menu ul li.sn04 a { background-position:-450px 0px; width:150px;}
.menu ul li.sn05 a { background-position:-600px 0px; width:150px;}


/* オンマウス時 */
.menu ul li.sn01 a:hover, .menu ul li.sn01 a.bton {background-position:   0px 40px; width:150px;}
.menu ul li.sn02 a:hover, .menu ul li.sn02 a.bton {background-position:-150px 40px; width:150px;}
.menu ul li.sn03 a:hover, .menu ul li.sn03 a.bton {background-position:-300px 40px; width:150px;}
.menu ul li.sn04 a:hover, .menu ul li.sn04 a.bton {background-position:-450px 40px; width:150px;}
.menu ul li.sn05 a:hover, .menu ul li.sn05 a.bton {background-position:-600px 40px; width:150px;}


.sub_menu ul
{
  height: 133px;
  list-style: none;
  margin: 0px;
  padding:0px;
}

.sub_menu ul li
{
  float:left;
}

.sub_menu ul li a
{
  display: block;
  overflow: hidden;
  width: 100%;
  height: 0 !important;
  padding-top: 133px;
  background: url(../img/member_bar.png);
}

/* オフマウス時 */
.sub_menu ul li.sn10 a { background-position:   0px 0px; width:174px;}
.sub_menu ul li.sn12 a { background-position:-174px 0px; width:142px;}
.sub_menu ul li.sn13 a { background-position:-316px 0px; width:113px;}
.sub_menu ul li.sn14 a { background-position:-429px 0px; width:150px;}
.sub_menu ul li.sn15 a { background-position:-579px 0px; width:171px;}


/* オンマウス時 */
.sub_menu ul li.sn10 a:hover, .sub_menu ul li.sn11 a.bton {background-position:0px 133px; width:174px; }
.sub_menu ul li.sn10 a.btnow {background-position:0px 174px; width:140px; cursor: default;}

.sub_menu ul li.sn12 a:hover, .sub_menu ul li.sn12 a.bton {background-position:-174px 133px; width:142px;}
.sub_menu ul li.sn12 a.btnow {background-position:-174px 133px; width:174px; cursor: default;}

.sub_menu ul li.sn13 a:hover, .sub_menu ul li.sn13 a.bton {background-position:-316px 133px; width:113px;}
.sub_menu ul li.sn13 a.btnow {background-position:-316px 133px; width:113px; cursor: default;}

.sub_menu ul li.sn14 a:hover, .sub_menu ul li.sn11 a.bton {background-position:-429px 133px; width:150px; }
.sub_menu ul li.sn14 a.btnow {background-position:-429px 133px; width:150px; cursor: default;}


.sub_menu ul li.sn15 a:hover, .sub_menu ul li.sn11 a.bton {background-position:-579px 133px; width:171px; }
.sub_menu ul li.sn15 a.btnow {background-position:-579px 133px; width:171px; cursor: default;}


/* TOP サイドメニュー　オンマウス時 */
#io_top .ln01 { height:45px; display:block; background-image : url(../img/menu_01.png); }
#io_top A:HOVER.ln01 { height:45px; background-image : url(../img/menu_01_over.png); }

#io_top .ln02 { height:45px; display:block; background-image : url(../img/menu_02.png); }
#io_top A:HOVER.ln02 { height:45px; background-image : url(../img/menu_02_over.png); }

#io_top .ln03 { height:45px; display:block; background-image : url(../img/menu_03.png); }
#io_top A:HOVER.ln03 { height:45px; background-image : url(../img/menu_03_over.png); }

#io_top .ln04 { height:45px; display:block; background-image : url(../img/menu_04.png); }
#io_top A:HOVER.ln04 { height:45px; background-image : url(../img/menu_04_over.png); }

#io_top .ln05 { height:45px; display:block; background-image : url(../img/menu_05.png); }
#io_top A:HOVER.ln05 { height:45px; background-image : url(../img/menu_05_over.png); }

#io_top .ln06 { height:45px; display:block; background-image : url(../img/menu_06.png); }
#io_top A:HOVER.ln06 { height:45px; background-image : url(../img/menu_06_over.png); }

/* =メインコンテンツ（メインコンテンツのレイアウト指定）
-------------------------------------------------------------------------------- */

/* 例 */
  /* ページ固有のページ背景色設定 */
  /*#aisatsu .content2{ background-color: #AAD269; }*/

/* 説明タイトル */
.page .content .main-header
{
  height: 20px;
  padding-top: 10px;
  margin-bottom: 10px;
}

.page .content .main-header-top
{
  height: 20px;
  padding-top: 0px;
  margin-bottom: 10px;
}

/* 説明内容 */
.page .content .main-inner
{
  padding: 10px;
}


/* 機能ページ[function.html]固有設定
------------------------------------------------------------ */
/* 機能イメージ */
.page .content .main-inner .wrap
{
  text-align: center;
  float: left;
  width: 360px;
}

/* 概要説明 */
.page .function-summary
{
  display: inline-block;
  float: left;
 display: inline;
  width: 450px;
  padding: 10px 10px 10px 10px;
  margin: 15px 10px 0px 50px;
    background-color: #FFFFFF;
    font-size: 14px;
}

.page .function-summary2
{
  float: left;
  width: 620px;
  padding: 20px;
  margin: 20px 20px 20px 40px;
    background-color: #ccddFF;
    font-size: 14px;
  disply:inline;
}

.page .function-news-title
{
  display: inline-block;
  float: left;
 display: inline;
  width: 450px;
  padding: 5px 10px 5px 10px;
  margin: 15px 10px 0px 50px;
  background-color: #4477dd;
  color: #ffffff;
  font-size: 16px;
}

.page .function-news
{
  display: inline-block;
  float: left;
 display: inline;
  width: 450px;
  padding: 10px 10px 10px 10px;
  margin: 0px 20px 20px 50px;
  background-color: #ffffFF;
  font-size: 12px;
  height: 7em;
  overflow: auto;
}
/* =フッター（フッターのレイアウト指定）
-------------------------------------------------------------------------------- */

.footer
{
  height: 30px;
  background: url(../img/common_footer.gif);
}


/* =研修日記
-------------------------------------------------------------------------------- */
.training{
  font: 8pt;
}

.font7{
  font-size: 7pt;
}

.font7,x:-moz-any-link{
  font-size: 8pt;
}

#training1{
  background: url(../img/training1.gif);
  height: 524px;
  width: 750px;
}
#training2{
  background: url(../img/training2.gif);
  height: 534px;
  width: 750px;
}

* html #training2{
  background: url(../img/training2.gif);
  height: 530px;
  width: 750px;
}

#training3{
  background: url(../img/training3.gif);
  height: 535px;
  width: 750px;
}
#training4{
  background: url(../img/training4.gif);
  height: 530px;
  width: 750px;
}
#training5{
  background: url(../img/training5.gif);
  height: 521px;
  width: 750px;
}



#comment1-1{
  position: relative;
  top:60px;
  left:295px;
  height:50px;
  width:200px;
}
#comment1-2{
  position: relative;
  top:20px;
  left:560px;
  height:100px;
  width:100px;
}
#comment1-3{
  position: relative;
  top:50px;
  left:195px;
  height:100px;
  width:250px;
}
#comment1-4{
  position: relative;
  top:85px;
  left:325px;
  height:50px;
  width:250px;
}

#comment1-5{
  position: relative;
  top:154px;
  left:203px;
  height:50px;
  width:180px;
}

* html #comment1-5{
  position: relative;
  top:128px;
  left:203px;
  height:50px;
  width:180px;
}


#comment1-6{
  position: relative;
  top:110px;
  left:490px;
  height:50px;
  width:180px;
}

* html #comment1-6{
  position: relative;
  top:80px;
  left:490px;
  height:50px;
  width:180px;
}

#comment1-last{
  position: relative;
  top:60px;
  left:700px;
  height:50px;
  width:50px;
}


* html #comment1-last{
  position: relative;
  top:30px;
  left:700px;
  height:50px;
  width:50px;
}


#comment2-1{
  position: relative;
  top:60px;
  left:240px;
  height:50px;
  width:200px;
}
#comment2-2{
  position: relative;
  top:70px;
  left:410px;
  height:100px;
  width:200px;
}
#comment2-3{
  position: relative;
  top:80px;
  left:50px;
  height:50px;
  width:250px;
}
#comment2-4{
  position: relative;
  top:90px;
  left:510px;
  height:100px;
  width:200px;
}
#comment2-5{
  position: relative;
  top:165px;
  left:225px;
  height:50px;
  width:180px;
}
* html #comment2-5{
  position: relative;
  top:159px;
  left:225px;
  height:50px;
  width:180px;
}

#comment2-6{
  position: relative;
  top:104px;
  left:525px;
  height:50px;
  width:120px;
}
* html comment2-6{
  position: relative;
  top:-20px;
  left:525px;
  height:50px;
  width:120px;
}

#comment2-7{
  position: relative;
  top:60px;
  left:520px;
  height:50px;
  width:180px;
}


#comment2-last{
  position: relative;
  top:70px;
  left:698px;
  height:50px;
  width:50px;
}


* html #comment2-last{
  position: relative;
  top:55px;
  left:698px;
  height:50px;
  width:50px;
}


#comment3-1{
  position: relative;
  top:50px;
  left:280px;
  height:70px;
  width:300px;
}
#comment3-2{
  position: relative;
  top:80px;
  left:380px;
  height:70px;
  width:300px;
}
#comment3-3{
  position: relative;
  top:58px;
  left:42px;
  height:100px;
  width:300px;
}
#comment3-4{
  position: relative;
  top:40px;
  left:485px;
  height:100px;
  width:300px;
}
#comment3-5{
  position: relative;
  top:95px;
  left:185px;
  height:30px;
  width:300px;
}
#comment3-6{
  position: relative;
  top:60px;
  left:370px;
  height:30px;
  width:300px;
}
#comment3-7{
  position: relative;
  top:25px;
  left:555px;
  height:30px;
  width:200px;
}


#comment3-last{
  position: relative;
  top:30px;
  left:700px;
  height:50px;
  width:50px;
}


* html #comment3-last{
  position: relative;
  top:25px;
  left:700px;
  height:50px;
  width:50px;
}


#comment4-1{
  position: relative;
  top:47px;
  left:320px;
  height:70px;
  width:300px;
}
#comment4-2{
  position: relative;
  top:130px;
  left:120px;
  height:70px;
  width:300px;
}
#comment4-3{
  position: relative;
  top:20px;
  left:440px;
  height:100px;
  width:300px;
}
#comment4-4{
  position: relative;
  top:60px;
  left:362px;
  height:100px;
  width:300px;
}
#comment4-5{
  position: relative;
  top:40px;
  left:160px;
  height:30px;
  width:300px;
}
#comment4-6{
  position: relative;
  top:45px;
  left:350px;
  height:30px;
  width:300px;
}
* html #comment4-6{
  position: relative;
  top:30px;
  left:350px;
  height:30px;
  width:300px;
}

#comment4-7{
  position: relative;
  top:15px;
  left:540px;
  height:30px;
  width:150px;
}
* html #comment4-7{
  position: relative;
  top:0px;
  left:540px;
  height:30px;
  width:150px;
}

#comment4-last{
  position: relative;
  top:30px;
  left:700px;
  height:50px;
  width:50px;
}

* html #comment4-last{
  position: relative;
  top:5px;
  left:700px;
  height:50px;
  width:50px;
}

#comment5-1{
  position: relative;
  top:56px;
  left:220px;
  height:70px;
  width:310px;
}
#comment5-2{
  position: relative;
  top:110px;
  left:170px;
  height:70px;
  width:300px;
}
#comment5-3{
  position: relative;
  top:120px;
  left:470px;
  height:100px;
  width:300px;
}
#comment5-4{
  position: relative;
  top:150px;
  left:150px;
  height:100px;
  width:300px;
}
#comment5-5{
  position: relative;
  top:100px;
  left:500px;
  height:30px;
  width:150px;
}
#comment5-6{
  position: relative;
  top:-70px;
  left:370px;
  height:30px;
  width:150px;
}
#comment5-7{
  position: relative;
  top:-170px;
  left:550px;
  height:30px;
  width:300px;
}

#comment5-last{
  position: relative;
  top:95px;
  left:700px;
  height:50px;
  width:50px;
}

* html #comment5-last{
  position: relative;
  top:95px;
  left:700px;
  height:50px;
  width:50px;
}


/* =その他（上記に含められないCSS）
-------------------------------------------------------------------------------- */

/* clear
------------------------------------------------------------ */
.clear
{
  clear: both;
}

/* clearfix
------------------------------------------------------------ */
.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 */