/* CSS Document */

*{
margin:0;
padding:0;
list-style:none;
outline:none;
font-size:11px;
}

html,body{
width:100%;
height:100%;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
font-weight:400;
letter-spacing:0.1em;
}

a{
border:none;
}

.swap{
text-indent:-9999px;
}

/*--------------------------------------------------------*/

#container{
width:100%;
height:100%;
}

#header{
background:url(../image/coding.jpg) 0 0 repeat-x;
width:100%;
height:40px;
margin:0 0 12px;
}

#header_content,#content{
width:760px;
margin:0 auto;
}

#footer{
width:742px;
}

#header_content{
color:#FFFFFF;
height:40px;
}

/*----------------------------------------------------*/
#header_content h1{

font-weight:700;
display:block;
margin:18px 0 0;
float:left;
}

#header_content p a{
background:url(../image/coding.jpg) 0 -50px;
display:block;
width:125px;
height:40px;
float:left;
margin:0 30px 0 0;
}

#header_content p#date_counter{
text-align:right;
margin:16px 3px  0 0;
float:right;
}

*html #header_content p#date_counter{
margin:18px 1px  0 0;
}

*:first-child+html #header_content p#date_counter{
margin:18px 2px 0 0;
}

/*-----------------------------------------------------*/


#content #simu_head{
background:url(../image/coding.jpg) 0 -100px;
width:743px;
height:60px;
margin:0 0 17px;
padding:0 17px 0 0;
}

#content #simu_head h2{
height:17px;
}

#content #simu_head a{
background:url(../image/coding.jpg) -232px -50px;
display:block;
width:100px;
height:26px;
float:right;
}
#content #simu_head a:hover{
background:url(../image/coding.jpg) -332px -50px;
}

#content p.note{
padding-top:5px;
color:#f00;
}



/*-----------------------------------------------------------*/
#footer{
background:#EEEEEE;
height:70px;
margin:13px auto 0;
padding:0 0 0 18px;
}

#footer ul#foot_left{
width:88px;
height:45px;
margin:7px 20px 0 0;
float:left;
}

#footer ul#foot_left li.f_l_info a{
width:88px;
height:19px;
display:block;
}
#footer ul#foot_left li.f_l_words a{
width:87px;
height:18px;
display:block;
}

#footer ul#foot_left li.f_l_info a{
background:url(../image/coding.jpg) -134px -50px;
margin:0 0 8px;
}
#footer ul#foot_left li.f_l_words a{
background:url(../image/coding.jpg) -134px -72px;
}

#footer ul#foot_right{
width:600px;
height:45px;
float:left;
margin:8px 0 0 0;
}

#footer ul#foot_right li{
display:block;
height:23px;
vertical-align:top;
}

#footer ul#foot_right li a{
color:#000000;
display:block;
line-height:19px;
vertical-align:middle;
margin:0 5px;
}


#footer ul#foot_right ul#f_r_over li,#footer ul#foot_right ul#f_r_under li{
border-left:1px solid #999999;
display:block;
height:19px;
float:left;
}

.list_end{
border-left:1px solid #999999;
border-right:1px solid #999999;
}

#footer p{
display:block;
height:14px;
margin:4px 0 0;

}

* html #footer p{
margin:0;
}

*:first-child+html #footer p{
float:left;
}

#header:after{
clear:both;
}

