@charset "UTF-8";
/* ===================================================================
CSS information

 File Name  : common.css
 Author     : ROOTS by crs
 Style Info : 基本設定
=================================================================== */
body,
#wrap,
#wrap_inner,
#main,
#header,
#contents,
#footer,
dl,
dt,
.all,
ul,
ol,
table,
h1,h2,h3,h4{margin:0px auto;
               padding:0px;
               text-align:center;}


dt,dd,li,th,td,p{margin:0px;
                  padding:0px;}

h1, h2, h3, h4{font-size: 100%;}

a{color:#222;
  text-decoration:none;}

a:hover{color:#999;}


/* ------------ Font Style */

body {font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
        font-size:75%;
        line-height:150%;}

html>/**/body {font-size:12px;}

* + html body {font-family:"メイリオ","Meiryo";}

h1,h2,h3,h4,th{font-weight:normal;}

h1{margin-top:55px;
    text-align:left;
    color:#993300;}

h2{line-height:135%;}

h3{margin:0px;
    padding-top:0px;
    line-height:135%;}

h4{color:#fff;
    line-height:135%;
    background-image:url(../img/title_bg.gif);
    background-repeat:repeat-x;}


/* ----------------------- Basic  */

body{background-color:#000;}

#wrap{width:800px;
         background-image:url(../img/wrap_bg.gif);
         background-repeat:repeat-y;
         background-position:bottom;}

#wrap_inner{width:780px;}

#main{width:780px;
         background-image:url(../img/main_bg.jpg);
         background-repeat:repeat-y;}

#contents,
#header,
#footer{width:780px;}

#header{background-image:url(../img/header_bg.gif);
            background-repeat:no-repeat;}

#contents{padding-bottom:10px;}

#footer{height:90px;
           background-image:url(../img/footer_bg.gif);
           background-repeat:no-repeat;}

a{text-decoration:underline;}

.clear{clear:both;}

p{line-height:135%;}

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


/* ----------------------- Header Nav */

.header_area{width:780px;}

ul.header_nav{margin:0px auto;
                   padding:0px;
                   list-style-type:none;
                   text-align:center;
                   width:776px;}

.header_nav li{float:left;
               width:97px;}

.header_nav li a{color:#222;
                     width:97px;
                     height:25px;
                     float:left;
                     text-decoration:none;
                     line-height:150%;
                     display:block;}

/* ----------------------- Header button  */


.home a{background-image:url(../img/home_off.gif);
           background-repeat:no-repeat;
           display:block;}

.home a:hover{background-image:url(../img/home_on.gif);
                    background-repeat:no-repeat;}

.profile a{background-image:url(../img/profile_off.gif);
            background-repeat:no-repeat;
            display:block;}

.profile a:hover{background-image:url(../img/profile_on.gif);
                    background-repeat:no-repeat;}

.company a{background-image:url(../img/company_off.gif);
                background-repeat:no-repeat;
                display:block;}

.company a:hover{background-image:url(../img/company_on.gif);
                        background-repeat:no-repeat;}

.works a{background-image:url(../img/works_off.gif);
            background-repeat:no-repeat;
            display:block;}

.works a:hover{background-image:url(../img/works_on.gif);
                    background-repeat:no-repeat;}

.event a{background-image:url(../img/event_off.gif);
            background-repeat:no-repeat;
            display:block;}

.event a:hover{background-image:url(../img/event_on.gif);
                    background-repeat:no-repeat;}

.contact a{background-image:url(../img/contact_off.gif);
              background-repeat:no-repeat;
              display:block;}

.contact a:hover{background-image:url(../img/contact_on.gif);
                       background-repeat:no-repeat;}

.blog a{background-image:url(../img/blog_off.gif);
         background-repeat:no-repeat;
         display:block;}

.blog  a:hover{background-image:url(../img/blog_on.gif);
                   background-repeat:no-repeat;}

.link a{background-image:url(../img/link_off.gif);
        background-repeat:no-repeat;
        display:block;}

.link  a:hover{background-image:url(../img/link_on.gif);
                  background-repeat:no-repeat;}


/* ----------------------- Footer Nav */

.footer_area{width:780px;}

ol.footer_nav{margin:0px auto;
                   padding:0px;
                   list-style-type:none;
                   text-align:center;
                   width:570px;}

