@charset "Shift_JIS";


/* レイアウトの設定*/
body{
    margin:0px;
    padding:0px;
    text-align: center;
	color: #000000; /* 全体の文字色 */
	font-size: 100%; /* 全体の文字サイズ */

}
/* ラッパーの設定*/
#wrapper{
    position:relative;
    width:880px;
    background-color:#FFFFFF;
    margin:0px auto;
    text-align:left;
}
/* ヘッダーの設定*/
#header1{
    width:880px;
    background-color:#FFFFFF;
	text-align:center;
}
#header2{
    width:880px;
    height:360px;
    background-color:#FFFFFF;
}
/* 左側の設定*/
#left{
    width:634px;
    float:left;
    background-color:#FFFFFF;
}
/* 右側の設定*/
#right{
    width:246px;
    float:right;
    background-color:#FFFFFF;
}
/* フッターの設定*/
#footer{
    position:relative;
    width:880px;
    background-color:#FFFFFF;
	text-align:center;
    padding: 0px;
    clear:both;
}


div.hdr1{ /*　ヘッダー分割左幅イメージまたはページタイトル用　*/
    position:relative;
    width:380px;
	height: 70px;
    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: 5px; /* パディング（上下、左右） */
	float:left;
    
}

div.hdr2{ /*　ヘッダー分割右468バナーまたは写真掲載用　*/
    position:relative;
	width:476px;
	height: 70px;
    background-color:#FFFFFF;
	border-style:solid;
    border-top-width: 10px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-color: #FFFFFF;
	text-align: right;
    line-height: 1.5;
	padding: 5px 0px; /* パディング（上下、左右） */
    float:right;
    }

div.title1 {/*　ヘッダー帯部分（スカイブルー・左詰め）　*/
 width:870px;
 background-color: skyblue;
 font-size : 90%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 font-weight: bold;
 color : white;
 text-align:left;
 padding: 5px;}
 
 div.title2{/*　ヘッダー帯および見出し部分（オレンジレッド）　*/
 width:870px;
 background-color:orangered;
 font-size : 90%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 font-weight: bold;
 color : white;
 text-align:center;
 padding: 5px;}
 
div.title3 {/*　ヘッダー帯部分（スカイブルー・右詰め）　*/
 width:870px;
 background-color: skyblue;
 font-size : 90%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 color : white;
 text-align:right;
 padding: 5px;}
 
 
div.title4{/*　ヘッダー帯および見出し部分中抜き（スカイブルー・右寄せ）　*/
 width:868px;
 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%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 color : black;
 text-align:right;
 padding: 5px;}
 
 
div.title5{/*　ヘッダー帯および見出し部分中抜き（オレンジレッド・右寄せ）　*/
 width:868px;
 background-color:#FFFFFF;
 border-style:solid;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-right-width: 1px;
 border-color: orangered;
 font-size : 90%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 color : black;
 text-align:right;
 padding: 5px;}
 
 
div.title6{/*　ヘッダー帯およびタイトル見出し部分中抜き（スカイブルー・中央揃え）　*/
 width:868px;
 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 : 80%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 color : black;
 text-align: center;
 padding: 5px;}

div.container { /*　メイン　*/
 width:614px;
 background-color: white;
 font-size: 90%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 font:color : black;
 text-align:left;
 line-height: 1.5;
 padding-left: 10px;
 padding-right: 10px;
 }
 
div.container2 { /*　メイン（バナーギャラリー専用）　*/
 width:614px;
 background-color: white;
 background-image: url(http://www.55takeoff.net/net_watching/i_ad_images/bg_white.jpg);
 font-size: 90%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 font:color : black;
 text-align:left;
 line-height: 1.5;
 padding-left: 10px;
 padding-right: 10px;
 }
 


/* --- ボックス1（スカイブルー） --- */
div.section {
width: 498px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px skyblue solid; /* ボックスの境界線 */
font-size: 90%; /* ボックスの文字サイズ */
margin-left: 57px;
}

/* --- 見出し --- */
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;
}

