/* CSS Document */

@charset "Shift_JIS";

/* 全  構  
---------------------------------------------------- */
body {
  margin: 0px;
  padding: 0px;
  color: #333333;
  background: #ffffff;
  font-family:'メイリオ';
}
img {
border: none;
}
.clear{
claer: both;
}
/* トップニ  ース    
---------------------------------------------------- */
#topnews{
	font-size: small;
	color :  #333333;
	line-height: 20px;
  }
#topnews a:link {
  color :  #333333;
  text-decoration : none;
  }
#topnews a:visited {
  color :  #555555;
  text-decoration : none;
  }
#topnews a:hover {
  color :  #32CB98;
  text-decoration : underline;
  }
#topnews a:active {
  color :  #32CB98;
  }
  

/*   サイド    
---------------------------------------------------- */

/* パンくず
---------------------------------------------------- */
#pankuzu {
  width: 100%;
  margin: 5px 0 10px 0;
  padding: 0px;
}
.pankuzu {
  font-size: 12px;
  font-weight: 600;
  color: #333333;
  margin: 0 0 0 2px;
  padding: 0px;
}
.pankuzu a {
  margin: 0 5px 0 0;
  padding: 0px;
}

/* トピックス    
---------------------------------------------------- */
#pulldown1{
  font-size:10px;
  color:#666666;
  }
#pulldown1 input,textarea,select{
  border-left:1px solid #FF0066;
  border-right:1px solid #FF0066;
  border-top:1px solid #FF0066;
  border-bottom:1px solid #FF0066;
  background-color:#F0EEEE
}

#topics{
  width: 550px;
  margin-right: auto;
  margin-left: 60px;
  margin-bottom: 20px;
  padding: 20px;
  border-left:1px solid #FF0066;
  border-right:1px solid #FF0066;
  border-top:1px solid #FF0066;
  border-bottom:1px solid #FF0066;
  font-size: 12px;
  line-height: 24px;
  color :  #333333;
  }
#topics date{
  font-size: 10px;
  line-height: 30px;
  }
#topics a:link {
  color :  #FF0066;
  text-decoration : none;
  }
#topics a:visited {
  color :  #FF0066;
  text-decoration : none;
  }
#topics a:hover {
  color :  #73014F;
  text-decoration : underline;
  }
#topics a:active {
  color :  #a50772;
  }
#topics h2 {
  margin: 0px;
  font-size: 16px;
  line-height: 18px;
  color: #FF0066;
  font-weight: bold;
  font-family: 'メイリオ';
  }
#topics h3 {
  margin: 0px;
  font-size: 12px;
  line-height: 16px;
  color: #FF0066;
  font-weight: bold;
  font-family: 'メイリオ';
  }

#topiccaution{
  width: 500px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  padding: 10px;
  border-left:1px dotted #FF0066;
  border-right:1px dotted #FF0066;
  border-top:1px dotted #FF0066;
  border-bottom:1px dotted #FF0066;
  }

/*   ディア        
---------------------------------------------------- */
#pulldown2{
  font-size:10px;
  color:#666666;
  }
#pulldown2 input,textarea,select{
  border-left:1px solid #666666;
  border-right:1px solid #666666;
  border-top:1px solid #666666;
  border-bottom:1px solid #666666;
  background-color:#F0EEEE
}

#media{
  width: 550px;
  margin-right: auto;
  margin-left: 60px;
  margin-bottom: 20px;
  padding: 20px;
  border-left:1px solid #9900FF;
  border-right:1px solid #9900FF;
  border-top:1px solid #9900FF;
  border-bottom:1px solid #9900FF;
  font-size: 12px;
  line-height: 24px;
  color :  #333333;
  }
#media date{
  font-size: 10px;
  line-height: 10px;
  }
#media a:link {
  color :  #9900FF;
  text-decoration : none;
  }
#media a:visited {
  color :  #9900FF;
  text-decoration : none;
  }
#media a:hover {
  color :  #73014F;
  text-decoration : underline;
  }
#media a:active {
  color :  #a50772;
  }
#media h2 {
  margin: 0px;
  font-size: 16px;
  line-height: 18px;
  color: #9900FF;
  font-weight: bold;
  font-family: 'メイリオ';
  }


/*   サイド    
---------------------------------------------------- */




#menu a:link { color: FFFFCC; text-decoration: none }
#menu a:hover { color: FFFFCC; text-decoration: underline }
#menu a:visited { color: FFFFCC }
#menu a,area{outline:0pix none transparent;}

#main a:link { color: 003399; text-decoration: none }
#main a:hover { color: cc0033; text-decoration: underline }
#main a:visited { color: 336699 }
#main a,area{outline:0pix none transparent;}

.gray10-120 { 
	font-size: 10px; 
	line-height: 120%;
	font-family:'メイリオ';
	color: 333333;
}

.gray10-160 { 
	font-size: 10px; 
	line-height: 160%;
	font-family: 'メイリオ';
	color: 333333;
}

.gray12-160 { 
	font-size: 12px; 
	line-height: 160%;
	font-family: 'メイリオ';
	color: 333333;
}

.gray12-120 { 
	font-size: 12px; 
	line-height: 120%;
	font-family: 'メイリオ';
	color: 333333;
}

.gray14-160 { 
	font-size: 14px; 
	line-height: 160%;
	font-family: 'メイリオ';
	color: 333333;
}

