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


body{
background:url(../images/back.jpg) repeat;
}

a{
color:#5a672b;
}

a:hover{
color:#bac886;
}

a img{
border:none;
}

#wrap{
width:100%;
}

#pankuzu{
margin:10px 0px 10px 5px;
text-align:left;
color:#627225;
font-size:14px;
}

.float-c{
margin:5px 0 0 0;
text-align:center;
}

.custom{
color:#115312;
size:16px;
}

/*-------------------------

スライド

----------------------------*/
            .gal { width:50px; height:20px; background:#afc363;}
            .gal ul{position:relative; left:-999em;}
            .stripViewer { /* this is the DIV container for your UL of images */
                position:relative;
                overflow:hidden; 
                background:#eff4dc;
                border:4px solid #b4b848; /* this is the border. should have the same value for the links */
            }
            .stripViewer ul { /* this is your UL of images */
                margin:0; padding:0;
                position:relative;
                left:0;
                top:0;
                width:1%;
                list-style-type:none;
            }
            .stripViewer ul li { /* each image is arranged horizontally */
                margin:0; padding:0;
                float:left;
            }
            .stripTransmitter { /* this is the DIV for your transmitter (the UL generated at run time that commands the list)*/
                overflow:auto;
                width:1%;
            }
            .stripTransmitter ul { /* the auto-generated set of links */
                position:relative;
                list-style-type:none;
            }
            .stripTransmitter ul li{ /* in this list too, each LI is arranged horizontally */
                width:20px;
                float:left;
                margin:0 1px 1px 0;
            }
            .stripTransmitter a{ /* the links. */
                font:bold 10px Verdana, Arial;
                text-align:center;
                line-height:22px;
                background:#eff4dc;
                color:#b4b848;
                text-decoration:none;
                display:block;
                border:1px solid #b4b848;
            }
            .stripTransmitter a:hover { /* hover */
                background:#b4b848;
                color:#fff;
                border:1px solid #b4b848;
            }
            .stripTransmitter a.current, .stripTransmitter a.current:hover { /* current */
                background:#a6bc56;
                color:#fff;
                border:1px solid #a6bc56;
            }
            /* end slideViewer default styles */
            #tooltip {
                background:#afc363;
                color:#fff;
                opacity:0.85;
                border:5px solid #eff4dd;
            }
            #tooltip h3 {
                font:normal 10px Verdana; 
                margin:0; 
                padding:6px 2px; 
                border:0;
            }
/*--------------------------

  layout

---------------------------*/

#container{
margin:0;
padding:0;
border-top:5px solid #615700;
}

#head{
width:100%;
margin:0 auto;
padding:0;
}

#content{
 width:900px;
clear:both;
margin:0 auto;
overflow:hidden;
}
/* clear
---------------------------------------------------- */
.clear{
clear:both;
}

/* ヘッダー
---------------------------------------------------- */

#header{
    width:1000px;
height:50px;
margin:0px auto;
position:relative;
}

#header h1{
position:absolute;
top:10px;
   margin:auto 0 auto 25px;
}

.form-t{
width:240px;
position:absolute;
top:10px;
right:15px;
}

.form-t ul{
    width:240px;
    padding:0 4px;
}

.form-t ul li{
float:left;
list-style:none;
}

.form-t li{
  margin:0px 2px;
}

.h-logo{
position:absolute;
top:10px;
right:255px;
}
/* メニュー
---------------------------------------------------- */
#menu{
width:100%;
height:85px;
    background:url(../images/menu-bg.gif) repeat-x;
position:relative;
    margin-top:85px;
}

#menu ul{
width:929px;
margin:0px auto;
}

#menu ul li{
float:left;
margin:0px;
padding:0px;
list-style:none;
}


/*メイン画像
------------------------------------------------------ */

#main-img{
width:100%;
background:url(../images/main-bg.jpg) repeat-x;
}
.m-img{
     margin:0px auto;
 padding:0px auto;
 text-align:center;
}

#contact{
width:800px;
margin:0 auto;
padding:0 50px;
}

#contact table{
width:600px;
margin:0 auto;
}
/*コンテンツボックス
----------------------------------------------------- */

#contents{
 width:900px;
margin:15px auto;
padding:0 0 25px 0;
background:url(../images/frame-bg.gif) repeat-y;
}

#contents .box01{
     width:850px;
padding:10px 25px 20px 25px;
}

.box01 p{
padding:5px 60px 5px 60px;
margin:5px 50px;
font-size:15px;
color:#80817C;
border-bottom:1px dotted #979797; 
}

#contents .box02{
     width:850px;
padding:10px 25px 0px 25px;
}

