@charset "utf-8";





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　見出しデザインここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　見出しデザインここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　見出しデザインここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.midashi_design{
    position: relative;
    display: inline-block;
    padding: 0 55px;
    color: #00A5A8;
}

.midashi_design:before, .midashi_design:after{
    content: '';
    position: absolute;
    top: 35%;
    display: inline-block;
    width: 45px;
    height: 2px;
    border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
}

.midashi_design:before {left:0;}
.midashi_design:after {right: 0;}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　見出しデザインここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　見出しデザインここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　見出しデザインここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　各ページのタイトル・見出し ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　各ページのタイトル・見出し ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　各ページのタイトル・見出し ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 @media only screen and (max-width:1201px) {
.page_title{
    text-transform: uppercase;
    font-size: 100%;
    line-height: 35px;
    text-align: left;
    float: left;
    font-weight: bold;
    color: #333333;
    font-family: 'Noto Serif JP', serif;
    margin-bottom: 10px;
    width: 100%;
}
.page_midashi{
    width: 100%;
    text-transform: uppercase;
    font-size: 120%;
    line-height: 30px;
    text-align: left;
    float: left;
    color: #333333;
}
}
	
	
	
 @media only screen and (min-width:1201px) {
.page_title{
    text-transform: uppercase;
    font-size: 120%;
    line-height: 30px;
    text-align: left;
    float: left;
    font-weight: bold;
    color: #333333;
    font-family: 'Noto Serif JP', serif;
    margin-bottom: 10px;
    width: 100%;
}
.page_midashi{
    width: 100%;
    text-transform: uppercase;
    font-size: 130%;
    line-height: 32px;
    text-align: left;
    float: left;
    color: #333333;
    clear: left;
}
}

 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　各ページのタイトル・見出し ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　各ページのタイトル・見出し ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　各ページのタイトル・見出し ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */







 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　全ページ共通コンテナーここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　全ページ共通コンテナーここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　全ページ共通コンテナーここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media only screen and (max-width:420px) {
.container_in{
    width: 94.5%;
    float: left;
    padding-left: 0px;
    margin-left: 12px;
    margin-right: 12px;
}
.line{
    width: 100%;
    height: 100%;
    position: static;
    z-index: 100;
    float: left;
    background-image: url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png);
    background-position: 5% 0%,35% 0%,65% 0%,95% 0%;
    background-repeat: repeat-y;
    background-size: 0.01% auto;
}
.container {
    width: 100%;
    float: left;
    background-color: #FFFFFF;
    background-image: url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png);
    background-position: 5% 0%,35% 0%,65% 0%,95% 0%;
    background-repeat: repeat-y;
    background-size: 0.01% auto;
}
}

@media only screen and (min-width:420px)  and (max-width:650px){
.container_in{
    width: 420px;
    margin-left: auto;
    margin-right: auto;
}
.line{
    width: 100%;
    height: 100vh;
    position: static;
    z-index: 100;
    float: left;
    background-image: url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png);
    background-position: 5% 0%,35% 0%,65% 0%,95% 0%;
    background-repeat: repeat-y;
    background-size: 0.1% auto;
}
.container {
    width: 100%;
    float: left;
    background-color: #FFFFFF;
    background-image: url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png);
    background-position: 5% 0%,35% 0%,65% 0%,95% 0%;
    background-repeat: repeat-y;
    background-size: 0.1% auto;
}
}

@media only screen and (min-width:651px)  and (max-width:850px){
.container_in{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.line{
    width: 100%;
    height: 100%;
    position: static;
    z-index: 100;
    float: left;
    background-image: url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png);
    background-position: 5% 0%,35% 0%,65% 0%,95% 0%;
    background-repeat: repeat-y;
    background-size: 0.1% auto;
}
.container {
    width: 100%;
    float: left;
    background-color: #FFFFFF;
    background-image: url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png);
    background-position: 5% 0%,35% 0%,65% 0%,95% 0%;
    background-repeat: repeat-y;
    background-size: 0.1% auto;
}
}
	
@media only screen and (min-width:851px)  and (max-width:1200px){
.container_in{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.line{
    width: 100%;
    height: 100%;
    position: static;
    z-index: 100;
    float: left;
    background-image: url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png);
    background-position: 10% 0%,30% 0%,50% 0%,70% 0%,90% 0%;
    background-repeat: repeat-y;
    background-size: 0.01% auto;
}
.container {
    width: 100%;
    float: left;
    background-color: #FFFFFF;
    background-image: url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png);
    background-position: 10% 0%,30% 0%,50% 0%,70% 0%,90% 0%;
    background-repeat: repeat-y;
    background-size: 0.01% auto;
}
}
	
