@charset "shift_jis";
 
body {
	font-family: "メイリオ","ＭＳ Ｐゴシック","HG創英角ｺﾞｼｯｸUB";
	font-size: 75%;
	line-height: 2;
	color: #554644;
	margin: 0px;
	padding: 0px;
	text-align: center;
	float: center;
	background-image: url(../image/hp/back/body.gif);
}

h1,h2,h3,h4,p,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
	text-align: left;
}


ul{
	font-family: "ＭＳ Ｐゴシック","HG創英角ｺﾞｼｯｸUB";
	list-style-type: none;
}


img {
	border: none;
}


input,textarea,select {
	font-size: 1em;
}


table {
	border-collapse:collapse;
	font-size: 100%;
}


a {
	color: #FF4DA6;
	text-decoration: none;
}


a:hover {
	color: #632E16;
	text-decoration: none;
}

/*--■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■--*/
/*--■■ヘッダートップ■■■■■■■■■■■■■■■■■■■■■■■■■■■■--*/
/*--■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■--*/
#header {
	float: center;
	height: 140px;
	border-top: 5px solid #000000;
	background-image: url(../image/hp/back/back-head.gif);
	margin: 0px;
	padding: 0px;	position:relative;
}

#head {
	float: center;
	height: 140px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.star01 {
	height: 40px;
	width: 350px;
	float: left;
	padding: 0px;
}

.star02 {
	height: 50px;
	width: 150px;
	float: left;
	padding: 0px;
}

/*--■■ロゴ■■■■■■■■■■■■■■■■■■■■■■■■■■■■--*/
.logo-top img {
	height: 40px;
	width: 200px;
   	text-align: left;
	float: left;
	padding:0px;
}

.logo-2nd img {
	height: 70px;
	width: 200px;
   	text-align: left;
	float: left;
	padding:0px;
}

.logo-3rd img {
	height: 30px;
	width: 200px;
   	text-align: left;
	float: left;
	padding:0px;
}

/*--■パン屑リスト■■■--*/
#head-li {
	float: right;
	height: 20px;
	width: 500px;
	line-height: 20px;
   	text-align: left;
	padding-top: 5px:
	padding-right: 5px:
}


ul#head-li li {
	float: right;
	text-align: left;
	line-height: 20px;
	height: 20px;
	margin-left: 5px;
}

/*-★リンクなし★★-*/
ul#head-li .list-00 {
	float: right;
	width: 90px;
	height: 20px;
	text-align: center;
	color: #9C786B;
	background: url(../image/hp/back/head-list00.gif);
}

/*-★リンク有--*/
ul#head-li .list-01 {
	float: right;
	text-align: center;
	width: 90px;
	height: 20px;
	background: url(../image/hp/back/head-list.gif);
}

ul#head-li .list-01 a{
	width: 90px;
	height: 20px;
	text-align: center;
	display: block;
	text-decoration: none;
	color: #827D71;
}

ul#head-li .list-01 a:hover{
	width: 90px;
	height: 20px;
	text-align: center;
	color: #FF669B;
}


/*--■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■--*/
#head-top {
	float: center;
	height: 40px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

/*--■上部メニュー■■■--*/
#toplist {
	float: right;
	height: 40px;
	margin-right: 0;
	margin-left: 0;
	position:absolute;
	top: 0;
	right: 210px;
}

/*-■リスト■■■-*/
ul#toplist li {
	float: left;
	line-height: 40px;
	height: 40px;
	padding-left: 1px;
}


/*-★HOME★★-*/
ul#toplist .top-01 {
	float: left;
	width: 70px;
	height: 40px;
}

ul#toplist .top-01 a {
	width: 70px;
	height: 40px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/menu/top/01.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

ul#toplist .top-01 a:hover {
	background: url(../image/hp/menu/top/01.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*-★会社概要★★-*/
ul#toplist .top-02 {
	float: left;
	width: 70px;
	height: 40px;
}

ul#toplist .top-02 a{
	width: 70px;
	height: 40px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/menu/top/02.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

