/***CATEGORY CSS***/
#container {
	background-color: #FB77BE;
}

/*****LEFT_NAVI*****/
h1 a{
	background-image: url(../image/img_sitetitle.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 123px;
	width: 150px;
	text-indent: -9999px;
	display: block;
	margin-left: 14px;
}
#mainnavi {
	margin-top: 5px;
	margin-left: 14px;
}

/**sagami**/
#mainnavititle-1 {
	background-image: url(../image/mainnavi_title_1.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 23px;
	width: 150px;
}
#mainnavi-1 a {
	background-image: url(../image/mainnavi_1_1.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 19px;
	width: 150px;
}
#mainnavi-1 a:hover {
	background-position: 0px -19px;
}
#mainnavi-2 a {
	background-image: url(../image/mainnavi_1_2.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 150px;
}
#mainnavi-2 a:hover {
	background-position: 0px -18px;
}
/**suginami**/
#mainnavititle-2 {
	background-image: url(../image/mainnavi_title_2.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 23px;
	width: 150px;
	margin-top: 2px;
}
#mainnavi-3 a {
	background-image: url(../image/mainnavi_2_1.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 19px;
	width: 150px;
}
#mainnavi-3 a:hover {
	background-position: 0px -19px;
}
#mainnavi-4 a {
	background-image: url(../image/mainnavi_2_2.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 150px;
}
#mainnavi-4 a:hover {
	background-position: 0px -18px;
}
#mainnavi-5 a {
	background-image: url(../image/mainnavi_3.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 23px;
	width: 150px;
	margin-top: 2px;
}
#mainnavi-5 a:hover {
	background-position: 0px -23px;
}
#mainnavi-11 a {
	background-image: url(../image/mainnavi_9.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 46px;
	width: 150px;
	margin-top: 2px;
}
#mainnavi-11 a:hover {
	background-position: 0px -46px;
}
#tohome a {
	background-image: url(../image/btn_totop.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 31px;
	width: 150px;
	margin-top: 2px;
}
#tohome a:hover {
	background-position: 0px -31px;
}

/*********MAIN-AREA***************/
#mainarea .contents-body {
	width: 560px;
	margin-right: 20px;
	margin-left: 20px;
}

/*****HEADER*****/
#header {
	width: 600px;
	background-color: #FFF;
	padding-top: 5px;	
}
#header-area {
	background-image: url(../image/img_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 166px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 155px;
}
#header-area h3{
	background-image: url(../image/header_label_1.gif);
	height: 35px;
	width: 118px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
}
#header-area li{
	margin-top: 3px;
}
#header-area #head-label-1 a{
	background-image: url(../image/header_label_2.gif);
	height: 18px;
	width: 78px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
}
#header-area #head-label-2 a{
	background-image: url(../image/header_label_3.gif);
	height: 18px;
	width: 89px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
}
#header-area #head-label-3 a{
	background-image: url(../image/header_label_4.gif);
	height: 18px;
	width: 113px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
}
#header-area #head-label-4 a{
	background-image: url(../image/header_label_5.gif);
	height: 18px;
	width: 100px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
}
#header h5{
	background-image: url(../image/lead_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 41px;
	width: 303px;
	text-indent: -9999px;
	display: block;
	margin-top: 15px;
}
#header .contents-body {
	margin-top: 20px;
}
#header .contents-left {
	float: left;
	width: 229px;
}
#header .contents-right {
	float: right;
	width: 331px;
}
#header .contents-text2 {
	color: #da1c77;
	margin-top: 13px;
}

/*****CONTENTS*****/

/**BG**/
.contents {
	background-color: #FFF;
	padding-bottom: 10px;
}
#course-4 .contents {
	background-color: #FFF;
	margin-bottom: 10px;
	padding-bottom: 26px;
}

/**head_bg_image**/
#course-1 .contents{
	background-image: url(../image/bg_contents_top1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;		
}
#course-2 .contents{
	background-image: url(../image/bg_contents_top2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;	
}
#course-3 .contents{
	background-image: url(../image/bg_contents_top3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;	
}
#course-4 .contents{
	background-image: url(../image/bg_contents_top4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;	
}


#course-1 .contents h4 {
	background-image: url(../image/categorytitle_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 79px;
	width: 246px;
}
#course-2 .contents h4 {
	background-image: url(../image/categorytitle_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 79px;
	width: 189px;
}
#course-3 .contents h4 {
	background-image: url(../image/categorytitle_3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 79px;
	width: 158px;
}
#course-4 .contents h4 {
	background-image: url(../image/categorytitle_4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 79px;
	width: 246px;
}
#course-1 .contents h5{
	background-image: url(../image/lead_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 61px;
	width: 254px;
	margin-top: 22px;
}
#course-2 .contents h5{
	background-image: url(../image/lead_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 61px;
	width: 194px;
	margin-top: 22px;
}
#course-3 .contents h5{
	background-image: url(../image/lead_3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 61px;
	width: 261px;
	margin-top: 22px;
}
#course-4 .contents h5{
	background-image: url(../image/lead_4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 61px;
	width: 222px;
	margin-top: 22px;
}

