@charset "utf-8";

*{
 font-weight: normal;
 font-style: normal;
}

BODY{
 color: #7777aa;/* 文字色 */
 background-color: #FFF;/* 背景色 */
 font-size: 75%;
 font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,"ＭＳ Ｐゴシック",serif;
 padding:10px;
}

ul,li{
 list-style: none;
}

td,th{
 font-size: 1em;
}
/*--------------------------------------------------------
LINK
--------------------------------------------------------*/

A{
 color: #7777aa;
 text-decoration: none;
}

A:hover{
 color: #009999;
}

A img{
 border-style: none;
}
/*--------------------------------------------------------
基本
--------------------------------------------------------*/

#page{
 background-image: url(image/h07.gif);
}

#page td{
 padding: 3px;
}
/*--------------------------------------------------------
基本
--------------------------------------------------------*/

#wrapper{
 width: 900px;/* 全体の幅  調節した場合はインラインフレームの幅も変更*/
 margin: 0px auto;/* テーブル中央揃え */
 position: relative;
 border: 2px #7777aa solid;
}
/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#header{
 background-color: #7777aa;/* 背景色 */
 height: 35px;
 text-align: left;
}
/*--------------------------------------------------------
MENU
--------------------------------------------------------*/

#menu{
 background-color: #d9e0f5;/* 背景色 */
 height: 25px;
 line-height: 25px;
 text-align: center;
}

#menu A:hover{
 color: #fff;
}
/*--------------------------------------------------------
インラインフレーム(大きい枠)
--------------------------------------------------------*/

#contents{
 height: 650px;
 width: 900px;/* 全体の大きさはここを変更 */
 background-color: #FFF;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 overflow: auto;
 -webkit-overflow-scrolling: touch;
}

.iframe{
 width: 100%;
 height: 100%;
 border: none;
 display: block;
 border-style:none;
}
/*--------------------------------------------------------
Copyrightのある部分
--------------------------------------------------------*/

#sub{
 background-color: #FFC4C2;/* 背景色 */
 height: 25px;
 line-height: 25px;
 text-align: center;
}
/*--------------------------------------------------------
designedのある部
--------------------------------------------------------*/

#footer{
 background-color: #7777aa;/* 背景色 */
 height: 35px;
 line-height: 35px;
 text-align: center;
 color: #999999;
}
/* ---designed--- */

.fl{
 color: #FFF;
 font-size: 9px;
}
/*--------------------------------------------------------
見出し、枠、線
--------------------------------------------------------*/

.title{
 font-size: 1.8em;
 margin: 0;
 padding-bottom: 18px;
 line-height: 36px;
 color: #FFF;
 font-weight: bold;
}

.title A{
 color: #FFF;
 font-weight: bold;
}

.title A:hover{
 color: #009999;
}

.h{
 font-weight: bold;
 border-left: 5px solid #343577;
 background-color: #FFF1E2;
 margin: 10px 0;
 padding: 0px;
}

h1{
 font-size: 1.3em;
 font-weight: bold;
 margin: 10px 0;
 padding: 0px;
}

h2{
 font-size: 1.2em;
 font-weight: bold;
 margin: 10px 0;
 padding: 0px;
}

h3{
 font-size: 1.1em;
 font-weight: bold;
 margin: 5px 0;
 padding: 0px;
}

strong{
 color: #7777aa;
 background-color: #CEEAFF;
 font-weight: bold;
}

.news{
 font-size: 0.8em;
 color: #666;
 background-color: #FFF;
 width: 100%;
 height: 110px;
 margin: 0;
 padding: 0;
 overflow-y: scroll;
 border: 2px dotted #7777aa;
}

.pos{
 color: #343577;
 background-color: #CEEAFF;
 margin: 5px 0;
 padding: 3px;
 border: 3px double #7777aa;
}

.ln01{
 border-left: 5px solid #CCDBFF;
 margin: 18px 0;
 padding: 0 5px ;
}

.ln02{
 border-left: 5px solid #FFC4C2;
 margin: 18px 0;
 padding: 0 5px ;
}

.co01{
 color: #8BD98D;
 font-weight: bold;
}

.co02{
 color: #ff8080;
}

.co03{
 color: #c20020;
}

/*--------------------------------------------------------
TOPへの戻りリンク、回り込み解除
--------------------------------------------------------*/

.pagetop{
 text-align: center;
}

.clear{
 clear: both;
 height: 3px;
}

.clear hr{
 display: none;
}

/*--------------------------------------------------------
追加
--------------------------------------------------------*/

.box{
 padding: 20px;
}

.tweet{
 width:360px;
 height:320px;
 border:solid 1px;
 border-color:#7777AA;
}

.pict{
 margin:auto;
 text-align:center;
}

.pict-l{
 float:left;
 margin-right:20px;
}

.pict-r{
 float:right;
 margin-left:20px;
}



#pict-l{
 float:left;
 width:150px;
 margin-right:20px;
}

#pict-c{
 width: 670px;
 height: 590px;
 background-color: #FFF;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 overflow: auto;
 -webkit-overflow-scrolling: touch;
}

.pict-c{
 width: 670px;
 height: 600px;
 border: 3px dotted #7777aa;
 display: block;
}

table.t01{
 border : 1px solid black;
 width : 400px;
 border-spacing:0px;
}

table.t01 tr th,table.t01 tr td {
 padding:3px;
}