body {
font-family: helvetica, arial, sans-serif;
margin: 0;
padding: 0;
background: #ffffff ; /* ページの背景色 */
color: #ffffff; /* 全体の文字色 */
font-size: 14px; /* 全体の文字サイズ */

}


.newstape {
  height: 150px;
  overflow: hidden;
}


.newstape-content {
  position: relative;
  
}



@font-face {
    font-family: 'yasa';
    src: url('フォント名.eot');
    src: url('フォント名.eot?iefix') format('eot'),
         url('font/yasa.woff') format('woff'),
         url('フォント名.ttf') format('truetype'),
         url('フォント名.svg#webfontjSpbZQRv') format('svg');
}


.clear{clear:both;}

/* --- 全体のリンクテキスト --- */
a:link { color: #000000;  text-decoration:none;}
a:visited { color: #000000; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

img {border:none;}


/* --- コンテナ --- */
#container {


min-width: 960px; /* ページの幅 */


}

#left{
width:80%;
float:left;
padding-bottom:10px;
background:#000;

}

/* --- ヘッダ --- */
#header {

margin-bottom:10px;
background-color: #000000; /* ヘッダの背景色 */
}

.logo{padding-top:5px; float:left;}

.menu{
float:right; 

}

.menu li{

margin-left:20px;
float:left;
list-style:none;
}

.menu li a{
color:#ffffff
}

/* --- ナビゲーション --- */




#nav {
height:100%;　 /* IE対策のため指定*/
min-height:100%; /* 最小値100%指定*/
background:#ffffff;
padding-top:00px;


float:right;
width: 20%;

}

#nav h2 {
padding-left:15px;
color: #000000;
letter-spacing: 5px; 
background: url(../topimg/bar.jpg) 16px bottom no-repeat; 
font-size:16px;


}

.mlogo{
padding-top:8px;
margin:0 3px;
width:23px;
float:left;}

.submenu { font-family: 'yasa';}

.submenu img {
width:auto;
height:13px;
}

.submenu ul{

margin:0;
padding:0;
}
.submenu li{

line-height:28px;
list-style:none;
}
.submenu li a{
padding-left:10px;
display:block;}
.submenu li a:hover {
background:#FFF68F url(../topimg/link.png) left no-repeat;}


.banner{
margin-top:60px;


}

.about {

margin-top:0px;
padding:0;

}

.about ul{

margin:10px 0;

}

/* --- メインカラム --- */
#content {
width:600px;

margin:0 auto;
}

.slide {



margin-top:5px;
}













.cach {
position:relative; top:-140px; left:30px;
z-index: 2;
margin-bottom:-110px;

}
.cach img{
width:540px;
height:auto;
}


.flexslider {
z-index: 1;
width:600px;
height:400px;
}

/* --- トピック--- */
#topic{
margin-top:10px;

}
.topicin img{
float:left;
vertical-align:middle;}

.topicin p{
font-size:12px;
margin-top:-4px;
padding-right:10px;
float:right;
}

.topicin a{

color:#ffffff;}

.topicin a:hover{

color:#ff0000;}
/* --- フッタ --- */
#footer {
clear:both;
font-size:90%;
padding-right:20%;
background:#ffffff;
text-align:center;
color:#000000;


}
.se{
margin:0;
padding:0;
padding-left:10%;
clear:both;
font-size:10px;
line-height:12px;

}

.se a, .se a:hover{color:#c6c6c6;}
.se ul {
margin:0;
padding:0;
list-style:none;}

.se li{
margin:0;
padding:0;
list-style:none;
margin-left:3px;
float:left;}



#content1 a:link {
	color: #ffffff;
}
#content1 a:visited {
	color: #ffffff;
}
#content1 a:hover {
	color: #990000;
}
#content1 a:active {
	color: #FF0000;
}
td,th {
	font-size: 10px;
}


#content1{ 
    height: 85px; 
    width: 600px; 
    float:left; 
    background: #000000; 
    overflow:auto; 
   
} 
#content1 p{ 
    margin: 10px; 
} 
.scrollbar-vert{ 

    background: url(../topimg/sback.jpg) repeat-y;
    height: 85px; 
    width: 20px; 
    float:left; 
} 
.handle-vert{
	height: 20px;
	width: 20px;
	background: url(../topimg/sbar.jpg);
} 




/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {

	

}

@media screen and (max-width: 650px) {

body{background:#000;}

#container {



min-width: 100%; /* ページの幅 */
width:100%;


}

#left{



width:100%;
float:none;


}

/* --- メインカラム --- */
#content {



width:100%;

margin:0 auto;
}

.slide {



}




.flexslider {


z-index: 1;
width:100%;
height:auto;
}


#content1{ 

    height: 200px; 
    width: 100%; 
    float:none; 
    background: #000000; 
    overflow:hidden; 
   
} 

.date,
.scrollbar-vert,
.handle-vert,
.about,
.banner {display:none;}



#nav {



clear:both;

float:none;
width: 100%;

}

table {


width:100%;}



#footer {
clear:both;
font-size:90%;
padding:0;
background:#000;
text-align:center;
color:#fff;


}




	
}

@media screen and (max-width: 480px) {









}

@media screen and (max-width: 320px) {



}

@media screen and (max-width: 240px) {
	
	
}