@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*------------------------------------------------
FLOAT
------------------------------------------------*/
.float-rt {
	float: right;
}
.float-lt {
	float: left;
}

.aln-rt {
	text-align: right;
}
.aln-cr {
	text-align: center;
}

/*------------------------------------------------
CLEAR
------------------------------------------------*/

.clearFix{
    overflow:hidden;
}

.clearFix:after{
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}

/*¥*/
* html .clearFix{
    height: 1em;
    overflow: visible;
}
/**/

/* or */
.clear{
	clear:both;
}

/*------------------------------------------------
LINK STYLE
------------------------------------------------*/
a{
	color:#900;
	text-decoration: none;
}
a:visited{
	color:#900;
	text-decoration: none;
}
a:hover{
	color:#B28146;
	outline:none;
	text-decoration: none;
}
a:active{
}
@media screen and (min-width: 760px) {
a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}

}

/*------------------------------------------------
PAGE TOP
------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 46px;
	right: 0;
	z-index:9999;
}
#page-top i{
	margin:0 !important;
	font-size:20px;
	}
#page-top a {
	background: #036EB8;
	text-decoration: none;
	color: #fff;
	width: 44px;
	padding: 10px 0 10px 0;
	text-align: center;
	display: block;
}
#page-top a:hover {
	text-decoration: none;
	background: #00528D;
}
/*------------------------------------------------
COLUMUN
------------------------------------------------*/

.col2_l{
	width:48.5%;
	float:left;
	margin-bottom:15px;
	}
.col2_r{
	width:48.5%;
	float:right;
	margin-bottom:15px;
	}

.col3{
	width:31%;
	margin:0 1% 15px 1%;
	float:left; 
	}
	
.col3_l{
	width:32%;
	margin-right:2%;
	float:left; 
	margin-bottom:15px;
	}
.col3_c{
	width:32%;
	float:left;
	margin-bottom:15px;
	}

.col3_r{
	width:32%;
	float:right;
	margin-bottom:15px;
	}
	
.col4_l{
	width:22.5%;
	float:left;
	margin-right:3.3%;
	margin-bottom:15px;
	}
.col4_r{
	width:22.5%;
	float:right;
	margin-bottom:15px;
	}

.col4-2{
	width:21%;
	float:left;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:60px;
	}

.col4-2 img{
	width:100%;
	height:auto;
	}

	
.maru img{
	width:100%;
	vertical-align:bottom;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	}

/*------------------------------------------------
COMMON
------------------------------------------------*/

body {
  	font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
}

h1,h2,h3,h4,h5,h6{
	margin:0;
	font-weight:normal;
	line-height:1.4em;
	}

#wrap{
	width:100%;
	height:100%;
	}
.content_in{
	width:1200px;
	margin:0 auto;
	}