@charset "utf-8";
/* CSS Document */


/* デフォルト */
#header{
	background-color: #FFF;
}

#menu li a{
	color: #FFF;
}

#menu li:hover {
	background-color: #fff;
}

#menu li a:hover{
	color:#333;
}

#menu li.current_page_item > a{
	background-color: #FFF !important;
	color:#333 !important;
}

#menu li.current_page_parent .sub-menu .current_page_item a{
	background-color: rgba(255,255,255,1) !important;
}

#wrap{
}

#content{
	background-color: #FFF;
}

#column{
	background-color: #FFF;
}

#wrap #top_cont .block,
#wrap #top_cont .carousel_slider{
	background-color: #FFF;
}

#footer{
	background-color: #FFF;
}

#content input:focus,
#content textarea:focus{
	border-color: #C5494B !important;
	background-color: #FFFCF2;
}




/*#####################################################################################
　orange
#####################################################################################*/

#orange #menu ul,
#orange #menu li,
#orange #wrap #top_cont .block,
#orange #wrap #top_cont .carousel_slider,
#orange #wrap #top_cont .block li,
#orange #wrap #content,
#orange #wrap #column,
#orange .more a::after,
#orange .more a,
#orange #footer,
#orange #wrap #content *,
#orange #wrap #column *,
#orange #footer{
	border-color: #FF5F00;
}

#orange #menu,
#orange #menu li::before,
#orange #menu li::after,
#orange #menu li:hover::before,
#orange #menu li:hover::after,
#orange #header .navi .font_size .font_m a,
#orange #header .navi .font_size .font_l a,
#orange .more a::before,
#orange #column li:before{
	background-color: #FF5F00;
}

#orange #menu li:hover {
	color: #FF5F00;
}

#orange #menu li{
	background-color: #fff;
}

#orange h2,
#orange #menu li a,
#orange #header .navi .font_size .font_m a,
#orange #header .navi .font_size .font_l a{
	color: #FFF;
}

#orange #menu li a:hover{
	color: #333;
}

#orange h2,
#orange h3,
#orange h4,
#orange h5,
#orange h6{
	border-color: #FF5F00;
	background-color: #FF5F00;
}



/*#####################################################################################
　green
#####################################################################################*/
#green #menu ul,
#green #menu li,
#green #wrap #top_cont .block,
#green #wrap #top_cont .carousel_slider,
#green #wrap #top_cont .block li,
#green #wrap #content,
#green #wrap #column,
#green .more a::after,
#green .more a,
#green #footer,
#green #wrap #content *,
#green #wrap #column *,
#green #footer{
	border-color: #5EB22D;
}

#green #menu,
#green #menu li::before,
#green #menu li::after,
#green #menu li:hover::before,
#green #menu li:hover::after,
#green #header .navi .font_size .font_m a,
#green #header .navi .font_size .font_l a,
#green .more a::before,
#green #column li:before{
	background-color: #5EB22D;
}

#green #menu li:hover {
	color: #5EB22D;
}

#green #menu li{
	background-color: #fff;
}

#green h2,
#green #menu li a,
#green #header .navi .font_size .font_m a,
#green #header .navi .font_size .font_l a{
	color: #FFF;
}

#green #menu li a:hover{
	color: #333;
}

#green h2,
#green h3,
#green h4,
#green h5,
#green h6{
	border-color: #5EB22D;
	background-color: #5EB22D;
}





/*#####################################################################################
　blue
#####################################################################################*/
#blue #menu ul,
#blue #menu li,
#blue #wrap #top_cont .block,
#blue #wrap #top_cont .carousel_slider,
#blue #wrap #top_cont .block li,
#blue #wrap #content,
#blue #wrap #column,
#blue .more a::after,
#blue .more a,
#blue #footer,
#blue #wrap #content *,
#blue #wrap #column *,
#blue #footer{
	border-color: #0079A3;
}

#blue #menu,
#blue #menu li::before,
#blue #menu li::after,
#blue #menu li:hover::before,
#blue #menu li:hover::after,
#blue #header .navi .font_size .font_m a,
#blue #header .navi .font_size .font_l a,
#blue .more a::before,
#blue #column li:before{
	background-color: #0079A3;
}

