@charset "utf-8";
/* CSS Document */


* {
font-size:100%;
margin:0px;
padding:0px;
}

body {
background-image:url(image/body_bg.gif);
background-repeat:repeat-y;
background-color:#ECECDB;
background-position:center;
text-align: center;
font-size: 80%;
margin:0px auto 0px auto;
padding:0px;
font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif, Osaka, "ヒラギノ角ゴ Pro W3";
}

img {
border:0px;
vertical-align:bottom;
}

a {
color:#0474BB;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}


p {
margin:0 0 10px 0;
line-height:1.4em;
}


/*　見出し　*/
h1 {
}

h2 {
font-size:1.2em;
margin:0px 0 5px 0;
padding:0 0 5px 0;
line-height:1.4em;
}

h3 {
/*background-image:url(image/midashi_h3.jpg);*/
background-repeat:no-repeat;
margin:21px 0 10px 0;
font-size:1.2em;
padding:13px 13px 6px 0px;
border-bottom:#EFEFEF solid 4px;
clear:both;
}

h3 a {
color:#333333;
}

h4 {
background-image:url(image/midashi_h4.jpg);
background-position:5px 6px;
background-repeat:no-repeat;
margin:8px 0 3px 0;
padding:7px 13px 7px 25px;
}

h4 a {
color:#333333;
text-decoration:underline;
}

h4 a:hover {
color:#666666;
text-decoration:none;
}




/*　リスト　*/
ul {
margin:10px 10px 10px 12px;
}

ol {
margin:10px 10px 10px 12px;
}

ul li {
list-style-type:none;
background-image:url(image/ul_mark.jpg);
background-repeat:no-repeat;
background-position:0em 0.5em;
margin:0 0 5px 0px;
line-height:1.4em;
padding:0 0 0 1.3em;
}

ol li {
background-repeat:no-repeat;
background-position:0em 0.5em;
margin:0 0 5px 15px;
line-height:1.4em;
padding:0 0 0 0;
}




/*　区切り線　*/
.border {
margin:0px;
padding:0px;
height:0px;
border:0px;
clear:both;
font-size:0px;
color:#ffffff;
}

/*　トピックパス　*/
#topic_path {
margin:14px 0 14px 0;
color:#666666;
}


#container {
background-color:#FFFFFF;
text-align: left;
width:790px;
margin: 0 auto 0 auto;
}



/*　枠装飾　*/
.waku-gray {
border:#CCCCCC solid 1px;
background-color:#F4F4F4;
padding:5px;
}


/*---------------------------
　ヘッダー　
---------------------------*/
#header {
height:120px;
background-image:url(image/header_bg.gif);
background-repeat:repeat-x;
padding:0px 0 0 0;
margin:0 0px 0 0px;
}

#header-m {
float:left;
width:350px;
}


/*　サイトタイトル　*/
#site-title {
background-image:url(image/site_title.gif);
width:190px;
height:82px;
text-indent:-9999px;
margin:16px 0 0 0px;
_margin:16px 0 0 0px;
float:left;
}

#site-title a {
width:190px;
height:82px;
display:block;
}

#site-description {
color:#666666;
background-color:#ECECDB;
float:left;
font-size:11px;
margin:16px 0 0 40px;
_margin:16px 0 0 20px;
height:41px;
width:350px;
}

#site-description p {
margin:5px 8px;
}

/*　ヘッダー　電話　*/
#header-tell {
background-image:url(image/header_tell.jpg);
float:right;
height:51px;
width:186px;
text-indent:-9999px;
margin:14px 0px 0 0;
_margin:14px 0px 0 0;

}

#header-tell a {
height:82px;
width:186px;
display:block;
}





/*　ヘッダーナビ　*/
#header-navi {
float:left;
margin:9px 0 0 0;
font-size:13px;
}

#header-navi a {
text-decoration:none;
color:#333333;
}

#header-navi a:hover {
text-decoration:underline;
}

#header-navi ul {
padding:0px;
margin:0px 0px 0px 40px;
list-style:none;
width:350px;

}

