@charset "utf-8";

*{
margin:0px;
padding:0px;
}

html,body{
height: 100%;
}

#wrapper{
width:100%;
height:auto;
background: #fff url(../images/bg.gif);
}

#wrapper_swai{
width:100%;
height:auto;
background: #fff url(../images/bg_swai.gif);
}

#wrapper_top{
width:100%;
height:auto;
}

#header{
width:100%;
height:70px;
background: url(../images/bg_header.gif);
}

#header_swai {
   width: 100%;
   height: 70px;
   background: url(../images/bg_sheader.gif);
}

#header_logo{
text-align: right;
width:100%;
height:70px;
background: url(../images/logo_iicosmo.gif) no-repeat;
}

#header_logo_swai {
   text-align: right;
   width: 100%;
   height: 70px;
   background: url(../images/logo_swai.gif) no-repeat;
}

#topmenu{
margin-right:5px;
}

#main{
text-align: center;
width: 100%;
height: auto;
background: url(../images/bg.gif);
}

#main_swai{
text-align: center;
width: 100%;
height: auto;
background: url(../images/bg_swai.gif);
}

#main_top{
text-align: center;
width: 100%;
height: auto;
background-image: url(../images/bg_top.gif);
background-repeat: repeat-x;
}

#contents{
text-align: left;
width: 800px;
height: auto;
margin: 0px auto;
background: #fff;
padding: 10px 40px 10px 30px;
}

#contents2{
text-align: center;
width: 800px;
height: auto;
margin: 0px auto;
}

#contentswrap{
width: 780px;
text-align: left;
margin: 0 auto;
}

#topleft{
width: 520px;
margin: 0 auto;
float: left;
}

#topright{
border: 1px solid #e0e0e0;
width: 236px;
background: #ffffff;
margin: 0 auto;
color: #006600;
float: right;
}

div#area{
border: 0px dashed #000000;
width: 180px;
margin: 0 auto;
float: left;
}

div#nextarea{
border: 0px dashed #000000;
width: 180px;
margin: 0 0 0 20px;
float: left;
}

#space{
height: 20px;
}

#footer{
text-align: center;
padding: 5px 0px 5px 0px;
}