/* --- ボックス2（ミスティローズ） --- */
div.section2 {
width: 498px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px mistyrose solid; /* ボックスの境界線 */
font-size: 90%; /* ボックスの文字サイズ */

}

/* --- 見出し --- */
div.section2 h3 {
margin: 0; /* 見出しのマージン */
padding: 6px 10px; /* 見出しのパディング（上下、左右） */
background-color: mistyrose; /* 見出しの背景色 */
border-bottom: 1px mistyrose solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
text-align: center;
}

/* --- ボックス内の段落 --- */
div.section2 p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
font-size: 90%; /* 見出しの文字サイズ */
}


/* --- ボックス大（スカイブルー500px） --- */
div.section3 {
width: 500px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px skyblue solid; /* ボックスの境界線 */
font-size: 90%; /* ボックスの文字サイズ */
}

/* --- 見出し --- */
div.section3 h3 {
margin: 0; /* 見出しのマージン */
padding: 6px 10px; /* 見出しのパディング（上下、左右） */
background-color: skyblue; /* 見出しの背景色 */
border-bottom: 1px skyblue solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
text-align: center;
}

/* --- ボックス内の段落 --- */
div.section3 p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
font-size: 90%; /* 見出しの文字サイズ */
font-family: ＭＳ Ｐゴシック,sans-serif;
}




/* --- 見出しエリア --- */
div.head {
width: 500px; /* 見出しエリアの幅 */
margin-bottom: 1em;
padding: 4px 0; /* 見出しエリアのパディング（上下、左右） */
border-bottom: 1px #FFFFFF solid; /* 見出しエリアの下境界線 */
}

/* --- 見出し --- */
div.head {
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 : 110%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 font-weight: bold;
 color : navy;
 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 : 100%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 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;}
 
 
div.m4 {/*　囲み記事2（無地・フロート左）　*/
 width:290px;
 height:180px; 
 background-color: white;
 border-width:1px;
 border-style:solid;
 border-color: white;
 font-size : 80%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 color : black;
 text-indent:0px;
 padding: 5px;
 float:left;
 }
 
div.m4-2 {/*　囲み記事3（無地・フロート右）　*/
 width:290px;
 background-color: white;
 border-width:1px;
 border-style:solid;
 border-color: white;
 font-size : 80%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 color : black;
 text-align:left;
 text-indent:0px;
 padding: 5px;
 float:right;
 }
 

div.kakomi {/*　囲み記事（500px枠線スカイブルー）　*/;
 width:500px;
 background-color: white;
 border-width:1px;
 border-style:solid;
 border-color: skyblue;
 font-size : 90%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 color : black;
 padding: 5px;
 }
 
div.kakomi2 {/*　囲み記事（枠線スカイブルーauto）　*/;
 width: auto;
 background-color: white;
 border-width:1px;
 border-style:solid;
 border-color: skyblue;
 font-size : 90%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 color : black;
 padding: 5px;
 }
 
div.kakomi3 {/*　囲み記事（枠線オレンジauto）　*/;
 width: auto;
 background-color: white;
 border-width:1px;
 border-style:solid;
 border-color: orange;
 font-size : 90%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 color : black;
 padding: 5px;
 }

 
div.s1 {/*　サイド見出し部分　*/
 width:234px;
 background-color: skyblue;
 border-width:1px;
 border-style:solid;
 border-top-width: 5px;
 border-bottom-width: 5px;
 border-color: skyblue;
 font-size : 90%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 font-weight: bold;
 color : white;
 text-align:center;
 text-indent: 0px;
 padding: 5px;}

div.s1-2 {/*　サイド見出し部分（オレンジ）　*/
 width:234px;
 background-color: orange;
 border-width:1px;
 border-style:solid;
 border-top-width: 5px;
 border-bottom-width: 5px;
 border-color: orange;
 font-size : 90%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 font-weight: bold;
 color : white;
 text-align:center;
 text-indent: 0px;
 padding: 5px;}
 