#header-navi li {
background-image:none;
text-indent:-9999px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
float:left;
width:170px;
}


#headermenu-01 a {background:url(image/header_menu.gif) 0px 0px no-repeat; height:30px; display:block;}
#headermenu-02 a {background:url(image/header_menu.gif) 0px -30px no-repeat; height:30px; display:block; margin:0 0 0 0px; width:170px;}

#headermenu-01 a:hover {background:url(image/header_menu.gif) -170px 0px no-repeat; height:30px; display:block;}
#headermenu-02 a:hover {background:url(image/header_menu.gif) -170px -30px no-repeat; height:30px; display:block;}



/*---------------------------
　トップイメージ　
---------------------------*/
#top-image {
margin:0px 0px 15px 0px;
_margin: 0px 0 15px 0px;
}

*:first-child+html #top-image {
margin:0px 20px 15px 0px;
}



/*---------------------------
　サイドバー　
---------------------------*/
#sidebar-a {
background-color:#FFFFFF;
width:190px;
min-height:400px;
height: auto !important;
height: 400px;
margin:0px 0 0 0px;
_margin:0px 0 0 0px;
float:left;
}


/*　サイドバー背景　*/
#content-box {
width:790px;
background-image:url(image/side_bar_bg.gif);
background-repeat:repeat-y;
background-position:20px 0px;
margin:0px 0 0 0;
}



/* サイドメニュー */
#sidebar-navi {
}

#sidebar-navi ul {
margin:0px;
padding:0px;
list-style:none;
}

#sidebar-navi ul li {
text-indent:-9999px;
margin:0px 0px 0px 0px;
padding:0px;
width:190px;
}

#sidemenu-01 a {background:url(image/sidebar_menu.jpg) 0px 0px no-repeat; height:63px; display:block;}
#sidemenu-02 a {background:url(image/sidebar_menu.jpg) 0px -126px no-repeat; height:125px; display:block; margin:0 0 15px 0;}
#sidemenu-03 a {background:url(image/sidebar_menu.jpg) 0px -250px no-repeat; height:60px; display:block; margin:0 0 5px 0;}
#sidemenu-04 a {background:url(image/sidebar_menu.jpg) 0px -310px no-repeat; height:71px; display:block;}
#sidemenu-05 a {background:url(image/sidebar_menu.jpg) 0px -381px no-repeat; height:40px; display:block;}
#sidemenu-06 a {background:url(image/sidebar_menu.jpg) 0px -421px no-repeat; height:40px; display:block;}
#sidemenu-07 a {background:url(image/sidebar_menu.jpg) 0px -461px no-repeat; height:40px; display:block;}
#sidemenu-08 a {background:url(image/sidebar_menu.jpg) 0px -501px no-repeat; height:40px; display:block;}
#sidemenu-09 a {background:url(image/sidebar_menu.jpg) 0px -541px no-repeat; height:30px; display:block; margin:0 0 15px 0;}
#sidemenu-10 a {background:url(image/sidebar_menu.jpg) 0px -571px no-repeat; height:40px; display:block;}
#sidemenu-11 a {background:url(image/sidebar_menu.jpg) 0px -611px no-repeat; height:40px; display:block;}
#sidemenu-12 a {background:url(image/sidebar_menu.jpg) 0px -651px no-repeat; height:40px; display:block;}
#sidemenu-13 a {background:url(image/sidebar_menu.jpg) 0px -691px no-repeat; height:40px; display:block;}
#sidemenu-14 a {background:url(image/sidebar_menu.jpg) 0px -731px no-repeat; height:40px; display:block; margin:0 0 15px 0;}
#sidemenu-15 a {background:url(image/sidebar_menu.jpg) 0px -771px no-repeat; height:85px; display:block; margin:0 0 15px 0;}
#sidemenu-16 a {background:url(image/sidebar_menu.jpg) 0px -856px no-repeat; height:85px; display:block;}
#sidemenu-17 a {background:url(image/sidebar_menu.jpg) 0px -941px no-repeat; height:85px; display:block; margin:0 0 15px 0;}
#sidemenu-18 a {background:url(image/sidebar_menu.jpg) 0px -1026px no-repeat; height:40px; display:block;}
#sidemenu-19 a {background:url(image/sidebar_menu.jpg) 0px -1066px no-repeat; height:40px; display:block;}
#sidemenu-20 a {background:url(image/banner_syoukaivideo.gif) 0px 0px no-repeat; height:110px; display:block; margin:0 0 15px 0;}
#sidemenu-21 a {background:url(image/sidebar_menu.jpg) 0px 0px no-repeat; height:63px; display:block;}
#sidemenu-22 a {background:url(image/sidebar_menu.jpg) 0px -63px no-repeat; height:63px; display:block;}
#sidemenu-23 a {background:url(image/banner_syoukaivideo_excel.jpg) 0px 0px no-repeat; height:74px; display:block; margin:0 0 0 0;}
#sidemenu-24 a {background:url(image/banner_syoukaivideo_kaikei1.jpg) 0px 0px no-repeat; height:53px; display:block; margin:0 0 15px 0;}



