body {color: #000000; margin: 0; padding: 0; font-size: 12px; line-height: 1.8em; background-image: url(../image/top/bg.jpg); background-repeat: repeat-x;}

li {list-style-type: none;}
a {text-decoration: none; color: #000000;}
a img {border: 0;}
.clear:after {content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.clear {clear: both;}
.right {text-align: right;}
.center {text-align: center;}
strong {font-weight: bold;}
.disblock {display: block;}
.disnone {display: none;}
.show {display: block;}
/* MAXIM用 -------------------------------------------------------------*/
h2 {font-size: 17px; font-weight: bold;}
h3 {font-size: 17px; font-weight: bold;}

/* 共通見出し ----------------------------------------------------------*/
.tit {width: auto; height: 31px; color: #014C7A; font-size: 14px; font-weight: bold; padding-left: 10px; margin-bottom: 15px; padding-top: 10px;
      background-image: url(../image/contents/title_bg.jpg); background-repeat: repeat-x; border: solid 1px #014C7A; border-left: solid 10px #014C7A;}
.tit1 {width: auto; height: 31px; color: #C7000B; font-size: 14px; font-weight: bold; padding-left: 10px; margin-bottom: 15px; padding-top: 10px;
      background-image: url(../image/contents/title_bg.jpg); background-repeat: repeat-x; border: solid 1px #C7000B; border-left: solid 10px #C7000B;}
/* 共通 ----------------------------------------------------------------*/
#wrapper {width: auto; height: auto;}
#box {width: 850px; height: auto; background-color: #ffffff; margin-top: 10px; margin-left: auto; margin-right: auto;}
#header {width: 850px; height: 50px;}
#header_l {width: 363px; height: 50px; float: left;}
#header_r {width: 467px; height: 25px; text-align: right; float: left; font-size: 11px; vertical-align: bottom; padding-top: 25px;}
#menu {width: 850px; height: 70px; margin: 12px 0; background-color: #000000;}
* html #menu {width: 850px; height: 70px; margin-top: 2px; margin-bottom: 12px;}
#menu ul {display: block; list-style-type: none; margin: 0; padding: 0; font-size: 14px;}
/* サブメニュー1段目 */#menu ul ul{display: none;  position: absolute; top: 100%; left: 0;}
/* サブメニュー2段目以降 */#menu ul ul ul {top: 0; left: 100%;}
/* リスト */#menu li {float: left; text-align: center;}
#menu li li {clear: both;}
#menu li a{display: block; width: 170px; background-color: #ffffff; text-decoration: none; color: #333; padding: 0;}
#menu li a:hover {background-color: #d3d3d3;}
#menu li:hover {position: relative; background-color: #4b4f45; color: #333;}
#menu li:hover > ul {display: block;}
/* IE6用 */
* html #menu li {   behavior: expression(this.onmouseover=new Function("this.className='column1'"),      this.onmouseout=new Function("this.className=''"),      this.style.behavior = 'none'   );}
* html #menu li li {   behavior: expression(      this.onmouseover=new Function("this.className='column2'"),      this.onmouseout=new Function("this.className=''"),      this.style.behavior = 'none'   );}
* html #menu li li li {   behavior: expression(      this.onmouseover=new Function("this.className='column3'"),      this.onmouseout=new Function("this.className=''"),      this.style.behavior = 'none'   );}
#menu .column1 {position:relative;}
#menu .column1 ul {display: block;}
#menu .column1 * ul {display: none;}
#menu .column2 {position: relative;}
#menu .column2 ul {display: block;}
#menu .column2 * ul {display: none;}
#menu .column3 {position: relative;}
#menu .column3 ul {display: block;}
#menu .column3 * ul {display:none;}
/* トップメッセージ ---------------------------------------------------*/
.mes {font-size: 10px; line-height: 1.8em; margin-left: auto; margin-right: auto; padding: 0px 115px 10px 115px;}
/*---------------------------------------------------------------------*/
#main_img {width: 850px; height: auto; background-color: #d3d3d3;}
.main_img {width: 850px; height: auto; background-color: #d3d3d3;}
.disnone {display: none;}
#information {width: 850px; height: auto; border: solid 1px #555555; margin: 10px 0;}
#info_tit {width: 842px; height: 19px;  padding: 2px 0px 2px 8px; color: #ffffff; font-size: 14px; background-image: url(../image/top/news_bg.jpg); background-repeat: repeat-x;}
.info_txt {width: auto; height: 140px; padding: 10px; font-size: 13px;}
#contents {width: 850px; height: auto; margin: 10px 0px; min-height: 400px;}
.intro_box {width: auto; height: auto; float: left; border: solid 3px #555555; color: #000000;}
.intro_box1 {width: auto; height: auto; float: left; border: solid 3px #555555; color: #000000;}
.intro_tit {width: 412px; height: 37px; text-align: center; color: #ffffff; margin-bottom: 10px;}
.intro_tit1 {width: 412px; height: 37px; text-align: center; color: #ffffff; margin-bottom: 10px; margin-top: 10px;}
.intro_cnt {width: 402px; height: 60px; border-bottom: dotted 1px #d3d3d3; font-size: 11px; font-weight: bold; margin-left: 5px; margin-bottom: 5px; padding: 4px 0; vertical-align: bottom;}
.intro_l_img {width: auto; float: left;}
.intro_r_txt {width: 200px; line-height: 1.3em; padding-top: 14px; float: left;}
.intro_scnt {width: 199px; height: 60px; float: left;  margin-left: 5px; padding: 8px 0; margin-bottom: 3px;
             font-size: 10px; line-height: 1.4em;}
.border1 {border: solid 1px #6e6e6e;}
.border1:hover {border: solid 1px #014C7A;}
#news {width: 407px; height: auto; border-right: solid 1px #B5B5B6; margin-right: 18px; float: left; margin-left: 2px;}
.news_tit {width: 440px; color: #ffffff; background-color: #014C7A; font-size: 14px; margin-top: 4px; padding: 2px 0px 2px 4px; margin-bottom: 15px;}
.small {width: 440px; height: auto; font-size: 0.8em; border-bottom: dotted 1px #d3d3d3; line-height: 1.4em; margin-bottom: 8px;}
.imgbox {width: 785px; height: auto; padding-top: 10px; margin-bottom: 10px; border-top: solid 2px #014C7A;}
.cont_box {width: 183px; height: auto; float: left; margin-right: 15px; border: solid 1px #d3d3d3; padding: 0px;}
.cont_box:hover {width: 183px; height: auto; float: left; margin-right: 15px; border: solid 1px #014C7A; padding: 0px;}
.in_box {width: 183px; height: 72px;}
.txt_box {width: 179px; height: auto; border-top: solid 2px #d3d3d3; padding: 2px; font-size: 0.6em;}
.strong {height: 15px; color: #014C7A; font-size: 0.9em; background-image: url(../image/top/under_arrow.gif); background-repeat: no-repeat;
         padding-left: 20px; padding-top: 2px; margin-bottom: 3px;}
#footer_c {width: 850px; height: auto; text-align: right; font-size: 0.8em; margin-top: 20px; color: #244A87; border-bottom: dotted 1px #244A87;}
#footer {width: 850px; height: auto; color: #ffffff; text-align: center; font-size: 0.8em; padding-top: 30px;}
#footer_r {width: auto; height: auto; color: #C8161E; text-align: right; font-size: 0.8em; margin-top: 20px; border-bottom: solid 1px #C8161E;}
#footer_sp {width: auto; height: auto; color: #C8161E; text-align: right; font-size: 0.8em; margin-top: 20px; border-bottom: solid 1px #C8161E;}
#footer_info {width: 100%; height: 180px; background-color: #244A87; margin-top: 10px; position: relative; bottom: 0;}
#footer_in {width: 850px; height: auto; margin-left: auto; margin-right: auto;}
.footer_box {width: 168px; height: 90px; float: left; text-align: center; margin-top: 20px; border-right: dotted 1px #ffffff;}
.footer_box ul {margin: 0px; padding: 0px; color: #ffffff;}
.footer_box ul li a {color: #ffffff;}
#f_top {width: auto; text-align: right; border-bottom: solid 1px #d3d3d3;}
#f_under {width: auto; text-align: right;}
/*---------------------------------------------------------------------*/
.main_cont {width: 625px; height: auto; padding: 5px; margin-right: 15px; float: left;}
.right_cont ul li.title {width: 195px; height: 24px; display: block; float: right; text-align: center; margin-top: 5px;
                   line-height: 1.8em; padding-top: 6px; color: #ffffff; background-image: url(../image/under/cont_bg.jpg); background-repeat: repeat-x;}
.right_cont ul li {width: 195px; height: auto; letter-spacing: 0.2em; display: block; float: right; text-align: center;
                   line-height: 2.2em; padding-top: 6px; background-image: url(../image/under/r_box.gif); background-repeat: repeat-y;}
.right_cont ul li.under {width: 195px; height: 27px; text-align: center; background-image: url(../image/under/r_ubox.gif); background-repeat: no-repeat;}
/*---------------------------------------------------------------------*/

/* 事業紹介 -----------------------------------------------------------*/
table#info_box {width: 555px; height: auto;}
table#info_box td.l {width: 150px;}
table#info_box td.r {width: 389px; padding: 5px 5px 5px 10px; border-left: solid 1px #d3d3d3;}
/*---------------------------------------------------------------------*/

/* アコーディオン -----------------------------------------------------*/
.move {float: left; width: 500px; height: 90px; cursor: pointer;}
.move ul{width: 500px; height: 90px;}
.move ul li{float: left; width: 20%; height: 90px; overflow: hidden; list-style-type: none;}
.move ul:hover li {width: 30px;}
.move ul:hover li:hover{width: 380px;}
/* clearfix -----------------------------------------------------------*/
.move ul:after{display: block; clear: both; height: 0; line-height: 0; visibility: hidden; content: "."; font-size: 0.1em;}
.move ul {display: inline-block;}
/*---------------------------------------------------------------------*/

/* セミナー情報 -------------------------------------------------------*/
.semi_box {width: 668px; height: 500px; margin-left: auto; margin-right: auto; padding-left: 30px; border-left: solid 1px #078598;
         border-right: solid 1px #078598; border-bottom: solid 1px #078598; margin-bottom: 20px; background-image: url(../image/contents/semi_bg.gif); background-repeat: no-repeat;}           
.semi_line {width: 580px; margin-left: 88px; border-bottom: solid 1px #078598;}
.semi_tit {height: 45px; font-size: 15px; font-weight: bold; padding-top: 35px;}
.tr_box {width: 698px; height: auto; margin-left: auto; margin-right: auto; border-left: solid 1px #D07100;
           border-right: solid 1px #D07100; border-bottom: solid 1px #D07100; margin-bottom: 20px; background-image: url(../image/contents/tr_bg.gif); background-repeat: no-repeat;}
table.tra {margin-left: auto; margin-right: auto;}
table.tra td {padding-top: 10px;}
table.tra td.space {height: 10px; border-bottom: dotted 1px #d3d3d3;}
table.tra td.high {height: 80px; font-size: 15px; font-weight: bold; border-bottom: dotted 1px #d3d3d3;}
table.tra td.l {width: 120px;}
.tra_l {width: 120px; height: auto; border-top: solid 1px #D07100; float: left;}
.tra_m {width: 120px; height: auto; float: left;}
.tra_r {width: 460px; border-top: solid 1px #D07100; float: right;}
/*---------------------------------------------------------------------*/

/* 会社概要 -----------------------------------------------------------*/
.co_box {width: 348px; height: 44px; font-size: 25px; text-align: center; letter-spacing: 0.6em; padding-top: 25px; margin-left: 20px;
         background-image: url(../image/contents/cobtn_bg.jpg); background-repeat: no-repeat; border: solid 1px #6e6e6e; float: left;}
.co_box:hover {width: 348px; height: 44px; font-size: 25px; text-align: center; letter-spacing: 0.6em; padding-top: 25px; margin-left: 20px;
         background-image: url(../image/contents/cobtn_bg.jpg); background-repeat: no-repeat; border: solid 1px #E60012; float: left;}
/*---------------------------------------------------------------------*/

/* 経営理念 -----------------------------------------------------------*/
.phi_cont {width: 650px; height: auto; margin-left: auto; margin-right: auto; font-size: 15px;}
/*---------------------------------------------------------------------*/

/* 会社案内 -----------------------------------------------------------*/
table#company {width: auto; height: auto;}
table#company td.l {width: 130px; text-align: center;}
table#company td.r {width: 470px;}
/*---------------------------------------------------------------------*/

/* 来店繁盛 -----------------------------------------------------------*/
div.window2 {width: 600px; height: 230px; margin: 0px 0px 0px 30px; font-size: 0.9em; color: #666666; vertical-align: baseline; clear: both;}

/* ie7 */
*:first-child + html div.window {width: 600px; height: auto; margin: 0px 0px 0px 30px; font-size: 0.9em; color: #666666; vertical-align: baseline; clear: both;}
table#prosperity {width: 600px; height: auto;  padding: 10px;}
table#prosperity tr {width: auto; height: auto;}
table#prosperity td.l {width: 280px; height: auto;}
table#prosperity td.r {height: auto; padding: 20px 20px 5px 0px; line-height: 1.8em;}
/*---------------------------------------------------------------------*/

/* お問い合わせ -------------------------------------------------------*/
#inq_cont {width: 650px; margin-left: auto; margin-right: auto;}
.i_txt {width: 43em; padding: 30px; margin-left: auto; margin-right: auto;}
.frame {width: 620px; height: 300px; overflow: auto; border: solid 1px #d3d3d3; margin-top: 10px;}
/* お問い合わせフォーム -----------------------------------------------*/
div#inquiry_form {width: 450px; height: auto; margin-left: auto; margin-right: auto; font-size: 0.9em; color: #666666;}
table#form {width: 450px; height: auto;}
td.koumoku_form {width: 140px; height: 50px; vertical-align: top; padding-top: 2.6em;}
td.naiyou_form {width: auto; height: auto; vertical-align: top; padding-top: 2.6em;}
/*---------------------------------------------------------------------*/

/* MAXIMSYSTEM --------------------------------------------------------*/
.m_detail {width: 267px; height: auto; float: left;}
.m_catch {width: 344px; height: auto; float: left;}
.m_tit {width: 307px; height: 31px; color: #0D2E3B; font-size: 14px; font-weight: bold; padding-left: 37px; padding-top: 8px; margin-top: 3px; background-image: url(../image/maxim/catch_bg.gif); background-repeat: no-repeat;}
.m_subtit {width: auto; height: 25px; font-size: 15px; font-weight: bold; background-color: #E6E6E6; padding-left: 25px; padding-top: 4px; margin: 20px 0 5px 0;
           border-top: solid 1px #9FA0A0; border-bottom: solid 1px #9FA0A0; background-image: url(../image/maxim/maxim_subtit.gif); background-repeat: no-repeat;}
table#ms_detail {width: auto; height: auto; margin-left: 35px; border-collapse: collapse;}
table#ms_detail td {border: solid 1px #555555; padding: 5px;}
table#ms_detail td.left {width: 100px; height: 30px;}
/* チェック -----------------------------------------------------------*/
.ms_under {background-color: #D3EDFB;}
/*---------------------------------------------------------------------*/