* {
	margin: 0;
	padding: 0;
}

/* margin padding Archivers */
.m-top5 { margin-top: 5px; }
.m-top10 { margin-top: 10px; }
.m-top15 { margin-top: 15px; }
.m-top20 { margin-top: 20px; }

.m-bottom5 { margin-bottom: 5px; }
.m-bottom10 { margin-bottom: 10px; }
.m-bottom15 { margin-bottom: 15px; }
.m-bottom20 { margin-bottom: 20px; }

.p-top5 { padding-top: 5px; }
.p-top10 { padding-top: 10px; }
.p-top15 { padding-top: 15px; }
.p-top20 { padding-top: 20px; }

.p-bottom5 { padding-bottom: 5px; }
.p-bottom10 { padding-bottom: 10px; }
.p-bottom15 { padding-bottom: 15px; }
.p-bottom30 { padding-bottom: 20px; }


/* Tag Defult Settings */
p { margin: 0; padding: 0; }

strong {
	font-weight: none;
	margin: 0;
	padding: 0;
}

em { font-style: normal; }

address { font-style:normal; }

ul, li { list-style: none; }

dl, dt, dd {
	list-style: none;
	margin: 0;
	padding: 0;
}

img {
	border: none;
	margin: 0;
	padding: 0;
}

table {
	margin:0;
	padding: 0;
}

td { font: normal normal normal 12px/1.2 "ＭＳ Ｐゴシック", "Osaka"; }
 

a, a:link, a:visited { color: #666; text-decoration: none; }
a:hover { color: #999; text-decoration: underline; }

body {
	background: url(../img/bg1.gif) repeat;
	color: #666;
	margin: 0;
	font: normal normal normal 12px/1.2 "ＭＳ Ｐゴシック", "Osaka";
}

h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; display:none; }


/* Div Layout */
div#Container {
	width: 819px;
	margin: 0 auto 20px auto;
}

div#header-tArea {
	width: 819px;
	padding-top: 5px;
}

div#header-bArea {
	width: 819px;
	height: 90px;
}

div#header-bAreaLeft {
	width: 563px;
	height: 86px;
	padding-top: 4px;
	float: left;
	
	display: inline;
}

div#header-bAreaRight {
	width: 256px;
	height: 90px;
	float: left;
	
	display: inline;
}

div#mainArea {
	width: 819px;
	height: 662px;
	padding-top: 5px;
	clear: left;
}

div#contentsLeft {
	width: 181px;
	margin-left: 16px;
	float: left;
	
	display: inline;
}

div#contentsRight {
	width: 622px;
	float: left;
	
	display: inline;
}

div#footerArea {
	width: 819px;
	height: 47px;
	
	clear: left;
}

/* Div Design */
div#header-tArea {
	color: #fff;
	background: url(../img/header-t.gif) no-repeat;
	text-indent: 32px;
}

div#header-bArea {
	background: url(../img/header-b_bg.gif) no-repeat;
}

div#header-bAreaLeft {
	background: url(../img/header-b_bg.gif) no-repeat;
}

div#header-bAreaRight {
	background: url(../img/header-b_tel.gif) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
}

div#mainArea {
	background: url(../img/main_bg.gif) repeat-y;
}

div#contentsLeft {}

div#contentsRight {
	background: url(../img/contents-r_bg.gif) no-repeat 586px 335px;
}

div#footerArea {
	background: url(../img/footer_bg.jpg) no-repeat;
}

/* ---Header Design--- */

/* Title */
.title {
	width: 335px; height: 76px;
	float: left;
	display: inline;
	margin-left: 26px;
	margin-right:16px;
}

.titleLink, .titleLink a, .titleLink a:hover, .titleLink a:focus {
	width: 335px; height: 76px; text-indent: -9999px;
	background: url(../img/title.gif) no-repeat;
	text-decoration: none;
	display: block;
}

ul.headerList li {
	width: 56px;
	height: 57px;
	float: left;
	
	display: inline;
	
	margin-top: 8px;
	margin-left: 3px;
}