#sidemenu-01 a:hover {background:url(image/sidebar_menu.jpg) -190px 0px no-repeat; height:126px; display:block;}
#sidemenu-02 a:hover {background:url(image/sidebar_menu.jpg) -190px -126px no-repeat; height:125px; display:block;}
#sidemenu-03 a:hover {background:url(image/sidebar_menu.jpg) -190px -250px no-repeat; height:60px; display:block;}
#sidemenu-04 a:hover {background:url(image/sidebar_menu.jpg) -190px -310px no-repeat; height:71px; display:block;}
#sidemenu-05 a:hover {background:url(image/sidebar_menu.jpg) -190px -381px no-repeat; height:40px; display:block;}
#sidemenu-06 a:hover {background:url(image/sidebar_menu.jpg) -190px -421px no-repeat; height:40px; display:block;}
#sidemenu-07 a:hover {background:url(image/sidebar_menu.jpg) -190px -461px no-repeat; height:40px; display:block;}
#sidemenu-08 a:hover {background:url(image/sidebar_menu.jpg) -190px -501px no-repeat; height:40px; display:block;}
#sidemenu-09 a:hover {background:url(image/sidebar_menu.jpg) -190px -541px no-repeat; height:30px; display:block;}
#sidemenu-10 a:hover {background:url(image/sidebar_menu.jpg) -190px -571px no-repeat; height:40px; display:block;}
#sidemenu-11 a:hover {background:url(image/sidebar_menu.jpg) -190px -611px no-repeat; height:40px; display:block;}
#sidemenu-12 a:hover {background:url(image/sidebar_menu.jpg) -190px -651px no-repeat; height:40px; display:block;}
#sidemenu-13 a:hover {background:url(image/sidebar_menu.jpg) -190px -691px no-repeat; height:40px; display:block;}
#sidemenu-14 a:hover {background:url(image/sidebar_menu.jpg) -190px -731px no-repeat; height:40px; display:block;}
#sidemenu-15 a:hover {background:url(image/sidebar_menu.jpg) -190px -771px no-repeat; height:85px; display:block;}
#sidemenu-16 a:hover {background:url(image/sidebar_menu.jpg) -190px -856px no-repeat; height:85px; display:block;}
#sidemenu-17 a:hover {background:url(image/sidebar_menu.jpg) -190px -941px no-repeat; height:85px; display:block;}
#sidemenu-18 a:hover {background:url(image/sidebar_menu.jpg) -190px -1026px no-repeat; height:40px; display:block;}
#sidemenu-19 a:hover {background:url(image/sidebar_menu.jpg) -190px -1066px no-repeat; height:40px; display:block;}
#sidemenu-20 a:hover {background:url(image/banner_syoukaivideo.gif) 0px 0px no-repeat; height:110px; display:block; margin:0 0 15px 0;}
#sidemenu-21 a:hover {background:url(image/sidebar_menu.jpg) -190px 0px no-repeat; height:63px; display:block;}
#sidemenu-22 a:hover {background:url(image/sidebar_menu.jpg) -190px -63px no-repeat; height:63px; display:block;}
#sidemenu-23 a:hover {background:url(image/banner_syoukaivideo_excel.jpg) 0px 0px no-repeat; height:74px; display:block;}
#sidemenu-24 a:hover {background:url(image/banner_syoukaivideo_kaikei1.jpg) 0px 0px no-repeat; height:53px; display:block;}

