﻿@charset "utf-8";

/*---------------------------------------------------------------------------------------------------------*/
/* 2026/04/07 @001 h1からh6までの設定を、CssStyle.cssからCssH1toH6Info.cssに分離した                       */
/*---------------------------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------*/
/*【PC用とスマホ用の共通の設定】サイト全体への適用                           */
/*---------------------------------------------------------------------------*/


/*【黄色系】(1) */
h1{
    background: #FF0;
    color: #FFF;
    color: #00F;
	border-bottom:1px solid #00F;
	border-top: 2px solid #00F;
	border-left: 2px solid #00F;
	border-right: 2px solid #00F;

}

/*【黄色系】(1) */
.Box01Title .TitleName {
    background: #FF0;
    color: #FFF;
    color: #00F;
	border-bottom:1px solid #00F;
	border-top: 2px solid #00F;
	border-left: 2px solid #00F;
	border-right: 2px solid #00F;

}

/*【だいだい色系】(6) */
.Box06Title .TitleName {

    color: #00F;
    color: #FFF;
	border-bottom:1px solid #F90;
	border-top: 2px solid #F90;
	border-left: 2px solid #F90;
	border-right: 2px solid #F90;
	background-image: linear-gradient(0deg, #420 0%,#840 35%,#FFFEFD 70%,#F90 100%);
	background-image: linear-gradient(0deg, #210 0%,#630 35%,#A60 70%,#F90 100%);
	background-image: linear-gradient(0deg, #630 0%,#A60 35%,#F90 70%,#FD8 100%);
	background-image: linear-gradient(0deg, #630 0%,#A60 35%,#E80 70%,#FB4 100%);

}

/*【緑色系】(2) */
.Box02Title .TitleName {
	background-image: linear-gradient(0deg, #040 0%,#080 35%,#0C0 70%,#0F0 100%);
    color: #FF0;
    /* font-weight: bold;*/
	border-bottom:1px solid #080;
	border-top: 2px solid #040;
	border-left: 2px solid #040;
	border-right: 2px solid #040;

}

/*【水色系】(8) */
.Box08Title .TitleName {
	background-image: linear-gradient(0deg, #040 0%,#080 35%,#0C0 70%,#0F0 100%);
	background-image: linear-gradient(0deg, #044 0%,#088 35%,#0CC 70%,#0FF 100%);
	background-image: linear-gradient(0deg, #088 0%,#0BB 35%,#0DD 70%,#0FF 100%);
	background-image: linear-gradient(0deg, #022 0%,#066 35%,#0AA 70%,#0FF 100%);
    color: #FF0;
	border-bottom:1px solid #080;
	border-top: 2px solid #040;
	border-left: 2px solid #040;
	border-right: 2px solid #040;
	border-bottom:1px solid #088;
	border-top: 2px solid #044;
	border-left: 2px solid #044;
	border-right: 2px solid #044;

}

/*【赤色系】(3) */
.Box03Title .TitleName {
	background-image: linear-gradient(0deg, #400 0%,#800 35%,#C00 70%,#F00 100%);
    color: #FFF;
	border-bottom:1px solid #F00;
	border-top: 2px solid #F00;
	border-left: 2px solid #F00;
	border-right: 2px solid #F00;

}

/*【ピンク系】(7) */
.Box07Title .TitleName {
	background-image: linear-gradient(0deg, #404 0%,#808 35%,#C0C 70%,#F0F 100%);
	background-image: linear-gradient(0deg, #404 0%,#828 35%,#C4C 70%,#F8F 100%);
    color: #FFF;
	border-bottom:1px solid #F0F;
	border-top: 2px solid #F0F;
	border-left: 2px solid #F0F;
	border-right: 2px solid #F0F;

}

/*【茶色系】(9) */
.Box09Title .TitleName {
	background-image: linear-gradient(0deg, #400 0%,#800 35%,#C00 70%,#F00 100%);
	background-image: linear-gradient(0deg, #421 0%,#852 35%,#B74 70%,#FA6 100%);
    color: #FFF;
	border-bottom:1px solid #B74;
	border-top: 2px solid #B74;
	border-left: 2px solid #B74;
	border-right: 2px solid #B74;

}

/*【青色系】(4) */
.Box04Title .TitleName {
	background-image: linear-gradient(0deg, #004 0%,#008 35%,#00C 70%,#00F 100%);
    color: #FFF;
	border-bottom:1px solid #00F;
	border-top: 2px solid #00F;
	border-left: 2px solid #00F;
	border-right: 2px solid #00F;

}

/*【紫色系】(5) */
.Box05Title .TitleName {
	background-image: linear-gradient(0deg, #204 0%,#508 35%,#80C 70%,#A0F 100%);
    color: #FFF;
	border-bottom:1px solid #A0F;
	border-top: 2px solid #A0F;
	border-left: 2px solid #A0F;
	border-right: 2px solid #A0F;

}

