@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #ffffff; /* ページの背景色 */
font-size:16px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #0000ff; }
a:hover { color: #FFA500; }
a:active { color: #808080; }


/* --- コンテナ（ページ全体枠） --- */
#container {
width: 780px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* メインカラムの背景色 */
border-left: 0px #ffffff solid; /* 左の境界線 */
border-right: 0px #ffffff solid; /* 右の境界線 */
}



/* --- フッタ --- */
#footer {
clear: both; /* フロートのクリア */
width: 780px;
background-color: #ffffff; /* フッタの背景色 */
}


table {
	width:80%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:0px solid #ddd;
}
th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:0px solid #ddd;
	background:#F0F8FF;
}
td {
	padding:10px;
	text-align:left;
	border:0px solid #ddd;
}


div.title1 {/*　ヘッダー帯部分（スカイブルー・左詰め）　*/
 width:780px;
 background-color: skyblue;
 color : white;
 text-align:left;
 padding: 5px;}
 


div.hdr1{ /*　ヘッダー分割左幅イメージまたはページタイトル用　*/
    width:300px;
    height: 68px;
    background-color:#FFFFFF;
    border-style:solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: #FFFFFF;
    text-align: left;
    line-height: 1.5;
    padding: 3px 0px; /* パディング（上下、左右） */
    float:left;
    
}

div.hdr2{ /*　ヘッダー分割右468バナーまたは写真掲載用　*/
    width:470px;
	height: 68px;
    background-color:#FFFFFF;
	border-style:solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: #FFFFFF;
	text-align: right;
    line-height: 1.5;
	padding: 3px 0px; /* パディング（上下、左右） */
    float:right;
}


div.title3 {/*　ヘッダー帯部分（スカイブルー・右詰め）　*/
 width:780px;
 background-color: skyblue;
 color : white;
 text-align:right;
 padding: 5px;
 clear: both;
 
 }
 
 

/* --- ボックス1（スカイブルー） --- */
div.section {
width: 600px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px skyblue solid; /* ボックスの境界線 */
font-size: 100%; /* ボックスの文字サイズ */
margin: 0 auto; /* センタリング */
padding: 10px;
}

/* --- ボックス2（枠線レッド） --- */
div.section2 {
width: 600px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px red solid; /* ボックスの境界線 */
font-size: 100%; /* ボックスの文字サイズ */
margin: 0 auto; /* センタリング */
padding: 10px;
}


/* --- 見出し --- */
div.section h3 {
margin: 0; /* 見出しのマージン */
padding: 6px 10px; /* 見出しのパディング（上下、左右） */
background-color: skyblue; /* 見出しの背景色 */
border-bottom: 1px skyblue solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
text-align: center;
}

/* --- ボックス内の段落 --- */
div.section p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
font-size: 90%; /* 見出しの文字サイズ */
text-align: left;
}

/* --- 見出しエリア --- */
div.mm1 {
width: 500px; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 4px 0; /* 見出しエリアのパディング（上下、左右） */
border-bottom: 1px #FFFFFF solid; /* 見出しエリアの下境界線 */
}

/* --- 見出し --- */
div.mm1 {
margin: 0;
padding: 3px 3px 0 5px; /* 見出しのパディング（上右下左） */
border-left: 10px #ff8000 solid; /* 見出しの左境界線 */
font-size: 120%; /* 見出しの文字サイズ */
font-family: ＭＳ Ｐゴシック,sans-serif;
font-weight: bold;
line-height: 150%;
}



div.m1 {/*　見出し部分（左詰めスカイブルー　*/
 width:500px;
 background-color: skyblue;
 font-size : 18px;
 color : black;
 font-weight: bold;
 text-align: left;
 padding: 5px;}
 
 
div.m2 {/*　見出し部分2（オレンジ）　*/
 width:488px;
 background-color: white;
 border-width:1px;
 border-style:solid;
 border-top-width: 0px;
 border-bottom-width: 1px;
 border-left-width: 10px;
 border-right-width: 0px;
 border-color: orange;
 font-size : 18px;
 font-weight: bold;
 color : black;
 text-align:left;
 text-indent: 10px;
 padding: 5px;}
 
 
div.m1-2 {/*　見出し部分（左詰めミスティローズ）　*/
 width:500px;
 background-color:mistyrose;
 font-size : 110%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 font-weight: bold;
 color : black;
 text-align:left;
 text-indent:10px;
 padding: 5px;}
 
 
 
img.photo {/* イメージ囲み用 */
padding: 10px; /* パディング */
background-color: #ffffff; /* 背景色 */
border: 1px solid; /* 境界線 */
border-color: #c0c0c0 #808080 #808080 #c0c0c0; /* 境界線色（上右下左） */
}

/* --- 二重枠線ボックス --- */
div.kakomi {
 background-color: white;
 border: 1px solid; /* 境界線 */
 border-left-width: 5px;
 border-right-width: 5px;
 border-style: double;
 border-top-width: 5px;
 border-bottom-width: 5px;
 border-color: gray;
 padding: 10px; /* パディング */
}

p.cn1{/* 文字位置中央:*/
 text-align: center;
 }
 
p.rt1{/* 文字位置右 */
 text-align: right;
 }
 
p.take1{/* 文字サイズ小 */
 font-family: ＭＳ Ｐゴシック,sans-serif;
 font-size: x-small;
 color: black;
 }
 
p.take2{/* 文字サイズ小・赤強調 */
 font-family: ＭＳ Ｐゴシック,sans-serif;
 font-size: x-small;
 color: red;
 font-weight: bold;
 }



div.foot{/*　フッター中抜き（スカイブルー・中央揃え）　*/
 width:780px;
 background-color:#FFFFFF;
 border-style:solid;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-right-width: 1px;
 border-color: skyblue;
 font-size : 90%;
 text-align: center;
 padding: 5px;

 }
	

