@charset "Shift_JIS";


/*****************/
/*    メイン     */
/*****************/


body {
	font-size: 62.5%;
	margin: 0 auto; 
	padding: 0; 
        text-align: center; 
	background-color: #ede8dd;
	font-family: Verdana,Tahoma, Arial,sans-serif;
        scrollbar-3dlight-color:#ffffff;
        scrollbar-arrow-color:#C98F8F;
        scrollbar-darkshadow-color:#ffffff;
        scrollbar-face-color:#ffffff;
        scrollbar-highlight-color:ffffff;
        scrollbar-shadow-color:ffffff;
        scrollbar-track-color:ffffff;
}

#wrap {
	width: 80.4em;
	margin: 0 auto; 
        padding: 0; 
        text-align: left; 
        border-top: solid 1px #cccccc;
        border-bottom: solid 1px #cccccc;
        border-left: solid 1px #cccccc;
        border-right: solid 1px #cccccc;
}

p{ 
        padding: 0.2em 0.2em 0.2em 0.2em;
        margin: 0em 0em 0em 0em;
        line-height:1.7em; 
        color: #646464;   
}

/*   強調   */
/************/

h1{ 
        color: #323232; 
        font-size: 14px; 
        margin: 0px; 
        padding: 0px 0px; 
        font-weight: normal; 
        text-align: left;
}

h2{ 
        color: #663300; 
        font-size: 14px; 
        margin: 0px; 
        padding: 0px 0px; 
        font-weight: normal;   
        text-align: left; 
}

h3{ 
        color: #663300; 
        font-size: 12px; 
        font-weight: normal; 
        margin: 5px; 
        padding: 0px 0px;
}

h4,h5,h6{ 
        color: #323232; 
        font-size: 12px; 
        font-weight: normal; 
        margin: 5px; 
        padding: 0px 0px;
}

strong{ 
        color: #663300;
        font-weight: normal; 
}

em{ 
        color: #663300;
        font-weight: normal; 
}

.aka { 
        color: #ff8080;
        font-weight: bold; 
}

.ao { 
        color: #68b5b5;
        font-weight: bold; 
}

.kii { 
        color: #8b764e;
        font-weight: normal; 
        text-align: right;
}

small{ 
         color:#0000FF; 
         text-align:left; 
}

.orange { 
        color: #ff6600;
        font-weight: normal; 
        font-size: 10px; 
　　　　line-height: 1.4em;
}

caption { 
        font-weight: bold; 
　　　　color: #8b764e; 
        font-size: 12px; 
}

/* イメージ */
/************/

img{ 
border: none;
}


/* リンク */
/************/

a:link{ 
　　　　color: #0080c0; 
        text-decoration: none; 
        font-size: 11px;
}

a:visited{ 
        color: #ff8080; 
        text-decoration: none; 
        font-size: 11px;
}

a:active{ 
        color: #0080c0; 
        text-decoration: none; 
        font-size: 11px;
}

a:hover{ color: #999900; 
         text-decoration: none; 
         font-size: 11px;
}

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

#header {
	width: 80.5em; 
        height: 60px;
	margin: 0em 0em 0em 0em; 
        background: url(../img/h_bak.gif) no-repeat; 
        border: none; 
}

#header-left {
	width: 50%; 
        float: left;
	margin: 2em 0em 0em 0em; 
        border: none; 
}

#header-right {
	width: 48%; 
        float: left; 
	margin: 2em 0em 0em 0em;  
        border: none; 
}

/* メニュー上 */
/************/

ul#menu {
        width: 100%; 
        list-style: none;  
}

ul#menu li{
    list-style:none;
    float:left;

}

ul#menu a{
    display:block;
    width:110px;
    height:21px;
    text-indent:-1000px;
    overflow:hidden;
}

a.home{
    background-image:url(../img/home.gif);
}
a:hover.home{
    background-position:0px -20px;
}
a.mail{
    background-image:url(../img/mail.gif);
}
a:hover.mail{
    background-position:0px -20px;
}

a.qa{
    background-image:url(../img/qa.gif);
}
a:hover.qa{
    background-position:0px -20px;
}

a.smap{
    background-image:url(../img/smap.gif);
}
a:hover.smap{
    background-position:0px -20px;
}


/* メニュー下 */
/************/

#contents ul {
        width: 100%; 
        list-style: none; 
        margin: 0em 0em 0em 0em;  
}

#contents li, #contents a{
        display:block;
        width:160px;
        height:62px;
}

#contents li {
        text-indent:-200px;
        overflow:hidden; 
        float:left;
}

#contents a {
        text-decoration: none;
        color: #000000;
        background: url(../img/navi.gif) no-repeat;
}

