@charset "UTF-8";




/* 一括で全ての要素の余白をゼロに指定 */
* {
  margin: 0;
  padding: 0;
}

/* 全体的なリンク */

a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; }

a:link { color: #333; }
a:visited { color: #333; }
a:hover { color: #f00; }
a:active { color: #f00; }

/* -------------------------------------------------------------
   [1] レイアウトに関する指定 */

body {
  font-size: 85%;
  text-align: center;
  font-family: "ＭＳ 明朝",serif;
  padding: 0;
  margin: 0;
  background-color: #fff;
}

#wrapper {
  text-align: left;
  width: 960px;
  margin: 20px auto;
 
  background-color: #fff;
}

#header {
  clear:both;
  width: 100%;
 
  margin-bottom: 20px;
  position: relative;
 
}

#container {
  margin-bottom: 40px;
  padding: 0;

}

#contents {

 
  width: 740px;
  float: left;
  padding: 0 ;
}



.answer {
color:#333;
font-size:95%;
line-height:200%;
padding:10px 0px 20px 0px;}

#sidebar {
 margin-left:20px;
 float: left;
 
  width: 200px;
 
  padding: 0 ;
}

#footer {
  padding: 20px 0 30px;
  background: #333;
}

/* -------------------------------------------------------------
   [2] ヘッダーブロック内に関する指定 */

/* キーワード */
h1 {
  font-size: 100%;
  font-weight: normal;
  position: absolute;
  top: 20px;
  right: 10px;
  color: #9cf;
}

.top {margin-top:20px;}

.left {

text-align:left;
margin:0 10px 10px 0px;
float:left;}

.right {
text-align:right;
margin:0 0px 10px 10px;
float:right;}

.waku{

line-height:150%;

}

.red{
margin-top:5px;
width:200px;
}

.redin{
text-align:left;
font-size:70%;
padding:5px;
border: 1px #DED1BF solid}

/* ページの概要 */
.description {
  position: absolute;
  top: 50px;
  left: 20px;
  color: #69f;
}

.lang {


}

.lang ul {
float:left;
list-style:none;
}

.lang li {float:left; margin-right:5px;}

.pager {
    clear:both;
    margin-bottom:20px;
}


/* =social
-------------------------------------------------------------- */
.sb{}


.sb ul{float:right; 

}
.sb li{float:left; list-style:none; margin-left:5px;}


.pager li {
    display: inline;
}
 
.pager li span {
    display: inline-block;
    padding: 4px 6px;
    border:  1px #CCCCCC solid;
}
 
.pager li span.now {
    display:          inline-block;
    padding:          4px 6px;
    border:           1px #CCCCCC solid;
    background-color: #EEEEEE;
    font-weight:      bold;
}
 
.pager li a {
    display: inline-block;
    padding: 4px 6px;
    border:  1px #CCCCCC solid;
}
 
.pager li a:hover {
    background-color: #0000FF;
    color:            #FFFFFF;
}



/* -------------------------------------------------------------
   [3] コンテンツブロック内に関する指定 */

/* 見出し */
h2 {
  font-size: 120%;
  font-weight: bold;
 
 
 
 
}


h3,h4,h5,h6 { margin-top: 3em; }

/* 文字 */
#contents p {
  line-height: 1.5em;
  margin-bottom: 0.5em;
}

/* -------------------------------------------------------------
   [4] サイドバーブロック内に関する指定 */




/* サイドバーメニュー */
.localnavi {

list-style-type: none;

}

.localnavi li { 
display:block;
margin-bottom:3px;


}

.localnavi li a {
text-decoration: none;

 
 
}

.localnavi li a:hover {

  
}







@media(max-width:480px){



#header img{

  width: 100%;
  height:auto;



}




#wrapper {
  
  width: 100%;
  margin: 0px ;
  
  background-color: #fff;
}


#container {
  width: 100%;
  padding: 0;
  

}



#contents {
margin:0;
float:none;
padding: 3px;
 width: 100%;
  
 
}


.red{
margin-top:5px;
width:100%;
}

.waku{
float:none;
margin:0 auto;
width:95%;

}

#contents img {
width:100%;
height:auto;
}



#sidebar {
 
 float:none;
 
  width: 100%;
 margin:0;
  padding: 0 ;
}



.localnavi li img{
margin:3px;
float:left;
width:48%;
height:auto;

}

}