/*----------------------【全体の設定】---------------------------------------*/
/*全体設定*/

body {
    font-size: 16px;  /*全体のフォントサイズ*/
    color: #666;     /*全体の文字色をグレーに*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
    line-height: 2;   /*全体の行の高さ*/
}

h1,h2,h3,h4,h5,p,ul,ol.li,dl,dt,dd,form,figure,select,input,textarea {
    font-size: 100%;font-weight: normal;
}

ul {list-style-type: none;}  /*ulタグに黒点をつけない*/


img {
    max-width: 100%;   /*全体の画像の幅*/
}

/*コンテナー（ホームページを囲む一番外側のブロック）*/
#container {
    max-width: 1400px;    /*ブロックの最大幅*/
    margin: 0 auto;
    padding: 0 3%
}


/*リンク設定*/
a {
    color: #666;
}

a:hover {
    color: #d08047;    /*マウスオン時の色*/
}



/*-------------------------------------------------------------*/
/*ヘッダー設定*/
header {
    text-align: center;
}

#logo img {
    width: 400px;
    margin: 40px auto 40px;
}

/*ヘッダーのメイン画像設定*/
#mainimg img{
    border-radius: 10px;
    margin-bottom: 40px;
}
/*＃mainimgの後には、imgがないと指定されない。id名の指定には、＃を付ける*/



/*-------------------------------------------------------------*/
/*フッター設定*/
/*上段の小さな文字は、HTMLでsmallタグの使用で実現されているが、実際の使用は微妙なようだ*/
footer .pr {
    display: block;  /*２段にする*/
}

footer {
    text-align: center;  /*センタリング*/
}

footer a {
    text-decoration: none; /*下線なし。ただの「footer」では効かない*/
}



/*------------------【ページ１　home】-------------------------------------------*/
/*メニューバー*/
#menubar li {
    display: inline;        /*横並びにする*/
}

#menubar li a {
    text-decoration: none;  /*下線外す。＃menubar liだけの指定では効かない*/
	padding: 15px 30px;	    /*各メニュー内の余白。*/
    }

#menubar {
    text-align: center;     /*センタリング*/
    font-size: 18px;
    margin-bottom: 40px;
}

#menubar li a:hover {
    color: #d08047;       /*マウスオン時の設定*/
    border-bottom: 4px solid #d08047;
}


/*-------------------------------------------------------------*/
/*コンテンツ（h２やh３などが入っているブロック*/
/*h２タグの設定*/
#contents h2 {
    background: #d08047;   /*背景色*/
    color: #fff;     /*フォントカラー*/
    border-radius: 10px;
    padding:10px 20px;
    margin-bottom:10px;
}


/*-------------------------------------------------------------*/
/*「更新情報・お知らせ」*/
/*テーブル設定*/
#new dt {
    float: left;   /*表の記事部分が、日付部分と同じ行にする*/
    width: 8em;    /*dlとdtの間が空いた。　ddのpadding-left設定とも関連する模様*/
}

#new dl {
    padding: 0px 20px;   /*左右へのブロック内の余白*/
}

#new dd {
    padding-left: 8em;   /*記事部分の２行目がきちんとセル内に収まる*/
} 
/*h３の設定*/
#contents h3 {
    border: 1px solid #666;  /*1pxの実線、＃666*/
    border-radius:10px;
    padding: 8px 20px;
    margin-bottom: 20px;
}

/*------------------------【全体の設定】-------------------------------------*/
/*フォント色の一部の色指定*/
.color1 {
    color: #d08047;
}



/*------------------------【ページ２　About】-------------------------------------*/

/*-------------------------------------------------------------*/
/*「当テンプレートの使い方→titleタグ・・・・・・の中の【コードの表記】*/
.look {
    background: #e5e5e5;
}

/*-------------------------------------------------------------*/
/*表を作る（table）*/

table {
    border-collapse:collapse;
    font-size: 100%;
    border-spacing: 0;
}

/*---------------------------------------------------------------------------*/

/*テーブル１行目に入った見出し部分（※tamidashi）*/
.ta1 th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #eee;	/*背景色*/
}


/*ta1テーブルブロック設定*/
.ta1 {
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 20px;
    /*上、右、下、左は省略*/
}
.ta1, .ta1 td, .ta1 th {
	word-break: break-all;
	border: 1px solid #999;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px;			/*テーブル内の余白*/
}

/*テーブルの左側ボックス*/
.ta1 th {
	text-align: center;	/*センタリング*/
	width: 30%;			/*幅*/
}

/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	border: 1px solid #999;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #eee;		/*背景色*/
	font-weight: bold;		/*太字に*/
	padding: 10px;			/*ボックス内の余白*/
}


/*------------------【ページ３　gallery】-------------------------------------------*/

/*画像の設定*/
.list img {
	width: 20%;			/*画像幅*/
	float: left;		/*画像を左に回り込み*/
	margin-right: 3%	/*画像の右側に空けるスペース*/
}


.list {
	overflow: hidden;
	border-bottom: 1px solid #ccc;	/*下線の幅、線種、色*/
	padding: 20px;	/*ボックス内の余白*/
}

/*h4見出しの設定*/
.list h4 {
	color: #d08047;	/*文字色*/
}