/* Require-h */
.require-hLink, .require-hLink a, .require-hLink a:hover, .require-hLink a:focus {
	width: 56px; height: 57px; text-indent: -9999px;
	background: url(../img/require-h.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.require-hLink, .require-hLink a:hover, .require-hLink a:focus {
	background: url(../img/require-h_o.gif) no-repeat;
}

/* First-h */
.first-hLink, .first-hLink a, .first-hLink a:hover, .first-hLink a:focus {
	width: 56px; height: 57px; text-indent: -9999px;
	background: url(../img/first-h.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.first-hLink, .first-hLink a:hover, .first-hLink a:focus {
	background: url(../img/first-h_o.gif) no-repeat;
}

/* Question-h */
.question-hLink, .question-hLink a, .question-hLink a:hover, .question-hLink a:focus {
	width: 56px; height: 57px; text-indent: -9999px;
	background: url(../img/question-h.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.question-hLink, .question-hLink a:hover, .question-hLink a:focus {
	background: url(../img/question-h_o.gif) no-repeat;
}

/* ---Contents Menu--- */

div.contentsListTop {
	width: 181px;
	height: 6px;
	background: url(../img/contents-l_bg.gif) no-repeat;
}

div#contentsList {
	width: 181px;
	height: 551px;
	background-color: #DAF2F1;
}

div#contentsList ul { margin-left: 6px; }
div#contentsList ul li { width: 168px; margin-bottom: 4px; }

/* Top */
.topLink, .topLink a, .topLink a:hover, .topLink a:focus {
	width: 168px; height: 33px; text-indent: -9999px;
	background: url(../img/btn/btn_top.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.topLink, .topLink a:hover, .topLink a:focus {
	background: url(../img/btn/btn_top_o.gif) no-repeat;
}

/* Recruit */
.recruitLink, .recruitLink a, .recruitLink a:hover, .recruitLink a:focus {
	width: 168px; height: 33px; text-indent: -9999px;
	background: url(../img/btn/btn_recruit.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.recruitLink, .recruitLink a:hover, .recruitLink a:focus {
	background: url(../img/btn/btn_recruit_o.gif) no-repeat;
}

/* Shop */
.shopLink, .shopLink a, .shopLink a:hover, .shopLink a:focus {
	width: 168px; height: 33px; text-indent:-9999px;
	background: url(../img/btn/btn_shop.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.shopLink, .shopLink a:hover, .shopLink a:focus {
	background:url(../img/btn/btn_shop_o.gif) no-repeat;
}

/* Course */
.courseLink, .courseLink a, .courseLink a:hover, .courseLink a:focus {
	width: 168px; height: 33px; text-indent: -9999px;
	background: url(../img/btn/btn_course.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.courseLink, .courseLink a:hover, .courseLink a:focus {
	background:url(../img/btn/btn_course_o.gif) no-repeat;
}

/* Blog */
.blogLink, .blogLink a, .blogLink a:hover, .blogLink a:focus {
	width: 168px; height: 33px; text-indent: -9999px;
	background: url(../img/btn/btn_blog.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.blogLink, .blogLink a:hover, .blogLink a:focus {
	background: url(../img/btn/btn_blog_o.gif) no-repeat;
}

/* Bbs */
.bbsLink, .bbsLink a, .bbsLink a:hover, .bbsLink a:focus {
	width: 168px; height: 33px; text-indent: -9999px;
	background: url(../img/btn/btn_bbs.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.bbsLink, .bbsLink a:hover, .bbsLink a:focus {
	background:url(../img/btn/btn_bbs_o.gif) no-repeat;
}

/* Require */
.requireLink, .requireLink a, .requireLink a:hover, .requireLink a:focus {
	width: 168px; height: 33px; text-indent: -9999px;
	background: url(../img/btn/btn_require.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.requireLink, .requireLink a:hover, .requireLink a:focus {
	background:url(../img/btn/btn_require_o.gif) no-repeat;
}

/* Link */
.linkLink, .linkLink a, .linkLink a:hover, .linkLink a:focus {
	width: 168px; height: 33px; text-indent: -9999px;
	background: url(../img/btn/btn_link.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.linkLink, .linkLink a:hover, .linkLink a:focus {
	background:url(../img/btn/btn_link_o.gif) no-repeat;
}

/* Experience */
.experienceLink, .experienceLink a, .experienceLink a:hover, .experienceLink a:focus {
	width: 168px; height: 33px; text-indent: -9999px;
	background: url(../img/btn/btn_experience.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.experienceLink, .experienceLink a:hover, .experienceLink a:focus {
	background: url(../img/btn/btn_experience_o.gif) no-repeat;
}

/* Event */
.eventLink, .eventLink a, .eventLink a:hover, .eventLink a:focus {
	width: 168px; height: 33px; text-indent: -9999px;
	background: url(../img/btn/btn_event.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.eventLink, .eventLink a:hover, .eventLink a:focus {
	background: url(../img/btn/btn_event_o.gif) no-repeat;
}

/* Distinction */
.distinctionLink, .distinctionLink a, .distinctionLink a:hover, .distinctionLink a:focus {
	width: 168px; height: 33px; text-indent: -9999px;
	background: url(../img/btn/btn_distinction.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.distinctionLink, .distinctionLink a:hover, .distinctionLink a:focus {
	background: url(../img/btn/btn_distinction_o.gif) no-repeat;
}

/* Staff */
.staffLink, .staffLink a, .staffLink a:hover, .staffLink a:focus {
	width: 168px; height: 33px; text-indent: -9999px;
	background: url(../img/btn/btn_staff.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.staffLink, .staffLink a:hover, .staffLink a:focus {
	background: url(../img/btn/btn_staff_o.gif) no-repeat;
}

/* Ryo */
.ryoLink, .ryoLink a, .ryoLink a:hover, .ryoLink a:focus {
	width: 168px; height: 33px; text-indent: -9999px;
	background: url(../img/btn/btn_ryo.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.ryoLink, .ryoLink a:hover, .ryoLink a:focus {
	background: url(../img/btn/btn_ryo_o.gif) no-repeat;
}

/* Recruit2*/
.recruit2Link, .recruit2Link a, .recruit2Link a:hover, .recruit2Link a:focus {
	width: 168px; height: 33px; text-indent: -9999px;
	background: url(../img/btn/btn_recruit2.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.recruit2Link, .recruit2Link a:hover, .recruit2Link a:focus {
	background: url(../img/btn/btn_recruit2_o.gif) no-repeat;
}

/*--下バナー用ボタン--*/
/* First */
.firstLink, .firstLink a, .firstLink a:hover, .firstLink a:focus {
	width: 168px; height: 65px; text-indent: -9999px;
	background: url(../img/btn/btn_first.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.firstLink, .firstLink a:hover, .firstLink a:focus {
	background: url(../img/btn/btn_first_o.gif) no-repeat;
}

/* Question */
.questionLink, .questionLink a, .questionLink a:hover, .questionLink a:focus {
	width: 168px; height: 65px; text-indent: -9999px;
	background: url(../img/btn/btn_question.gif) no-repeat;
	text-decoration: none;
	display: block;
}

.questionLink, .questionLink a:hover, .questionLink a:focus {
	background: url(../img/btn/btn_question_o.gif) no-repeat;
}

/* Footer Design */
div#footerArea {
	color: #32B8B2;
	font-size: 85%;
}

.footerContents {
	margin-right: 11px;
	text-align: right;
	float: right;
	
	padding-top: 12px;	
}

.footerContents a, a:link, .footerContents a:visited { color: #32B8B2; text-decoration: none; }
.footerContents a:hover { color: #9EE4DF; text-decoration: underline; }

address {
	margin-left: 16px;
	
	padding-top: 18px;
}