@charset "utf-8";
/* CSS Document */

/*==================== styles ====================*/

/*=============== layout ===============*/

.lft {
	float: left;
}
.rht {
	float: right;
}
.clear {
	clear: both;
}

/* Clearfix*/
.clearfix { zoom:1; }
.clearfix:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }


.t-rht {
	text-align: right;
}
.t-lft {
	text-align: left;
}
.t-cnt {
	text-align: center;
}

.page_top {
	text-align: right;
	margin: 0px;
	padding: 0px;
}


/*=============== font ===============*/

.bold {
	font-weight: bold;
}
.fon10 {
	font-size: 77%;
}
.fon11 {
	font-size: 85%;
}
.fon12 {
	font-size: 93%;
}
.fon13 {
	font-size: 100%;
}
.fon14 {
	font-size: 108%;
}
.fon15 {
	font-size: 116%;
}
.fon16 {
	font-size: 123.1%;
}


}
.font12 {
	font-size: 12px;
	line-height: 140%;
}
.font14 {
	font-size: 14px;
	line-height: 140%;
}

.font16 {
	font-size: 16px;
	line-height: 140%;
}

.font18 {
	font-size: 18px;
	line-height: 140%;
}

.font20 {
	font-size: 20px;
	line-height: 140%;
}



/*=============== margin ===============*/

.mar0{
	margin: 0px;
}
.mar3 {
	margin: 3px;
}

.mar5{
	margin: 5px;
}
.mar10{
	margin: 10px;
}
.mar15{
	margin: 15px;
}
.mar20{
	margin: 20px;
}
.mar25{
	margin: 25px;
}
.mar30{
	margin: 30px;
}

.mar40{
	margin: 40px;
}

.m-t0{
	margin-top: 0px;
}
.m-r0{
	margin-right: 0px;
}
.m-b0{
	margin-bottom: 0px;
}
.m-l0{
	margin-left: 0px;
}

.m-b05 {
	margin-bottom: 5px;
}


.m-r3{
	margin-right: 3px;
}

.m-t5{
	margin-top: 5px;
}
.m-r5{
	margin-right: 5px;
}
.m-b5{
	margin-bottom: 5px;
}
.m-l5{
	margin-left: 5px;
}

.m-t10{
	margin-top: 10px;
}
.m-r10{
	margin-right: 10px;
}
.m-b10{
	margin-bottom: 10px;
}
.m-l10{
	margin-left: 10px;
}

.m-t15{
	margin-top: 15px;
}
.m-r15{
	margin-right: 15px;
}
.m-b15{
	margin-bottom: 15px;
}
.m-l15{
	margin-left: 15px;
}

.m-t20{
	margin-top: 20px;
}
.m-r20{
	margin-right: 20px;
}
.m-b20{
	margin-bottom: 20px;
}
.m-l20{
	margin-left: 20px;
}

.m-l25{
	margin-left: 20px;
}

.m-t30{
	margin-top: 30px;
}
.m-r30{
	margin-right: 30px;
}
.m-b30{
	margin-bottom: 30px;
}
.m-l30{
	margin-left: 30px;
}

/*半端数値*/
.m-l31{
	margin-left: 31px;
}
.m-l32{
	margin-left: 32px;
}
.m-l33{
	margin-left: 33px;
}
.m-l34{
	margin-left: 34px;
}

.m-t35{
	margin-top: 35px;
}
.m-r35{
	margin-right: 35px;
}
.m-b35{
	margin-bottom: 35px;
}
.m-l35{
	margin-left: 35px;
}


.m-l110{
	margin-left: 110px;
}



.m-t40{
	margin-top: 40px;
}
.m-r40{
	margin-right: 40px;
}
.m-b40{
	margin-bottom: 40px;
}
.m-l40{
	margin-left: 40px;
}


.m-l48{
	margin-left: 48px;
}

.m-t50{
	margin-top: 50px;
}
.m-r50{
	margin-right: 50px;
}
.m-b50{
	margin-bottom: 50px;
}
.m-l50{
	margin-left: 50px;
}

.m-l68{
	margin-left: 68px;
}
.m-l80 {
	margin-left: 80px;
}
.m-l310 {
	margin-left: 310px;
}


.m-l60{
	margin-left: 121px;
}

.m-l70{
	margin-left: 70px;
}

/*=============== padding ===============*/

