@charset "shift_jis";
/***-----CSS用スタイルシート-----**/
body {/*全体的な設定*/
margin : 0;/*全体の余白*/
/*text-align : center;センタリング*/
background : #e0ffff;/*全体の背景の設定*/ 
font-size : 1em;/*全体のフォントサイズ*/
font-family: "ＭＳ ゴシック","ＭＳ Ｐゴシック",Arial,Tahoma,"MS UI Gothic", Osaka,Verdana,sans-serif;/*フォントの設定*/
}
/*************************************************************************************************/
#baseblock{ /*コンテンツ全体の設定*/
width:850px;/*ページ全体の幅*/
/*height:1800px;/*ページ全体の高さ*/
border-right:1px solid blue;/*右枠線の設定*/
border-left:1px solid blue;/*左枠線の設定*/
margin-right:auto;/*センタリングのための左の余白*/
margin-left:auto;/*センタリングのための右の余白*/
background:rgb(228,228,228) url("img/1-4-2.jpg") no-repeat;	/*コンテンツ背景関係*/
}
/*************************************************************************************************/
#header{  /*ヘッダー部分の設定*/
width:850px;/*タイトル部分の幅*/
height:175px;/*タイトル部分の高さ*/
/*border-bottom:1px solid blue;ヘッダー下枠線の設定*/
}
/*************************************************************************************************/
h1{
text-align : center;/*センタリング*/
font-size : 1.1em;/*タイトル文字の大きさ 1emでbaseBlock1のfont-sizeと同じ大きさになります*/
color:white;
background:green;
border:1px black solid;
margin-left:auto;
margin-right:auto;
margin-top:0;
padding-top:2px;
padding-bottom:2px;
width:300px;
}
/************************************************************************************************/
/*h1 {大見出しの設定
text-align : center;/*センタリング
font-size : 1.2em;/*タイトル文字の大きさ 1emでbaseBlock1のfont-sizeと同じ大きさになります
color : navy;/*タイトル文字の色
padding-top : 2px;/*文字上側の余白
margin : 0;/*h1の余白
}*/
/*************************************************************************************************/
h2{/*見出し部分の設定*/
/*width:450px;h2の幅*/
height:20px;/*h2の高さ*/
font-size:1.0em;/*h2の文字サイズ*/
text-align:left;/*文字列左寄せ*/
padding-left:10px;/*文字の左側余白*/
color:red;/*文字の色*/
}
/*************************************************************************************************/
#BOX12{/*topページへのリンクの設定*/
font-size:1.2em;
font-weight:bold;
background-color:#1FB8D8;
border:1px solid black;
margin-top:0px;
margin-bottom:5px;
margin-left:auto;
margin-right:auto;
padding:5px;
text-align:center;
width:100px;
/*height:20px;*/
}
/*---------------*/
*:first-child+html #BOX12 {/*IE用の設定*/
margin-top:-20px;
margin-bottom:5px;
font-size:1.2em;
}
/*---------------*/
a.BOX12:link {/*未訪問の文字色*/
color:white;
}
a.BOX12:visited {/*訪問済みの文字色*/
color:white;
}
a.BOX12:hover {/*カーソルを重ねた時の文字色*/
color :red;
}
a.BOX12:active {/*クリックされた時の文字色*/
color : black;
}
/*************************************************************************************************/
#banner01 {/*ヘッダー内A8netバナー広告用ボックスの設定*/
width : 100px;
margin-top:-10px;
float:left;
}
*:first-child+html #banner01 {/*IE用の設定*/
margin-top:-10px;
}

/*************************************************************************************************/
#banner02{/*ヘッダー内googleバナー広告用ボックスの設定*/
width : 468px;
/*height: 60px;*/
float:right;
margin-top:0px;
margin-right:0;
}
*:first-child+html #banner02 {/*IE用の設定*/
margin-left:-380px;
margin-top:0;
}