.footer_nav li{float:left;
                 width:70px;
                 height:15px;
                 border-right:1px solid #222;}

.footer_nav li a{font-size:10px;
                     color:#222;
                     text-decoration:none;
                     line-height:150%;
                     display:block;}

.footer_nav li a:hover{color:#666;}

/* ----------------------- Header area */

.logo{width:190px;
       height:110px;
       float:left;
       text-align:center;
       margin:0px;
       padding:0px;}

.header_cont{width:580px;
                  height:100px;
                  margin:0px;
                  padding:0px;
                  float:right;}

/* ----------------------- Footer area */

.totop{width:755px;
        text-align:right;
        margin:0px auto;
        padding:0px;
        font-size:10px;}


.all{width:780px;
    color:#222;
    height:20px;
    font-size:10px;
    margin-top:5px;}

/* ----------------------- Home */

.fla_box{margin:0px auto;
           padding:0px;
           text-align:center;
           width:700px;
           height:320px;
           background-color:#444;}

.top_text{width:700px;
            height:65px;
            margin:0px auto;
            margin-top:10px;
            padding:10px 0px;
            text-align:center;
            text-indent:10px;
            background-image:url(../img/top_title.gif);
            background-repeat:no-repeat;}


.home_left{width:340px;
              float:left;
              margin:0px;
              padding:0px;}

.home_right{width:340px;
                float:right;
                margin:0px;
                padding:0px;}


.home_bt_box{width:340px;
                  margin-top:10px;
                  padding:0px;}

.home_bt_box a{display:block;}


/* ----------------------- News */


.news_area{margin-top:10px;
               padding:0px;
               width:340px;
               float:left;
               background-image:url(../img/box_foot.gif);
               background-repeat:no-repeat;
               background-position:bottom;}


#news_box{width:300px;
              height:125px;
              margin:0px auto;
              padding:0px;}

.min_text{width:300px;
             height:65px;
              margin:0px auto;
              padding-top:10px;
              clear:both;
              text-align:right;
              border-top:1px solid #996600;}

.grey a{padding-left:35px;
          line-height:190%;
          color:#333;
          display:block;
          font-size:12px;
          text-align:left;
          text-decoration:none;
          background: url(../img/arrow_r.gif) no-repeat left center;}
        
.grey a:hover{color:#666;
                  text-decoration:underline;
                  background: url(../img/arrow_r2.gif) no-repeat left center;}



/* ----------------------- Bato */

.menu_box{width:340px;
              margin-top:10px;
              padding:0px;
              float:left;
              background-image:url(../img/box_foot.gif);
              background-repeat:no-repeat;
              background-position:bottom;}

dl.menu{width:300px;
           margin:0px auto;
           padding:0px;}

.menu dt,dd{line-height:140%;}

.menu dt{text-align:left;
             height:20px;
             padding-top:5px;}

.menu dd{text-align:center;
             height:30px;}




/* ----------------------- Info */

.info_box{width:340px;
            float:right;
            margin-top:10px;
            padding-bottom:10px;
            background-image:url(../img/box_foot.gif);
            background-repeat:no-repeat;
            background-position:bottom;}

dl.info_inner{width:300px;
                margin:0px auto;
                padding:0px;
                text-align:left;
                border-bottom:1px solid #996600;}

.info_inner dt{text-align:left;
                  line-height:150%;
                  margin:0px;
                  padding:0px;}

.info_inner dd{text-align:center;}


/* ----------------------- Prof */

ul.reki{width:550px;
         margin:0px auto;
         padding:0px;}

.reki li{list-style-type:none;
         border-bottom:1px dotted #996600;}

.month{width:110px;
          display:block;
          text-align:left;
          float:left;}

.coment{display:block;
            width:440px;
            height:40px;
            float:right;
            text-align:left;}

/* ----------------------- Company*/

table.comp{border-collapse:collapse;
               border-spacing:0;
               width:550px;
               height:150px;
               margin-top:5px;
               background-color:#efe4b1;}


.comp th,td{border:1px solid #996600;}

.map{margin:0px auto;
       padding:0px;
       width:650px;
       height:300px;}


dl.comp{width:650px;
           height:120px;
          margin:0px auto;
          margin-top:10px;
          padding:0px;
          background-color:#efe4b1;
          border-bottom:1px solid #996600;}

.comp dt{width:210px;
            margin:0px;
            padding:0px;
            text-align:center;
            float:left;}

.comp dd{width:430px;
             margin:0px;
             padding:0px;
             text-align:left;
             float:right;}

/* ----------------------- Works */


.work_box{width:660px;
             margin:0px auto;
             padding:0px;
             background-color:#efe4b1;}

.work_info{width:650px;
              height:110px;
              margin:0px auto;
              padding:0px;
              text-align:left;
              text-indent:10px;}

ul.work_left{width:230px;
               margin:0px;
               padding:0px;
               text-align:left;
               float:left;
               list-style-type:none;}

.work_left li{height:20px;
               border-bottom:1px solid #999;}



.work_right{width:330px;
               height:110px;
               margin:0px;
               padding:0px;
               float:right;;
               text-align:left;
               clear:right;}

.work_right a{display:block;
                 float:left;
                 width:80px;}


.work_com{width:650px;
              height:50px;
              margin:0px auto;
              padding:0px;
              text-align:left;
              text-indent:10px;
              clear:both;
              border-top:1px dotted #999;}


/* ----------------------- Event */


dl.ev_box{width:660px;
             margin:0px auto;
             clear:both;
             background-color:#efe4b1;}

.ev_box dt{float:left;
              margin:0px;
              padding:0px;
              width:660px;
              color:#fff;
              line-height:135%;
              background-image:url(../img/title_bg.gif);
              background-repeat:repeat-x;}

.ev_box dd{margin:0px;
               width:660px;}

.ev_box dd p{line-height:160%;
                 text-align:left;}

ul.ev_date{width:660px;
              height:41px;
              margin:0px;
              padding:0px;
              border-bottom:1px dotted #999;
              list-style-type:none;
              clear:both;}

.ev_date li{float:left;
              text-align:left;
              margin:0px;
              padding:0px;
              width:220px;
              height:20px;}


ul.ev_list{width:330px;
            height:55px;
            margin:0px;
            padding:0px;
            float:left;
            list-style-type:none;}

.ev_list li{width:330px;
            text-align:left;}


ul.ev_photo{margin:0px;
                padding:0px;
                clear:both;
                width:660px;
                height:30px;
                list-style-type:none;}

.ev_photo li{float:left;
                width:94px;
                height:30px;
                margin:0px;
                padding:0px;}

.ev_photo li a{width:50px;
                height:22px;
                margin:0px auto;
                margin-top:5px;
                padding:0px;
                display:block;
                clear:both;
                background-image:url(../img/photo_bt.gif);
                background-repeat:no-repeat;}


/* ----------------------- Link */

ul.link_box{width:680px;
             margin:0px auto;
             margin-top:5px;
             list-style-type:none;
             padding:0px;}

.link_box li{width:340px;
             margin:0px;
             padding:0px;
             text-align:left;
             list-style-type:none;
             float:left;}

.big{height:80px;
     border-bottom:1px solid #ddd;}

.link_box span{float:left;
                   width:330px;
                   display:block;}

/* ----------------------- Diary  */



dl.diary_box{width:690px;
                margin:0px auto;
                padding:0px;
                clear:both;}

.diary_box dt{float:left;
                 margin:0px;
                 padding:0px;
                 width:690px;
                 height:15px;
                 color:#fff;
                 line-height:135%;
                 background-image:url(../img/title_bg.gif);
                 background-repeat:repeat-x;}

.diary_box dd{float:left;
                  width:auto;
                  text-align:left;}

dd.diary_text{width:480px;
                  height:153px;
                  background-color:#efe4b1;}

dd.diary_text_b{width:690px;
                    height:85px;
                    background-color:#efe4b1;}

ul.diary_photo{margin:0px;
                   padding:0px;
                   list-style-type:none;}

ul.diary_photo_b{margin:0px;
                     padding:0px;
                     width:690px;
                     height:153px;
                     list-style-type:none;
                     background-color:#efe4b1;}

.diary_photo_b li{float:left;
                      width:210px;
                      height:153px;
                      margin:0px;
                      padding:0px;
                      text-align:left;
                      background-color:#efe4b1;}



.diary_photo li{float:left;
                   width:210px;
                   height:153px;
                   margin:0px;
                   padding:0px;
                   text-align:left;
                   background-color:#efe4b1;}

/* ----------------------- Diary Nav */


.diary_list_bt{margin:0px auto;
                padding:0px;
                width:700px;
                height:40px;
                text-align:left;}


ul.diary_list_inner{margin:0px;
                      padding:0px;
                      clear:both;
                      width:700px;
                      list-style-type:none;}

.diary_list_inner li{float:left;
                      width:87px;
                      height:30px;
                      margin:0px;
                      padding:0px;}

.diary_list_inner a{width:77px;
                       height:20px;
                       margin:0px auto;
                       margin-top:5px;
                       padding:0px;
                       display:block;}

ul.diary_n_r{width:300px;
               list-style-type:none;
               margin:0px auto;
               padding:0px;
               height:30px;
               clear:both;}

.diary_n_r li{width:150px;
               margin-top:5px;
               padding:0px;
               float:left;}


/* ----------------------- Contents */


.section{width:740px;
            margin:0px auto;
            margin-top:10px;
            padding:0px;}

.inner_box{width:700px;
              margin:0px auto;
              padding:0px;}

.text_box{width:700px;
            margin:0px auto;
            padding:10px 0px;
            text-align:center;}

.contact_bt_box{width:660px;
                     margin:0px auto;
                     margin-top:10px;
                     padding-top:10px;
                     text-align:center;}

.bt_box{width:400px;
         margin:0px auto;
         padding:5px;
         text-align:center;}

.bt_box a{padding-top:5px;
             padding-bottom:5px;
             display:block;}

.red{color:#ab0000;}

.center{text-align:center;}

.left{text-align:left;}

.right{text-align:right;}


/* ----------------------- After */
.work_list_bt{margin:0px auto;
                padding:0px;
                width:660px;
                text-align:left;}


ul.work_list_inner{margin:0px;
                      padding:0px;
                      clear:both;
                      width:660px;
                      list-style-type:none;}

.work_list_inner li{float:left;
                      width:55px;
                      height:30px;
                      margin:0px;
                      padding:0px;}

.work_list_inner a{width:40px;
                       height:20px;
                       margin:0px auto;
                       margin-top:5px;
                       padding:0px;
                       display:block;}