.float-l{
 float: left;
     margin-right: 2em;
 margin-right:30px;
 margin-top:10px;
}

.float-left{
 float: left;
 margin-left:2px;
 margin-top:10px;
}
.box02 p{
color:#5b5b5b;
}

.more{
float:right;
margin:20px 0 0px 0;
color:#5b5b5b;
font-size:15px;
}

.float-l02{
 float: left;
 margin-right: 3em;
 margin-left:30px;
 margin-top:25px;
}

.name{
font-size:18px;
color:#5b5b5b;
margin:5px;
display:block;
}

#contents .box03{
     width:850px;
background:url(../images/frame-bg.gif) repeat-y;
padding:10px 25px 0px 25px;
}

.media{
     width:850px;
     margin:25px 25px 0 25px ;
}

.box03 p{
color:#5b5b5b;
}

.new-p{
float:right;
width:600px;
margin:0 15px 0 auto;
}

.midashi{
background:url(../images/title-t.gif) no-repeat;
padding:10px 0 0 50px;
margin:0 20px;
width:862px;
height:40px;
color:#6c783f;
font-family:"ヒラギノ明朝 Pro,ＭＳ 明朝";
font-weight:bold;
}

.komidashi{
background:url(../images/title-d.gif) no-repeat;
padding:10px 0 0 50px;
height:40px;
margin:0 20px;
color:#6c783f;
font-family:"ヒラギノ明朝 Pro,ＭＳ 明朝";
font-weight:bold;
}

.page-arrow{
float:right;
margin:15px 25px 10px 0;
}
/*------------------------------------------
アーカイブタイトル

-------------------------------------------*/

.archive-box ul{
width:auto;
margin:0 auto;
}

.archive-box li{
list-style:none;
color:#5c653c;
font-size:15px;
margin:15px 0;
}

.archive-box{
width:800px;
margin:15px auto;
}
.right_menu{
color:#627225;
font-size:14px;
margin:10px;
}

/*-------------------------------------------
明治の人とは

--------------------------------------------*/
.about{
width:850px;
margin:0px auto 10px auto;
padding:0px;
}
.about p{
width:800px;
color:#584834;
font-size:15px;
margin:0px auto;
}
/*--------------------------------------------
メディア情報
---------------------------------------------*/

.media01{
width:850px;
margin:0px auto;
padding:0px; 
}


.media-bun p{
width:800px;
color:#584834;
font-size:14px;
margin:20px 0 0px 0;
}

.m-arrow{
background:url(../images/m-arrow.gif) no-repeat 0px 0px;
padding:0 0 0 25px;
color:#6c783f;
height:30px;
font-family:"ヒラギノ明朝 Pro,ＭＳ 明朝";
 background-position: left center;
}

#media-img{
width:600px;
margin:0px auto;
}

.media-bun{
width:800px;
padding:10px 25px;
margin:10px 0 10px 0;
border-bottom:1px dotted #6fa940;
}
/*-----------------------------------------------

取材について

------------------------------------------------*/
.blue-arrow{
height:24px;
background:url(../images/blue-arrow.gif) no-repeat;
padding:0 0 0 35px;
margin:5px 0 0 100px;
}

.c-main{
width:850px;
margin:0 auto;
}

.c-main p{
padding:0 10px;
font-size:16px;
font-family:"ヒラギノ明朝 Pro,ＭＳ 明朝";
color:#7b5b11;
}
.c-main01{
width:850px;
margin:0 auto;
}

.c-main01 p{
padding:0 10px;
font-size:16px;
font-family:"ヒラギノ明朝 Pro,ＭＳ 明朝";
color:#606060;
}

.float-r{
 float: right;
 margin-left: 3em;
 margin-right:30px;
}
.c-img{
width:673px;
margin:0 auto;
padding:0 auto;
text-align:center;
}

.flow-img{
width:850px;
margin:0 auto;
padding:0 auto;
}

.green{
color:#3f7c34;
font-family:"ヒラギノ明朝 Pro,ＭＳ 明朝";
font-size:16px;
font-weight:bold;
}

.con-img{
float:right;
marign:10px 15px 0 0 ;
}

.negai{
width:620px;
margin:0px auto;
padding:0 10px;
color:#7b5b11;
font-size:16px;
}

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

.negai li{
background:url(../images/yellow-arrow.gif) no-repeat;
padding:0 0 0 25px;
margin:5px 0 0 0 ;
list-style:none;
}
/*---------------------------------------

ウェブページへの最新記事

------------------------------------------*/
.new-voice{
width:850px;
margin:0px auto;
padding:0px;
}
.new-voice p{
color:#585858;
font-size:15px;
}

