@charset "UTF-8";


body{
	font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
	font-weight:normal;
	-webkit-text-size-adjust: 100%;
    line-height:1.3em;
	color:#393939;
	background:#fff;
    width:100%;
    	overflow-wrap: break-all;
	word-wrap:break-word;
}


br {letter-spacing: 0; }

a{cursor:pointer}

a:link {
    border:none;
    color:#4ea8ea;
	text-decoration: none;
}

a:visited {
    border:none;
    color:#8b8b8b;
	text-decoration: none;
}

a:hover {
    border:none;
    color:#76e0ff;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
}

a:active {
    border:none;
    color:#5ab8ff;
	text-decoration: none;
}


a:hover img{
    opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    
    *opacity:none;
    *filter: none;
    *-ms-filter: "none";
    opacity:none\9;
    filter: none\9;
    -ms-filter: "none"\9;    
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
        }

a img{border:none;}


img{
	font-size:0;
	line-height:0;
	vertical-align:top;
}




div#container{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	background:#fff
}



/* ==============================================header */

#head{
	width: 980px;
	height:85px;
	margin:0 auto;
	padding-top:15px;
}

#head h1{float:left}
#head div.h1{float:left}

#head h2{margin:0 0 2px 0}
#head h2 br{display:none}
#head div.logo{float:right}
#head div.logo p{display: none}

div.search{padding-left:15px;margin:10px 0 30px 4%;float:left}


#cse-search-box input[type="text"] {
	border:1px solid #cbcbcb;
    height: 18px;
    padding: 0 !important;
    width: 270px;
    float: left;
    border-radius:0
}


#cse-search-box input[type="image"] {
    float: left;
    margin-left: 0 !important;
    width: 25px;height: 20px;
    padding: 0 5px;
    background: #ccc
    }


#nav{
	background:#fff;
	
	}

.b1{border-bottom:3px solid #fac107}
.b2{border-bottom:3px solid #88c458}
.b3{border-bottom:3px solid #7d6e5b}

.b5{border-bottom:3px solid #5ab8ff}
.b6{border-bottom:3px solid #1c4f93}

#menu{
	width: 980px;
	margin:0 auto;
	background: #fff;

}

#menu li{
	float:left;
	text-align: center;			
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
    transition: all  0.6s ease;
    font-size: 16px;
    line-height: 40px
}


#menu li a{
	width:163px;
	height:40px;
	display: block;

}

    li.m1{background:url(../img2/menu/top1.png) no-repeat;background-position:0 5px;width:196px;height:40px}
    li.m1:hover {background:url(../img2/menu/topon.png) no-repeat;background-position:0 5px;width:196px;height:40px}
    li.m1on{background:url(../img2/menu/topon.png) no-repeat;background-position:0 5px;width:196px;height:40px;}
    li.m1on:hover {background:url(../img2/menu/topon.png) no-repeat;background-position:0 0;width:196px;height:40px}
    
    li.m2{background:url(../img2/menu/news1.png) no-repeat;background-position:0 5px;width:165px;height:40px}
    li.m2:hover {background:url(../img2/menu/newson.png) no-repeat;background-position:0 5px;width:165px;height:40px}
    li.m2on{background:url(../img2/menu/newson.png) no-repeat;background-position:0 5px;width:165px;height:40px;}
    li.m2on:hover {background:url(../img2/menu/newson.png) no-repeat;background-position:0 0;width:165px;height:40px}
    
    li.m3{background:url(../img2/menu/blog1.png) no-repeat;background-position:0 5px;width:196px;height:40px;}
    li.m3:hover {background:url(../img2/menu/blogon.png) no-repeat;background-position:0 5px;width:196px;height:40px;}
    li.m3on{background:url(../img2/menu/blogon.png) no-repeat;background-position:0 5px;width:196px;height:40px;}
    li.m3on:hover {background:url(../img2/menu/blogon.png) no-repeat;background-position:0 0;width:196px;height:40px}   

    li.m4{background:url(../img2/menu/seminar1.png) no-repeat;background-position:0 5px;width:196px;height:40px;}
    li.m4:hover {background:url(../img2/menu/seminaron.png) no-repeat;background-position:0 5px;width:196px;height:40px;}
    li.m4on{background:url(../img2/menu/seminaron.png) no-repeat;background-position:0 5px;width:196px;height:40px;}
    li.m4on:hover {background:url(../img2/menu/seminaron.png) no-repeat;background-position:0 0;width:196px;height:40px}
    
    li.m5{background:url(../img2/menu/contact1.png) no-repeat;background-position:0 5px;width:196px;height:40px;}
    li.m5:hover {background:url(../img2/menu/contacton.png) no-repeat;background-position:0 5px;width:196px;height:40px;}
    li.m5on{background:url(../img2/menu/contacton.png) no-repeat;background-position:0 5px;width:196px;height:40px;}
    li.m5on:hover {background:url(../img2/menu/contacton.png) no-repeat;background-position:0 0;width:196px;height:40px}
    
    li.m6{background:url(../img2/menu/camera1.png) no-repeat;background-position:0 5px;width:196px;height:40px;}
    li.m6:hover {background:url(../img2/menu/cameraon.png) no-repeat;background-position:0 5px;width:196px;height:40px;}
    li.m6on{background:url(../img2/menu/cameraon.png) no-repeat;background-position:0 5px;width:196px;height:40px;}
    li.m6on:hover {background:url(../img2/menu/cameraon.png) no-repeat;background-position:0 0;width:196px;height:40px} 
   
	li.m1 span,li.m1on span,
	li.m2 span,li.m2on span,
	li.m3 span,li.m3on span,
	li.m4 span,li.m4on span,
	li.m5 span,li.m5on span,
	li.m6 span,li.m6on span{display: none}


#toggle{ display: none;}


/* ============================================== main関連*/

#slider{padding-top:1px;overflow: hidden}

#slider a:link {
    border:none;
    color:#fff;
	text-decoration: none;
}


#slider a:visited {
    border:none;
    color:#fff;
	text-decoration: none;
}