/*　サイドバー　メニューB　*/
#sidebar-navi-b {
}

#sidebar-navi-b ul {
margin:0px;
padding:0px;
list-style:none;
}

#sidebar-navi-b ul li {
background-image:url(image/mark_yazirusi_gray.gif);
background-repeat:no-repeat;
background-position:0.8em 0.8em;
margin:0px;
padding:0.5em 0 0.5em 0;
text-indent:2em;
}

#sidebar-navi-b ul li a,
#sidebar-navi-b ul li a:hover {
color:#555555;
}

#sidebar-navi-b ul #home {
background-image:url(image/mark_home.gif);
background-repeat:no-repeat;
background-position:0.5em 0.5em;
}


/*　サイドバー　バナーリスト　*/
#sidebar-banner {
margin:0 0 30px 0;
}

#sidebar-banner ul {
list-style:none;
padding:0px;
margin:0px;
}

#sidebar-banner ul li {
padding:0px;
margin:0px;
}

/*　サイドバー　会社概要　*/
#address {
background-color:#F2F2F2;
text-align: left;
margin:10px 0 0 0 ;
padding:10px;

}

address {
line-height: 1.2em;
font-size: 0.9em;
font-style:normal;
}


/*---------------------------
　コンテンツ　
---------------------------*/
#content {
width:560px;
margin:0px 0px 0 0;
_margin:0px 0px 0 0;
float:right;
}

#content-top {
width:790px;
margin:0px 0px 0 0;
_margin:0px 0px 0 0;
float:right;
}

dl.information {
padding: 0;
border-bottom: 1px dotted #CCCCCC;
}

dl.information dt {
background-image:url(image/mark_yazirusi_blue.gif);
background-repeat:no-repeat;
background-position:0.7em 1em;
margin: 0;
padding: 0.7em 0 0.1em 2em;
border-top: 1px dotted #CCCCCC;
width: 7.5em;
float: left;
}

dl.information dd {
margin: 0 0 0 8em;
padding: 0.7em 1em;
border-top: 1px dotted #CCCCCC;
}

/*---------------------------
　フッター　
---------------------------*/
#footer {
color:#666666;
margin:0 0px 0 0px;
padding:15px 0 0 0;
clear:both;
}

#footer-navi {
text-align:center;
font-size:11px;
}

#footer-navi ul {
}

#footer-navi ul li {
float:left;
}

#footer-navi a {
color:#666666;
}

#address {
color:#FFFFFF;
background-color:#0E62AD;
text-align:right;
padding:6px;
_padding:3px 6px 6px 6px;
clear:both;
}

#address address {
line-height:1.5em;
}

#copyright {
color:#FFFFFF;
background-color:#666666;
text-align:right;
padding:0.5em 0.5em 0.5em 0;
}