#contents01 a { background-position: 0 0 }
#contents02 a { background-position: -160px 0 }
#contents03 a { background-position: -320px 0 }
#contents04 a { background-position: -480px 0 }
#contents05 a { background-position: -640px 0 }

#contents01 a:hover { background-position: 0 -62px }
#contents02 a:hover { background-position: -160px -62px }
#contents03 a:hover { background-position: -320px -62px }
#contents04 a:hover { background-position: -480px -62px }
#contents05 a:hover { background-position: -640px -62px }

#contents01_slt a { background-position: 0 -62px }
#contents02_slt a { background-position: -160px -62px }
#contents03_slt a { background-position: -320px -62px }
#contents04_slt a { background-position: -480px -62px }
#contents05_slt a { background-position: -640px -62px }


/*******************/
/***  トップ　　 ***/
/*******************/       

#top-column{ 
        background-color: #ede8dd; 
        width: 73em; 
	margin: 0em 0em 0em 0em; 
        padding: 0em 0em 0em 0em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
}

/*******************************/
/*** Privacy / Copyright Q&A ***/
/*******************************/   

#privacy-column{ 
        background-color: #ffffff; 
        width: 73em; 
	margin: 0em 0em 0em 0em; 
        padding: 0.2em 0.2em 0.2em 0.2em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        float:left;
}
#privacy-column-left{ 
        background-color: #ffffff; 
        width: 25%; 
	margin: 0em 0em 0em 0em; 
        padding: 1em 0em 0.2em 0.8em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        float:left;
}
#privacy-column-right{ 
        background-color: #ffffff; 
        width: 75%; 
	margin: 0em 0em 0em 0em; 
        padding: 1em 1em 0.2em 0.2em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        line-height:150%; 
        float:left;
}

/*******************/
/***  会社案内   ***/
/*******************/

#profile-column{ 
        background-color: #ffffff; 
        width: 73em; 
	margin: 0em 0em 0em 0em; 
        padding: 0.2em 0.5em 0.2em 0.2em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        float:left;
}
#profile-column-left{ 
        background-color: #ffffff; 
        width: 25%; 
	margin: 0em 0em 0em 0em; 
        padding: 1em 0em 0.2em 0.8em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        float:left;
}
#profile-column-right{ 
        background-color: #ffffff; 
        width: 75%; 
	margin: 0em 0em 0em 0em; 
        padding: 1em 1em 0.2em 0.2em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        line-height:150%; 
        float:left;
}


.shi-4 { 
        border-style: solid;
        border-width: 2px;
        border-color: cccccc; 
        margin: 0px; 
        padding: 0px;  
}

.shi-7 { 
        width: 150px; 
        background-color: #d0e8e8; 
        border-style: solid;
        border-width: 1px;
        border-color: e1f0f0; 
        text-align: left; 
        font-size: 0.8em; 
        color: #646464; 
        padding: 0.2em 0.2em 0.5em 1.6em; 
}

.shi-8 { 
        width: 424px; 
        border-style: solid;
        border-width: 1px;
        border-color: 68b5b5;
        text-align: left; 
        font-size: 0.8em; 
        color: #646464;
        padding: 0.2em 0.2em 0.5em 1.6em;  
}

.ro1 {
         background:url(../img/map_b.gif) no-repeat;  
         margin:0; 
         padding:0; 
         display:block; 
         width:42px; 
         height:23px;  
}

.ro1:hover {
  background:url(../img/map_b1.gif) no-repeat; 
}

/*******************/
/***  採用情報   ***/
/*******************/

#recruit-column{ 
        background-color: #ffffff; 
        width: 73em; 
	margin: 0em 0em 0em 0em; 
        padding: 0.2em 0.5em 0.2em 0.2em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        float:left;
}

#recruit-column-left{ 
        background-color: #ffffff; 
        width: 25%; 
	margin: 0em 0em 0em 0em; 
        padding: 1em 0em 0.2em 0.8em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        float:left;
}

#recruit-column-right{ 
        background-color: #ffffff; 
        width: 75%; 
	margin: 0em 0em 0em 0em; 
        padding: 1em 1em 0.2em 1em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        line-height:150%; 
        float:left;
}

#recruit-column-left dl{ 
        color: #663300;
}

/*******************/
/***  製品案内   ***/
/*******************/

#products-column{ 
        background-color: #ffffff; 
        width: 73em; 
	margin: 0em 0em 0em 0em; 
        padding: 0.2em 0.5em 0.2em 0.2em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        float:left;
}

#products-column-left{ 
        background-color: #ffffff; 
        width: 25%; 
	margin: 0em 0em 0em 0em; 
        padding: 1em 0em 0.2em 0.8em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        float:left;
}

