/* CSS Document */


/* ----------- 全体的なルール�� ------------ */


html, body, form {
margin:0;
padding:0;
}

html {
 overflow-x: hidden;
}

img {
border:0;
margin:0;
padding:0;
}

.no-margin {
margin:0;
padding:0;
}

.clear{clear:both;} 

img.right {
margin:0;
padding:0;
float:right;
}

ul#mark {
margin:0;
padding:12px 0;
list-style:none;
}
ul#mark li{
    list-style:none;
    padding-left:25px;
    background:url(img/checkmark.gif) no-repeat center left;
		line-height:130%;
}


/* --------------- �wrap�� ------------------ */

#wrap {
margin:0 auto;
padding:0;
width:930px;
background:url(img/inn_bg.gif);
position:relative;
}

#wrap-inner {
background:#FFF;
margin:0 auto;
padding:0 20px;
width:854px;
height:100%;
}




/* ----------------- body -------------- */

body {
background:#EBEBEB;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3,メイリオ ";
font-size:100%;
line-height:20px;
color:#333;
}

a, a:link, a:active, a:visited {
color:#31579E;
text-decoration:none;
}

a:hover {
color:#4882EB;
text-decoration:underline;
}

/* ------------------- �header�_ ------------------------ */

#header {
width:854px;
height:55px;
margin:0;
padding:0;
background:FFF;
border:1px none #CCCCCC;
position:relative;
background:url(img/header_bg.gif) no-repeat;
}

#logo {
position:absolute;
top:10px;
left:10px;
}

#topimage {
width:854px;
margin:0;
padding:0;
height:160px;
display:block;
border:#CAE7E8 1px none;
}

#subimage {
width:854px;
margin:0;
padding:0;
height:140px;
display:block;
border:#CAE7E8 1px none;
}

#homelink {
width:50px;
margin:0;
padding:0;
display:block;
position:absolute;
top:1px;
right:18px;
font-size:12px;
text-align:center;
}

/* グローバルメニュー
---------------------------------------------------- */

ul#newgn {
clear:both;
width:854px;
height:35px;
margin: 0;
padding: 0;
position:relative;
list-style: none;
}

ul#newgn li {
position:absolute;
top: 0;
display:block;
width: 122px;
height: 35px;
margin:0;
padding:0;
text-indent:-9999px;
}

ul#newgn li a {
margin:0;
padding:0;
display:block;
width: 122px;
height: 35px;
text-decoration:none;
}

ul#newgn li#home {
left:0;
background:url(img/f_home.jpg) no-repeat;
}

ul#newgn li#roudou {
left:122px;
background:url(img/f_about.jpg) no-repeat;
}

ul#newgn li#service {
left:244px;
background:url(img/f_service.jpg) no-repeat;
}

ul#newgn li#works {
left:366px;
background:url(img/f_works.jpg) no-repeat;
}

ul#newgn li#jinzai {
left:488px;
background:url(img/f_tnews.jpg) no-repeat;
}

ul#newgn li#qa {
left:610px;
background:url(img/f_qa.jpg) no-repeat;
}

ul#newgn li#contact {
left:732px;
background:url(img/f_contact.jpg) no-repeat;
}

ul#newgn li#home a:hover{
left:0;
background:url(img/f_home2.jpg) no-repeat;
}

ul#newgn li#roudou a:hover{
left:122px;
background:url(img/f_about2.jpg) no-repeat;
}

ul#newgn li#service a:hover{
left:244px;
background:url(img/f_service2.jpg) no-repeat;
}

ul#newgn li#works a:hover{
left:366px;
background:url(img/f_works2.jpg) no-repeat;
}

ul#newgn li#jinzai a:hover{
left:488px;
background:url(img/f_tnews2.jpg) no-repeat;
}

ul#newgn li#qa a:hover{
left:610px;
background:url(img/f_qa2.jpg) no-repeat;
}

ul#newgn li#contact a:hover{
left:732px;
background:url(img/f_contact2.jpg) no-repeat;
}
/* ------------------- topnav ------------------- */

#topnav {
margin:30px 0 0 1px;
padding:0;
position:absolute;
right:0;
list-style:none;
width:220px;
font-size:82%;
}

#topnav li {
width:90px;
margin:0;
padding:0;
list-style:none;
float:left;
height:18px;
}