ul#toplist .top-02 a:hover{
	background: url(../image/hp/menu/top/02.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*-★サイトマップ★★-*/
ul#toplist .top-03 {
	float: left;
	width: 70px;
	height: 40px;
}

ul#toplist .top-03 a{
	width: 70px;
	height: 40px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/menu/top/03.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

ul#toplist .top-03 a:hover{
	background: url(../image/hp/menu/top/03.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*--■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■--*/
/*--■ヘッダー2列目■■■--*/

#head-bottom {
	float: center;
	height: 70px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

/*--■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■--*/
/*--■ヘッダー3列目■■■--*/

#head-under {
	float: center;
	height: 30px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}


#flash {
	height: 260px;
	background-color: #cccccc;
	margin: 0px;
	padding: 0px;	position:relative;
}

#flash-cont {
	float: center;
	text-align: left;
	width: 800px;
	height: 260px;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
}


/*--■■■トップメニュー■■■■■■■■■■■■■■■■■■■■■■■■--*/

#mainmenu  {
	float: right;
	width: 520px;
	height: 25px;
}

#topmenu  {
	float: right;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-right: 15px;
	width: 520px;
	height: 25px;
}


/*-■■トップメニューリストタグ■■■■■■-*/

ul#topmenu li {
	float: left;
	line-height: 25px;
	height: 25px;
	width: 520px;
}

/*-★変化なし★★-*/
ul#topmenu .img-menu {
	float: left;
	width: 160px;
	height: 25px;
	margin: 1px
}

/*-★目的別★★-*/
ul#topmenu .mokuteki {
	float: left;
	width: 160px;
	height: 25px;
}

ul#topmenu .mokuteki a{
	width: 160px;
	height: 25px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/menu/top/top01.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

ul#topmenu .mokuteki a:hover{
	background: url(../image/hp/menu/top/top01.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
/*-★流れ★★-*/
ul#topmenu .nagare {
	float: left;
	width: 160px;
	height: 25px;
}

ul#topmenu .nagare a{
	width: 160px;
	height: 25px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/menu/top/top02.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

ul#topmenu .nagare a:hover{
	background: url(../image/hp/menu/top/top02.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*-★問合わせ★★-*/
ul#topmenu .toi {
	float: left;
	width: 160px;
	height: 25px;
}

ul#topmenu .toi a{
	width: 160px;
	height: 25px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/menu/top/top03.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

ul#topmenu .toi a:hover{
	background: url(../image/hp/menu/top/top03.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}



/*--■■■■■■■■■■■■■■■■■■■■■■■■■■■--*/



/*--■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■--*/
/*--■■コンテンツ■■■■■■■■■■■■■■■■■■■■■■■■■■■■--*/
/*--■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■--*/
/*--■■コンテンツ大枠■■■■■■■■■■■■■■■■■■■■■■■■■■--*/
/*--■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■--*/

#contents {
	float: center;
	margin: 0px;
	display: block;
}

#container {
	float: center;
	text-align: left;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#wrap {
	width: 753px;
	float: right;
	margin: 0px;
}


#top-main {
	width: 565px;
	float: left;
}

#top-side {
	width: 180px;	
	float: right;
}

#sub{
	width: 200px;
	float: left;
}

/*--■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■--*/
/*--■■■サブ■■■■■■■■■■■■■■■■■■■■■■■■■■■■--*/
/*--■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■--*/
#sub-information {
	float: left;
	width: 180px;
	height: 225px;
	margin-top: 3px;
	margin-left: 10px;
	margin-bottom: 15px;
	background-color: #ffffff;
}

#sub-frame  {
	float: left;
	padding-top: 5px;
	width: 180px;
	height: 100px;
}

#sub-weather  {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	width: 160px;
	height: 100px;
}

#sub01 {
	float: left;
	width: 180px;
	background: url(../image/hp/back/sub.gif);
	margin-left: 10px;
	padding-bottom: 50px;
}

#submenu00  {
	float: left;
	padding: 5px 0px 0px 10px;
	width: 160px;
}