#slider a:hover {
    border:none;
    color:#b9b9b9;
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
}

#slider a:active {
    border:none;
    color:#fff6b5;
	text-decoration: none;
}

#slider a{display: block}

#slider .sp-selected-thumbnail {
	border: 3px solid #dcab48;
}


/* ============================================== top*/

#top{
	width:100%;
	padding-top:20px;
	padding-bottom: 20px;	
	font-family:Futura,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
}

.top{width: 100%;overflow: hidden;}

#top p{text-align: center;line-height: 1.8em}



/* ============================================== contents*/


#description{
	width:980px;
	margin:30px auto;
	overflow: hidden;
	font-size: 90%;
	text-align: center
	}
	
#description a{
	font-weight: bold}
	
	
/*トピックス*/
#topics{
	width: 100%;
	background: #f7f7f7;
	padding:50px 0;
	margin:0 auto
}

#topics h2{
	font-size:180%;
	font-family:Futura,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
	font-weight:normal;
	margin-bottom:30px;
	text-align: center;
	letter-spacing:0.1em
}


#topics h2.sub{
	font-size:150%;
	font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif!important;
	font-weight:normal;
	margin-bottom:30px;
	text-align: center;
	letter-spacing:normal
}





/*更新情報*/
#news{padding:50px 0;clear:both;background:#fff}

#news h2{
	font-size:150%;
	font-family:Futura,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
	font-weight:normal;
	margin-bottom:30px;
	text-align: center;
	letter-spacing:0.1em
}

.news{width: 980px;margin:0 auto!important}

#news div.rs{width:30%!important;float:left}
#news div.cl{width:35%!important;float:left;margin:0 2%;}
#news div.fbtl{width:35%!important;float:left;margin:0 2%!important;overflow:hidden}
#news div.tw{width:31%!important;float:left}

#news div.rs h2 a{color:#7d6e5b}
#news div.cl h2 a{color:#1c4f93}
#news div.tw h2 a{color:#00aced}
#news div.fbtl h2 a{color:#1c4f93!important}



.twfollow{width:130px;float:right;margin-top:15px}



/* Rosetta Blog*/
#rsblog,#clife{width:100%;margin:0 auto}

#rsblog ul,#clife ul{list-style: none}

#rsblog li{
	list-style:none;
	margin:0 auto 5px auto;
	padding-bottom:20px;
	font-size:11px;
	line-height: 1.2em;
	background:#f3eee8;
	padding:2%;
	text-align: center
}
#rsblog li:hover{background:#fcfaf8;}
#rsblog a{color:#7d6e5b;display: block}
#rsblog a:hover{color:#a29077}

