

body {
	font-family: 'NotoSansJapanese','MS PGothic', Osaka, Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #555;

/*   
	background-image: url(/common/img/bk.gif);
*/


    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

h1 {
	font-size: 36px;
	color: #d9534f;
}

h2 {
	font-size: 28px;
	color: #d9534f;
}

h3 {
	font-size: 26px;
	color: #d20d35;
	padding-bottom: .2em;
	border-bottom: 1px solid #ccc;
    margin-top: 40px;
}
h3 img {
	vertical-align: bottom;
	border: 0;
	margin-right: 8px;
}

h4 {
	font-size: 20px;
	color: #2485ac;
}

h5 {
	font-size: 16px;
	color: #008A89;
}

/* Paragraph & Typographic */
p {
    font-size: 14px;
    line-height: 24px;
    margin: 2px 15px;
}

a{
  line-height: 1.5;
}
a:hover{
  text-decoration: none;
}

a:visited {
	color:#941D55;
}

.menu{
  background-color: #599dc4;
  color: #f3f3f3;
  transition: 0.8s ease;
}
.menu:hover{
  opacity: 0.8;
}
.menu:visited {
	color:#f3f3f3;
}

.menu2{
  background-color: #d20d35;
  color: #f3f3f3;
  transition: 0.8s ease;
}
.menu2:hover{
  opacity: 0.8;
}
.menu2:visited {
	color:#f3f3f3;
}

.help{
  background-color: #8a0943;
  color: #f3f3f3;
  transition: 0.8s ease;
}
.help:hover{
  opacity: 0.8;
}
.help:visited {
	color:#f3f3f3;
}

.help2{
  background-color: #09438a;
  color: #f3f3f3;
  transition: 0.8s ease;
}
.help2:hover{
  opacity: 0.8;
}
.help2:visited {
	color:#f3f3f3;
}

.help3{
  background-color: #438a09;
  color: #f3f3f3;
  transition: 0.8s ease;
}
.help3:hover{
  opacity: 0.8;

}
.help3:visited {
	color:#f3f3f3;
}


.bnr-link{
  transition: 0.5s ease;
}
.bnr-link:hover{
  opacity: 0.8;
}


.rentlink {
	width:			100%;
	height:			100%;
	overflow:		hidden;
	margin:			10px 8px 10px 16px;
	position:		relative;	/* 相対位置指定 */
}
.rentlink .caption {
	font-size:		150%;
	text-align: 		center;
	padding-top:		200px;
	color:			#fff;
}
.rentlink .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.rentlink:hover .mask {
	opacity:		1;	/* マスクを表示する */
}

.caption a:link{
	color:#fff;
}
.caption a:hover{
	color:#fff;
}
.caption a:visited{
	color:#fff;
}

.box30 {
	width:90%;
	margin: auto;
	background: #ffffff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
	font-size: 1.2em;
	background: #0074D6;
	padding: 4px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.box30 p {
	padding: 15px 20px;
	margin: 0;
}


p.help_intend{
	text-indent: 10px;
}

.help_intend_box{
	margin:10px 0px 30px 0;
}