.pad0{
	padding: 0px;
}
.pad5{
	padding: 5px;
}
.pad10{
	padding: 10px;
}
.pad15{
	padding: 15px;
}
.pad20{
	padding: 20px;
}
.pad25{
	padding: 25px;
}
.pad30{
	padding: 30px;
}

.p-t0{
	padding-top: 0px;
}
.p-r0{
	padding-right: 0px;
}
.p-b0{
	padding-bottom: 0px;
}
.p-l0{
	padding-left: 0px;
}

.p-t5{
	padding-top: 5px;
}
.p-r5{
	padding-right: 5px;
}
.p-b5{
	padding-bottom: 5px;
}
.p-l5{
	padding-left: 5px;
}

.p-t10{
	padding-top: 10px;
}
.p-r10{
	padding-right: 10px;
}
.p-b10{
	padding-bottom: 10px;
}
.p-l10{
	padding-left: 10px;
}

.p-t15{
	padding-top: 15px;
}
.p-r15{
	padding-right: 15px;
}
.p-b15{
	padding-bottom: 15px;
}
.p-l15{
	padding-left: 15px;
}

.p-t20{
	padding-top: 20px;
}
.p-r20{
	padding-right: 20px;
}
.p-b20{
	padding-bottom: 20px;
}
.p-l20{
	padding-left: 20px;
}

.p-t30{
	padding-top: 30px;
}
.p-r30{
	padding-right: 30px;
}
.p-b30{
	padding-bottom: 30px;
}
.p-l30{
	padding-left: 30px;
}

.p-t35{
	padding-top: 35px;
}
.p-r35{
	padding-right: 35px;
}
.p-b35{
	padding-bottom: 35px;
}
.p-l35{
	padding-left: 35px;
}

.p-t40{
	padding-top: 40px;
}
.p-r40{
	padding-right: 40px;
}
.p-b40{
	padding-bottom: 40px;
}
.p-l40{
	padding-left: 40px;
}

.p-t50{
	padding-top: 50px;
}
.p-r50{
	padding-right: 50px;
}
.p-b50{
	padding-bottom: 50px;
}
.p-l50{
	padding-left: 50px;
}

/*=============== width ===============*/

.wid200{
	width: 200px;
}



/*=============== height ===============*/

.hei200{
height: 200px;
}


/*==================== fonts ====================*/

.blue {
	color: #00F;
}

.red {
	color: #FF0000;
}

.green {
	color: #098B0D;
}

.brown {
}

.yellow {
}

.black {
}
.white {
	color: #FFF;
}
.orange {
	color: #F60;
}





/* hacks  ============================================

IE7
aa*:first-child+html ZN^ {
}

IE6
* html ZN^ {
}

safari
html* ZN^ {
}

===================================================== */

/* =====================================================

If you want this size in pixels(px), Declare this percent(%)

10px ----- 77%
11px ----- 85%
12px ----- 93%
13px ----- 100%
14px ----- 108%
15px ----- 116%
16px ----- 123.1%
17px ----- 131%
18px ----- 136%
19px ----- 144%
20px ----- 152%
21px ----- 159%
22px ----- 167%
23px ----- 174%
24px ----- 182%
25px ----- 189%
26px ----- 197%


Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
===================================================== */

img {
	border: 0;
}
body {
	margin: 0px;
	padding: 0px;
	font: arial, helvetica, clean, sans-serif;
}
*:first-child+html body{
}
* html body{
}
img {
	border: 0px;
}

table{ 
	font-size:1em; 
	font-size:inherit;
}

p {
	height: auto;
	margin-left: 0;
	margin-right: 0;
}

a {
}

ul, ol{
	margin:0px;
	padding:0px;
}
.right {
	text-align: right;
	margin-right: 10px;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.clear {
	clear: both;
}

.img-left {
	margin: 0px 10px 10px 0px;
	float: left;
}
.img-right {
	margin: 10px;
	float: right;
}

.m-t10{
	margin-top: 10px;
}

/*画像*/

a img:hover {
opacity: 0.5 ;
transition: 0.3s ;
}


#footer .t-cnt img {
    width: 22%;
    height: auto;
}


/*モバイル用*/
@media screen and (max-width: 480px){
	
.font15 {
	font-size: 22px;

}	
	
.font16 {
	font-size: 22px;

}

.font18 {
	font-size: 22px;

}		


.font20 {
	font-size: 26px;

}
	
}