#blue #menu li:hover {
	color: #0079A3;
}

#blue #menu li{
	background-color: #fff;
}

#blue h2,
#blue #menu li a,
#blue #header .navi .font_size .font_m a,
#blue #header .navi .font_size .font_l a{
	color: #FFF;
}

#blue #menu li a:hover{
	color: #333;
}

#blue h2,
#blue h3,
#blue h4,
#blue h5,
#blue h6{
	border-color: #0079A3;
	background-color: #0079A3;
}





/*#####################################################################################
　black
#####################################################################################*/
#black #menu ul,
#black #menu li,
#black #wrap #top_cont .block,
#black #wrap #top_cont .carousel_slider,
#black #wrap #top_cont .block li,
#black #wrap #content,
#black #wrap #column,
#black .more a::after,
#black .more a,
#black #footer,
#black #wrap #content *,
#black #wrap #column *,
#black #footer{
	border-color: #333;
}

#black #menu,
#black #menu li::before,
#black #menu li::after,
#black #menu li:hover::before,
#black #menu li:hover::after,
#black #header .navi .font_size .font_m a,
#black #header .navi .font_size .font_l a,
#black .more a::before,
#black #column li:before{
	background-color: #333;
}

#black #menu li:hover {
	color: #333;
}

#black #menu li{
	background-color: #fff;
}

#black h2,
#black #menu li a,
#black #header .navi .font_size .font_m a,
#black #header .navi .font_size .font_l a{
	color: #FFF;
}

#black #menu li a:hover{
	color: #333;
}

#black h2,
#black h3,
#black h4,
#black h5,
#black h6{
	border-color: #333;
	background-color: #333;
}



/*#####################################################################################
　red
#####################################################################################*/
#red #menu ul,
#red #menu li,
#red #wrap #top_cont .block,
#red #wrap #top_cont .carousel_slider,
#red #wrap #top_cont .block li,
#red #wrap #content,
#red #wrap #column,
#red .more a::after,
#red .more a,
#red #footer,
#red #wrap #content *,
#red #wrap #column *,
#red #footer{
	border-color: #EB2A2D;
}

#red #menu,
#red #menu li::before,
#red #menu li::after,
#red #menu li:hover::before,
#red #menu li:hover::after,
#red #header .navi .font_size .font_m a,
#red #header .navi .font_size .font_l a,
#red .more a::before,
#red #column li:before{
	background-color: #EB2A2D;
}

#red #menu li:hover {
	color: #EB2A2D;
}

#red #menu li{
	background-color: #fff;
}

#red h2,
#red #menu li a,
#red #header .navi .font_size .font_m a,
#red #header .navi .font_size .font_l a{
	color: #FFF;
}

#red #menu li a:hover{
	color: #333;
}

#red h2,
#red h3,
#red h4,
#red h5,
#red h6{
	border-color: #EB2A2D;
	background-color: #EB2A2D;
}



/*#####################################################################################
　yellow
#####################################################################################*/
#yellow #menu ul,
#yellow #menu li,
#yellow #wrap #top_cont .block,
#yellow #wrap #top_cont .carousel_slider,
#yellow #wrap #top_cont .block li,
#yellow #wrap #content,
#yellow #wrap #column,
#yellow .more a::after,
#yellow .more a,
#yellow #footer,
#yellow #wrap #content *,
#yellow #wrap #column *,
#yellow #footer{
	border-color: #ffd700;
}

#yellow #menu,
#yellow #menu li::before,
#yellow #menu li::after,
#yellow #menu li:hover::before,
#yellow #menu li:hover::after,
#yellow #header .navi .font_size .font_m a,
#yellow #header .navi .font_size .font_l a,
#yellow .more a::before,
#yellow #column li:before{
	background-color: #ffd700;
}

#yellow #menu li:hover {
	color: #ffd700;
}

#yellow #menu li{
	background-color: #fff;
}

#yellow h2,
#yellow #menu li a,
#yellow #header .navi .font_size .font_m a,
#yellow #header .navi .font_size .font_l a{
	color: #333;
}

#yellow #menu li a:hover{
	color: #333;
}