/*************************************************************************************************/
#BOX13{/*header内banner用ボックスの設定*/
/*width:250px;*/
height:60px;
margin-top:0px;
background-color:#58d6fe;
float:left;
/*border:1px solid black;*/
}
/*------------*/
*:first-child+html #BOX13 {/*IE用の設定*/
margin-top:0px;
}
/*************************************************************************************************/
#BOX14{/*グーグル検索ボックス*/
width:280px;
height:50px;
float:left;

}
/*************************************************************************************************/
#menu {/*左メニューの設定*/
width : 150px;
height:1600px;
float : left;
font-size : 0.9em;
/*background : url();*/
border : 1px solid blue;
margin-top : 7px;
margin-bottom : 2px;
margin-left : 2px;
/*-webkit-border-radius: 5px;*/
/*-moz-border-radius: 5px;*/
/*border-radius: 5px;*/
/*height:750px*/
}
/*************************************************************************************************/
#menu2 {/*右側メニューの設定*/
width : 150px;
height:1600px;
float : right;
font-size : 0.9em;
/*background : url();*/
border : 1px solid blue;
margin-top : 7px;
margin-bottom : 2px;
margin-right : 2px;
margin-left : 0;
/*-webkit-border-radius: 5px;*/
/*-moz-border-radius: 5px;*/
/*border-radius: 5px;*/
/*	height:750px*/
}
/*************************************************************************************************/
.m-title {/*左右のメニュータイトルの設定*/
font-size : 0.9em;
border : 2px solid #003c62;
color : white;
margin : 10px;
background : green;
text-align : center;
width:120px;
}
/*************************************************************************************************/
ul {/*メニューのリストの設定*/
list-style-type :none;
width:100px;
/*list-style-type:disc;/*リスト記号の指定*/
}
/*************************************************************************************************/
.list{margin-left:10px;
font-size:1.0em;
line-height:1.3em;
}
/*************************************************************************************************/
#maine {/*メインコンテンツ部分の設定*/
float : left;
padding-top : 10px;
padding-bottom : 30px;
/*background : url() no-repeat center top;*/
/*border-left : 1px solid blue;
border-right : 1px solid blue;
border-bottom : 1px solid blue;
border-top : 1px solid blue;*/
margin-top : 2px;
margin-bottom : 30px;
margin-left : 2px;
margin-right : 2px;
overflow : hidden;
width : 536px;
}
/*************************************************************************************************/
     /*---メインコンテンツテーブル部分の設定---*/