#products-column-right{ 
        background-color: #ffffff; 
        width: 60%; 
	margin: 0em 0em 0em 0em; 
        padding: 1em 1em 0.2em 0em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        line-height:150%; 
        float:left;
}

/*******************/
/***  アイテム   ***/
/*******************/

#item-column{ 
        background-color: #ffffff; 
        width: 73em; 
	margin: 0em 0em 0em 0em; 
        padding: 0.8em 0.5em 0em 0em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        float:left; 
        vertical-align: top; 
}

#item-column-left{ 
        background-color: #ffffff; 
        width: 25%; 
	margin: 0em 0em 0em 0em; 
        padding: 0.4em 0em 0em 0.8em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        float:left;
}


#item-column-right{ 
        background-color: #ffffff; 
        width: 68%; 
        height: 500px; 
	margin: 0em 0em 0em 0em; 
        padding: 5em 0em 0em 1em; 
        border: none; 

        float:left; 
        
}

.hei1{ 
        height: 86px; 
        padding: 0em 0em 0em 0em; 
        text-align: left; 
        font-size: 0.6em; 
        line-height:150%;
        color: #646464;       
}   

.hei2{ 
        height: 178px; 
        width: 100%;
        text-align: left; 
        font-size: 0.8em; 
        line-height:150%;
        color: #646464; 
        padding: 0em 0em 0.5em 0.4em; 
        vertical-align: top; 
}

.hei3{ 
        height: 143px; 
        text-align: left; 
        font-size: 0.6em; 
        line-height:150%;
        color: #646464; 
        padding: 1em 0em 0em 0.1em; 
        vertical-align: top; 
}

.hei4{ 
        height: 86px; 
        padding: 0em 0em 0em 0.2em; 
        text-align: left; 
        font-size: 0.6em; 
        line-height:150%;
        color: #646464;       
}   

.hei5{ 
        height: 178px; 
        width: 100%;
        text-align: left; 
        font-size: 0.8em; 
        line-height:150%;
        color: #646464; 
        padding: 0em 0em 0em 0.5em; 
        vertical-align: top; 
}

.hei6{ 
        height: 143px; 
        text-align: left; 
        font-size: 0.6em; 
        line-height:150%;
        color: #646464; 
        padding: 1em 0em 0em 0.2em; 
        vertical-align: top; 
}

/***********************/
/***  サイトマップ   ***/
/***********************/

#site-column{ 
        background-color: #ffffff; 
        width: 73em; 
	margin: 0em 0em 0em 0em; 
        padding: 0.2em 0.5em 0.2em 0.2em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        float:left; 
        background-image: url(../img/site_b.gif); 
        background-repeat : no-repeat; 
}

#site-column-left{ 
        background-color: #ffffff; 
        width: 25%; 
	margin: 0em 0em 0em 0em; 
        padding: 1em 0em 0.2em 0.8em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        float:left;
}

#site-column-right{ 
        background-color: #ffffff; 
        width: 65%; 
	margin: 0em 0em 0em 0em; 
        padding: 1em 1em 0.2em 1.5em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        line-height:150%; 
        float:left;
}

#site-column-right dl{ 
	margin: 0em 0em 0em 0em; 
        padding: 1em 1em 0.2em 2em; 
        border: none; 
        color: #646464;
	font-size: 1.1em; 
        line-height:150%; 
        float:left;
}

/*******************/
/***  採用情報   ***/
/*******************/

#site-column-right1{ 
        background-color: #ffffff; 
	margin: 0em 0em 0em 0em; 
        padding: 1em 1em 0.2em 1.5em; 
        border: none; 
        color: #646464;
	font-size: 1em; 
        line-height:150%; 
        float:left;         
}

.co1{ 
        color: #646464;
	font-size: 0.8em;
}
.co2{ 
        color: #646464;
	font-size: 0.8em;
}
/*******************/
/***  フッター   ***/
/*******************/

#pagetop {
	clear: both;
	width: 80.6em;
	height: 2.5em;
	margin: 0em 0em 0em 0em;
	padding: 0.5em 0.25em 1em 0em;
	background-color: #ede8dd;
        vertical-align: middle;
	text-align: right;
	color: #646464;
	font-size: 1.0em; 
}

#footer {
	clear: both;
	width: 80.6em;
	height: 2em;
	margin: 0em 0em 0em 0em;
	padding: 0.5em 0.25em 1em 0em;
	border-top: solid 2em #c0e3e5;
	border-bottom: solid 0.1em #c0e3e5;
	background-color: #c0e3e5;
        vertical-align: middle ;
	text-align: center;
	color: #646464;
	font-size: 1.0em;
}