* {
	padding: 0 ;
	margin: 0 ;
}

body {
	background: url(images/back.jpg);
}


p {padding: 0 0 8px ;}
.news {margin: 30px 0 ;}
.textcenter { text-align: center ;}
.titlefont20 { font-size: 20px ; font-weight: 700 ;}
.titlefont16 { font-size: 16px ; font-weight: 700 ;}


.all {
	margin: 20px auto 40px;
	width: 900px ;
}

.topmain {
	width: 600px ; 
	height: 170px ;
	padding: 280px 0 0 300px ;
	background: url(images/01.png);
	
}

.topmain2 {
	width: 900px ; 
	height: 880px ;
	background: url(images/001.png);
	
}

.news {

	background: #FFFFFF ;
	padding: 30px ;
	border-radius: 10px;
}


.news li {
	padding: 8px 0 ;
	border-bottom: 1px dashed #999999 ;
	list-style-type: none ;
}


a:hover img.trans {
	opacity:0.5; 
	filter:Alpha(opacity=50);
}




/*--------------------------------------------------------------
 Image
--------------------------------------------------------------*/

img {
  vertical-align: bottom;
}

/* bottom */
img.bottom0 {margin-bottom:0;}
img.bottom5 {margin-bottom:5px;}
img.bottom10 {margin-bottom:10px;}
img.bottom15 {margin-bottom:15px;}
img.bottom20 {margin-bottom:20px;}
img.bottom25 {margin-bottom:25px;}
img.bottom30 {margin-bottom:30px;}
img.bottom50 {margin-bottom:50px;}
img.bottom100 {margin-bottom:100px;}
img.bottom150 {margin-bottom:150px;}

/* top */
img.top0 {margin-top:0px;}
img.top5 {margin-top:5px;}
img.top10 {margin-top:10px;}
img.top15 {margin-top:15px;}
img.top20 {margin-top:20px;}
img.top25 {margin-top:25px;}
img.top30 {margin-top:30px;}
img.top50 {margin-top:50px;}
img.top100 {margin-top:100px;}
img.top150 {margin-top:150px;}

/* right */
img.right0 {margin-right:0px;}
img.right5 {margin-right:5px;}
img.right10 {margin-right:10px;}
img.right15 {margin-right:15px;}
img.right20 {margin-right:20px;}
img.right25 {margin-right:25px;}
img.right30 {margin-right:30px;}

/* left */
img.left0 {margin-left:0px;}
img.left5 {margin-left:5px;}
img.left10 {margin-left:10px;}
img.left15 {margin-left:15px;}
img.left20 {margin-left:20px;}
img.left25 {margin-left:25px;}
img.left30 {margin-left:30px;}

/* right-float */
img.right0f {float:left;}
img.right5f {float:left;margin-right:5px;}
img.right10f {float:left;margin-right:10px;}
img.right15f {float:left;margin-right:15px;}
img.right20f {float:left;margin-right:20px;}
img.right25f {float:left;margin-right:25px;}
img.right30f {float:left;margin-right:30px;}

/* left-float */
img.left0f {float:right;}
img.left5f {float:right;margin-left:5px;}
img.left10f {float:right;margin-left:10px;}
img.left15f {float:right;margin-left:15px;}
img.left20f {float:right;margin-left:20px;}
img.left25f {float:right;margin-left:25px;}
img.left30f {float:right;margin-left:30px;}



/*--------------------------------------------------------------
 img
--------------------------------------------------------------*/

a img { border: 0; }
img { max-width: 100%; height: auto; }

a:hover img.trans {
	opacity:0.5; 
	filter:Alpha(opacity=50);
}

.expansion img{
  	transition: 0.3s;
}

.expansion img:hover{
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
}


/*--------------------------------------------------------------
 a link
--------------------------------------------------------------*/

a {
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
    text-decoration: none;
    color: #1c7c7c;
}

a:hover {
    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            color: #999;
}