#topnav li.pp1 {
margin:0;
padding:0;
list-style:none;
float:left;
height:18px;
width:130px;
}

#topnav li.pp2 {
width:300px;
margin:0;
padding:0;
list-style:none;
float:left;
height:18px;
}

#topnav li a,
#topnav li.pp1 a, 
#topnav li.pp2 a {
text-indent:5px;
color:#4882EB;
overflow:hidden;
display:block;
text-decoration:none;
margin:0;
padding:0;
height:18px;
border-left:5px solid #4882EB;
}

#topnav li a:hover,
#topnav li.pp1 a:hover, 
#topnav li.pp2 a:hover {
color:#31579E;
border-left:5px solid #31579E;
}

/* ------------------- main -------------------- */

#main {
clear:both;
width:854px;
margin:0;
padding:0;
position:relative;
background:#FFFFFF;
}

body#home #content {
float:right;
width:589px;
margin:0;
padding:15px 0 20px 5px;
line-height:20px;
font-size:90%;
background:#FFF;
}

#content ul, #content ol {
line-height:24px;
}

#content h1 {
color:#333333;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3,メイリオ ";
font-size:16px;
font-weight:bold;
padding:0;
margin:0;
}

#content p {
margin:0 0 18px 0;
padding:0;
}

.toptxt {
width:584px;
margin:5px 0 10px 0;
padding:10px 0 10px 5px;
line-height:150%;
clear:both;
}

.txtright {
width:570px;
margin:0 0 10px 0;
padding:0;
clear:both;
text-align:right;
}


ul.mk {
margin:0;
padding:0 0 0 20px;
list-style-type: circle;
}

ul.mk li {
margin:0;
padding:0;
}

img.left {
margin:0;
padding:5px 20px 5px 0;
float:left;
}

img.right {
margin:0;
padding:0;
float:right;
}

.ptop {
width:580px;
height:20px;
text-align:right;
margin:20px 0 0 0;
padding:0;
display:block;
clear:both;
}

.inq {
width:580px;
height:70px;
text-align:center;
margin:0;
padding:10px 0 20px 0;
display:block;
clear:both;
}

.subtitle {
clear:both;
margin:10px 0 5px 0;
padding:3px 0 3px 20px;
width:562px;
color:#CC3333;
font-size:15px;
font-weight:bold;
border:#CCCCCC 1px dashed;
display:block;
}

#content h2 {
width:564px;
height:22px;
background:url(img/f_h2bg.jpg) no-repeat;
color:#333333;
font-size:16px;
padding:8px 0 0 20px;
}

/* ボックス全体枠 */
.rss-box {
width:248px;
margin: 0;
padding: 0;
background:#ffffff;
text-align:left;
}

/* RSSフィード　記事一覧の大枠 */
.rss-items {
margin: 0;
padding:10px;
}

/* RSSフィード　サイト説明文・記事タイトル・記事内容 */
.rss-item {
font-size: 12px;
line-height:18px;
font-weight: normal;
margin: 5px 0;
padding:0;
list-style:none;
}

/* RSSフィード　サイト説明文・記事タイトル・記事内容 リンクカラー */
.rss-item a:link,
.rss-item a:visited,
.rss-item a:active {
text-decoration: underline;
color: #336699;
}

/* RSSフィード　サイト説明文・記事タイトル・記事内容 リンクカラー：ロールオーバー */
.rss-item a:hover {
text-decoration: none;
color:#999999;
}

/* RSSフィード　記事日付 */
.rss-date {
font-size: 12px;
font-weight: normal;
color: #336699;
}



body#home #sidebar {
width:250px;
float:left;
margin:0;
padding:15px 0 0 0;
line-height:16px;
background:#FFFFFF;
}

#sidebar .box {
width:248px;
clear:both;
margin:0 0 12px 0;
padding:0;
border:1px solid #CAE7E8;
}

#sidebar .box p {
padding:0;
margin:0;
}

#sidebar h3,h4,h5 {
margin:0;
padding:0;
}

#sidebar .box .title {
font-weight:bold;
margin:0;
}

ul.submenu {
clear:both;
margin:0;
padding:7px 0 7px 0;
width:248px;
line-height:130%;
font-size:86%;
}

.submenu li {
　　margin: 0;
    padding: 3px 0 3px 8px;
		width: 238px;
    list-style: none;
		background:url(img/arrow1.gif) left center no-repeat;
}

