@charset "UTF-8";

/*-------------全般の設定---------------*/

html, body{
	width:100%;
	margin:0;
	padding:0;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	line-height:1.5;
	letter-spacing:1.5px;
	overflow-x:hidden;
	background:#fafaf8 url(../img/sideline.jpg) top center repeat-y;
	color:#000;
}

p{margin:0; padding:0;}

img { -ms-interpolation-mode: bicubic; }

/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:block;
	overflow:hidden;
}
 
.cf:after {
	clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}

header{clear:both; width:1000px; margin:0 auto; padding:20px 0; border-top:3px solid #F00;
}
.logo{float:left;}
.tel{float:right;}

.main{
	clear:both;
	width:1000px;
	margin:0 auto 20px;
}
.left{width:49%; float:left;} .left img{width:100%;}
.right{width:49%; float:right;}
.outline_title{font-size:120%;}
#outline{font-size:90%; border:1px solid #CCC;}
#outline tr{border-top:1px solid #CCC;}
#outline tr th{padding:10px; background:#FF6; vertical-align:middle;}
#outline tr td{padding:10px;}

.policy{font-size:90%; clear:both; padding:20px 0 0;}

.policy a {
	text-decoration: none;
	color:#000;
}

.policy a:hover,.policy a:active,.policy a:valid {
	color:#000;
}

.policy a.textlink {
	text-decoration: underline;
	color: #551a8b;
}

footer{clear:both; width:1000px; margin:0 auto; padding:20px 0; border-top:1px solid #F00;}
.soken{float:right;}

.news {
    margin-bottom: 25px;
}

.news h2 {
    font-size: 110%;
    font-weight: normal;
    background: #ff6;
    display: inline-block;
    padding: 1px 20px;
    margin-bottom: 10px;
}

.news p {
    font-size: 100%;
}

@media screen and (max-width: 768px) {

	body {
		border-top: 3px solid #F00;
	}
	
header.cf {
    width: 92%;
	margin: 0 auto;
	border-top:none;
}
	
.main {
    width: 92%;
	margin: 0 auto;
}	
	
	img {
		width: 100%;
	}
	
.logo {
    float: none;
	width: 250px;
}

.tel {
    float: none;
}
	
.left,.right {
    width: 100%;
    float: none;
	margin-bottom: 40px;
}
	
.news h2 {
    font-size: 110%;
}

	
footer {
    width: 100%;
}
	
.policy {
    padding: 20px 0;
}	
	
.soken {
    float: none;
    width: 150px;
    margin: 0 auto;
    text-align: center;
}	
	
	


}