/*-■■企業別■■■■■■-*/

ul#submenu00 li {
	float: left;
	line-height: 45px;
	width: 160px;
	height: 45px;
}

/*-★トップ★★-*/
ul#submenu00 .top {
	float: left;
	width: 160px;
	height: 45px;
}

/*-★エンド★★-*/
ul#submenu00 .end {
	float: left;
	width: 160px;
	height: 45px;
}

/*-★代理店の方★★-*/
ul#submenu00 .dairiten {
	float: left;
	width: 160px;
	height: 45px;
}

ul#submenu00 .dairiten a{
	width: 160px;
	height: 45px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/menu/sub/s-1.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

ul#submenu00 .dairiten a:hover{
	background: url(../image/hp/menu/sub/s-1.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
/*-★学校関係者の方★★-*/
ul#submenu00 .school {
	float: left;
	width: 160px;
	height: 45px;
}

ul#submenu00 .school a{
	width: 160px;
	height: 45px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/menu/sub/s-2.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

ul#submenu00 .school a:hover{
	background: url(../image/hp/menu/sub/s-2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*-★一般企業の方★★-*/
ul#submenu00 .company {
	float: left;
	width: 160px;
	height: 45px;
}

ul#submenu00 .company a{
	width: 160px;
	height: 45px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/menu/sub/s-3.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

ul#submenu00 .company a:hover{
	background: url(../image/hp/menu/sub/s-3.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}


/*-■■メニュー別■■■■■■-*/

#submenu01  {
	float: left;
	padding: 15px 0px 0px 15px;
	width: 150px;
}


/*-■■サブメニューリストタグ■■■■■■-*/

ul#submenu01 li {
	float: left;
	width: 150px;
	margin: 0px;
}

/*-★トップ★★-*/
ul#submenu01 .top {
	float: left;
	width: 150px;
	height: 55px;
	display: block;
}

/*-★エンド★★-*/
ul#submenu01 .end {
	float: left;
	width: 150px;
	height: 30px;
}

/*-★学園祭★★-*/
ul#submenu01 .gakusai {
	float: left;
	width: 150px;
	height: 37px;
}

ul#submenu01 .gakusai a{
	width: 150px;
	height: 37px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/menu/sub/sub01.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

ul#submenu01 .gakusai a:hover{
	background: url(../image/hp/menu/sub/sub01.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*-★講演会★★-*/
ul#submenu01 .kouen {
	float: left;
	width: 150px;
	height: 37px;
}

ul#submenu01 .kouen a{
	width: 150px;
	height: 37px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/menu/sub/sub02.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

ul#submenu01 .kouen a:hover{
	background: url(../image/hp/menu/sub/sub02.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*-★イベント★★-*/
ul#submenu01 .event {
	float: left;
	width: 150px;
	height: 37px;
}

ul#submenu01 .event a{
	width: 150px;
	height: 37px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/menu/sub/sub03.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

ul#submenu01 .event a:hover{
	background: url(../image/hp/menu/sub/sub03.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*-★広告/モデル★★-*/
ul#submenu01 .koukoku {
	float: left;
	width: 150px;
	height: 37px;
}

ul#submenu01 .koukoku a{
	width: 150px;
	height: 37px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/menu/sub/sub04.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

ul#submenu01 .koukoku a:hover{
	background: url(../image/hp/menu/sub/sub04.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*-★エキストラ★★-*/
ul#submenu01 .eki {
	float: left;
	width: 150px;
	height: 37px;
}

ul#submenu01 .eki a{
	width: 150px;
	height: 37px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/menu/sub/sub05.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

ul#submenu01 .eki a:hover{
	background: url(../image/hp/menu/sub/sub05.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*-★その他★★-*/
ul#submenu01 .other {
	float: left;
	width: 150px;
	height: 37px;
}

ul#submenu01 .other a{
	width: 150px;
	height: 37px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/menu/sub/sub06.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

ul#submenu01 .other a:hover{
	background: url(../image/hp/menu/sub/sub06.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}




