﻿
/*フォント指定h　<head>タグ内にも指定しています。*/
body{
    font-family: 'Noto Serif JP', serif;
	background-color:#ffffff;
	color:#000000;
	margin:0;
	padding:0;
}

/*body{
	background-color:#ffffff;
	color:#333333;
	font-family:"メイリオ","Hiragino Kaku Gothic Pro",sans-serif;
	margin:0;
	padding:0;
	}
	*/

/*　使う　*/
p{
	font-size:110%;
	line-height:0.5;
}
/*　使う　*/
h1{
	padding-top:2%;
	text-align: left;
}
/*　使う　*/
h2{
	font-size:200%;
	/*border-bottom:1px dashed #000000;*/
	border-left:8px  solid #000000;
	padding-left:20px;
	margin-bottom:60px;
}
/*　使う　*/
.h2fontstyle{
	font-size:50%;
	text-align:left;
	padding-top:5px;
	padding-left:90px;
	
}
/*　使う　*/
footer{
	text-align:center;
	border-top:5px solid #000000;
}
/*　使う　*/
article{
	clear:both;
	width: 100%;
	max-width: 960px;/*全体の幅を指定する*/  
  	margin: 0 auto;    /*マージンの指定をする、ブラウザ対策*/
  	text-align:left;   /*全体を左揃えにする。*/
}
.catch{
	position:absolute;
	top:20px;
	left:30px;
	color:#ffffff;
	text-shadow:0 5px 10px #333333;
}
.maingazo{
	background-color:#0099ff;
}
/*　使う　*/
header{
	background-color:#ffffff;
	color:#000000;
	padding-bottom:10px;
	
}
/*　使う　*/
ul{
	list-style-type:none;
	padding-left:0;
	line-height:1.8;
	font-size:95%;
}
/*使う	*/
ul number{
	border-radius:5px;
	background-color:#999999;
	color:#ffffff;
	font-size:90%;
	padding-left:5px;
	padding-right:5px;
	margin-right:5px;
}
/*使う	*/
nav ul{
	font-weight:bold;
	text-align:center;
	padding-top:85px;
	padding-bottom:15px;
	margin:0;
}
/*使う	*/
nav li{
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #000000;
	font-size: 90%;
}
/*使う	*/
nav a{
	text-decoration:none;
	color:#000000;
}
/*使う	*/
nav a:hover{
	color:#ffcc00;
}

/*　使う　
header img{
	padding-top:20px;
	float:left;
}*/