/*---------------------------------------------

明治の人記事一覧

----------------------------------------------*/
.midashi02{
background:url(../images/midashi02.gif) no-repeat;
padding:10px 0 0 50px;
margin:0 20px;
width:850px;
height:40px;
color:#6c783f;
font-family:"ヒラギノ明朝 Pro,ＭＳ 明朝";
font-weight:bold;
}

.meiji-entry{
width:800px;
marign:0px auto;
}

.meiji-entry li{
color:#e65e44;
font-size:18px;
padding:0 0 0 45px;
margin:5px 10px;
background:url(../images/ent-arrow.gif) no-repeat;
font-family:"ヒラギノ明朝 Pro,ＭＳ 明朝";
 background-position: left center;
list-style:none;
}

.a-title{
 font-size:17px;
 color:#74552c;
}

.small{
font-size:14px;
color:#e83434;
}
.small01{
font-size:14px;
color:#436e4e;
}

.color01{
 margin:10px auto;
font-family:"HG行書体";
font-size:17px;
color:#5f5948;
padding:15px 0 0 0;
}

/*-------------------------------------------------

代表挨拶

---------------------------------------------------*/
.comment-box{
background:url(../images/comment-back.jpg) no-repeat right bottom;
margin:0 auto;
padding:0 auto;
}

.comment01{
width:650px;
float:left;
margin:10px 0 0 20px;
background:url(../images/comment-bg.gif) repeat-y;
}

.comment01 p{
font-size:14px;
color:#7b5b11;
font-family:"ヒラギノ明朝 Pro,ＭＳ 明朝";
line-height:20px;
padding:0 15px;
}

/*--------------------------------------------------

会社概要

--------------------------------------------------*/
.company{
width:700px;
margin:0 auto;
}

table.case01 {
border-top:2px solid #c7d78e;
border-bottom:2px solid #c7d78e;
width:695px;
margin:10px;
}
table.case01 th, table.case01 td {
border-top:1px solid #c7d78e;
border-bottom:1px solid #c7d78e;
padding:10px;
font-size:14px;
color:#585858;
}

table.case01 li{
list-style:none;
}
table.case01 th {
font-weight:bold;
font-size:15px;
color:#82886b;
padding:10px 20px 10px 10px;
white-space:nowrap;
}

/*------------------------------------------------

記事

--------------------------------------------------*/
.title-01{
width:800px;
margin:0 auto;
padding:0 auto;
}
.float-l01{
 float: left;
 margin-right: 3em;
 margin-left:30px;
 margin-top:10px;
}

h3.entry-title{
font-family:"HG行書体";
font-size:27px;
color:#5f5948;
padding:15px 0 0 0;
}

.name-entry{
font-size:24px;
color:#585858;
font-family:"ヒラギノ明朝 Pro,ＭＳ 明朝";
}

.bt-entry{
font-size:18px;
color:#585858;
font-family:"ヒラギノ明朝 Pro,ＭＳ 明朝";
}

.entry-contents{
width:800px;
margin:10px auto;
font-size:16px;
font-family:"ヒラギノ明朝 Pro,ＭＳ 明朝";
color:#585858;
}
.asset-body{
line-height:22px;
font-size:16px;
font-family:"ヒラギノ明朝 Pro,ＭＳ 明朝";
color:#585858;
}

.under-arrow{
width:300px;
height:50px;
margin:25px auto;
padding:15px 0 0 0;
}

.left01{
color:#627225;
font-size:14px;
font-weight:bold;
float:left;
}

.right01{
color:#627225;
font-size:14px;
font-weight:bold;
float:right;
}

.k-title{
background:url(../images/k-title.gif) no-repeat;
padding:10px 0 0 50px;
height:40px;
margin:0px;
color:#6c783f;
font-family:"ヒラギノ明朝 Pro,ＭＳ 明朝";
font-weight:bold;
}

#more{
width:800px;
margin:0px 50px;
font-size:14px;
color:#5b5b5b;
}
/*フッター
----------------------------------------------------*/

#footer{
width:100%;
    height:130px;
background-color:#d7d9a6;
min-width:1000px;
}

.f-contents{

width:1000px;
margin:0 auto;
position:relative;

}
.f-logo{
position:absolute;
top:25px;
left:35px;
}

.f-contents ul{
width:700px;
position:absolute;
top:50px;
left:175px;
margin:0px auto;
}

.f-contents  ul li{
list-style:none;
float:left;
margin:0px;
padding:0px;
}

.f-contents li a{
margin:0 5px;
color:#41403e;
font-size:12px;
}
.f-contents a:hover{
color:#bac886;
}
.service{
font-size:14px;
color:#41403;
}