@charset "Shift_JIS";

/* body
---------------------------------------------------- */
html,body {
  margin:0;
  width: 100%;
  color: #333;
  background-color:#000;
  /*background: url(../images/bg/body_bg.jpg) no-repeat;*/
  font-family: sans-serif;
}
#wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color:#E6E6E6;
  position:relative;
}
/* header
---------------------------------------------------- */
#header {
  width: 100%;
  height: 30px;
  padding:0;
  background-color: #000;
  position:relative;
}
#header h1{
  top:3px;
  left:220px;
  color:#FFF;
  background-color: #000;
  font-size:10px;
  text-indent:0.5em;
  position:absolute;
}
#header h1 a{
  text-decoration:none;
}
#header img{
  margin:5px 0 0 5px;
}
/* navi
---------------------------------------------------- */
#navi {
	margin: 0;
	left:0;
	top: 30px;
	width:100%;
	height:30px;
	position: absolute;
	background-color: #000;
	z-index:2;
}
#navi ul {
  margin: 0;
  right:0;
  width: 280px;
  height:30px;
  position: relative;
  background:url(../images/bg/menu_bg.gif) no-repeat;
  float:right;
}
#navi li {
  margin: 0;
  padding: 0;
  position: absolute;
  height: 30px;
  list-style: none;
  text-indent: -9999px;
}
#navi li#home        {top:0; left: 0; width: 63px; }
#navi li#home_s      {top:0; left: 0; width: 63px; }
#navi li#sitepolicy     {top:0; left: 63px; width: 82px; }
#navi li#sitepolicy_s   {top:0; left: 63px; width: 82px; }
#navi li#sitemap       {top:0; left: 145px; width: 75px; }
#navi li#sitemap_s     {top:0; left: 145px; width: 75px; }
#navi li#link     {top:0; left: 220px; width: 60px; }
#navi li#link_s   {top:0; left: 220px; width: 60px; }
#navi li a {
  text-decoration: none;		/* FirefoxŐ\Ȃ悤ɂ */
  display: block;
  height: 30px;
}
#navi li#home a:hover {background: url(../images/bg/menu_bg.gif) 0 -30px;
}
#navi li#sitepolicy a:hover {background: url(../images/bg/menu_bg.gif) -63px -30px;
}
#navi li#sitemap a:hover {background: url(../images/bg/menu_bg.gif) -145px -30px;
}
#navi li#link a:hover {background: url(../images/bg/menu_bg.gif) -220px -30px;
}