/*-■ボトム欄■■■■■■■■■■■■--*/
#bottom-cl {
	width: 753px;
	height: 200px;
	float: left;
	background-image: url(../image/cl/back-bottom.gif);
	margin-bottom: 5px;
}

/*-★ボトムーお問い合わせ欄★★-*/
#bottom-mail {
	float: center;
	width: 253px;
	height: 60px;
	padding-top: 13px;
	padding-left: 250px;
}

#bottom-mail a {
	float: center;
	width: 253px;
	height: 60px;
	text-indent:-9999px;
	display: block;
	background: url(../image/cl/mail.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

#bottom-mail a:hover{
	background: url(../image/cl/mail.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/*-■■■■■■■■■■■■■--*/






/*---フッター----------------------------------------------------------------*/

#footer01 {
	float: center;
	height: 110px;
	background-image: url(../image/hp/back/back-foot.gif);
	margin-top: 10px;
	display: block;
}


#foot01 {
	float: center;
	height: 100px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

/*-■■フッター■■■■■■-*/

#foot-list {
	float: left;
	width: 500px;
	height: 15px;
	line-height: 15px;
}

ul#foot-list li {
	float: left;
	height: 15px;
	line-height: 15px;
	margin-top: 25px;
}


/*-★フォント設定★★-*/
ul#foot-list .list {
	float: left;
	height: 15px;
	line-height: 20px;
	padding-left: 15px;
}



ul#foot-list .list a {
	float: left;
	height: 15px;
	color: #707225;
	text-decoration: underline;
}

ul#foot-list .list a:hover {
	color: #FCFF93;
	text-decoration: none;

}

.foot-logo {
	height: 60px;
	width: 500px;
	float: left;
	padding: 0px;
	margin: 0pc;
}

.foot-tel {
	height: 90px;
	width: 400px;
	float: right;
	padding: 0px;
	margin: 0pc;
}




/*---フッター----------------------------------------------------------------*/



#footer {
	float: center;
	height: 450px;
	background-color: #1C1715;
	margin: 0px;
}

#foot {
	float: center;
	height: 350px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

/*--■ページアップボタン■■■--*/
#pagetop {
	float: right;
	height: 30px;
	margin-right: 30px;
}

#pagetop a{
	width: 100px;
	height: 30px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/back/top.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

#pagetop a:hover{
	background: url(../image/hp/back/top.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
/*--■ページアップボタン■■■--*/
#pagehome {
	float: right;
	height: 30px;
	margin-right: 0px;
}

#pagehome a{
	width: 80px;
	height: 30px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/back/home.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

#pagehome a:hover{
	background: url(../image/hp/back/home.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}


/*--■フッター枠■■■--*/
#foot-cont {
	float: left;
	width: 950px;
	padding-top: 75px;
}

/*--■フッターリスト■■■--*/
#foot-li {
	float: left;
	width: 180px;
	margin-left: 15px;
	padding-right: 0px;
	padding-top: 20px:
}


ul#foot-li li {
	float: left;
	width: 140px;
	margin-left: 20px;
}
/*-★フッター文字リンクなし★★-*/
ul#foot-li .font00 {
	float: left;
	width: 180px;
	height: 26px;
	color: #9C786B;
}

/*-★フッター文字基本1★★-*/
ul#foot-li .font01 {
	float: left;
	width: 110px;
	height: 22px;
}

ul#foot-li .font01 a{
	width: 110px;
	height: 22px;
	display: block;
	text-decoration: none;
	color: #cccccc;
}

ul#foot-li .font01 a:hover{
	width: 110px;
	height: 22px;
	text-decoration: underline;
	color: #F7B459;
}


/*--■QRコード■■■--*/
#qr {
	float: right;
	width: 160px;
	height: 135px;
	margin-right: 60px;
	margin-top: 20px;
}

#qr a{
	width: 160px;
	height: 135px;
	text-indent:-9999px;
	display: block;
	background: url(../image/hp/foot/qr.gif);
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
}

#qr a:hover{
	background: url(../image/hp/foot/qr.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}