@charset "UTF-8";
/************************************************
 COMMON CSS
 
 atisys.info 2019
 
*************************************************/

/*----------------------------------------------*/
/* COMMON                                       */
/*----------------------------------------------*/

* {
    margin : 0;
    padding: 0;
}

body {
    width     : 100%;
    background: #f2f2f2;
    font      : normal 0.8em "メイリオ", meiryo, Verdana, Arial, sans-serif;
}

html {
    overflow-y   : scroll;
    height       : 100%;
    margin-bottom: 1px;
}

/* image */
img {
    border: 0
}

/* header */
.header {
    margin       : 0 auto;
    border-bottom: 1px solid #dfdfdf;
}

/* main */
.main {
    margin       : 0 auto;
    padding      : 2px 10px;
    width        : 900px;
    border-right : 1px solid #ececec;
    border-left  : 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    background   : #fff;
}

.main h2 {
    padding    : 10px 0 0 0;
    line-height: 1.2em;
    font-size  : 1em;
    color      : #606060;
    font-weight: bold;
}

.main p {
    color      : #606060;
    line-height: 1.8em;
    padding    : 5px;
}

.main p.title {
    font-weight: bold;
}

.main p.sub {
    padding: 0 0 10px 0;
    font   : italic 11px Arial, Helvetica, sans-serif;
    color  : #b1b1b1;
}

.main a {
    color          : #2d75c0;
    text-decoration: none;
}

.main table {
    padding:5px;
}

.main td {
    padding      : 5px;
    border-bottom: 1px solid #f2f2f2;
    line-height  : 2em;
    color        : #606060;
}

.main td.head {
    width      : 120px;
    font-weight: bold;
}

.main_left {
    float     : left;
    margin-top: 15px;
    padding   : 0 0 0 10px;
    width     : 150px;
}

.main_right {
    float     : right;
    margin-top: 15px;
    width     : 700px;
}

.main_left_resize {
    float      : left;
    margin-top : 15px;
    padding    : 0 0 0 10px;
    width      : 280px;
}

.main_right_resize {
    float     : right;
    margin-top: 15px;
    width     : 600px;
}

/* logo */
.logo {
    margin: 10px 0 20px 0;
}

/* menu */
.menu {
    width: 555px;
}

.menu ul {
    list-style: none;
}

.menu ul li {
    display     : inline;
    margin-right: 10px;
    line-height : 40px;
    background  : none;
}

.menu ul li a {
    display        : inline;
    padding        : 10px;
    color          : #5a5a5a;
    text-decoration: none;
}

.menu ul li a:hover {
    background: #dfdfdf;
}

.menu ul li a.active {
    background: #dfdfdf;
}

/* click */
.click {
    float     : right;
    text-align: right;
}

.click p {
    line-height: 1.2em;
    color      : #959595;
}

/* title */
div.title {
    padding   : 0 0 0 5px;
    background: #ececec;    /* 灰色 系 */
}

/* footer */
.footer {
    padding: 5px 0;
    font   : normal 11px Arial, Helvetica, sans-serif;
}

.footer_resize {
    width     : 900px;
    margin    : 0 auto;
    padding   : 10px 10px;
    background: #202020;
}

.footer p {
    color: #a2a2a2;
}

.footer a {
    color          : #2d75c0;
    text-decoration: none;
    padding        : 5px;
}

.footer p.right {
    float     : right;
    text-align: right;
    padding   : 8px 0 0 0;
} 

.footer p.leftt {
    float     : left;
    text-align: left;
    padding   : 8px 0 0 5px;
}

p.clr, .clr {
    clear     : both;
    padding   : 0;
    margin    : 0;
    background: none;
}

li.bg, .bg {
    clear      : both;
    border-top : 1px solid #f2f2f2;
    width      : 100%;
    padding    : 0;
    margin     : 10px 0;
    background : none;
    line-height: 0;
}


/*------------------------------------------------
 HOME
------------------------------------------------*/
/* news */
.news p {
    padding    : 0;
    line-height: 1.8em;
}

.news p.date {
    line-height: 1.5em;
     color     : #b1b1b1;
     font      : italic 11px Arial, Helvetica, sans-serif;
}

.news p.title {
    font-weight: bold;
}

.news .emphasis01 {
    font-weight: bold;
}

.news .emphasis02 {
    color: red;
}

/* management */
.management a {
    font-weight: bold;
}

.management p {
    padding  : 0;
    font-size: 12px;
}

img.floated {
    float : left;
    margin: 5px;
    border: 1px solid #cccccc;
}

img#top {
    margin: 10px 0 0 0;
}


/*------------------------------------------------
 企業情報 - CORPORATION
------------------------------------------------*/
/* map */
.map {
    margin: 0 0 15px 10px;
}

.map p {
    padding: 0;
}

/* google mapを 表示 */
.map #map_canvas {
    width : 600px;
    height: 380px;
    border: 1px solid #cccccc;
}


/*------------------------------------------------
 PRIVACY
------------------------------------------------*/
.privacy caption {
    text-align : left;
    line-height: 1.8em;
    color      : #606060;
}

.privacy td {
    border: 0;
}

.privacy td.head {
    width         : 20px;
    vertical-align: top;
    font-weight   : normal;
}

.signature p {
    margin    : 0;
    padding   : 0;
    text-align: right;
}


/*------------------------------------------------
 style01-14 class for toiawase 2024.03.02 add jhi
------------------------------------------------*/
.style01 { font-size: 9px; } 
.style02 { font-size: 10px; }

.style03 { color: #666666; padding: 0px 3px 3px 10px; }

.style04 { color: #000099; }

.style05 { color: #FF9900; }
.style06 { color: #000099; }
.style07 { color: #999999; }

/* 未記入フィールドは赤文字で表示する */
.main td.style08{
    color:red;
	font-size:13px;
}
.main span.style08{
    color:red;
	font-size:13px;
}

.style10 { background-color: #E6E7E8; }
.style11 {  color: #000099;  }
.style12 { padding: 0px 3px 3px 10px; }
.style13 {  color: #000099;}
.style14 { background-color: #F5F5F5; }
.style15 { color: #666666; padding: 0px 3px 3px 10px; font-size: 18px; }
.style16 { font-size:12px; }