div.s1-3 {/*　サイド見出し部分（ミスティローズ）　*/
 width:234px;
 background-color: mistyrose;
 border-width:1px;
 border-style:solid;
 border-top-width: 5px;
 border-bottom-width: 5px;
 border-color: mistyrose;
 font-size : 90%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 font-weight: bold;
 color : black;
 text-align:center;
 text-indent: 0px;
 padding: 5px;}


div.s2 {/*　サイド囲み記事（スカイブルー）　*/
 width:234px;
 background-color: white;
 border-width:1px;
 border-style:solid;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-color: skyblue;
 font-size: 80%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 color : black;
 text-align:left;
 line-height: 1.5;
 padding: 5px;}
 
 
div.s2-2 {/*　サイド囲み記事（オレンジ）　*/
 width:234px;
 background-color: white;
 border-width:1px;
 border-style:solid;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-color: orange;
 font-size: 80%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 color : black;
 text-align:left;
 line-height: 1.5;
 padding: 5px;}
 
 
div.s2-3 {/*　サイド囲み記事（ミスティローズ）　*/
 width:234px;
 background-color: white;
 border-width:1px;
 border-style:solid;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-color: mistyrose;
 font-size: 80%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 color : black;
 text-align:left;
 line-height: 1.5;
 padding: 5px;}
 
 

H1{
 font-size: 150%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 color: black;
}

H2{
 font-size: 120%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 color: black;
}


A:link {
 color:blue;
}
A:visited {
 color:blue;
}
A:active {
 color:gray;
}
A:hover {
 color:orange;
}


img.photo {/* イメージ囲み用 */
padding: 10px; /* パディング */
background-color: #ffffff; /* 背景色 */
border: 1px solid; /* 境界線 */
border-color: #c0c0c0 #808080 #808080 #c0c0c0; /* 境界線色（上右下左） */
}



/* --- 表全体 --- */
table.ex1 {
width: 600px; /* 表の幅 */
margin-bottom: 30px; /* 表の下マージン */
border: 1px #c0c0c0 solid; /* 大枠の境界線 */
border-collapse: collapse;
font-size: 80%;
}

/* --- 表タイトル --- */
table.ex1 caption {
padding-bottom: 5px; /* 表タイトルの下パディング */
}

/* --- セル --- */
table.ex1 th,
table.ex1 td {
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */
padding: 6px 8px; /* セルのパディング（上下、左右） */
border: 1px #c0c0c0 solid; /* セルの境界線 */
}

/* --- 見出しセル --- */
table.ex1 thead th {
background-color: #deefff; /* 見出しセルの背景色 */
text-align: center;
}

/* --- フッタセル --- */
table.ex1 tfoot td {
background-color: #f5f5f5; /* フッタセルの背景色 */
}

/* --- データセル --- */
table.ex1 tbody td {
background-color: #ffffff; /* データセルの背景色 */



td {
 font-size: 100%;
 font-family: ＭＳ Ｐゴシック,sans-serif;}
 
td.v2 {
 font-size: 90%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 line-height: 1.5;
 }
 
td.v2-2 {
 font-size : 80%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 line-height: 1.5;
 }

 
 
/* --- リストエリア --- */
ul.thumbnail {
width: 100%; /* リストエリアの幅 */
margin: 0;
padding: 30px 0 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
width: 120px; /* 項目の幅 */
/* height: 80px; */ /* 項目の高さ（li要素の高さを指定する場合） */
float: left;
margin-bottom: 30px; /* 項目の下マージン */
text-align: center;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

p.le1{/* 文字位置左*/
 text-align: left;
 }
 
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:870px;
 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%;
 font-family: ＭＳ Ｐゴシック,sans-serif;
 font:color : black;
 text-align: center;
 padding: 5px;
 }