header{
padding:8px 0px 5px;
}
header .logo{
height:42px;
background:url(../img/bg_header.jpg) no-repeat;
margin-top:3px;
padding-left:10px;
padding-top:3px;
}


a:hover{
text-decoration:none;
}


.link-banner {
    border: 0;
}


.menu-btn {

    display: block;

    position: relative;

    /* padding: 8px 12px 8px 24px; */
    /* 上　右　下　左 */
	/* padding: 8px 12px 8px 24px; */
	/* padding: 6px 0px 0px 22px; */
	padding: 14px 0px 0px 22px;

    color: #333;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;

    background: linear-gradient(#ffffff, #ececec);
	/* グラデーション少し強め */
	/* background:linear-gradient(#ffffff 0%, #f8f8f8 45%, #e4e4e4 100%); */

    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #c9c9c9;

    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #c9c9c9;

    transition: .2s;

	/* 文字に少し影を付けます */
	/* text-shadow:1px 1px 0 #fff; */

/*
	width:180px;
	height:32px;
*/

}


.menu-btn::before {
    content: "";
    position: absolute;
    left: 8px;
    /* top: 45%; */
    top: 50%;
    transform: translateY(-50%);

    width: 0;
    height: 0;

    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #38b5df;
}

.menu-btn:hover {
    background: linear-gradient(#f7f7f7, #dddddd);
}




.menu-btn2 {

    display: block;

    position: relative;

    /* padding: 8px 12px 8px 24px; */
    /* 上　右　下　左 */
	/* padding: 8px 12px 8px 24px; */
	/* padding: 6px 0px 0px 22px; */
	padding: 14px 0px 0px 22px;

    color: #333;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;

    /* background: linear-gradient(#ffffff, #ececec); */
    /* background: linear-gradient(#ffffff, #4169e1); */
    /* background: linear-gradient(#ffffff 0%, #87ceeb 45%, #87cefa 100%); */
    /* background: linear-gradient(#87cefa 0%, #87ceeb 45%, #ffffff 100%); */
    /* background: #87cefa; */
    background: linear-gradient(0deg, #87cefa, #ffffff);

	/* グラデーション少し強め */
	/* background:linear-gradient(#ffffff 0%, #f8f8f8 45%, #e4e4e4 100%); */

    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #c9c9c9;

    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #c9c9c9;

    transition: .2s;

	/* 文字に少し影を付けます */
	/* text-shadow:1px 1px 0 #fff; */

/*
	width:180px;
	height:32px;
*/

}


.menu-btn2::before {

    content: "";
    position: absolute;
    left: 8px;
    /* top: 45%; */
    top: 50%;
    transform: translateY(-50%);

    width: 0;
    height: 0;

    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #38b5df;
}

.menu-btn2:hover {

    background: linear-gradient(#f7f7f7, #dddddd);
}




.title-box{

/*
    display: flex;
    align-items: center;

    width: 540px;
    width: 570px;
    height: 32px;
*/


width: 374px;
height:32px;


    /* width: 200px; */


    position: relative;
    margin:0;

    /* padding:6px 12px 6px 28px; */
    /* 上　右　下　左 */
    padding:2px 0px 0px 28px;

    color:#fff;
    font-size:16px;
    font-weight:bold;

    background:
        linear-gradient(to right,#18a8dd,#4fd0ff);

    border:1px solid #a6e6ff;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.5);


    text-shadow:
        1px 1px 1px rgba(0,0,0,.35);




background:
repeating-linear-gradient(
    0deg,
    rgba(255,255,255,.12) 0px,
    rgba(255,255,255,.12) 1px,
    transparent 1px,
    transparent 3px
),
linear-gradient(
    90deg,
    #0099d8 0%,
    #3cc8f6 45%,
    #19a6df 100%
);





}

.title-box::before{

    content:"";
    position:absolute;

    left:10px;
    top:45%;

    width:10px;
    height:10px;

    background:#ff7a3c;

    transform:translateY(-50%) rotate(45deg);

    border:2px solid #ffe0d0;

    box-sizing:border-box;

}



.title-box::after{
    content:"";
    position:absolute;
    inset:2px;
    border:1px solid rgba(255,255,255,.6);
    pointer-events:none;
}




.title-box2{

/*
    display: flex;
    align-items: center;

    width: 540px;
    width: 570px;
    height: 32px;
*/


width: 150px;
height:32px;


    /* width: 200px; */


    position: relative;
    margin:0;

    /* padding:6px 12px 6px 28px; */
    /* 上　右　下　左 */
    padding:2px 0px 0px 28px;

    color:#fff;
    font-size:16px;
    font-weight:bold;

    background:
        linear-gradient(to right,#18a8dd,#4fd0ff);

    border:1px solid #a6e6ff;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.5);


    text-shadow:
        1px 1px 1px rgba(0,0,0,.35);




background:
repeating-linear-gradient(
    0deg,
    rgba(255,255,255,.12) 0px,
    rgba(255,255,255,.12) 1px,
    transparent 1px,
    transparent 3px
),
linear-gradient(
    90deg,
    #0099d8 0%,
    #3cc8f6 45%,
    #19a6df 100%
);





}

.title-box2::before{

    content:"";
    position:absolute;

    left:10px;
    top:45%;

    width:10px;
    height:10px;

    background:#ff7a3c;

    transform:translateY(-50%) rotate(45deg);

    border:2px solid #ffe0d0;

    box-sizing:border-box;

}



.title-box2::after{
    content:"";
    position:absolute;
    inset:2px;
    border:1px solid rgba(255,255,255,.6);
    pointer-events:none;
}


.title-box3{

/*
    display: flex;
    align-items: center;

    width: 540px;
    width: 570px;
    height: 32px;
*/


width: 560px;
height:32px;

/* margin:0px 0px 5px; */


    /* width: 200px; */


    position: relative;
    margin:0;

    /* padding:6px 12px 6px 28px; */
    /* 上　右　下　左 */
    padding:2px 0px 0px 28px;

    color:#fff;
    font-size:16px;
    font-weight:bold;

    background:
        linear-gradient(to right,#18a8dd,#4fd0ff);

    border:1px solid #a6e6ff;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.5);


    text-shadow:
        1px 1px 1px rgba(0,0,0,.35);




background:
repeating-linear-gradient(
    0deg,
    rgba(255,255,255,.12) 0px,
    rgba(255,255,255,.12) 1px,
    transparent 1px,
    transparent 3px
),
linear-gradient(
    90deg,
    #0099d8 0%,
    #3cc8f6 45%,
    #19a6df 100%
);





}

.title-box3::before{

    content:"";
    position:absolute;

    left:10px;
    top:45%;

    width:10px;
    height:10px;

    background:#ff7a3c;

    transform:translateY(-50%) rotate(45deg);

    border:2px solid #ffe0d0;

    box-sizing:border-box;

}



.title-box3::after{
    content:"";
    position:absolute;
    inset:2px;
    border:1px solid rgba(255,255,255,.6);
    pointer-events:none;
}




.link-banner{
	width: 180px;
	height:	64px;

}




.contents-title {
    width: 180px;
    height: 32px;
    box-sizing: border-box;
    margin: 0;
    padding: 3px 0 0 12px;

    /* 横ストライプ */
    background:
        repeating-linear-gradient(
            to bottom,
            #eeeeee 0,
            #eeeeee 2px,
            #d5d5d5 2px,
            #d5d5d5 3px
        );

    border: 1px solid #bdbdbd;
    box-shadow:
        inset 0 0 0 2px #f7f7f7,
        inset 0 0 0 3px #cccccc;

    /* 文字 */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 23px;
    font-weight: bold;
    line-height: 25px;
    letter-spacing: 0;

    color: #ffffff;

    /* オレンジの縁取り */
    -webkit-text-stroke: 2px #ff7655;
    text-shadow:
        1px 1px 0 #ff7655,
        -1px -1px 0 #ff7655,
        1px -1px 0 #ff7655,
        -1px 1px 0 #ff7655;
}