/*================================== 全体 ======================================*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
margin: 0;
padding: 0;}

h1, h2, h3, h4, h5, h6{
font-size: 100%;}

body{
color: #777777;
background: #222222;
font-size: 80%;
font-family: "メイリオ","Meiryo","osaka","ＭＳ Ｐゴシック","MS PGothic","sans-serif";}

a:link{color: #226699;text-decoration: none;font-weight: bold;}
a:visited{color: #226699;text-decoration: none;font-weight: bold;}
a:active{color: #445566;text-decoration: none;font-weight: bold;}
a:hover{color: #ffffff;text-decoration: none;font-weight: bold;background-color: #222222;}

img{
border-style: none;}

ul{
list-style-type: none;}

h1{
color: #ffffff;
margin-bottom: 10px;
border-bottom: 1px solid #dddddd;}

h2{
color: #333333;
font-size: 150%;
border-left: 10px solid #333333;
padding-left: 5px;
margin-bottom: 10px;}

h3{
font-size: 90%;
color: #bbbbbb;
border-bottom: 1px dotted #dddddd;
}

h4{
color: #aaaaaa;
font-size: 75%;
font-weight: lighter;}

.space{
padding-bottom: 100px;}


/*==================================コンテナ======================================*/

#container{
margin: 0 auto;}

/*==================================ヘッド======================================*/

#head{
width: 850px;
margin: auto auto;
padding: 60px 0 60px;}

/*==================================index======================================*/

#topindex{
clear: both;
background: #ffffff;}

#vision{
margin: auto auto;
width: 850px;}

#error{
height: 400px;
padding-top: 100px;
font-size: 300%;
color: #000000;
text-align: center;}

#error a{
color: #ff0099;}

#columnindex{
margin: auto auto;
width: 850px;}

#leftindex{
float: left;
width: 350px;
margin-right: 50px;}

#menu{
color: #888888;
padding-left: 90px;
padding-bottom: 30px;}

#menu a:link{color: #ffffff;text-decoration: none;font-weight: bold;}
#menu a:visited{color: #ffffff;text-decoration: none;font-weight: bold;}
#menu a:active{color: #ffffff;text-decoration: none;font-weight: bold;}
#menu a:hover{color: #222222;background-color: #ffffff;font-weight: bold;padding-right: 150px;}

#rightindex{
float: right;
width: 450px;}

.twicon{
float: left;}

#tweet{
color: #dddddd;
padding-left: 90px;}

#tweet dt{
display: none;}

#tweet dd{
background-color: #292929;
margin-bottom: 35px}

.rightlink{
float: right;
padding-right: 5px;}

#pushup{
clear: both;}

#footindex{
clear: both;
margin: auto auto;
width: 850px;
border-top: 1px solid #ffffff;
text-align: right;
color: #555555;}

/*==================================トップ======================================*/

#top{
width: 850px;
margin: 0 auto;
background: #ffffff;
padding-bottom: 50px;}

#top p{
padding-bottom: 20px;}

#column{
margin: 0 0 40px 100px;}

.center{
clear: both;
text-align: center;}

#leftevent{
float: left;
width: 200px;
margin: 0 30px 0 70px;}

#rightevent{
float: right;
width: 468px;
margin-right: 70px;}

#left{
float: left;}

#right{
float: right;
margin-right: 100px;}

#info{
background-image: url("./img/info-back.jpg");
background-repeat: no-repeat;
padding-top: 80px;}

.link{
margin-right: 10px;}

.link img{
border: 1px solid #cccccc;}

.link:hover{background-color: transparent;}

.data dt{
font-size: 82%;
color: #aaaaaa;
margin-top: 30px;
border-bottom: 1px #cccccc dotted;}

.data dd{
font-size: 120%;}

.data dd a{
font-weight: normal;}

.data img{
border: 1px solid #cccccc;
margin-top: 5px;}

.demo{
margin-top: 15px;}

.rightlink{
float: right;
padding-right: 5px;}

.submenu{
margin-top: 100px;}

.banner{
margin: 0 0 10px;}

.division{
margin: 100px 0 50px;}

.clear{
clear: both;}


/*==================================フット======================================*/

#foot{
clear: both;
margin: auto auto;
width: 850px;}

#footlink{
float: right;
list-style-image: url("./img/arrow.png");}

#footlink li{
float: left;
margin-left: 40px;}

#footlink a:link{color: #ffffff;text-decoration: none;font-weight: bold;}
#footlink a:visited{color: #ffffff;text-decoration: none;font-weight: bold;}
#footlink a:active{color: #ffffff;text-decoration: none;font-weight: bold;}
#footlink a:hover{color: #222222;background-color: #ffffff;font-weight: bold;}

#foot p{
clear: both;
border-top: 1px solid #ffffff;
text-align: right;
color: #555555;}