/*---------------------------
   module
---------------------------*/
.box-a {
background-image:url(image/box_a_bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
margin:0 0 13px 0;
}

.box-a p {
font-size:1.1em;
font-weight:bold;
}

.left-box {
float: left;
width: 280px;
}

.col2-box {
}

div .col2-box p {
padding-left:0px;
padding-right:0px;
}

div .col2-box h3 {
margin-top:7px;
}

.col2-box ul,
.col2-box ul li {
margin:0px;
padding:0px;
list-style:none;
}

.col2-left-box {
float: left;
width: 280px;
padding:px;
}

.col2-right-box {
float: right;
width: 280px;
}

.col2-left-box-a {
float: left;
width: 380px;
}

.col2-right-box-a {
float: right;
width: 380px;
}

.col2-wide-box {
clear:both;
}


.col2-left-box img,
.col2-right-box img {
float: left;
margin:3px 8px 5px 0;
}




.col3-box {
clear:both;
margin:0 0 20px 0;
padding:1% 0;
width: 790px;
overflow:auto;
}

div.col3-box p {
margin:10px 10px 10px 10px;
}

.col3-left-box {
float: left;
width:32%;
margin:0px 0 0px 1%;
display:inline;
}

.col3-center-box {
float: left;
width:32%;
margin:0px 0 0px 1%;
display:inline;
}

.col3-right-box {
float: left;
width:32%;
margin:0px 0 0px 1%;
display:inline;
}


.box-blue {
background:#DBEEF3;
padding:17px 17px 7px 17px;
margin:0 0 23px 0;
}


.entry {
clear:both;
margin:0 0 15px 0;
}

.entry p {
padding-left:0px;
padding-right:0px;
}


/* 詳細へ */
.link-right {
float:right;
color:#FFFFFF;
background-color:#0099CC;
padding:5px;
margin:15px 0 15px 0;;
display:inline;
}

.link-right a,
.link-right a:hover {
color:#FFFFFF;
}


/* トップへ戻るボタン */
.return_navi a {
float:right;
color:#999999;
font-size:10px;
clear:both;
}

.return_navi a:hover {
color:#999999;
}

.return_navi a:visit {
color:#999999;
}


.image_R {
float: right;
margin: 0 0px 1em 1em;
}

.image_L {
float: left;
margin: 0 0px 1em 0px;
}

.image_C {
text-align:center;
margin: 0 auto 1em auto;
}

.clear {
   display: block;
   clear: both;
}



/*--------------------------------------
Table Module
---------------------------------------*/
table {
margin: 0.5em 0;
border-width: 0px 0 0 0px;
border-style: solid;
border-color: #8D928D;
border-top:#DDDDDD solid 1px;
border-collapse: collapse;
}

caption {
display: none;
}

td, th {
color: #333333;
padding : 0.7em 0.5em 0.7em 0.5em;
border-width:1px 1px 1px 1px;
border-style: solid;
border-color: #DDDDDD;
}

th {
font-weight:bold;
color: #444444;
background-color: #F4F4F4;
text-align:left;
}

td {
color: #444444;
}


/* table in table */
td table,{
background-color: #FFFFFF;
margin: 0;
border-width: 1px 0 0 1px;
border-style: solid;
border-color: #FFFFFF;
}


td td,td th {
color: #333333;
padding : 0px 0.5em 0.2em 0px ;
border-width:0 1px 1px 0;
border-style: solid;
border-color: #FFFFFF;
}

td th {
font-weight: normal;
color: #333333;
background-color: #FFFFFF;
}

td td {
color: #333333;
background-color: white;
}

/* table other */
#other table {
background-color: #FFFFFF;
margin: 0.5em 0;
border-width: 0 0 0 0;
border-style: dotted;
border-color: #8D928D;
}

#other caption {
display: none;
}

#other td,#other th {
color: #333333;
padding : 0.4em 0.5em;
border-width:0 0 1px 0;
border-style: dotted;
border-bottom-color:#CCCCCC ;
}

#other th {
font-weight: normal;
color: #444444;
background-color: #FFFFFF;
}

#other td {
color: #444444;
background-color: white;
}





/*---------------------------------
   decoration
---------------------------------*/


.text_red {
color:#CC0000;
}

.text_orange {
color:#FF6600;
}


.text_blue {
color:#0033CC;
}

.text_green {
color:#66CC00;
}

.text_gray {
color:#999999;
}


.text_pink_bold {
color:#F80640;
font-weight:bold;
}

.text_green_bold {
color:#66CC00;
font-weight:bold;
}




.text_left {
text-align:left;
}

.text_right {
text-align:right;
}

.text_center {
text-align:center;
}


.font_small {
font-size:0.8em;
}

.font_10px {
font-size:10.5px;
}

.font_large {
font-size:1.2em;
}

.box_center {
margin:0 auto 0 auto;
}