/*　使う　*/
.header-in{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

.toiawase{
	padding-top: 5%;
	text-align:right;
}

.slider{
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
}
/*.sabu-h1{
	background-image:linear-gradient(to left,#ffffff,#dcdcdc);
	padding-left:10px;
	border-left:15px solid #003366;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr=#dcdcdc,EndColorStr=#ffffff)";
}
.point-list{
	list-style-image:url(../image/list.gif);
	font-weight:bold;
	margin-left:30px;
}*/
/*　使う　*/
.p01-img{
	margin-top:20px;
	margin-bottom:30px;
	margin-right:15px;
 
}
/*　使わない
.point02-img{
	float:right;
   margin-right: 15px;
   margin-bottom:20px;
}　*/
/*　使う　*/
.outline-img{
float:left;
   margin-left: 10px;
   margin-bottom:20px;
   
}
/*　使う　*/
.outline-p{
	float:left;
	margin-left:50px;
	}
/*　使う　*/
.location-p{
	float:right;
	margin-right:50px;
}
/*　使う　*/
.location-img{
float:right;
   margin-right: 30px;
   margin-bottom:20px;
   
}
/*使う	*/
nav2 a{
	text-decoration:none;
	color:#000000;
}
/*使う	*/
nav2 a:hover{
	color:#ffcc00;
}
/*　使う　*/	
.clear-left{
	clear:left;
}
.clear-right{
	clear:right;
}

	
/*　使う　*/
table{
  border-collapse:separate;
  border-spacing: 2px;
  width: 50%;
  margin-bottom:50px;
  
}


/*　使う　*/
table th{
   text-align:center;
  padding: 5px 0;
  width:30%;
}

table td{
   text-align:left;
  padding: 5px 10px;
}

/*　使う　*/
table th{
	background-color: #C2C2C2;
	color: #000000;
	border: solid 1px #cf7500;
	font-size: 85%;
}
/*　使う　*/
table td{
	background-color: #dbdbdb;
	border: solid 1px #cf7500;
	font-size: 85%;
}

/*ol li{
	display:inline;
	margin-right:5px;
	font-size:50%;
}
ol{
	padding-left:0;
}*/
.page{
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
}



/*.sentou{
	clear:both;
	text-align:right;
}

img.displayed{
	float:right
	display: block;
    margin-left: auto;
    margin-right: auto
}
/*table{
	border:1px solid #333333;
	font-size:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	border-collapse:collapse;
}
th{
	background-color:#ccccff;
	border:1px solid #333333;
	padding:10px;
	width:20%;
}
td{
	border:1px solid #333333;
	padding:10px;
}
caption{
	caption-side:bottom;
}*/
/*使わない*/
/*aside h1{
	font-size:120%;
	border-bottom:2px dotted #666666;
	padding-left:5px;
	margin:0;
}*/
/*使わない*/
/*aside li{
	border-bottom:1px dotted #662222;
}*/
/*使わない*/
/*aside ul{
	margin:0;
}*/
/*使わない*/
/*aside a{
	display:block;
	color:#333333;
	text-decoration:none;
	padding-top:10px;
	padding-bottom
	
	
	font-size:80%;
	color:#666666;
}*/
/*　使う　*/
h3{
	padding-right:10px;
	border-right:5px solid #000000;
	font-size:90%;
	text-align:right;
	margin-bottom:80px;
	clear:both;
}

/*使う	*/
h3 a{
	text-decoration:none;
	color:#000000;
}
/*使う	*/
h3 a:hover{
	color:#ffcc00;
}


/*　使う　*/
h4{
	border-bottom:1px solid #cccccc;
	text-align:left;
	margin-bottom:15px;
}

h5{
	padding-left:10px;
	border-left:10px groove;
	font-size:100%;
	text-align:left;
	margin-bottom:5px;
	clear:both;
}	
/*　使う　*/
.fontstyle{
	padding-left:40px;
	margin-bottom:50px;
	line-height:1.8;
	font-size:80%;
}
	
/*　使う　*/
.select{
	background-color:#ffcc00;
}
.bukken-kiji{
	float:left;
	width:75%;
}
aside{
	float:right;
}

.footer-center{
	font-size:110%;
	text-align:center;
	padding-bottom:20px;
	padding-top:60px;
}

.footer-center150{
	font-size:130%;
	text-align:center;
	padding-bottom:5px;
	padding-top:5px;
}

.footer-center200{
	font-size:250%;
	text-align:center;
	padding-bottom:5px;
	padding-top:20px;
}
.footer-logo{
	margin-top:80px;
	margin-bottom:80px;
}

footer{
	clear:both;
}


/*iframe{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
input{
	display:block;
	width:400px;
}
textarea{
	display:block;
	width:600px;
	height:120px;
}
button{
	width:180px;
	padding:10px;
}*/


/*使わなくなった　テナント　
div#parent{}
div#parent div.child_flame{clear:both;}
div#parent div.child{
   float:left;
   margin: 10px;*/
}

















/* 959px以下の場合 */
@media(max-width:959px){
header img{
	float:none;
}
nav ul{
	max-width:100%;
	text-align:left;
	padding:0;
}
article{
	width:auto;
}
article img{
	max-width:60%;
	height:auto;
}
.header-in{
	width:auto;
}
.bukken-kiji{
	float:none;
	width:100%;
}
aside{
	float:none;
}
.aaaaa {
}

}

/* 600px以下の場合 */
@media(max-width:600px){
	nav ul{
		max-width:100%;
		font-size: 85%;
	}
	nav li{
	font-size:75%;
	padding-left:2px;
	padding-right:2px;
}
.catch{
	top:5px;
	left:5px;
}
.point-img{
	float:none;
}
video{
	max-width:100%;
	height:auto;
}
iframe{
	max-width:100%;
}
input,textarea{
	width:320px;
}
article img{
	max-width:70%;
	height:auto;
}

/* プリント出力 */
@media print{
.catch{
	color:#000000;
	text-shadow:none;
}
}
@media screen{
.aaa {
}

}