/* bclist
---------------------------------------------------- */
ol#bclist {
  margin: 6px 0 6px 212px;
  padding: 0;
  font-size: x-small;
  list-style-type:none;
  position:relative;
}
ol#bclist li {
  display: inline;
  line-height: 1.4;
  color:#555;
  background-color: #FFF;
}
ol#bclist li.crumb {
  padding-left: 15px;
  font-size: x-small;
  color:#5E5E5E;
  background: url(../images/bg/arrow.gif) no-repeat #FFF;
}
ol#bclist li a{
  color: #5E5E5E;
  font-size: x-small;
}
/* flash
---------------------------------------------------- */
#frash{
  top:30px;
  margin:0 0 40px;
  padding: 0;
  position:relative;
  width:100%;
  height:250px;
  background:url(../images/bg/top_bg.jpg) left repeat-x;
}
/* h2
-------------------------------------------------- */	
h2{
  margin:0 0 35px;
  top:20px;
  width:100%;
  height:60px;
  background:url(../images/bg/h2_bg.jpg) repeat-x;
  position: relative;
}
h2 img{
  margin:0 0 0 10px;
  top:10px;
  position: relative;
}
/* section1
-------------------------------------------------- */
#section1 {
  margin: 0;
  padding: 0;
  width:60%;
  position: relative;
  float:left;
}
#section1 h3{
  margin: 0 3% 8px;
  padding: 0.1em 0 0 0.7em;
  font-size:13px;
  border-left:solid 8px #336699;
  border-bottom:solid 1px #CCC;
  line-height:1.9;
  clear:both;
}
#section1 h4{
  margin: 0  2% 2px 3%;
  padding: 0.1em 0 0 0.6em;
  font-size:13px;
  line-height:1.6;
  background-color: #E8E8E8;
  clear:both;
}
#section1_colTop {
  width: 100%;
  height:24px;
  background: url(../images/bg/section1colTop_bg.gif) right no-repeat #FFF;
}
#section1_col {
  margin: 0;
  padding: 0 0 15px;
  width: 100%;
  font-size: small;
  color:#333;
  background: url(../images/bg/section1col_bg.gif) right repeat-y #FFF;
  position: relative;
}
#section1_colBottom{
  clear:both;
  width: 100%;
  height:24px;
  background: url(../images/bg/section1colBottom_bg.gif) right no-repeat #FFF;
}
#section1_col p{
  margin:0 3% 1em;
  padding: 0;
  color:#333;
  line-height:1.8;
}
#section1_col img{
  margin:0 3%;
  padding: 0;
}
#section1_col img.img-left{
  margin:0 0 0 10px;
  padding: 0 10px 5px;
  float:left;
}
#section1_col img.img-right{
  margin:0 10px 0 0;
  padding: 0 10px 5px;
  float:right;
}
#section1_col table{
  margin: 0 3% 15px;
  width:90%;
}
#section1_col table img{
  margin: 0;
}
#section1_col tr{
  line-height:1.7;
}
#section1_col ul{
  margin: 0 3%;
  padding: 0;
}
#section1_col ul#faq{
  margin: 0 3%;
}
#section1_col li{
  margin: 0.4em 0;
  line-height:1.8;
  list-style-position:inside;
  list-style-type:square;
}
#section1_col li#question{
  margin: 0.5em 0;
  line-height:1.8;
  list-style:none;
  list-style-position:outside;
  font-weight:bold;
  color:#777;
}
#section1_col li#answer{
  margin: 0.5em 0;
  line-height:1.8;
  list-style:none;
  list-style-position:outside;
}
#section1_col dl{
  margin: 0 3%;
  padding:0;
}
#section1_col dt{
  margin: 0 1% 0.2em 0;
  height:4em;
  float:left;
}
#section1_col dd{
  margin: 0 0 1em 1%;
  font-size:12px;
}
#section1_col #template{
  margin: 0 3%;
  padding: 10px 0 5px;
  height:80px;
  background: url(../images/bg/template.gif) no-repeat #FFF;
}
#section1_col #template p{
  margin: 18px 0 0 160px;
  line-height:1.2;
  font-size:12px;
}
#section1_col .thumbnail_col{
  margin:0 3% 16px;
  padding: 0;
  height:89px;
  background-color:#FFF;
}
#section1_col .thumbnail{
  margin:0 5px 5px 0;
  padding:0;
  width:102px;
  float:left;
}
#section1_col .thumbnail a{
  margin:0;
  padding: 0;
  width:103px;
  display:block;
  border: solid 1px #FFF;
  text-decoration:none;
  cursor:pointer;
}
#section1_col .thumbnail a:hover{
  border: solid 1px #CCC;
  cursor:pointer;
}
#section1_col #upDate{
  width:90%;
  height:270px;
  margin: 0 0 15px;
  padding: 0;
  font-size: small;
  overflow:auto;
}
#section1_col #upDate dt{
  margin: 0 1% 0.2em 0;
  height:2em;
  float:left;
}
#section1_col #upDate dd{
  margin: 0 0 1em 1%;
  font-size:12px;
}
#section1_col a{
  text-decoration:none;
  color: #666;
}
#section1_col a:hover{
  color: #888;
  border-bottom:solid 2px #CCC;
}
/*section2
-------------------------------------------------- */
#section2 {
  margin: 0;
  padding: 0;
  width:20%;
  position: relative;
  float:left;
}
#section2_colTop {
  width: 100%;
  height:24px;
  background: url(../images/bg/section2colTop_bg.gif) right no-repeat;
}
#section2_col {
  margin: 0;
  padding: 0 0 15px;
  width: 100%;
  color:#333;
  background: url(../images/bg/section2col_bg.gif) right repeat-y;
  position: relative;
}
#section2_colBottom{
  clear:both;
  width: 100%;
  height:24px;
  background: url(../images/bg/section2colBottom_bg.gif) right no-repeat #E6E6E6;
}
#section2 ul#service{
  margin:0 auto 5px;
  padding:24px 1% 0;
  width:80%;
  background: url(../images/bg/service.gif) no-repeat;
}
#section2 ul#price{
  margin:0 auto 5px;
  padding:24px 1% 0;
  width:80%;
  background: url(../images/bg/price.gif) no-repeat;
}
#section2 ul#profile{
  margin:0 auto 5px;
  padding:24px 1% 0;
  width:80%;
  background: url(../images/bg/profile.gif) no-repeat;
}
#section2 ul#works{
  margin:0 auto 5px;
  padding:24px 1% 0;
  width:80%;
  background: url(../images/bg/works.gif) no-repeat;
}
#section2 li{
  margin:0 0 0 10px;
  padding:1px 18px 0;
  line-height:1.8;
  list-style:none;
  font-size:13px;
  background: url(../images/bg/section2li_bg.gif) no-repeat;
}
#section2 li a{
  text-decoration:none;
  color:#666;
}
#section2 li a:hover{
  color: #888;
  border-bottom:solid 2px #CCC;
}
/*section3
-------------------------------------------------- */
#section3 {
  margin: 2px 2px 0 0;
  padding: 24px 1%;
  width:17%;
  background-color: #999999;
  position:relative;
  float:right;
}
#section3 ul{
  margin:0;
  padding: 0;
  width:120px;
  height:150px;
  background: url(../images/bg/section3_bg.gif) no-repeat;
  position:relative;
}
#section3 li{
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  text-indent:-9999px;
}
#section3 li a{
  height:30px;
  text-decoration:none;
  display:block;
}
#section3 li#rss{
  top:0; left:0; width:120px;
}
#section3 li#contact{
  top:30px; left:0; width:120px;
}
#section3 li#login{
  top:60px; left:0; width:120px;
}
#section3 li#pPolicy{
  top:90px; left:0; width:120px;
}
#section3 li#faq{
  top:120px; left:0; width:120px;
}
#section3 li#rss a:hover{
  background: url(../images/bg/section3_bg.gif) -120px 0 no-repeat;
}
#section3 li#contact a:hover{
  background: url(../images/bg/section3_bg.gif) -120px -30px no-repeat;
}
#section3 li#login a:hover{
  background: url(../images/bg/section3_bg.gif) -120px -60px no-repeat;
}
#section3 li#pPolicy a:hover{
  background: url(../images/bg/section3_bg.gif) -120px -90px no-repeat;
}
#section3 li#faq a:hover{
  background: url(../images/bg/section3_bg.gif) -120px -120px no-repeat;
}
.tl{
  top: 0;
  left: 0;
  width:24px;
  height:24px;
  padding: 0;
  background:url(../images/bg/section3tl_bg.gif) left top no-repeat;
  position:absolute;
}
.tr{
  top: 0;
  right: 0;
  width:24px;
  height:24px;
  padding: 0;
  background:url(../images/bg/section3tr_bg.gif) right top no-repeat;
  position:absolute;
}
.bl{
  bottom: 0;
  left: 0;
  width:24px;
  height:24px;
  background:url(../images/bg/section3bl_bg.gif) left bottom no-repeat;
  position:absolute;
}
.br{
  bottom: 0;
  right: 0;
  width:24px;
  height:24px;
  background:url(../images/bg/section3br_bg.gif) right bottom no-repeat;
  position:absolute;
}

/* sitemap
---------------------------------------------------- */
#sitemap{
  margin: 0 3%;
  padding: 0 0 10px 0;
}
#sitemap dl{
  margin: 0;
  padding:0;
  clear:both;
  border-bottom:dotted 1px #CCCCCC;
}
#sitemap dt{
  font-size: small;
  line-height:3;
  width:120px;
  background:transparent;
  display:block;
}
#sitemap dd{
  font-size: small;
  line-height:3;
  margin-left:128px;
  display:block;
  word-spacing:1.5em;
}
/* footer
---------------------------------------------------- */
#siteFooter {
  clear:both;
  position:relative;
  width: 100%; 
  height: 65px;
  top: 25px;
  margin: 25px 0 0;
  padding: 0;
  color:#FFF; 
  background-color: #000;
}
#siteFooter p{
  margin: 0 0 5px 10px;
  padding: 1em 0;
  font-size:10px;
  text-align: left;
  position:relative;
  color:#FFF;
}