@media only screen and (min-width:1201px) {
.container_in{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
    height: 800px;
    float: left;
    clear: left;
}

.line{
    width: 100%;
    height: 100%;
    position: static;
    z-index: 100;
    float: left;
    background-image: url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png);
    background-position: 10% 0%,30% 0%,50% 0%,70% 0%,90% 0%;
    background-repeat: repeat-y;
    background-size: 0.01% auto;
}
.container {
    width: 100%;
    float: left;
    background-image: url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png),url(../images/line.png);
    background-position: 10% 0%,30% 0%,50% 0%,70% 0%,90% 0%;
    background-repeat: repeat-y;
    background-size: 0.01% auto;
    z-index: 0;
    background-color: #FFFFFF;
    clear: left;

}
}
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　全ページ共通コンテナーここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　全ページ共通コンテナーここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　全ページ共通コンテナーここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */






 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヘッダーエリアここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヘッダーエリアここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヘッダーエリアここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.header {
	width: 100%;
}




.header {
	width: 100%;
	float: left;
	background-color: #EEEEEE;
	position: fixed;
	z-index: 0;
	height: 85px;
}




 
 /* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヘッダーエリア　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

@media only screen and (max-width:420px) {
#headerArea {
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 3;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
} 
#header-top{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#header-top{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-width: 0px;
}
#logo01{
    width: 100px;
    height: auto;
    float: left;
    margin-top: 18px;
    margin-left: 15px;
}
#logo01 img{
	width: 100px;	
}
}

@media only screen and (min-width:420px)  and (max-width:650px){
#headerArea {
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    z-index: 3;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
} 
#header-top{
    width: 420px;
    margin-left: auto;
    margin-right: auto;
    border-width: 0px;
}
#logo01{
	width: 147px;
	height: auto;
	float: left;
	margin-top: 18px;
	margin-left: 20px;
	margin-right: 90px;
}
#site_name{
    width: 200px;
    height: auto;
    z-index: 1;
    position: fixed;
    float: left;
    margin-top: 55px;
    margin-left: 170px;
    font-size: 120%;
}
}

@media only screen and (min-width:651px)  and (max-width:850px){
#headerArea {
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    z-index: 1;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
} 
#header-top{
    width: 651px;
    margin-left: auto;
    margin-right: auto;
}
#logo01{
    width: 125px;
    height: auto;
    float: left;
    margin-top: 18px;
    margin-left: 20px;
}
}

@media only screen and (min-width:851px)  and (max-width:1200px){
#headerArea {
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    z-index: 1;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
} 
#header-top{
    width: 851px;
    margin-left: auto;
    margin-right: auto;
}
#logo01{
	width: 147px;
	height: auto;
	float: left;
	margin-top: 18px;
	margin-left: 20px;
	margin-right: 90px;
}
}

@media only screen and (min-width:1201px) {
#headerArea {
    position: fixed !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 2;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
} 
#header-top{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
#logo01{
    width: 120px;
    height: auto;
    position: fixed;
    float: left;
    margin-top: 15px;
}
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ヘッダー上メニュー　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

@media only screen and (max-width:651px){
#h_menu	{
	display: none;
}
}

@media only screen and (min-width:651px)  and (max-width:1200px){
#h_menu	{
	width: auto;
	float: right;
	text-align: right;
    font-size: 85%;
	margin-right: 20px;
	letter-spacing: 0.5px;
    font-family: 'Josefin Sans', sans-serif;
}
}

@media only screen and (min-width:1201px) {
#h_menu	{
    width: auto;
    float: right;
    text-align: right;
    font-size: 85%;
    letter-spacing: 0.5px;
    margin-right: -3px;
    font-family: 'Josefin Sans', sans-serif;
}
}

#h_menu a	{
	color: #000;
	border-right: solid 1px #AAA;
	padding-right: 6px;
	margin-right: 3px;
	text-decoration: none;
}

#h_menu ul	{
	margin-top: 5px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 15px;
	padding: 3px 0 0;
}

#h_menu li	{
	display: inline;
	list-style-type: none;
}


#h_menu a:hover {
	color: #D90000;
	text-decoration: none;
}


#h_menu li:last-child a	{
	border: none;
}

#h_menu li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li a	{
	border: none;
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　フワッとエフェクトここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　フワッとエフェクトここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　フワッとエフェクトここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
@media only screen and (min-width:651px)  and (max-width:1200px){


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　下からフワッと　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.fadein {
	opacity : 0.1;
	transform : translate(0px, 100px);
	transition : all 500ms;
	}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
	}

.effect3 .fadein:nth-of-type(2) {
	-moz-transition-delay:300ms;
	-webkit-transition-delay:300ms;
	-o-transition-delay:300ms;
	-ms-transition-delay:300ms;
	}
.effect3 .fadein:nth-of-type(3) {
	-moz-transition-delay:600ms;
	-webkit-transition-delay:600ms;
	-o-transition-delay:600ms;
	-ms-transition-delay:600ms;
	}
.effect3 .fadein:nth-of-type(4) {
	-moz-transition-delay:900ms;
	-webkit-transition-delay:900ms;
	-o-transition-delay:900ms;
	-ms-transition-delay:900ms;
	}
.effect3 .fadein:nth-of-type(5) {
	-moz-transition-delay:1200ms;
	-webkit-transition-delay:1200ms;
	-o-transition-delay:1200ms;
	-ms-transition-delay:1200ms;
	}

}

@media only screen and (min-width:1201px) {

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　下からフワッと　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.fadein {
	opacity : 0.1;
	transform : translate(0px, 100px);
	transition : all 500ms;
	}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0px, 0px);
	}
.effect3 .fadein:nth-of-type(2) {
	-moz-transition-delay:300ms;
	-webkit-transition-delay:300ms;
	-o-transition-delay:300ms;
	-ms-transition-delay:300ms;
	}
.effect3 .fadein:nth-of-type(3) {
	-moz-transition-delay:600ms;
	-webkit-transition-delay:600ms;
	-o-transition-delay:600ms;
	-ms-transition-delay:600ms;
	}
.effect3 .fadein:nth-of-type(4) {
	-moz-transition-delay:900ms;
	-webkit-transition-delay:900ms;
	-o-transition-delay:900ms;
	-ms-transition-delay:900ms;
	}
.effect3 .fadein:nth-of-type(5) {
    -moz-transition-delay: 1200ms;
    -webkit-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    padding-right: 20px;
    margin-right: 0px;
    padding-left: 20px;
	}
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　フワッとエフェクトここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　フワッとエフェクトここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　フワッとエフェクトここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　パンくずリストここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　パンくずリストここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　パンくずリストここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

@media only screen and (max-width:420px) {
.pan01	{
	width: 90%;
	font-size: 90%;
	float: right;
	margin-right: 20px;
	margin-left: 20px;
	line-height: 13pt;
	text-align: right;
	margin-top: 5px;
}
.pan02	{
	width: 90%;
	font-size: 90%;
	float: right;
	margin-right: 20px;
	margin-left: 20px;
	line-height: 13pt;
	text-align: right;
	margin-bottom: 5px;
}
}



@media only screen and (min-width:421px)  and (max-width:650px){
.pan01	{
	width: 90%;
	font-size: 90%;
	float: right;
	margin-right: 20px;
	margin-left: 20px;
	line-height: 13pt;
	text-align: right;
	margin-top: 5px;
}
.pan02	{
	width: 90%;
	font-size: 90%;
	float: right;
	margin-right: 20px;
	margin-left: 20px;
	line-height: 13pt;
	text-align: right;
	margin-bottom: 30px;
}
}

@media only screen and (min-width:651px)  and (max-width:850px){
.pan01	{
	width: 90%;
	text-align: right;
	font-size: 90%;
	float: right;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 5px;
}
.pan02	{
	width: 90%;
	text-align: right;
	font-size: 90%;
	float: right;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 30px;
}
}

@media only screen and (min-width:851px)  and (max-width:1200px){
.pan01	{
	width: 90%;
	text-align: right;
	font-size: 90%;
	float: right;
	margin-right: 20px;
	margin-left: 20px;
}
.pan02	{
	width: 90%;
	text-align: right;
	font-size: 90%;
	float: right;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 50px;
}
}

@media only screen and (min-width:1201px) {
.pan01	{
    width: 1200px;
    text-align: right;
    font-size: 90%;
    margin-left: auto;
    margin-right: auto;
    height: 20px;
}
.pan02	{
	width: 1200px;
	text-align: right;
	font-size: 90%;
	margin-left: auto;
	margin-right: auto;
	height: 20px;
	margin-bottom: 50px;
}
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　パンくずリストここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　パンくずリストここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　パンくずリストここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */




 