a.btn_square { display: inline-block; padding: 0.3em 1em; text-decoration: none; color: #529e57; border: solid 1px #529e57; border-radius: 2px; transition: .4s; }
a.btn_square:hover { background: #529e57; color: white; }

a.square-ye { display: inline-block; padding: 0.3em 1em; text-decoration: none; color: #F8B42D; border: solid 1px #F8B42D; border-radius: 2px; transition: .4s; }
a.square-ye:hover { background: #F8B42D; color: white; }

a.square-bl { display: inline-block; padding: 0.3em 1em; text-decoration: none; color: #02758D; border: solid 1px #02758D; border-radius: 2px; transition: .4s; }
a.square-bl:hover { background: #02758D; color: white; }

a.square-gray {
    cursor: pointer;
    color: rgba(0, 0, 0, .8);
    border: 1px solid #aaa;
    border-color: #aaa;
    border-radius: 3px;
    background: #e6e6e6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 15px 17px rgba(255, 255, 255, .5), inset 0 -5px 12px rgba(0, 0, 0, .05);
    /* Corrects inability to style clickable 'input' types in iOS */
    text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
    /* Improves usability and consistency of cursor style between image-type 'input' and others */

    -webkit-appearance: button;
}


/*--------------------------------------------------------------
 Text
--------------------------------------------------------------*/


p { margin-bottom: 5px; }


/* カラー */
.red {color:#C30D22;}
.blue {color:#2c67cc;}
.orange	{color:#EA5414;}
.green {color:#33aa41;}
.brown	{color:#3e261c;}

.keikou-yellow { display: inline-block ; background: linear-gradient(transparent 50%, yellow 50%); }
.keikou-red { display: inline-block ; background: linear-gradient(transparent 60%, #ffc6c6 60%); }

/* フォントサイズ */
.font9	{font-size: 9px;}
.font10	{font-size: 10px;}
.font11	{font-size: 11px;}
.font12	{font-size: 12px;}
.font13	{font-size: 13px;}
.font14	{font-size: 14px; line-height: 150% ;}
.font15	{font-size: 15px; line-height: 150% ;}
.font16 {font-size: 16px; margin-bottom:5px ; line-height: 150% ;}
.font18 {font-size: 18px; margin-bottom:5px ; line-height: 150% ;}
.font20 {font-size: 20px; margin-bottom:5px ; line-height: 150% ;}
.font24	{font-size: 24px; margin-bottom:5px ; line-height: 180% ;}
.font30	{font-size: 30px; margin-bottom:5px ; line-height: 180% ;}
.font36	{font-size: 36px; margin-bottom:5px ; line-height: 180% ;}


/* タイトル */
.titlefont12 {font-size: 12px; font-weight: 700; margin-bottom:5px ;}
.titlefont14 {font-size: 14px; font-weight: 700; margin-bottom:5px ;}
.titlefont16 {font-size: 16px; font-weight: 700; margin-bottom:5px ;}
.titlefont18 {font-size: 18px; font-weight: 700; margin-bottom:5px ; line-height: 150% ;}
.titlefont20 {font-size: 20px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}
.titlefont24 {font-size: 24px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}
.titlefont26 {font-size: 26px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}
.titlefont30 {font-size: 30px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}
.titlefont36 {font-size: 36px; font-weight: 700; margin-bottom:5px ; line-height: 180% ;}


/* 文字揃え */
.textright { text-align:right;}
.textleft { text-align:left;}
.textcenter { text-align:center;}
img.center { margin: 0 auto ;}


/* 文字揃え */
.textbottom5 {margin-bottom:5px;}
.textbottom10 {margin-bottom:10px;}
.textbottom15 {margin-bottom:15px;}
.textbottom20 {margin-bottom:20px;}


/* スペース 使用方法：<div class="space10"><hr></div>*/
hr{ display: none ; }
.space1 { height:1px; clear:both;}
.space2 { height:2px; clear:both;}
.space3 { height:3px; clear:both;}
.space4 { height:4px; clear:both;}
.space5 { height:5px; clear:both;}
.space6 { height:6px; clear:both;}
.space7 { height:7px; clear:both;}
.space8 { height:8px; clear:both;}
.space9 { height:9px; clear:both;}
.space10 { height:10px; clear:both;}
.space12 { height:12px; clear:both;}
.space14 { height:14px; clear:both;}
.space15 { height:15px; clear:both;}
.space16 { height:16px; clear:both;}
.space18 { height:18px; clear:both;}
.space20 { height:20px; clear:both;}
.space22 { height:22px; clear:both;}
.space24 { height:24px; clear:both;}
.space25 { height:25px; clear:both;}
.space26 { height:26px; clear:both;}
.space30 { height:30px; clear:both;}
.space40 { height:30px; clear:both;}
.space50 { height:30px; clear:both;}


.pc { display: block !important; }
.sp { display: none !important; }




@media screen and (max-width:900px) {

body {
}


.all {
	width: 94% ;
	margin: 0 auto ;
}
.pc { display: none !important; }
.sp { display: block !important; }

}