@charset "UTF-8";

/*
 Browzer Reset 
---------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}

/*
 set up 
---------------------------------------------------------- */
body {
    font-family: "verdana", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 95%;
    background: #ffffff;
}

p, li {
    line-height: 160%;
}

p {
    margin: 0 0 1em 0;
}

li {
    list-style-type: none;
}

img {
    border: 0;
}

.cl {
    clear: both;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*
 Link Color 
----------------------------------------------------------- */
a {
    text-decoration: none;
}

a:link {
    color: blue;
}

a:visited {
    color: #0C8EF2;
}

a:hover {
    text-decoration: underline;
}

a:active {
    color: blue;
}

/*
 Content Size 
---------------------------------------------------------- */
#wrap {
    background-image: url(../img/headerback.jpg);
    background-repeat: repeat-x;
}

/*
 header 
---------------------------------------------------------- */
#head {
    margin: 0 auto;
    width: 885px;
    height: 100px;
}

#head h1 {
    display: block;
    width: 210px;
    height: 89px;
    background-image: url(../img/logo.jpg);
    background-repeat: no-repeat;
    text-indent: -9999px;
}

#head h1 a {
    display: block;
    width: 210px;
    height: 89px;
}

.text {
    margin: -50px 0 0 728px;
    position: relative;
    color: #FFFFFF;
}

.banner {
    width:858px;
    height:177px;
}

.float {
    float:left;
}

/*
 Menu 
---------------------------------------------------------- */
#menu {
    height: 61px;
    background-image: url(../img/menuback.jpg);
    background-repeat: repeat-x;
}

#navi {
    margin: 0 auto;
    width: 858px;
    height: 45px;
}

#navimage {
    position: relative;
    width: 858px;
    height: 45px;
    background-repeat: no-repeat;
}

#navi li {
    display: inline;
}

#navi li a {
    float: left;
    width: 143px;
    height: 0pt;
    overflow: hidden;
    background-image: url(../img/menu.jpg);
    background-repeat: no-repeat;
    padding-top: 45px;
}

#navi li#top a {
    background-position: 0px 0px;
}

#navi li#about a {
    background-position: -143px 0px;
}

#navi li#manual a {
    background-position: -286px 0px;
}

#navi li#qa a {
    background-position: -429px 0px;
}

#navi li#blog a {
    background-position: -572px 0px;
}

#navi li#form a {
    background-position: -715px 0px;
}

#navi li#top a:hover {
    background-position: 0px -45px;
}

#navi li#about a:hover {
    background-position: -143px -45px;
}

#navi li#manual a:hover {
    background-position: -286px -45px;
}

#navi li#qa a:hover {
    background-position: -429px -45px;
}

#navi li#blog a:hover {
    background-position: -572px -45px;
}

#navi li#form a:hover {
    background-position: -715px -45px;
}

/*
 Content
---------------------------------------------------------- */
#content {
    margin: 0 auto;
    padding: 20px 0;
    width: 858px;
}

.about {
    margin: 25px 0 0 0;
}

#content h2.about-t {
    display: block;
    width: 858px;
    height: 40px;
    text-indent: -9999px;
    background: url(../img/about.jpg) no-repeat;
}

#content h2.manual-t {
    display: block;
    width: 858px;
    height: 40px;
    text-indent: -9999px;
    background: url(../img/manual.jpg) no-repeat;
}

#content h2.faq-t {
    display: block;
    width: 858px;
    height: 40px;
    text-indent: -9999px;
    background: url(../img/qa.jpg) no-repeat;
}

#content h2.company-t {
    display: block;
    width: 858px;
    height: 40px;
    text-indent: -9999px;
    background: url(../img/company.jpg) no-repeat;
}

#content h2.contact-t {
    display: block;
    width: 858px;
    height: 40px;
    text-indent: -9999px;
    background: url(../img/contact.jpg) no-repeat;
}

#content h2.tm-t {
    display: block;
    width: 858px;
    height: 40px;
    text-indent: -9999px;
    background: url(../img/tm.jpg) no-repeat;
}

/*
 Content List
---------------------------------------------------------- */
#listmenu {
    margin: 30px auto;
    width: 858px;
    height: 37px;
    background-image: url(../img/c-menu.jpg);
    background-repeat: no-repeat;
}

#list {
    position: relative;
    width: 858px;
    height: 37px;
    background-repeat: no-repeat;
}

#listmenu li {
    display: inline;
}

#listmenu li a {
    margin: 0 6px 0 0;
    float: left;
    width: 157px;
    height: 0pt;
    overflow: hidden;
    background-image: url(../img/c-menu.jpg);
    background-repeat: no-repeat;
    padding-top: 37px;
}

#listmenu li#new a.active {
    background-position: 0px -37px;
}

#listmenu li#all a.active {
    background-position: -163px -37px;
}

#listmenu li#popular a.active {
    background-position: -326px -37px;
}

#listmenu li#news a.active {
    background-position: -489px -37px;
}

