@charset "utf-8";
html, body {
font-weight: bold;
font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height:100%; }
#container {
width:100%;
min-height: 100%;
}
#main { padding:0px 0px 50px 0px; overflow:auto; width:100%; }
/*********************************************
#header
**********************************************/
#header {
width:100%;
background:url(../img/share/bg_header.gif) repeat-x;
float:left;
}
#header_wrap { width:900px; margin:0 auto; }
#header_wrap h1 { float:left; }
#header_wrap span { padding:85px 0px 0px 0px; float:left; }
#header_wrap h2 { float:right; }
#menu {
width:100%; height:46px; float:left;
background:url(../img/share/bg_menu.gif) repeat-x;
}
#menu ul {
width:900px;
height:36px;
padding:5px 0px 0px 0px;
margin:0 auto;
}
#menu li {
width:180px; height:36px;
float:left;
list-style:none;
}
/*********************************************
#wrap
**********************************************/
#wrap { width:100%; float:left; }
/*********************************************
#contents
**********************************************/
#contents {
width:860px;
padding:20px;
margin:0 auto;
background:#FFFFFF;
line-height:1.5em; letter-spacing:0.2em;
}
#c_left {
width:200px;
float:left;
padding:0px 20px 0px 0px;
}
#c_left p {
padding:0px 0px 20px 0px;
}
#c_right {
width:640px;
float:right;
}
#c_right h2 {
width:620px; height:30px;
padding:6px 0px 4px 20px;
background:url(../img/share/bg_h.gif) no-repeat;
font-size:110%; color:#FFFFFF;
}
#c_right p {
padding:0px 0px 10px 0px;
}
#c_right dl.guide {
width:640px;
display:block;
border-width:0px 0px 1px 0px;
border-color:#999999;
border-style:dotted;
}
#c_right dl.guide dt { padding:10px 0px 5px 0px; }
#c_right dl.guide dd { padding:0px 0px 10px 15px; }
#c_right .dt_t { font-size:115%; }
#c_right .dt_at { font-size:80%; color:#666666; }
/*********************************************
#footer
**********************************************/
#footer {
width:100%; height:30px;
clear:both;
background:#000000;
text-align:center;
position : relative;
margin-top: -30px; /* negative value of footer height */
}
/***footer***/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
/* IMPORTANT
You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher.
[if !IE 7]>