#rsblog div.ph,#clife div.ph{
	width:100%;
	height:100px;
	margin-top:-75px;
	overflow: hidden
}

#rsblog div.ph img,#clife div.ph img{
	position:relative;
	z-index: 1;
	top: -100%;
    left:-10%;}

#rsblog li h3,#clife li h3{text-align: left;font-size:14px;line-height: 1.2em;margin:15px 0 5px 0;color:#393939}

p.date{
	position: relative;
	margin-top:-20px;
	margin-right:10px;
	z-index: 2;
	text-align:right;
	color: #fff!important;
	font-size:14px;	
	}
p.comm{text-align: left}

img.arr{position: relative;z-index:3;text-align: center;margin:0 auto;opacity: 0;padding-top: 25px}

p.date2{
	position: relative;
	margin-top:0px;
	margin-right:0;
	z-index: 2;
	text-align:right!important;
	font-size:14px!important;	
	}
	
img.arr2{position: relative;z-index:3;text-align: center;margin:0 auto;opacity: 0;padding-top:0}	
	
	
/* Camera Life*/

#clife li{
	list-style:none;
	margin:0 auto 5px auto;
	padding-bottom:20px;
	font-size:11px;
	line-height: 1.2em;
	background:#ededed;
	padding:2%;
	text-align: center
	}
#clife li:hover{background:#fcfcfc}
#clife a{color:#7d7d7d;display: block}
#clife a:hover{color:#a2a2a2}






/* ============================================== banner*/
/*バナー1*/
div.bnrarea3{width:980px;margin:30px auto 0 auto;clear:both;text-align:center;overflow: hidden}
div.bnrarea3 img{width:23.5%;float:left}
img.bb1,img.bb2,img.bb3{margin-right:2%}

/*バナー2*/
div.bnrarea{padding-top:40px;width:100%;clear:both;overflow: hidden}
div.bnrarea img{width:23.5%;float:left}
img.bn1,img.bn2,img.bn3{margin-right:2%}

/*バナー3*/
#aside{
	width:100%;
	text-align:center;
	background: #e8e8e8;
}

div.bnrarea2{width: 980px;margin:0 auto;padding:50px 0;overflow: hidden}

div.bnrarea2 img{width:18.4%;float:left}
img.i1,img.i2,img.i3,img.i4{margin-right:2%}


/*バナー4*/
div.bnrarea4{width:100%;background:#fff;clear:both;overflow: hidden}
div.bnrarea4 img{width:23.5%;float:left}

/*ブログバナー*/
div.sbanner{width: 250px;}
div.sbanner img{width: 100%;margin-top: 20px}

div.bbanner{display: none}





/* ==============================================footer*/

#footer{

	margin:0 auto;
	height:auto;
 	color:#d6d6d6;
 	font-size: 10px;
	text-shadow: -1px -1px 0px #000;
	text-align: left;
	overflow:hidden;
	
}

#footer  a:link{ color:#f0f0f0;text-shadow: -1px -1px 0px #000;}
#footer  a:visited{ color:#8f8f8f;text-shadow: -1px -1px 0px #000; }
#footer  a:hover {color:#bbbbbb;text-shadow: -1px -1px 0px #000; }
#footer  a:active{ color:#fff;text-shadow: -1px -1px 0px #000;}

.footer{width:980px;padding:30px 0 50px 0;margin:0 auto;line-height:2.6em}

.background {
  background: url("../img2/footer/fback.jpg") #282828 repeat center bottom!important;
  position: fixed;
  width: 100%;
  height: 300%;
  top:0;
  left: 0;
  z-index: -1;
}

.background2 {
background: url("../img2/footer/fback.jpg") #282828 repeat 70% bottom!important;
}



.ft0{
	width:980px;
	height:25px;
	margin:0 auto 30px auto;
	}

ul.fl{list-style: none;margin: 0;padding: 0}

.ft1{
float:left;
width: 245px;
}

.ft2{
float:left;
width: 245px;
}

.ft3{
float:left;
width: 245px;
}

.ft4{
float:left;
width: 245px;
font-size: 12px;
}

.ft4 p{font-weight: bold}
.ft4 p.mail{
	font-weight: normal;
	padding:0px 0 0px 20px;
	background: url("../img2/footer/mail.png") no-repeat left 2px;
	margin-top: 15px
	}