/**text**/
.contents .contents-lead2 {
	color: #ca0064;
	margin-top: 20px;
}
.contents .contents-text {
	margin-top: 15px;
}

/*****CATEGORY-1*****/
.category-1 {
	margin-top: 24px;
}
#course-1 .category-1 .categorytitle {
	background-image: url(../image/titlebar_1_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 560px;
}
#course-2 .category-1 .categorytitle {
	background-image: url(../image/titlebar_1_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 560px;
}
#course-3 .category-1 .categorytitle {
	background-image: url(../image/titlebar_1_3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 560px;
}
#course-4 .category-1 .categorytitle {
	background-image: url(../image/titlebar_1_4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 560px;
}
.category-1 .flow-left{
	float: left;
	width: 96px;
}
.category-1 .flow-right{
	float: right;
	width: 464px;
}
.flowunit-1 {
	width: 560px;
	margin-top: 15px;
}
.flowunit-2, .flowunit-3, .flowunit-4 {
	margin-top: 10px;
	width: 560px;
}
.flowunit-1 .year {
	background-image: url(../image/img_flow_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 54px;
	width: 81px;
	margin-right: 15px;
} 
.flowunit-2 .year {
	background-image: url(../image/img_flow_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 54px;
	width: 81px;
}
.flowunit-3 .year {
	background-image: url(../image/img_flow_3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 54px;
	width: 81px;
} 
.flowunit-4 .year {
	background-image: url(../image/img_flow_4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 54px;
	width: 81px;
} 

/*****CATEGORY-2*****/
.category-2 {
	margin-top: 24px;
}
#course-1 .category-2 .categorytitle {
	background-image: url(../image/titlebar_2_1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 560px;
}
#course-2 .category-2 .categorytitle {
	background-image: url(../image/titlebar_2_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 560px;
}
#course-3 .category-2 .categorytitle {
	background-image: url(../image/titlebar_2_3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 560px;
}
#course-4 .category-2 .categorytitle {
	background-image: url(../image/titlebar_2_4.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 41px;
	width: 560px;
}
.category-2 .categorytext {
	margin-top: 15px;
}

/**link_official**/
/*
#link_official a{
	background-image: url(../image/link_official.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	text-indent: -9999px;
	display: block;
	height: 27px;
	width: 210px;
	margin-top: 8px;
}
#link_official a:hover{
	background-position: left -27px;
}
*/
/**link_area**/
.linkarea{
	color: #da1c77;
	font-size: 90%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.linkarea a{
	color: #da1c77;
	text-decoration: underline;
}
.linkarea a:hover{
	color: #FB77BE;
	text-decoration: none;
}

/**INFORMATION**/
#information #info-area {
	width: 208px;
	padding-bottom: 4px;
	border: 1px solid #FA74AA;
	padding-top: 9px;
	background-color: #FCA4D3;
}
#information #info-contact {
	background-image: url(../image/img_contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	height: 87px;
	width: 208px;	
}
#information #btn-contact a{
	background-image: url(../image/btn_request.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 200px;
	margin-left: 4px;
	margin-top: 6px;
}
#information #btn-contact a:hover{
	background-position: 0px -40px;
}

/**QUICK_LINK**/
#quicklink li{
	
}

#quicklink .ql-label a{
	background-image: url(../image/quick_link_label.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 26px;
	width: 210px;
}
#quicklink .ql-label a:hover{
	background-position: 0px -26px;
}
#quicklink .ql-1 a{
	background-image: url(../image/quick_link_1.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 24px;
	width: 210px;	
}
#quicklink .ql-1 a:hover{
	background-position: 0px -24px;
}
#quicklink .ql-2 a{
	background-image: url(../image/quick_link_2.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 24px;
	width: 210px;	
}
#quicklink .ql-2 a:hover{
	background-position: 0px -24px;
}
#quicklink .ql-3 a{
	background-image: url(../image/quick_link_3.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 24px;
	width: 210px;	
}
#quicklink .ql-3 a:hover{
	background-position: 0px -24px;
}
#quicklink .ql-4 a{
	background-image: url(../image/quick_link_4.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 24px;
	width: 210px;	
}
#quicklink .ql-4 a:hover{
	background-position: 0px -24px;
}

/***pagetop***/
#pagetop a{
	background-image: url(../image/btn_totop2.gif);
	background-repeat: no-repeat;
	background-position: 0px top;
	text-indent: -9999px;
	display: block;
	height: 40px;
	width: 210px;
	margin-top: 10px;
}
#pagetop a:hover{
	background-position: 0px -40px;
}

/***side_bannerarea***/
#side_bannerarea{
	width: 165px;
	margin-right: 23px;
	margin-left: 22px;
	margin-top: 10px;
}