#listmenu li#info a.active {
    background-position: -652px -37px;
}

#listmenu li#new a {
    background-position: 0px 0px;
}

#listmenu li#all a {
    background-position: -163px 0px;
}

#listmenu li#popular a {
    background-position: -326px 0px;
}

#listmenu li#news a {
    background-position: -489px 0px;
}

#listmenu li#info a {
    background-position: -652px 0px;
}

#listmenu li#new a:hover {
    background-position: 0px -37px;
}

#listmenu li#all a:hover {
    background-position: -163px -37px;
}

#listmenu li#popular a:hover {
    background-position: -326px -37px;
}

#listmenu li#news a:hover {
    background-position: -489px -37px;
}

#listmenu li#info a:hover {
    background-position: -652px -37px;
}

/*
 news area
---------------------------------------------------------- */
#newsarea {
    margin: 10px 0;
    padding: 10px;
}

#newsarea h2 {
    font-weight: bold;
}

#newsarea p {
    margin: 10px 0;
    line-height: 100%;
}
.publish {
	width:860px;
	margin:0 auto;
}
.news {
	float:left;
	width:650px;
	padding:0 48px 0 0;
}
dl.date {
    width: 630px;
}

.date dt {
    margin: 0 0 0px 0;
    padding: 5px 0 5px 10px;
    border-left: solid 8px #f1f1f1;
    float: left;
    clear: both;
    width: 115px;
}

.date dd {
    margin: 0 0 0 100px;
    padding: 5px 5px 5px 10px;
    width: 450px;
}
.archive {
	float:left;
	width:162px;
}
.archive ul {
	margin:10px 0 0 0;
}
.archive ul li {
	background:url(../img/arrow-icon.jpg) no-repeat 10px 8px;
	padding:0 0 0 23px;
	margin:0;
}
h2.entrytitle {
	font-size:16px;
	padding:8px 0 8px 8px;
	border-top:none;
	border-bottom:1px solid #e1e1e1;
	border-left:8px solid #e1e1e1;
	margin:0 0 15px;
	font-weight:bold;
}
.blogdate {
	text-align:right;
	margin:0 0 20px;
}

/*
 company
---------------------------------------------------------- */
table.companyt {
    width: 858px;
    background-color: #d5d5d5;
}

table.companyt p {
    padding: 0px 0;
}

table.companyt tr {
    border-bottom: 1px solid #e9e9e9;
}

table.companyt tr th {
    padding: 10px;
    border: 1px solid #ffffff;
    width: 150px;
    height: 40px;
    color: #252525;
    background-color: #f7f7f7;
    text-align: left;
}

table.companyt tr td {
    padding: 10px;
    width: 650px;
    background-color: #FFFFFF;
}

#error {
    padding: 20px;
    border: 1px solid #CC0000;
    width: 816px;
    background: #FFF0F0;
}

#error li {
    padding: 0 0 0 20px;
    background-image: url(../img/error_arrow.gif);
    background-repeat: no-repeat;
    background-position: 7px;
}

.big {
    font-weight: bold;
}

/*
 faq
---------------------------------------------------------- */
.question {
    padding: 20px 0 10px 40px;
    border-bottom: 1px dotted #000033;
    background-image: url(../img/q.gif);
    background-repeat: no-repeat;
    background-position: 5px 16px;
}

.answer {
    padding: 2px 0 20px 40px;
    background-image: url(../img/a.gif);
    background-repeat: no-repeat;
    background-position: 5px -2px;
}

.backcolor {
    background-color: #e9e9e9;
}

/*
 Contact
---------------------------------------------------------- */
.btn {
    margin: 0 60px 0 173px;
    width: 150px;
}

button {
    border: none;
    width: 150px;
    height: 50px;
    vertical-align: top;
    background-color: #ffffff;
    cursor: pointer;
}

.thanks {
    font-weight: bold;
    font-size: 105%;
}
/*
 ページングcss
---------------------------------------------------------- */
.page{
	padding:5px 10px;
	margin:0 10px 0 0;
	border:1px solid #ccc;
	background-color:#48A8D0;
	color:#000;
	font-weight:bold;
	display:block;
	float:left;
}
.page a,.page a:visited {
	color:#fff;
	background-color:#48A8D0;
	display:block;
	float:left;
}

/*
 Trademark
---------------------------------------------------------- */
.tm {
    margin: 0 0 0 25px;
}

.tm li {
    list-style-type: disc;
}

/*
 footer [
----------------------------------------------------------- */
#footer {
    margin: 30px auto;
    padding: 10px 0pt;
    border-top: 1px solid #e5e5e5;
    width: 860px;
    color: #6e6e6e;
    background-color: #FFFFFF;
    font-size: 10px;
    
}

#footer address {
    float:left;
}

.bottom-menu {
	float:right;
	color:#6e6e6e;
	
}
.bottom-menu a {
	color:#6e6e6e;	
}
.bottom-menu a:visited {
	color:#6e6e6e;	
}