.hm{
padding:0px 0 0px 20px;
background: url(../img2/footer/home.png) no-repeat left 5px;
}


.nw{
padding:0px 0 0px 20px;
background: url(../img2/footer/news.png) no-repeat left 5px;
}


.blg{
padding:0px 0 0px 20px;
background: url(../img2/footer/blog.png) no-repeat left 5px;
}

.smn{
padding:0px 0 0px 20px;
background: url(../img2/footer/seminar.png) no-repeat left 5px;
}

.mal{
padding:0px 0 0px 20px;
background: url(../img2/footer/mail.png) no-repeat left 5px;
}

.ffb{
padding:0px 0 0px 20px;
background: url(../img2/footer/fb.png) no-repeat left 5px;
}

.ftw{
padding:0px 0 0px 20px;
background: url(../img2/footer/tw.png) no-repeat left 5px;
}


.ffr{
padding:0px 0 0px 20px;
background: url(../img2/footer/fr.png) no-repeat left 5px;
}

.ftb{
padding:0px 0 0px 20px;
background: url(../img2/footer/tb.png) no-repeat left 5px;
}

.fsl{
padding:0px 0 0px 20px;
background: url(../img2/footer/sl.png) no-repeat left 5px;
}


.fpc{
padding:0px 0 0px 20px;
background: url(../img2/footer/pc.png) no-repeat left 5px;
}


.fig{
padding:0px 0 0px 20px;
background: url(../img2/footer/ig.png) no-repeat left 5px;
}


.yt{
padding:0px 0 0px 20px;
background: url(../img2/footer/yt.png) no-repeat left 5px;
}

.cam{
padding:0px 0 0px 20px;
background: url(../img2/footer/cam.png) no-repeat left 5px;
}

address{font-style: normal!important;line-height: 1.6em;margin-top:0.8em}


.copyright{
 color: #e8e8e8;
 margin:0 auto;
 padding:80px 0 0 0;
 width: 980px;
 overflow: hidden;
 text-align:left;
}
.cp{float:left}
.count{float:right}

/* ======================================clearfix */ 

.clearfix:after {  
visibility:hidden;
height:0;
display: block;/
font-size: 0;  
content: " ";  
clear: both;  

}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }  



/* Mobile */
@media screen and (max-width: 980px){
	
/* ==============================================header */

#head{
	width: 95%;
	height:auto;
	padding:1% 0 0.5% 0;
	margin:0 auto;
	padding-top:15px
}

#head h1{float:left;width:50%}
#head h1 img{width:100%}
#head div.h1{float:left;width:50%}
#head div.h1 img{width:100%}


#head h2{margin:0 0 2px 0;line-height: 1.0em;font-size:10px}
#head h2 br{display:inherit}

#head div.logo{float:right;width:15%}
#head div.logo img{width:100%}

div.search{width:30%;padding-left:15px;margin:0.5% 0 30px 0;float:left}



#cse-search-box input[type="text"] {
	border:1px solid #cbcbcb;
    height: 18px;
    padding: 0 !important;
    width: 81%;
    float: left;
    border-radius:0
}


#cse-search-box input[type="image"] {
    float: right;
    margin-left: 0 !important;
    width: 10%;height: 20px;
    padding: 0 3.5%;
    background: #ccc
    }
	
	
#menu{
	width: 100%;
    display: none;
    background: #fff;
  }
#menu li{
	height:50px;
	line-height: 50px;
	float:none;
	text-align: left;		
    width:auto;
    background-image: none;
    font-size:18px;
    font-family: Futura,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
    border-bottom: 1px solid #ccc
  }
  
#menu li a{ width: 95%;text-align: left;color: #000;margin:0 auto}
#menu li:hover a{color: #fff;}

#menu li:hover b{
	color: #fff;
	-webkit-transition: all 0.4s ease!important;
	-moz-transition: all 0.4s ease!important;
	-o-transition: all 0.4s ease!important;
    transition: all  0.4s ease!important
    }