.submenu li a {
margin: 0;
padding: 3px 0 3px 8px;
color:#333333;
text-decoration:none;
width: 238px;
display:block;
}

.submenu li a:hover {
margin: 0;
padding: 3px 0 3px 8px;
color:#4882EB;
text-decoration:underline;
width: 238px;
display:block;
}


/* ------- �main-menu���� ------------ */

ul.main-menu{
clear: both;
margin: 0;
padding:0;
width:250px;
}

.main-menu li {
width:250px;
height:30px;
list-style-type:none;
float: left;
}

.main-menu li a {
width:250px;
height:30px;
text-indent:-9999px;
overflow:hidden;
display:block;
}
.main-menu li.bt_1 {
background-image:url(img/1navi1_on.jpg);
background-repeat:no-repeat;
}

.main-menu li.bt_1 a:hover {
background-image:url(img/1navi1_off.jpg);
background-repeat:no-repeat;
}

.main-menu li.bt_2 {
background-image:url(img/1navi2_on.jpg);
background-repeat:no-repeat;
}

.main-menu li.bt_2 a:hover {
background-image:url(img/1navi2_off.jpg);
background-repeat:no-repeat;
}

.main-menu li.bt_3 {
background-image:url(img/1navi3_on.jpg);
background-repeat:no-repeat;
}

.main-menu li.bt_3 a:hover {
background-image:url(img/1navi3_off.jpg);
background-repeat:no-repeat;
}

.main-menu li.bt_4 {
background-image:url(img/1navi4_on.jpg);
background-repeat:no-repeat;
}

.main-menu li.bt_4 a:hover {
background-image:url(img/1navi4_off.jpg);
background-repeat:no-repeat;
}

.main-menu li.bt_5 {
background-image:url(img/1navi5_on.jpg);
background-repeat:no-repeat;
}

.main-menu li.bt_5 a:hover {
background-image:url(img/1navi5_off.jpg);
background-repeat:no-repeat;
}

.main-menu li.bt_6 {
background-image:url(img/1navi6_on.jpg);
background-repeat:no-repeat;
}

.main-menu li.bt_6 a:hover {
background-image:url(img/1navi6_off.jpg);
background-repeat:no-repeat;
}


/* ------- �main-menu����2 ------------ */

ul.main-menu2 {
clear: both;
margin: 0;
padding: 20px 0 0 0;
width:250px;
height:210px;
background:#FFF;
}

.main-menu2 li {
width:250px;
height:30px;
list-style-type:none;
float: left;
}

.main-menu2 li a {
width:250px;
height:30px;
text-indent:-9999px;
overflow:hidden;
display:block;
}
.main-menu2 li.bt1 {
background-image:url(img/navi1_on.jpg);
background-repeat:no-repeat;
}

.main-menu2 li.bt1 a:hover {
background-image:url(img/navi1_off.jpg);
background-repeat:no-repeat;
}

.main-menu2 li.bt2 {
background-image:url(img/navi2_on.jpg);
background-repeat:no-repeat;
}

.main-menu2 li.bt2 a:hover {
background-image:url(img/navi2_off.jpg);
background-repeat:no-repeat;
}

.main-menu2 li.bt3 {
background-image:url(img/navi3_on.jpg);
background-repeat:no-repeat;
}

.main-menu2 li.bt3 a:hover {
background-image:url(img/navi3_off.jpg);
background-repeat:no-repeat;
}

.main-menu2 li.bt4 {
background-image:url(img/navi4_on.jpg);
background-repeat:no-repeat;
}

.main-menu2 li.bt4 a:hover {
background-image:url(img/navi4_off.jpg);
background-repeat:no-repeat;
}

.main-menu2 li.bt5 {
background-image:url(img/navi5_on.jpg);
background-repeat:no-repeat;
}

.main-menu2 li.bt5 a:hover {
background-image:url(img/navi5_off.jpg);
background-repeat:no-repeat;
}

.main-menu2 li.bt6 {
background-image:url(img/navi6_on.jpg);
background-repeat:no-repeat;
}

.main-menu2 li.bt6 a:hover {
background-image:url(img/navi6_off.jpg);
background-repeat:no-repeat;
}

.main-menu2 li.bt7 {
background-image:url(img/navi7_on.jpg);
background-repeat:no-repeat;
}