#yellow h2,
#yellow h3,
#yellow h4,
#yellow h5,
#yellow h6{
	border-color: #ffd700;
	background-color: #ffd700;
}



/*#####################################################################################
　pink
#####################################################################################*/
#pink #menu ul,
#pink #menu li,
#pink #wrap #top_cont .block,
#pink #wrap #top_cont .carousel_slider,
#pink #wrap #top_cont .block li,
#pink #wrap #content,
#pink #wrap #column,
#pink .more a::after,
#pink .more a,
#pink #footer,
#pink #wrap #content *,
#pink #wrap #column *,
#pink #footer{
	border-color: #ffe4e1;
}

#pink #menu,
#pink #menu li::before,
#pink #menu li::after,
#pink #menu li:hover::before,
#pink #menu li:hover::after,
#pink #header .navi .font_size .font_m a,
#pink #header .navi .font_size .font_l a,
#pink .more a::before,
#pink #column li:before{
	background-color: #ffe4e1;
}

#pink #menu li:hover {
	color: #ffe4e1;
}

#pink #menu li{
	background-color: #fff;
}

#pink h2,
#pink #menu li a,
#pink #header .navi .font_size .font_m a,
#pink #header .navi .font_size .font_l a{
	color: #333;
}

#pink #menu li a:hover{
	color: #333;
}

#pink h2,
#pink h3,
#pink h4,
#pink h5,
#pink h6{
	border-color: #ffe4e1;
	background-color: #ffe4e1;
}



/*#####################################################################################
　skyblue
#####################################################################################*/
#skyblue #menu ul,
#skyblue #menu li,
#skyblue #wrap #top_cont .block,
#skyblue #wrap #top_cont .carousel_slider,
#skyblue #wrap #top_cont .block li,
#skyblue #wrap #content,
#skyblue #wrap #column,
#skyblue .more a::after,
#skyblue .more a,
#skyblue #footer,
#skyblue #wrap #content *,
#skyblue #wrap #column *,
#skyblue #footer{
	border-color: #b0e0e6;
}

#skyblue #menu,
#skyblue #menu li::before,
#skyblue #menu li::after,
#skyblue #menu li:hover::before,
#skyblue #menu li:hover::after,
#skyblue #header .navi .font_size .font_m a,
#skyblue #header .navi .font_size .font_l a,
#skyblue .more a::before,
#skyblue #column li:before{
	background-color: #b0e0e6;
}

#skyblue #menu li:hover {
	color: #b0e0e6;
}

#skyblue #menu li{
	background-color: #fff;
}

#skyblue h2,
#skyblue #menu li a,
#skyblue #header .navi .font_size .font_m a,
#skyblue #header .navi .font_size .font_l a{
	color: #333;
}

#skyblue #menu li a:hover{
	color: #333;
}

#skyblue h2,
#skyblue h3,
#skyblue h4,
#skyblue h5,
#skyblue h6{
	border-color: #b0e0e6;
	background-color: #b0e0e6;
}



/*#####################################################################################
　pale
#####################################################################################*/

#pale #menu ul,
#pale #menu li,
#pale #wrap #top_cont .block,
#pale #wrap #top_cont .carousel_slider,
#pale #wrap #top_cont .block li,
#pale #wrap #content,
#pale #wrap #column,
#pale .more a::after,
#pale .more a,
#pale #footer,
#pale #wrap #content *,
#pale #wrap #column *,
#pale #footer{
	border-color: #eee8aa;
}

#pale #menu,
#pale #menu li::before,
#pale #menu li::after,
#pale #menu li:hover::before,
#pale #menu li:hover::after,
#pale #header .navi .font_size .font_m a,
#pale #header .navi .font_size .font_l a,
#pale .more a::before,
#pale #column li:before{
	background-color: #eee8aa;
}

#pale #menu li:hover {
	color: #eee8aa;
}

#pale #menu li{
	background-color: #fff;
}

#pale h2,
#pale #menu li a,
#pale #header .navi .font_size .font_m a,
#pale #header .navi .font_size .font_l a{
	color: #333;
}

#pale #menu li a:hover{
	color: #333;
}

#pale h2,
#pale h3,
#pale h4,
#pale h5,
#pale h6{
	border-color: #eee8aa;
	background-color: #eee8aa;
}