.gray14-120 { 
	font-size: 14px; 
	line-height: 120%;
	font-family: 'メイリオ';
	color: 333333;
}

.submenu { 
	font-size: 12px; 
	line-height: 100%;
	font-family: 'メイリオ';
	color: FFFFFF;
	font-weight: bold;
}

.white14-100 { 
	font-size: 14px; 
	line-height: 100%;
	font-family:'メイリオ';
	color: FFFFFF;
}

.orng14-140 { 
	font-size: 14px; 
	line-height: 140%;
	font-family: 'メイリオ';
	color: ff3300;
}

.topicstitle {
    font-size:16px; 
	line-height:105%;
	font-family: 'メイリオ';
	font-weight: bold;
	color: FF0066;
}

.dictionarytitle {
    font-size:16px; 
	line-height:100%;
	font-family: 'メイリオ';
	font-weight: bold;
	color: 9900FF;
}

.textbox270-190 {width:270px; height:190px; background-color:F0EEEE; overflow: auto;}

.silverframe{border: 1px #b7b7b7 solid;}
.silverframe01{border: 1px #b7b7b7 solid; padding: 1px;}
.topicsframe10{border: 1px #FF0066 solid; padding: 20px;}
.dictionaryframe10{border: 1px #9900FF solid; padding: 20px;}



/*   枠組み    
---------------------------------------------------- */

#table1{
  width: 540px;
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  overflow: auto;
}
#table1_700{
  width: 700px;
  margin: 0 0 15px 0;
  padding: 0 0 0 0;
  overflow: auto;
}
#l330{
  width: 330px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;
}
#l240{
  width: 240px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;
}
#r200{
  width: 200px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: right;
}
#l290{
  width: 290px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;
}
#r240{
  width: 240px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: right;
}
#l270{
  width: 270px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;
}
#l370{
  width: 370px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;
}
#r160{
  width: 160px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: right;
}
#l100{
  width: 100px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;
}
#r410{
  width: 410px;
  margin: 0 0 0 20px;
  padding: 0 0 0 0;
  float: right;
}
#l520{
  width: 520px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;
}
#r160{
  width: 160px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: right;
}
.center{
text-align: center;}
.right{
text-align: right;}

textarea {
width: 90%;
font-size: 10px;
color:#000000;
font-family:'メイリオ';
background-color:#ffffff;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
padding: 5px;
}

p{
font-size: 12px;
}
.clear{
clear: both;
}
#shikaku{
 width: 270px;
 height: 230px;
 background-image: url(topics/images/shikaku.jpg);
 background-repeat: no-repeat;
 margin: 0 0 0 0;
 text-align: right;
 padding: 200px 30px 0 0;
}
html:not(:target) #shikaku{
 width: 240px;
 height: 30px;
 margin: 0 0 0 0;
 text-align: right;
 padding: 200px 30px 0 0;
}

#odai{
 width: 240px;
 height: 230px;
 background-image: url(topics/images/odai.jpg);
 background-repeat: no-repeat;
 margin: 0 0 0 0;
 padding: 40px 10px 10px 10px;
}
html:not(:target) #odai{
 width: 220px;
 height: 180px;
 margin: 0 0 0 0;
 padding: 40px 10px 10px 10px;
}

.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}

.f_left{
float:left;
width:295px;
margin-right:10px;
}

.f_left2{
float:left;
width:250px;
}

.f_right{
	float: right;
	width: 440px;
	margin-top: -15px;
}

.f_right h2{
	font-size: 18px;
	border-bottom: 1px solid #8f48ff;
	padding-bottom: 5px;
	color: #8f48ff;
}

.f_right h2.heike{
	font-size: 18px;
	border-bottom: 1px solid #cfa454;
	padding-bottom: 5px;
	color: #cfa454;
}

.f_right h2.koishiya{
	font-size: 18px;
	border-bottom: 1px solid #04aa8b;
	padding-bottom: 5px;
	color: #04aa8b;
}

.f_right h2.shichi{
	font-size: 18px;
	border-bottom: 1px solid #43499c;
	padding-bottom: 5px;
	color: #43499c;
}

.f_right h2.nikko{
	font-size: 18px;
	border-bottom: 1px solid #e4292a;
	padding-bottom: 5px;
	color: #e4292a;
}




.item_box{
	padding-bottom:20px;
	border-bottom: 1px dashed #CCCCCC;
}

p{
font-family:"メイリオ";
}

.brand{
width:295px;
height:180px;
float:left;
margin-right:10px;
}

.brand2{
width:295px;
height:180px;
float:left;
}

.mt20{
margin-top:20px;
}

.mt10{
margin-top:10px;
}

.relative  {  
    position: relative;  
} 


.btn a{
position: absolute;  
    top: 130px;  
    left: 185px;
    width:100px;
    height:20px;
    }
    
h2.title{
padding-bottom:8px;
border-bottom:1px solid #00ceff;
text-indent:10px;
color:#00ceff;
	font-size: 20px;
	font-weight: bold;
}

h1.mame_title{
	color: #0808ff;
	font-size: 20px;
	font-weight: bold;
}


h3.title{
padding:8px 0;
background: #27A26F;
border:1px dashed #27A26F;
text-indent:10px;
border-radius:10px;
color:#ffffff;
}


.box{
	display: flex;
	justify-content:space-between;
}

.container{
	width: 700px;
	margin: 20px 0;
}

 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}




head~/* */body SELECTOR { ☆ }
html:not(:target) SELECTOR { ★ }