@charset "UTF-8";
/* base.css */

html {
  overflow-y: scroll;
 }
  
  
body{
	color: #323232;
	font-size: 0.875em;
	line-height:2em;
	height:auto;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック", "MS P Gothic",sans-serif;
}

/* link
   ========================================================================== */

a,
a:link,
a:visited{
	color:#553c1d;
	text-decoration:none;
    vertical-align:baseline;
}

a:hover{
	color:#553c1d;
	text-decoration:underline;
}


/* float
   ========================================================================== */
.fr {
  float: right;
}

.fl {
  float: left;
}


/* roll over
   ========================================================================== */
   

a.roll{	
	display: inline-block;
}
a.roll2{	
	display: block;
}

a.roll:hover img {/*hover時に画像を透明化します。*/
	filter: alpha(opacity=0);/*IE6,7用。値は0～100*/
	-ms-filter: "alpha( opacity=0 )";/*IE8用。値は0～100*/
	-moz-opacity: 0;/*Firefox系用。値は0～1*/
	opacity: 0;/*CSS3用。値は0～1*/
}

a.roll2:hover img {/*hover時に画像を透明化します。*/
	filter: alpha(opacity=60);/*IE6,7用。値は0～100*/
	-ms-filter: "alpha( opacity=80 )";/*IE8用。値は0～100*/
	-moz-opacity: 0.6;/*Firefox系用。値は0～1*/
	opacity: 0.6;/*CSS3用。値は0～1*/
}


a.roll img,
a.roll2 img {	
	-webkit-transition: 0.2s ease-in-out;  
	-moz-transition: 0.2s ease-in-out;  
	-o-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out;  
}


#gnav_01 {
	background-image: url(../img/g_nav_01_r.png);
}

#gnav_02 {
	background-image: url(../img/g_nav_02_r.png);
}

#gnav_03 {
	background-image: url(../img/g_nav_03_r.png);
}

#gnav_04 {
	background-image: url(../img/g_nav_04_r.png);
}

#fb_btn{
	background:url(../img/fb_btn_r.png);
}

#tw_btn{
	background:url(../img/tw_btn_r.png);
}

#hatebu_btn{
	background:url(../img/hatebu_btn_r.png);
}