.table01 {
border-collapse : collapse;/*テーブル枠線の表示のしかた・・重ねて表示*/
margin-top :10px;
margin-left : auto;
margin-right : auto;
/*width:450px;*/
}
/*---------------------------------------------*/
th, td {
border : 1px solid blue;
text-align : center;
font-size:0.9em;
color:blue;
padding:5px;
}
/*---------------------------------------------*/
/*td.w80 {
padding : 5px;
font-size : 0.9em;
color : blue;
}*/
.left{text-align:left}/*左寄せ*/
/*************************************************************************************************/
/*---メインコンテンツ プロパティの文字の設定---*/				
.tagu {
color : blue;
/*font-size : 0.9em;*/
font-weight : bold;
}
/*---------------------------------------------*/
.tagured {
color : red;
font-size : 0.9em;
font-weight : bold;
}
/*---------------------------------------------*/
.atai01 {
color : blue;
font-style : italic;
font-weight : bold;
}
/*----------------------------------------------*/
.top{font-size:1.0em}
/*************************************************************************************************/
#BOX02{/*プロパティ説明用のボックス*/
color:black;
font-size:1.0em;
padding:7px;
text-align:left;
line-height:150%;
}
/*************************************************************************************************/
#BOX03{/*サンプルソース用ボックスの設定*/
font-size:1.2em;
color:black;
width:440px;
height:400px;
border:1px inset indigo;
padding:5px 20px;
text-align:left;
margin-left:auto;
margin-right:auto;
overflow:scroll;
scrollbar-face-color: silver;
/*clear:both;*/
}
/*---------------------------------------------*/
code{ white-space:pre}/*文字の表示入力されたまま表示*/
/*---------------------------------------------*/
.maroon {/*サンプル用ボックス「サンプル」の文字色*/
color : #800000;
font-size : 1.2em;
font-weight : bolder;
}
/*---------------------------------------------*/
.navy {/*サンプル用ボックス「css」「html」の文字色*/
color : #000080;
font-size : 1.1em;
font-weight:bolder;
}
/*---------------------------------------------*/
/*************************************************************************************************/
#BOX04 {/*サンプルソース説明用ボックス*/
/*padding : 5px 20px;*/
color : red;
font-size : 0.95em;
height : 100px;
width : 480px;
clear : both;
/*border:1px solid blue;*/
margin-left:auto;
margin-right:auto;
margin-top:20px;
text-align:left;
}
/*************************************************************************************************/
#BOX05 {/*---注意書きボックスの設定---*/
border : 1px dotted #800000;
font-size : 0.8em;
margin : auto;
width : 400px;
padding : 2px;
}
/*************************************************************************************************/
#BOX06 {/*サンプル画像用ボックス*/
border : hidden;
height : auto;
width : 400px;
margin-left : auto;
margin-right : auto;
}
/*************************************************************************************************/
#BOX07 {/*TOPS用ボックス*/
border : hidden;
width : 400px;
height : 100px;
margin-left : auto;
margin-right : auto;
margin-top : 5px;
}
/*************************************************************************************************/
#BOX08 {/*rakutenn banner*/
width : 150px;
text-align:center;
margin-bottom:5px;
margin-top:10px;
}
/*************************************************************************************************/
#BOX09 {/*Amazon banner*/
width : 150px;
text-align:center;
margin-bottom:5px;
}
/*************************************************************************************************/
#BOX10 {/*basics用 A8net banner*/
width : 125px;
margin-left : auto;
margin-right : auto;
margin-bottom:5px;

}
#BOX11 {/*basics用 A8net banner*/
width : 125px;
margin-left : auto;
margin-right : auto;
}
/*************************************************************************************************/
.right{float:right;}/*文字列を画像の右側に回りこませる*/
.left{float:left;}/*文字列を画像の左側に回りこませる*/
.clear{clear:both;}/*右側への回りこみ解除*/
/*************************************************************************************************/
.color01{color:red;}/*文字の色　赤*/
/*---------------------------------------------*/
.color02{color:blue;}/*文字の色　青*/
/*---------------------------------------------*/
.nextback {font-size:0.85em;
color:black;
}
/*---------------------------------------------*/
.yokosenn {/*本文中の横罫線*/
border-top : none;
border-bottom : 1px solid teal;
border-left : none;
border-right : none;
height : 0;
margin-top : 10px;
margin-bottom : 10px;
}
/*************************************************************************************************/
#footer a {/*ページ下部のリンクテキストのフォント設定*/
color : black;
text-decoration : none;
}
/*---------------------------------------------*/
#footer {/*ページ下部の設定*/
height:40px;
text-align : center;
color : white;
font-size : 0.8em;
border-top : 1px solid black;
margin-top : 10px;
background-color : green;
clear : both;
}
/*************************************************************************************************/
.midasi{text-align:center;/*--本文中の見出し用--*/
   color:white;
   font-weight:bold;
   background-color:rgb(70,180,100);
   }
/*************************************************************************************************/
/*リンクフォントの設定*/
a:link {/*未訪問の文字色*/
color : blue;
text-decoration : none;
font-size : 0.8em;
}
a:visited {/*訪問済みの文字色*/
color:maroon;
font-size : 0.8em;
}
a:hover {/*カーソルを重ねた時の文字色*/
color : red;
font-size : 0.8em;
}
a:active {/*クリックされた時の文字色*/
color : black;
font-size : 0.8em;
}
a {/*リンク下線の設定。underlineで下線有り。noneで下線無し。*/
text-decoration : none;
}
/*************************************************************************************************/
#link {
width : 450px;
height : 40px;
margin-left : auto;
margin-right : auto;
text-align : left;
font-size : 0.9em;
border : none;
padding-top : 2px;
padding-right : 2px;
line-height:1.3em;
/*border:1px solid black;*/
}
/*************************************************************************************************/
#pic {
background-color : #ffffff;
left : 59px;
position : relative;
top : 10px;
width : 400px;
height:200px;
}
#pic a .large {
border : 0;
display : block;
height : 1px;
left : -1px;
position : absolute;
top : -1px;
width : 1px;
}
#pic a img {
border : 0;
}
#pic a.p1, #pic a.p1:visited {
background : #ffffff;
border : 1px solid #000000;
display : block;
height : 90px;
left : 0;
text-decoration : none;
top : 0;
width : 400px;
}
#pic a.p1:hover {
background-color : #8c97a3;
color : #000000;
text-decoration : none;
}
#pic a.p1:hover .large {
border : 1px solid #000000;
display : block;
height : 900px;
left : -100px;
position : absolute;
top : -60px;
width : 1100px;
}