/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　ページタイトル（緑文字）　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

@media only screen and (max-width:420px) {
.title_text {
	width: 100%;
	font-size: 30px;
	text-align: left;
	font-family: 'Cinzel', serif;
	float: left;
	margin-top: 40px;
	color: #009844;
	clear: left;
	margin-bottom: 10px;
}
}

@media only screen and (min-width:421px)  and (max-width:1200px){
.title_text {
	width: 100%;
	font-size: 40px;
	text-align: left;
	font-family: 'Cinzel', serif;
	float: left;
	margin-top: 40px;
	color: #009844;
	clear: left;
	margin-bottom: 20px;
}
}




@media only screen and (min-width:1201px) {
.title_text {
	width: 100%;
	font-size: 40px;
	text-align: left;
	font-family: 'Cinzel', serif;
	float: left;
	margin-top: 40px;
	color: #009844;
	clear: left;
}
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定ここから　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

*{
    background-image: url(url);
    z-index: 0;
}

img{
    vertical-align: middle;
}



a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}
/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color: #555555;
	text-decoration: none;
	transition : all 0.5s;
 /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}


a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	font-size: auto;
	color: #D90000;
	text-decoration: none;
}


body, html, main {
    height: auto;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 27px;
    color: #777777;
} 


/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 15px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
}

p {
	padding-right: 0px;
	padding-left: 0px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　初期設定ここまで　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */