/* 全サイトページ設定 */
html,body{
margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
font-size:14px;
background-color:#333333;
color:#FFFFFF;
}

#header{
margin:0 auto 0;
margin-bottom:10px;
padding:0 5px 5px 5px;
width:990px;
background-color:#222222;
}

#header #logo{
float:left;
margin:0;
padding:0;
width:220px;
height:100px;
}

#header #menu{
float:left;
margin:0;
padding:0 0 0 10px;
width:760px;
height:100px;
background-image:url(http://elioteismo.com/img/header_bg.jpg);
}

#header h1{
margin:7px 0 25px 0;
padding:0;
width:750px;
font-size:12px;
font-weight:bold;
text-align:right;
}

#header ul{
margin:0 0 23px 0;
padding:0 0 0 20px;
width:750px;
text-align:left;
list-style:none;
}

#header li{
float:left;
margin:0;
padding:0;
text-align:left;
}

#header #title{
margin:0;
padding:0;
width:750px;
text-align:right;
}

#body{
margin:0 auto 0;
margin-bottom:10px;
padding:10px;
width:970px;
background-color:#000000;
border:5px #222222 solid;
color:#FFFFFF;
}

/* 全サイト　サイドページ設定 */
#side{
float:left;
margin:0 10px 0 0;
padding:0;
width:200px;
}

#side #menu{
margin:0 0 10px 0;
padding:10px 10px 5px 10px;
width:180px;
background-color:#333333;
color:#FFFFFF;
text-align:center;
}

#side #menu ul{
margin:0;
padding:0;
width:180px;
text-align:left;
list-style:none;
}

#side #menu li{
margin:0;
padding:0;
text-align:left;
background-color:#666666;
}

#side #menu li a{
display:block;
margin:0 0 5px 0;
padding:10px;
width:160px;
text-align:left;
}

/* 全サイト　メインページ設定 */
#main{
float:left;
padding:0;
width:760px;
}

#main .contents{
margin:0 0 10px 0;
padding:5px 0 5px 15px;
width:745px;
font-size:18px;
color:#FF0000;
font-weight:bold;
border-left:5px solid #FF0000;
}

#main .title{
margin:10px 0;
padding:0;
font-size:16px;
font-weight:bold;
color:#FF6600;
}

/* 全サイト　フッダー設定 */
#footer{
margin:0 auto 0;
padding:0;
width:1000px;
text-align:center;
}

#footer #img{
float:left;
margin:0 0 10px 0;
padding:5px;
width:200px;
background-color:#222222;
text-align:left;
}

#footer #f_menu{
float:left;
margin:0 0 10px 0;
padding:5px;
width:780px;
background-color:#222222;
text-align:right;
}

/* 共有設定 */
a:link{
text-decoration: none;
color:#FFFFFF;
}

a:visited{
text-decoration: none;
color:#FFFFFF;
}

a:hover{
text-decoration: none;
color:#FF0000;
}

a:active{
text-decoration: none;
color:#FFFFFF;
}

.clearfix {
*zoom:1;
}
.clearfix:after {
content:'';
display:table;
clear:both;
}

hr{
border:none;
border-top:dashed 1px #999999;
height:1px;
}

img{
border:none;
}

p{
margin:0 0 10px 0;
}

.clear{
clear:both;
}

.heigth5{
height:5px;
}

.heigth10{
height:10px;
}

.mb5{
margin-bottom:5px;
}

.mb10{
margin-bottom:10px;
}

.mb20{
margin-bottom:20px;
}

.ml10{
margin-left:10px;
}

.mr5{
margin-right:5px;
}

.mr10{
margin-right:10px;
}

.mt5{
margin-top:5px;
}

.mt10{
margin-top:10px;
}

.red{
color:#FF0000;
}

.bold{
font-weight:bold
}

.font20{
font-size:20px;
}