@charset "utf-8";
/* CSS Document */
@media screen and (min-width:680px){
	/* 大枠
	-------------------------------*/
	div#contents {
		width:100%;
		min-height: 770px;
		background: url(../images/cmn/bg.jpg) no-repeat;
		background-position: center top;
	}
		div#contents div#mainContents {
			width:680px;
			min-height: 770px;
			margin:  0 auto;
			padding-top: 20px;
		}
	/* サイドメニュー 
	-------------------------------*/
	div#sidemenu {
		width:660px;
		margin: 0 auto;
	}
		div#sidemenu a#logo {
			display: block;
			width:200px;
			height:186px;
			float: left;
		}
			div#sidemenu a#logo img { width:100%;}
		div#sidemenu p.message {
			display:block;
			width:400px;
			float: right;
			font-size: 16px;
			font-weight: bold;
			line-height: 30px;
			padding-top: 20px;
		}
			div#sidemenu p.message span {
				font-size: 16px;
				background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFF600 0%) repeat scroll 0 0;
			}
		div#sidemenu img.messageimg {display: none;}
		div#sidemenu div.smenubox {display: none;}
		div#sidemenu img.telimg {display: none;}
	/* メイン 
	-------------------------------*/
	div#rightContents {
		width:660px;
		margin: 0 auto;
		padding-top: 40px;
		padding-bottom: 50px;
	}
		/* トップイメージ */
		div#rightContents div.topimgbox {
			width:100%;
			height:46.26vw;
			max-height:322px;
			margin-bottom: 20px;
		}
		/* タイトル */
		div#rightContents h2.titlebox {
			width:100%;
			min-height:45px;
			line-height: 50px;
			background: url(../images/cmn/titlebg.png) no-repeat;
			background-position: left top;
			font-size: 14px;
			box-sizing: border-box;
			padding-left: 15px;
		}
			div#rightContents h2.titlebox span {
				font-size: 14px;
			}
			div#rightContents h2.titlebox span.white { color: #fff;}
			div#rightContents h2.titlebox span.htext { margin-left:20px;}
	/* フッター 
	-------------------------------*/
	div#footerbox {
		width:100%;
		padding-bottom: 100px;
		background: url(../images/cmn/bg2.jpg) no-repeat;
		background-position: center bottom;
		text-align: center;
	}
	div#footerbox div.fmenubox {}
	div#footerbox div.fmenubox a {
		display: inline-block;
		box-sizing: border-box;
		padding-left: 30px;
		line-height: 30px;
		background: url(../images/cmn/menu_point.png) no-repeat;
		background-position: left center;
		font-size: 14px;
		margin: 0 10px;
		text-decoration: none;
		color: #333;
	}
	div#footerbox div.fmenubox a.blog {
		font-size: 12px;
		line-height: 12px;
		padding-top:3px;
	}
	div#footerbox img.telimg { margin-top: 30px;}
	div#footerbox div.footer__add { 
		margin-top: 20px;
		padding-bottom: 120px;
		background: url(../images/cmn/dogcat.png) no-repeat;
		background-position: center bottom;
	}
	div#footerbox div.footer__add p {
		font-size: 12px;
	}
	div#footerbox div.footer__add p a {
		font-size: 12px;
		text-decoration: none;
		color: #333;
	}
	.side__add { display: none; }

}
@media screen and (max-width:679px){
	/* 大枠
	-------------------------------*/
	div#contents {
		width:100%;
		min-height: 500px;
		background: url(../images/cmn/bg.jpg) no-repeat;
		background-size: 900px auto;
		background-position: center top;
	}
		div#contents div#mainContents {
			width:96%;
			min-height: 400px;
			margin:  0 auto;
			padding-top: 10px;
		}
	/* サイドメニュー 
	-------------------------------*/
	div#sidemenu {
		width:100%;
		height:75px;
		margin: 0 auto;
		position: relative;
	}
		div#sidemenu a#logo {
			display: block;
			width:100px;
			height:93px;
			position: absolute;
			top:0;
			left:0;
		}
			div#sidemenu a#logo img { width:100%;}
		div#sidemenu p.message {
			display:block;
			width:100%;
			float: right;
			font-size: 12px;
			font-weight: bold;
			line-height: 18px;
			box-sizing: border-box;
			padding-left: 120px;
			overflow: hidden;
		}
			div#sidemenu p.message span {
				font-size: 12px;
				background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFF600 0%) repeat scroll 0 0;
			}
		div#sidemenu img.messageimg {display: none;}
		div#sidemenu div.smenubox {display: none;}
		div#sidemenu img.telimg {display: none;}
	/* メイン 
	-------------------------------*/
	div#rightContents {
		width:100%;
		margin: 0 auto;
		padding-top: 40px;
		padding-bottom: 50px;
	}
		/* トップイメージ */
		div#rightContents div.topimgbox {
			width:100%;
			height:46.26vw;
			max-height:322px;
			margin-bottom: 10px;
		}
		/* タイトル */
		div#rightContents h2.titlebox {
			width:100%;
			min-height:30px;
			line-height: 30px;
			background: url(../images/cmn/titlebg.png) no-repeat;
			background-size: auto 30px;
			background-position: left top;
			font-size: 12px;
			box-sizing: border-box;
			padding-left: 8px;
		}
			div#rightContents h2.titlebox span {
				font-size: 12px;
			}
			div#rightContents h2.titlebox span.white { color: #fff;}
			div#rightContents h2.titlebox span.htext { display: block; line-height: 20px;}
	/* フッター 
	-------------------------------*/
	div#footerbox {
		width:100%;
		padding-bottom: 50px;
		background: url(../images/cmn/bg2.jpg) no-repeat;
		background-size: auto 80px;
		background-position: center bottom;
		text-align: center;
	}
	div#footerbox div.fmenubox {}
	div#footerbox div.fmenubox a {
		display: inline-block;
		box-sizing: border-box;
		padding-left: 10px;
		line-height: 30px;
		background: url(../images/cmn/menu_point.png) no-repeat;
		background-position: left center;
		font-size: 12px;
		margin: 0 6px;
		text-decoration: none;
		color: #333;
	}
	div#footerbox div.fmenubox a.blog {
		font-size: 10px;
		line-height: 10px;
		padding-top:5px;
	}
	div#footerbox img.telimg { 
		height:60px;
		margin-top: 20px;
	}
	div#footerbox div.footer__add { 
		margin-top: 20px;
		padding-bottom: 100px;
		background: url(../images/cmn/dogcat.png) no-repeat;
		background-position: center bottom;
	}
	div#footerbox div.footer__add p {
		font-size: 12px;
	}
	div#footerbox div.footer__add p a {
		font-size: 12px;
		text-decoration: none;
		color: #333;
	}
	.side__add { display: none; }
}