@import url("common.css");


*{
margin:0;
padding:0;
box-sizing: border-box;
-moz-box-sizing: border-box;
font-family:"MS UI Gothic","ＭＳ Ｐゴシック";
}



body{
text-align:center;
background-color:#ffffff;
background-image: url("./files/k-line2.gif") ;
background-attachment: fixed;
font-size:11pt;
color:salmon;
}

/* container */
#container{
position:relative;
width:720px;
background-color:;
margin:0px auto;
text-align:left;
border:;
}

/* ヘッダー*/
#head{ 
width:720px;
height:100px;
background-color:;
}

/* 左側*/
#left{
width:430px;
height:;
float:left;
background-color:#f0ffff;
}

/* IE7左側*/
*:first-child+html #left{
height:;
}


/* 右側*/
#right{
width:280px;
height:;
float:right;
background-color:#fff0f5;
}

/* ie7右側*/
*:first-child+html #right{
height:;
}


/* フッター*/
#foot{
position:relative;
width:100%;
height:50px;
background-color:#00bfff;
clear:both;
}

/* IE6で予定外の幅方向スクロールバーを表示しないようにする*/
html{
overflow-y: scroll;
}

/* 上部開設日 */
.kaisetu {
text-align:right;
font-size:8pt;
color:#00f;
margin-top:3px;
}


/* タイトル部 */
h1 {
margin-top:5px; 
margin-bottom:0px;
}


/*上部メニュー*/
.topmenu{
border:1px solid #0000ff;
width:720px;
margin:0 auto;
font-size:13px;
font-weight:bold;
background-color:;
position:absolute; top:80px; left:0px;
background-image: url(http://www.eclat.cc/theme/sanpo/sq-blue.gif) ; 
}


.topmenu a{
width:100%;
color:#f0f;
text-decoration:none;
background-color:;
}

.topmenu a:hover{
width:100%;
color:#90f;
text-decoration:none;
background-color:#ff0;
}

.topmenu td{
height:20px;
font-size:13px;
width:;
letter-spacing:1px;
text-align:center;
}

/* 左側タイトル*/
h2{
border-right:1px solid #333;
border-bottom:1px solid #333;
background-color:#00bfff;
font-size:11pt;
margin:10px 10px 7px 10px;
padding:3px 10px;
color:#00f;
}

/* 左側box */
.info1, .info2, .info3, .info4, .info5{
margin:0.3em 0.3em 0.8em 0.3em;
border: 1px solid gray;
padding:0;
}



.info1 p, .info2 p, .info3 p{ padding: 5px 10px 5px 10px}







/*更新履歴*/

.info2 table {
margin:10px 20px 10px 20px;
background-color:ivory;
color:orchid;
}

.koushin {
width:100%; height:120px; overflow:auto;
font-size:10pt;
}

.td01 {padding:10px;}

/*お知らせ*/
.oshirase{
color:red;
margin:1px 5px 1px 10px;
}



/*よろしく*/
.info3 a {
font-size:15pt;
font-weight: bold;
text-decoration:none; color:#90f;
}

.info3 a:hover {text-decoration:none; color:#f0f; background-color:#ff0;}




/*キリバンセレクト*/

.info4 select {
font-size:10pt;
color:#f0f;
background-color:#ffe4e1;
}

.info4 p{
text-align:center;
margin-bottom:30px;
}


/*お世話になってます*/
.info5 p{
padding-left:20px;
padding-bottom:20px;
}




/* 右側box*/
.r_comments1, .r_comments2, .r_comments3, .r_comments4, .r_comments5{ 
border:1px solid #b99;
margin: 0.3em 0.3em 0.3em 0.3em ;
padding:0;
}


.link_text{
font size:11pt;
margin:0.5em 0.5em 1em 1.5em;
padding:0;
}

.link_text a{ 
text-decoration:none; color:#9900ff;  
}

.link_text a:hover{ 
text-decoration:none; color:mediumseagreen;  
}

#right ul li { 
list-style-type: circle; 
color:#ff99ff;
}

/* 方言変換*/
.hougen input { border-style:solid; border-width:1px; border-color:#00f; 
color:#00f; background-color:#0ff;}

.hougen select{ font-size: 10pt; color=#f0f; background-color:#fffacd; height:20px; border:0 solid #ccffff;
}




/* 右側タイトル*/
h3{
border-right:1px solid #333;
border-bottom:1px solid #333;
background-color:hotpink;
font-size:11pt;
margin:10px 10px 7px 10px;
padding:3px 10px;
color:#fff;
text-align:center;
}



/* わんこ*/
div .photo1{
text-align:center;
margin-bottom:5px;
}


.banner {
padding: 5px 10px 5px 10px;
}


.last{
padding:5px;
margin-bottom:3px;
font-size:10pt;
}





.foot{
text-align:center;
}




.bottomlink li{ display:inline;
list-style-type: none;
padding:5px 12px 5px 12px;
margin:0;
}

.bottomlink li a{ 
text-decoration:none; color:#9900ff;  
}

#foot ul{
position:absolute; top:0px; left:0px;
width:720px;
border:1px solid #0000ff;
padding:3px 0px 3px 0px;
margin:0px 0px 0px 0px;
background-color:#fafad2;
}

.foot{position:absolute; top:30px; left:50px; color:#0000ff; }


a:link {text-decoration:none; color:#1e90ff; }
a:visited {text-decoration:none; color:#1e90ff; }
a:hover {text-decoration:none; color:#f0f; background-color:#ff0; }


@keyframes myframe {
  from {
    color: #66f;
    font-size: 10pt;
  }
  to {
    color: #f66;
    font-size: 14pt;
  }
}
.an1 {
  position: absolute;
  animation: myframe 0.5s ease-in 1s infinite alternate both;
 margin-right:10px;
}

.i {
margin-left:30px;
}