span b.t{font-weight: normal!important;color:#fac107}
span b.m{font-weight: normal!important;color:#88c458}
span b.b{font-weight: normal!important;color:#7d6e5b}
span b.s{font-weight: normal!important;color:#4a4a4a}
span b.c{font-weight: normal!important;color:#5ab8ff}
span b.cl{font-weight: normal!important;color:#1c4f93}

	li.m1:hover{background:#fac107;border-bottom:1px solid #fff!important}
	li.m1on{background:#fac107;border-bottom:1px solid #fff!important}
	li.m1on a,li.m1on b.t{color:#fff!important}
	li.m1on:hover{background:#fad13c}
   
    
	li.m2:hover{background:#88c458;border-bottom:1px solid #fff!important}
	li.m2on{background:#88c458;border-bottom:1px solid #fff!important}
	li.m2on a,li.m2on b.m{color:#fff!important}
	li.m2on:hover{background:#99c576}

	li.m3:hover{background:#7d6e5b;border-bottom:1px solid #fff!important}
	li.m3on{background:#7d6e5b;border-bottom:1px solid #fff!important}
	li.m3on a,li.m3on b.b{color:#fff!important}
	li.m3on:hover{background:#917d64}
	
	li.m4:hover{background:#4a4a4a;border-bottom:1px solid #fff!important}
	li.m4on{background:#4a4a4a;border-bottom:1px solid #fff!important}
	li.m4on a,li.m4on b.s{color:#fff!important}
	li.m4on:hover{background:#727272}
		
	li.m5:hover{background:#5ab8ff}
	li.m5on{background:#5ab8ff}
	li.m5on a,li.m5on b.c{color:#fff!important}
	li.m5on:hover{background:#96ceff}

	li.m6:hover{background:#1c4f93}
	li.m6on{background:#1c4f93}
	li.m6on a,li.m6on b.cl{color:#fff!important}
	li.m6on:hover{background:#1f5aa8}

  
	li.m1 span,li.m1on span,
	li.m2 span,li.m2on span,
	li.m3 span,li.m3on span,
	li.m4 span,li.m4on span,
	li.m5 span,li.m5on span,
	li.m6 span,li.m6on span{display: inherit}

	li.m5,li.m5on {border-bottom:1px solid #fff!important}
  
#toggle{
    display: block;
    position: relative;
    width: 100%;
    font-size: 16px;
	font-family: Futura,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
	border-bottom:1px solid #fff
      }
#toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    color: #fff;
    text-align: left;
    text-decoration: none;    
  }
  
  
#toggle:hover{
	-webkit-transition: all 0.4s ease!important;
	-moz-transition: all 0.4s ease!important;
	-o-transition: all 0.4s ease!important;
    transition: all  0.4s ease!important
    }
  
.bg1{background:#fac107}
.bg2{background:#88c458}
.bg3{background:#7d6e5b}
.bg4{background:#4a4a4a}
.bg5{background:#5ab8ff} 
.bg6{background:#1c4f93} 
 
.bg1:hover{background:#fad13c}
.bg2:hover{background:#99c576}
.bg3:hover{background:#917d64}
.bg4:hover{background:#727272}
.bg5:hover{background:#96ceff}
.bg6:hover{background:#1f5aa8}

  
.togmenu {display:none;}
.menubtn {
    display:block;
	width:95%;
	cursor:pointer;
	margin:0 auto;
	background:url(../img2/menu/menu.png) no-repeat right center
	}

/* ============================================== top*/

#top{
	width:100%;
	padding-top:15px;
	padding-bottom: 15px;	
	font-family:Futura,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
}







/* ============================================== contents*/


#description{
	width:95%;
	margin:5% auto;
	overflow: hidden;
	font-size:90%;
	line-height: 1.4em;
	text-align: left
	}


/*トピックス*/
#topics{
	padding:30px 0;
}

#topics h2{
	font-size:150%;
	margin-bottom:20px;
}


/*news*/
/*更新情報*/
#news{padding:30px 0;clear:both}
#news h2{
	font-size:130%;
	margin-bottom:20px;
}
.news{width: 95%;margin:0 auto}

/* ============================================== banner*/
/*バナー1*/
div.bnrarea3{width:95%}

div.bnrarea2{width:95%;margin:0 auto;padding:30px 0;overflow: hidden}

/*ブログバナー*/
div.sbanner{display: none;}
div.bbanner{display: inherit;}
div.bbanner{width:100%;background:#fff;clear:both;overflow: hidden}
div.bbanner img{width:23.5%;float:left}


/* ==============================================footer*/


.footer{width:95%}

.ft0{
	width:100%;
	height:25px;
	margin:0 auto 30px auto;
	}
.ft1{width:23%}
.ft2{width:20%}
.ft3{width:27%}
.ft4{width:30%}

.copyright{width:100%}
.cp{float:left}
.count{float:right}

}

/* Mobile */
@media screen and (max-width: 680px){


/* ==============================================header */

#head{
	width: 95%;
	height:auto;
	padding:1% 0 0.5% 0;
	margin:0 auto;
	padding-top:15px
}

#head h1{float:left;width:75%}
#head h1 img{width:100%}

#head div.h1{float:left;width:75%}
#head div.h1 img{width:100%}

#head h2{margin:0.5% 0 2px 0;line-height: 1.0em;font-size:10px;float:left}

#head div.logo{float:right;width:18%;margin-top:-18%}
#head div.logo img{width:100%}

div.search{width:100%;padding-left:0;margin:1% auto 3% auto;float:left}
div.search form{float:right;width:62%;padding-left:2%}


#cse-search-box input[type="text"] {
	border:1px solid #cbcbcb;
    height: 18px;
    padding: 2px !important;
    width: 82%;
    float: left;
    border-radius:0
}


#cse-search-box input[type="image"] {
    float: right;
    margin-left: 0 !important;
    width: 8%;height: 24px;
    padding: 0 3.5%;
    background: #ccc
    }


#topics h2,#news h2{
	letter-spacing:normal;
}


/* ============================================== contents*/    
    
/*更新情報*/
#news div.rs{width:49%!important;float:left}
#news div.cl{width:49%!important;float:left;margin:0 0 0 2%}
#news div.fbtl{width:49%!important;float:left;margin:0 0 0 2%!important}
#news div.tw{width:49%!important;float:left;margin:30px 0 0 0;clear:both}

/* ============================================== banner*/
/*バナー1*/
div.bnrarea3{width:75%}
div.bnrarea3 img{width:48.5%;float:left;}
img.bb2{margin-right: 0}
img.bb3,img.bb4{margin-top:2%}

/*バナー*/
#news div.bnrarea{padding-top:0px;width:48%;float:right;clear:none;margin:80px 0 0 2%}
#news div.bnrarea img{width:95%;float:none}
img.bn1,img.bn2,img.bn3{margin:0 0 10% 0}

/*バナー4*/
div.bnrarea4{width:100%;background:#fff;clear:both;overflow: hidden}
div.bnrarea4 img{width:23.5%;float:left}
div.bnrarea4 img.bn1,div.bnrarea4 img.bn2,div.bnrarea4 img.bn3{margin:0 2% 0 0}

/*ブログバナー4*/
div.bbanner{width:100%;background:#fff;clear:both;overflow: hidden}
div.bbanner img{width:23.5%;float:left}
div.bbanner img.bn1,div.bbanner img.bn2,div.bbanner img.bn3{margin:0 2% 0 0}


/* ==============================================footer*/
#footer{background: url("../img2/footer/fback.jpg") #282828 repeat 70% bottom!important;}
.background {
  background: url("../img2/footer/fback.jpg") #282828 repeat 70% bottom!important;
  position: fixed;
  width: 100%;
  height: 300%;
}

.footer{width:95%;font-size:14px;padding:30px 0 0 0;}
.footer li{background-position: left center}



.ft1{width:50%;}
.ft2{width:50%;}
.ft3{width:50%;}
.ft4{width:50%;margin-top:30px;font-size: 14px}

.copyright{width:100%}
.cp{float:left}
.count{float:right}

	}
	

	
/* Mobile */
@media screen and (max-width: 500px){

#head div.logo{float:right;width:18%;margin-top:-20%}
#cse-search-box input[type="text"] {
	border:1px solid #cbcbcb;
    height: 18px;
    padding: 2px !important;
    width: 80%;
    float: left;
    border-radius:0
}


#cse-search-box input[type="image"] {
    float: right;
    margin-left: 0 !important;
    width: 10%;height: 24px;
    padding: 0 3.5%;
    background: #ccc
    }
   
   
div.bnrarea2 img{width:32%;float:none}
img.i1,img.i2{margin:0 2% 2% 0}
img.i3{margin:0}
img.i4{margin:0 2% 0 0}
div.bnrarea3{width:93.5%}
div.bnrarea3 img{width:48.5%;float:left}
img.bb1{margin:0 3% 3% 0!important}
img.bb2{margin:0 0 0 0!important}
img.bb3{margin:0 3% 0 0!important}
img.bb4{margin:0 0 0 0!important}
/* ============================================== contents*/

#news div.rs{width:90%!important;float:none;margin:0 auto 0 auto;overflow: hidden;clear: both}
#news div.cl{width:95%!important;float:none!important;margin:0 auto 0 auto!important;overflow: hidden;clear: both;padding-top:50px}
#news div.fbtl{width:95%!important;float:none;margin:0 auto 0 auto!important;overflow: hidden;clear: both;padding-top:50px} 
#news div.tw{width:90%!important;float:none;margin:50px auto 0 auto;overflow: hidden;clear: both}

/*バナー*/
#news div.bnrarea4{width:98%;background:#fff;clear:none;margin:0 auto}
#news div.bnrarea{padding-top:0px;width:98%;float:none;clear:none;margin:30px auto 0 auto}

#news div.bnrarea img{width:48.5%;float:left!important}
img.bn1{margin:0 3% 3% 0!important}
img.bn2{margin:0 0 3% 0!important}
img.bn3{margin:0 3% 0 0!important}

#news div.bnrarea4 img{width:48.5%;float:left!important}


/* ==============================================footer*/
#footer{background: url("../img2/footer/fback.jpg") #282828 repeat 70% bottom!important;}
.background,.background2{
  background-image:none!important;
  background-color: #282828;
}
.footer{width:95%;font-size:14px}
.footer li{background-position: left 11px}

.ft0{
	width:80%;
	height:25px;
	margin:0 auto 30px auto;
	}

.ft1{width:80%;float:none;margin:0 auto}
.ft2{width:80%;float:none;margin:0 auto}
.ft3{width:80%;float:none;margin:0 auto}
.ft4{width:80%;float:none;margin:70px auto 0 auto}

.copyright{width:100%}
.cp{float:none;text-align: center}
.count{display: none}

#news div.tw iframe.twitter-timeline{height:200px!important}
.twfollow{margin-top:5px}
}

/* Mobile */
@media screen and (max-width: 480px){

/* ============================================== banner*/




}

/* Mobile */
@media screen and (max-width: 420px){
	
#head{
	width: 95%;
	height:auto;
	padding:1% 0 0.5% 0;
	margin:0 auto;
	padding-top:15px;
	text-align: center
}

#head h1{float:none;width:100%}
#head h1 img{width:100%}

#head div.h1{float:none;width:100%}
#head div.h1 img{width:100%}

#head h2{margin:0.5% 0 2px 0;line-height: 1.0em;font-size:10px;float:none}
#head h2 br{display: none}
#head div.logo{float:none;width:100%;margin-bottom:10px;padding-top:10px;clear: both}
#head div.logo img{width:100%;display: none}
#head div.logo p{display: inherit;font-family:times;font-weight: bold}
#head div.logo a{color: #000}
div.search{width:100%;padding-left:0;margin:0 auto;float:none}
div.search form{float:none;width:85%;padding-left:0;margin:0 auto}


#cse-search-box input[type="text"] {
	border:1px solid #cbcbcb;
    height: 18px;
    padding: 2px !important;
    width: 81%;
    float: left;
    border-radius:0
}


#cse-search-box input[type="image"] {
    float: right;
    margin-left: 0 !important;
    width: 9%;height: 24px;
    padding: 0 3.5%;
    background: #ccc
    }
    
    
    
    
/* ============================================== contents*/   

#topics h2,#news h2{
	letter-spacing:normal;
	font-size:150%
}

.back5{background-image:none;background-color: #fff}

#news div.tw{padding-top:0px}


/*更新情報*/
#news div.rs{width:90%;float:none;margin:30px auto 0 auto}
#news div.cl{width:90%;float:none;margin:50px auto 0 auto}

#news div.rs{width:90%;float:none;margin:0 auto 0 auto;overflow: hidden;clear: both}

#news div.fbtl{width:90%!important;float:none;margin:50px auto 0 auto!important;overflow: hidden;clear: both;padding-top:0} 
#news div.tw{width:90%;float:none;margin:50px auto 0 auto;overflow: hidden;clear: both}
	
	}


@media print {

body {
  _zoom: 0.75;
}

.background,.background2 {
  background-image: none;
  background-color:#282828!important;
  position:relative;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  z-index:0;
}

#footer{background-color:#282828!important;}
    
    }