.main-menu2 li.bt7 a:hover {
background-image:url(img/navi7_off.jpg);
background-repeat:no-repeat;
}

/*�テーブル��-----------------------------------------*/

table.about {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 580px;
  border-collapse: collapse;
  border: solid 1px #CAE7E8;
	font-size:90%;
}

table.about caption {
  margin-top: 1em;
  text-align: left;
}

table.about td {
  border: solid 1px #CAE7E8;
  padding: 5px;
}
table.about td {
  background:#FDFAF0;
	}
table.about th {
width:150px;
  background: #CAE7E8;
  text-align: center;
  color:#333333;
	border-bottom:solid 1px #FFF;
}


/* ---------------- �bottomlink ---------------------- */

#blink {
margin:0 auto;
padding:0;
width:890px;
height:40px;
background: url(img/bottomlink_bg.jpg) no-repeat;
}

#blink ul{
margin:0;
padding:10px 0 0 0;
width:854px;
height:30px;
text-align:center;
}

#blink li {
font-size:12px;
height:40px;
list-style:none;
margin:0;
padding:5px 10px;
line-height:1.8;
display:inline;
}

#blink li a:hover {
text-decoration:underline;
}

/* ------------------- �grlink ------------------------ */


#grlink {
clear:both;
width:854px;
height:30px;
margin:0;
padding:0;
background:#FFFFFF url(img/grlink_bg.jpg) no-repeat;
position:relative;
}

#grlink ul {
width:690px;
height:30px;
margin:0 0 0 164px;
padding:0;
position:absolute;
}

#grlink li {
width:230px;
height:30px;
list-style:none;
text-indent:-9999px;
float:left;
}

#grlink li a {
width:230px;
height:30px;
text-indent:-9999px;
overflow:hidden;
display:block;
}

#grlink li.soken a {
background-image:url(img/gr1_off.jpg);
background-repeat:no-repeat;
}

#grlink li.soken a:hover {
background-image:url(img/gr1_on.jpg);
background-repeat:no-repeat;
}

#grlink li.sharo a {
background-image:url(img/gr2_off.jpg);
background-repeat:no-repeat;
}

#grlink li.sharo a:hover {
background-image:url(img/gr2_on.jpg);
background-repeat:no-repeat;
}

#grlink li.gyosei a {
background-image:url(img/gr3_off.jpg);
background-repeat:no-repeat;
}

#grlink li.gyosei a:hover {
background-image:url(img/gr3_on.jpg);
background-repeat:no-repeat;
}

/* ------------------- �grlink2 ------------------------ */


#grlink2 {
width:854px;
height:30px;
margin:0;
padding-bottom:10px;
background:#FFFFFF url(img/grlink2_bg.jpg) no-repeat;
position:relative;
}

#grlink2 ul {
width:690px;
height:30px;
margin:0 0 0 164px;
padding:0;
position:absolute;
}

#grlink2 li {
width:230px;
height:30px;
list-style:none;
text-indent:-9999px;
float:left;
}

#grlink2 li a {
width:230px;
height:30px;
text-indent:-9999px;
overflow:hidden;
display:block;
}

#grlink2 li.jinzai a {
background-image:url(img/gr4_off.jpg);
background-repeat:no-repeat;
}

#grlink2 li.jinzai a:hover {
background-image:url(img/gr4_on.jpg);
background-repeat:no-repeat;
}

#grlink2 li.fuku a {
background-image:url(img/gr5_off.jpg);
background-repeat:no-repeat;
}

#grlink2 li.fuku a:hover {
background-image:url(img/gr5_on.jpg);
background-repeat:no-repeat;
}

#grlink2 li.fchubu a {
background-image:url(img/gr6_off.jpg);
background-repeat:no-repeat;
}

#grlink2 li.fchubu a:hover {
background-image:url(img/gr6_on.jpg);
background-repeat:no-repeat;
}





/* ---------------- �footer ---------------------- */

#footer {
background:url(img/F_footer_bg.jpg) repeat-x;
width:894px;
clear:both;
height:50px;
margin:0 auto;
padding:15px 0 30px 0;
position:relative;
}

#footer p, #footer a {
color:#333333;
font-size:12px;
}

#footer .copyright {
text-align:center;
margin:0;
padding:0 0 0 10px;
}