/*
著作：東京メンタルヘルス・ＥＡＰ
※無断使用を禁じます
======================================*/
body {
    margin: 0 auto;
    background-color: #ffffff;
    background: url(../img/m-body.gif) repeat-x;
	font-size: 80%;
	line-height: 150%;
    font-family: "Source Code Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka,Verdana","sans-serif";
    color:  #444;
	}

img {
    border: 0;
	}

p,
ol,
ul,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
	}

ol li,
ul li {
    margin: 0;
    font-weight: normal;
	}

h1,h2,h3,h4,h5 {
    margin: 0;
    font-weight: normal;
    }

h3 {
    clear: both;
    }

/*リンク
======================================*/
a:link {
    color: #000099;
	}

a:visited {
    color: #660066;
	}

a:hover {
    color: #FF0000;
	}

/*ヘッダー
======================================*/
#all {
    margin: 0 auto;
	padding: 0;
	width: 910px;
	background-color: #FFF;
	}

#title {
    margin: 0 auto;
	padding: 0;
	width:100%;
	height: 48px;
	background: url(../img/body-hik3.gif) repeat-x;
	}

#rogo {
    float: left;
    width: 588px;
	height: 32px;
	margin: 11px 0 0 18px;
    display: block;	
	}

.fl-r {
    float: left;
    margin-right: 7px;
    }

#rogo h1 {
    margin: 5px 0 0 0;
    font-size: 10px;
    color: #777777;
    line-height: 100%;
	}

#beginner {
    float: right;
	width: 172px;
	margin: 8px 19px 0 0;
	display: block;
	}

#beginner h2 {
    margin: 0;
	}


/*ナビゲーション
======================================*/
#navi {
    clear: both;
	margin: 0 auto;
    background: #027ABB;
	width: 100%;
    height: 20px;
	}


#navi ul,
#navi-n ul {
    margin: 0;
	padding: 0;
	}

#navi ul li {
    display: inline;
	list-style-type: none;
    padding: 8px;
    font-size: 12px;
    border: 1px #FFFFFF;
    border-style: none dotted none none;
    height: 20px;
	}

#navi-n {
    clear: both;
	margin: 0 auto;
    background: url(../img/top/gnv/gnv0.gif) repeat-x;
	width: 100%;
    height: 29px;
	}

#navi-n ul li,
#navi-n ul li.ura {
	list-style-type: none;
    padding: 0;
    width: 130px;
    float: left;
	}

#navi-n ul li.sfs,
#navi-n ul li.sfs2 {
	list-style-type: none;
    padding: 0;
    width: 133px;
    float: left;
	}

#navi-n ul li a {
    background: url(../img/top/gnv/gnv11.gif) no-repeat #003399;
    display: block;
    height: 24px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    color: #FFFFFF;
    padding-top: 5px;
	}

#navi-n ul li.sfs a {
    background: url(../img/top/gnv/gnv111.gif) no-repeat #003399;
    display: block;
    height: 24px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    color: #FFFFFF;
    padding-top: 5px;
	}

#navi-n ul li.sfs2 a {
    background: url(../img/top/gnv/gnv333.gif) no-repeat #003399;
    display: block;
    height: 24px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    color: #FFFFFF;
    padding-top: 5px;
	}

#navi-n ul li.ura a {
    background: url(../img/top/gnv/gnv333.gif) no-repeat #003399;
    display: block;
    height: 24px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    color: #FFFFFF;
    padding-top: 5px;
	}

#navi-n ul li a:hover {
    background:url(../img/top/gnv/gnv22.gif) no-repeat;
    }

#navi-n ul li.sfs a:hover {
    background:url(../img/top/gnv/gnv222.gif) no-repeat;
    }

#navi-n ul li.sfs a:hover {
    background:url(../img/top/gnv/gnv333.gif) no-repeat;
    }

#navi-n ul li.ura a:hover {
    background:url(../img/top/gnv/gnv333.gif) no-repeat;
    }

#navi ul li.maii {
    display: inline;
	list-style-type: none;
    padding-left: 8px;
    font-size: 12px;
    border: 1px #FFFFFF;
    border-style: none dotted none none;
    background: url(../img/navi/haku.gif) no-repeat 2px 6px;
    height: auto;
	}

#navi ul li.maii2 {
    display: inline;
	list-style-type: none;
    padding-left: 8px;
    font-size: 12px;
    border: 1px #FFFFFF;
    border-style: none dotted none none;
    background: url(../img/navi/haku-gaiyo.gif) no-repeat 2px 6px;
    height: auto;
	}

#navi ul li.maii3 {
    display: inline;
	list-style-type: none;
    padding-left: 8px;
    font-size: 12px;
    border: 1px #FFFFFF;
    border-style: none dotted none none;
    background: url(../img/navi/haku-seminar.gif) no-repeat 2px 6px;
    height: auto;
	}

#navi ul li.maii4 {
    display: inline;
	list-style-type: none;
    padding-left: 8px;
    font-size: 12px;
    border: 1px #FFFFFF;
    border-style: none dotted none none;
    background: url(../img/navi/haku-mss.gif) no-repeat 2px 6px;
    height: auto;
	}

#navi ul li.maii5 {
    display: inline;
	list-style-type: none;
    padding-left: 8px;
    font-size: 12px;
    border: 1px #FFFFFF;
    border-style: none dotted none none;
    background: url(../img/navi/haku-kensyu.gif) no-repeat 2px 6px;
    height: auto;
	}

#navi ul li.maii6 {
    display: inline;
	list-style-type: none;
    padding-left: 8px;
    font-size: 12px;
    border: 1px #FFFFFF;
    border-style: none dotted none none;
    background: url(../img/navi/haku-haken.gif) no-repeat 2px 6px;
    height: auto;
	}

#navi ul li.maii7 {
    display: inline;
	list-style-type: none;
    padding-left: 8px;
    font-size: 12px;
    border: 1px #FFFFFF;
    border-style: none dotted none none;
    background: url(../img/navi/haku-elerning.gif) no-repeat 2px 6px;
    height: auto;
	}

#navi ul li.maii8 {
    display: inline;
	list-style-type: none;
    padding-left: 8px;
    font-size: 12px;
    border: 1px #FFFFFF;
    border-style: none dotted none none;
    background: url(../img/navi/haku-fukki.gif) no-repeat 2px 6px;
    height: auto;
	}

#navi ul li a:link {
    color: #FFFFFF;
    text-decoration: none;
	}

#navi ul li a:visited {
    color: #FFFFFF;
    text-decoration: none;
	}

#navi ul li a:hover {
    color: #FFF800;
    text-decoration: underline;
	}



/* サブメニュー1段目 */
#navi-n ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
}

#navi-n li li {
	border-style:none;
	background: #027ABB;
	height: 29px;
    text-align: left;
}

#navi-n li li a{
    background: url(../img/top/gnv/gnv11.gif) no-repeat;
	text-indent:0.5em;
	text-align: left;
}

#navi-n li.ura li a{
    background: url(../img/top/gnv/gnv11.gif) no-repeat;
	text-indent:0.5em;
	text-align: left;
}

#navi-n li li span{
    font-size: 10px;
	white-space:nowrap;
	/* [disabled]display:inline-block; */
}

#navi-n li:hover {
   position:relative;
}

#navi-n li:hover > ul {
	display: inline
}

/* IE6用 */
* html #navi-n li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column1'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #navi-n li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column2'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

#navi-n .column1 {position:relative;}
#navi-n .column1 ul {display: inline;}
#navi-n .column1 * ul {display:none;}

#navi-n .column2 {position:relative;}
#navi-n .column2 ul {display: inline;}
#navi-n .column2 * ul {display:none;}



/*コンテンツ
======================================*/
#contents {
    clear: both;
    margin: 0 auto;
	padding: 0;
    width: 100%;
	height: 25px;
    background: url(../img/navi/white-hik.gif) repeat-x;
    }

#contents ul {
    margin: 0 0 0 10px;
	padding: 0;
	}

#contents ul li {
    display: inline;
	background: url(../img/navi/con3kaku.gif) left center no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 0 12px 0 9px;
	font-size: 12px;
	}

/*パン
======================================*/
#pan {
    margin: 4px 0 0 0;
	padding-left: 13px;
	width: 100%;
    line-height: 120%;
	font-size: 12px;
	}

.pan-home {
    vertical-align: bottom;
	}

/*ページタイトル
======================================*/
#page-title-t {
    background: url(../img/category/categ.gif) 10px 50% no-repeat #EBEBFC;
	margin: 0 0 17px 5px;
    border: 1px dotted #CCCCFF;
	width: 660px;
	height: 95px;
	}


#page-title {
    background: url(../img/stress/title-hik.gif) 0 0 no-repeat;
	margin: 10px 0 0 26px;
	width: 90%;
	height: 70px;
	}

#page-title2 {
    background: url(../img/company/tate.gif) 0 0 no-repeat;
	margin: 10px 0 0 26px;
	width: 420px;
	height: 70px;
	}

#page-title2 h2,
#page-title h2,
#page-title-co h2 {
	padding: 8px 0 0 36px;
    font-size: 20px;
	}

#page-title-t h1,
#page-title-t h2 {
	margin: 20px 0 5px 36px;
    font-size: 20px;
    color: #1E546E;
	}

#page-title h2.mentan {
    margin: 8px 0 0 36px;
    font-size: 20px;
	}

#page-title h1,
#page-title2 h1,
#page-title-co h1 {
	margin: 2px 0 0 33px;
	}

.title-h2 {
	margin: 0 0 0 33px;
	}

.sub {
	margin: 14px 0 0 33px;
    font-size: 16px;
	}

.subsub {
	margin: 0 10px 0 36px;
    font-size: 12px;
    line-height: 150%;
	}

/*バナー
======================================*/
#tsuitou {
    width: 881px;
    margin: 0 0 17px 0;
    padding: 12px 22px;
    font-size: 12px;
    line-height: 120%;
    }

#anek {
    margin: 0 auto;
	padding: 12px 0 0 0;
	width: 881px;
	}

#banner-a {
    margin: 0 auto;
	padding: 32px 0 0 0;
	background-image: url(../img/top/hik.jpg);
	width: 881px;
	height: 192px;
	}

#ba_waku {
	width: 860px;
	height: 320px;
	background-color: #F1F1F1;
	border: 1px #B0B0B0 solid;
	margin: 0 auto;
	padding: 5px;
}

#ba_1 {
	width: auto;
	margin: 0 auto;
}

#ba_2 {
	clear:both;
	padding: 15px 0 8px 0;
}

.ba_1a {
	float: left;
	width: 406px;
	height: 148px;
	border: #ACACAC solid 1px;
	background-color: #FFFFFF;
	border: #D9D9D9 1px solid;
	margin-left: 8px;
	padding-right: 10px;
}

.ba_1b {
	float: right;
	width: 406px;
	height: 148px;
	border: #ACACAC solid 1px;
	background-color: #FFFFFF;
	border: #D9D9D9 1px solid;
	margin-right: 8px;
	padding-right: 10px;
}

.cate_a {
	font-size: 90%;
	font-weight: bold;
	color: #169E91;
	padding: 5px 0 8px 0;
}

.m_siz {
	font-size: 12px;
}

img.img_left{
	float: left;
	padding: 5px;
}

div.clear{
	clear: both;
	margin: 0 0 10px 0;
}

ul li.pogm {
	list-style-type: none;
	padding-left: 15px;
    background: url(../img/top/undernavi/point.gif) no-repeat;
	margin: 7px 0 12px 162px;
	font-size: 12px;
}

div#anek a:hover img {
opacity:0.6;
filter: alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background: #fff;
}


.mbc {
    float: left;
    width: 187px;
    margin: 4px 17px;
    }

.mbc-a {
    float: left;
    width: 151px;
    margin: 4px 10px;
    }

.mbc2 {
    float: left;
    width: 151px;
    margin: 4px 17px 0 0;
    }

.mbc2b {
    float: left;
    width: 151px;
    margin: 4px 10px 0 0;
    }

.mbc2a {
    float: left;
    width: 151px;
    margin: 4px 31px 0 0;
    }

.mbc3 {
    margin: 18px 0 0 0;
    font-size: 14px;
    color: #67676D;
    font-size: 120%;
    line-height: 140%;
    }

#banner-b {
    clear: both;
    margin: 0 auto;
    padding-top: 20px;
	width: 881px;
	}

#banner-b-le {
    float: left;
    width: 620px;
	}

#banner-b-ri {
    float: left;
    width: 245px;
    margin: 0 0 0 10px;
	}


#banner-b-le-top {
    width: 602px;
    margin-left: 5px;
	}

#banner-b-le-le {
    float: left;
    width: 230px;
    margin: 15px 0 28px 0;
	}

#banner-b-le-ri {
    float: left;
    width: 367px;
    margin: 15px 0 0 15px;
	}



#banner-in-a {
    float: left;
	margin: 22px 0 0 49px;
	}

.t99 {
    margin: 0;
	}

#main h3.basic {
    background: url(../img/category/h2.gif) no-repeat 0% 0%;
    height: 45px;
    padding: 14px 0 0 26px;
    color: #FFFFFF;
    font-size: 110%;
    margin: 0;
    }

#main h4 {
    clear: both;
    margin: 14px 0 0 0;
    color: #027ABB;
    }

/*セミナー、お知らせ
======================================*/
dl.sem {
    margin: 5px 0 0 0;
    font-size: 12px;
    }

dt.sem2 {
    margin: 0 0 0 10px;
    }

dd.sem3 {
    margin: 0 0 10px 0;
	background: url(../img/footer-3kaku.gif) no-repeat;
    background-position: 7px 5px;
	background: url(../img/footer-3kaku.gif) no-repeat;
    background-position: 7px 5px;
	list-style-type: none;
	padding: 0 0 0 20px;
    border-bottom: 1px #c5c5c5 dotted;
    width: 93%;
    }


dd.sem4 {
    margin: 0 0 55px 0;
	background: url(../img/footer-3kaku.gif) no-repeat;
    background-position: 7px 5px;
	list-style-type: none;
	padding: 0 0 0 20px;
    border-bottom: 1px #c5c5c5 dotted;
    width: 93%;
    }

.inf {
    margin-top: 25px;
    }



/*戻る
======================================*/
#modoru {
    clear: both;
	padding: 24px 0 31px 55px;
	font-size: 12px;
	}

.left30 {
    margin-left: 30px;
	}


/*行間
======================================*/

.w1 {
    margin: 4px 0 14px 12px;
    width: 95%;
	}

.w1al {
    margin: 4px 0 0 12px;
    width: 95%;
	}

.w1al1 {
    margin: 0 0 0 12px;
    width: 95%;
    clear: both;
	}

.w1a {
    margin: 4px 0 30px 12px;
    width: 95%;
	}

.w2 {
    margin: 0px 0 45px 12px;
    width: 95%;
	}

.w2a {
    margin: 4px 0 45px 12px;
    width: 95%;
	}

.w2b {
    margin: 0px 0 30px 12px;
    width: 95%;
	}

.w22 {
    margin: 0 0 14px 12px;
    width: 95%;
	}

.w22a {
    margin: 0 12px 43px 0;
    text-align: right;
    width: 95%;
	}

.w3 {
    margin: 3px 0 24px 12px;
    width: 95%;
	}

.w5 {
    margin: 8px 0 14px 12px;
    width: 95%;
	}

.w6 {
    margin: 8px 0 28px 12px;
    width: 95%;
	}

.w7 {
    margin: 0 0 14px 12px;
    width: 95%;
	}

.w1a {
    margin: 4px 0 14px 12px;
    width: 95%;
    }

.w1a a:link {
    text-decoration: none;
    }

.w1a a:visited {
    text-decoration: none;
    }



/*右コンテンツバナー
======================================*/
.top1 {
    margin-top: 2px;
    }

.top2 {
    margin-top: 15px;
    }


/*書籍
======================================*/
.book-a {
    clear: both;
    border-bottom: 3px #c5c5c5 double;
    width: 228px;
    height: auto;
    padding-bottom: 15px;
    }

.book-a1 {
    clear: both;
    padding-top: 10px;
    border-bottom: 3px #c5c5c5 double;
    width: 228px;
    height: auto;
    padding-bottom: 15px;
    }

.book-a:after,
.book-a1:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
    }

.book {
    padding: 13px 0 0 7px;
    float: left;
    width: 80px;
    }

.book-b {
    float: left;
    width: 130px;
    }

.b-title {
    padding: 12px 0 0 7px;
    font-size: 12px;
    line-height: 120%;
    }

.syuppan {
    padding: 10px 0 0 7px;
    line-height: 120%;
    font-size: 12px;
    }

.other {
    clear: both;
    text-align: right;
    margin: 0 10px 0 0;
    font-size: 12px;
    }

/*プライバシーマーク
======================================*/
#p-mark {
    clear: both;
    margin-top: 10px;
    height: 95px;
    }

#gotop {
    float: left;
    width: 260px;
	padding: 59px 0 0 35px;
	font-size: 12px;
	}

#pmk {
    float: right;
    margin-right: 39px;
    }



/*フッター
======================================*/
#footer {
    clear: both;
	margin: 0 auto;
	width: 96%;
	border: 1px #888888;
    border-style: solid none none none;
	}

#fotter ul {
    margin: 20px 0;
    float: left;
    width: 590px;
	}

#footer2 ul {
    margin: 20px 0;
    float: left;
    width: 590px;
	}

#footer2 ul li,
#footer ul li {
	background: url(../img/footer-3kaku.gif) 0% 50% no-repeat;
	list-style-type: none;
	padding: 0 10px 0 15px;
	font-size: 80%;
    display: inline;
	}

.foot-d {
    float: left;
    width: 590px;
    font-size: 10px;
    margin: 0 0 15px 10px;
    line-height: 120%;
    }

.fo-p {
    float: right;
    width: 266px;
    font-size: 10px;
    line-height: 110%;
    margin: 30px 0 15px 0;
    }

.fo-p1 {
    clear: both;
    width: 450px;
    font-size: 10px;
    line-height: 110%;
    margin: 0 0 13px 15px;
    }

.fo-p2 {
    float: right;
    width: 266px;
    font-size: 10px;
    line-height: 110%;
    margin: 0 0 15px 0;
    }

a.foot-c:link {
	color: #027ABB;
	text-decoration: none;
	}

a.foot-c:visited {
	color: #027ABB;
	text-decoration: none;
	}

a.foot-c:hover {
    color: #FF0000;
    text-decoration: underline;
	}


/*Ｑ＆Ａ
======================================*/
.q {
    margin-top: 8px;
	color: #FF6633;
	font-size: 100%;
	background: url(../img/q.gif) 0px 3px no-repeat;
	padding: 0 0 0 28px;
	}

.a {
    margin: 8px 0 28px 0;
	background: url(../img/a.gif) 0px 3px no-repeat;
	padding: 0 0 0 28px;
	}

.aa {
    margin: 8px 0 98px 0;
	background: url(../img/a.gif) 0px 3px no-repeat;
	padding: 0 0 0 28px;
	}

.faq1 {
    margin: 15px 0 0 28px;
	color: #FF6633;
	font-size: 100%;
	background: url(../img/q.gif) 0px 0px no-repeat;
	padding: 0 0 0 28px;
	}

#faq-00 {
    margin: 60px 0 0 28px;
	color: #FF6633;
	font-size: 100%;
	background: url(../img/q.gif) 0px 0px no-repeat;
	padding: 0 0 12px 28px;
    border: 1px #888888;
    border-style: none none dotted none;
    width: 90%;
	}

#faq-01,
#faq-02,
#faq-03,
#faq-04,
#faq-05,
#faq-06,
#faq-07,
#faq-08,
#faq-09,
#faq-10 {
    margin: 45px 0 0 28px;
	color: #FF6633;
	font-size: 100%;
	background: url(../img/q.gif) 0px 0px no-repeat;
	padding: 0 0 12px 28px;
    border: 1px #888888;
    border-style: none none dotted none;
    width: 90%;
	}

.mokuji {
    margin-right: 34px;
    text-align: right;
	}

.mokuji2 {
    margin: 16px 34px 0 0;
    text-align: right;
	}

.faq-a {
    margin: 8px 34px 28px 50px;
	}


/*参考お見積もり
======================================*/
#mitumori {
    clear: both;
    margin: 15px 0 0 72px;
	width: 810px;
	}

#mitumori h2 {
	background: url(../img/stress/tate.gif) left center no-repeat;
	padding: 0 0 0 10px;
	margin: 0;
	}


/*clearfix
======================================*/
.clearfix:after {
    content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block }
/* End hide from IE-mac */


/*リンク
======================================*/
a:link {
	color: #027ABB;
	text-decoration: underline;
	}

a:visited {
	color: #27366D;
	text-decoration: underline;
	}

a:hover {
    color: #FF0000;
    text-decoration: underline;
	}

/*画像
======================================*/

.mss-img {
    margin: 15px 0 34px 8px;
	float: right;
	text-align: center;
	font-size: 12px;
    width: 201px;
	}

.honbn {
    float: left;
    width: 450px;
    }

.mss-img2 {
    margin: 15px 0 0 8px;
	float: right;
	text-align: center;
	font-size: 12px;
	}
	
.mss-img3 {
    margin: 15px 0 60px 8px;
	float: right;
	text-align: center;
	font-size: 12px;
	}

/*本文
======================================*/
#body {
    margin: 18px auto;
	width: 880px;
	}

#bodyn {
    margin: 8px auto;
	width: 880px;
	}

#sub {
    float: left;
	width: 181px;
	background: url(../img/category/cate-hi-k.jpg) repeat-y 50% 0%;
	margin: 0;
	}

#sub-in {
	margin: 0 auto;
    width: 100%;
	background: url(../img/category/cate1.jpg) no-repeat 50% 0%;
	text-align: center;
	}

#sub-in:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
    }

.link-ti {
    margin: 0 auto;
	padding: 14px 0 18px 0;
	font-size: 80%;
	}

#sub-in ul {
    margin: 0;
    width: 100%;
	}

#sub-in ul li {
    margin: 0;
	list-style-type: none;
	}

.under3 {
    margin-bottom: 3px;
	}

.under18 {
    margin: 0 0 42px 36px;
	}

.bottom7 {
    margin-bottom: 3px;
	}

.bottom7a {
    margin: 14px 0 7px 0;
	}

#main {
    float: left;
	width: 662px;
    margin: 0 0 0 17px;
	}


#waku1,
#waku2,
#waku3,
#waku4,
#waku5 {
    clear: both;
    margin: 0;
	padding: 4px 0 0 15px;
	width: 660px;
	height: 32px;
	background: url(../img/stress/h20.gif) no-repeat;
	font-size: 100%;
	color: #027ABB;
	}

#waku2-a {
    clear: both;
    margin: 0;
	padding: 4px 0 0 15px;
	width: 660px;
	height: 32px;
	background: url(../img/stress/h20.gif) no-repeat;
	font-size: 100%;
	color: #027ABB;
	}

#main h3 {
    margin: 8px 0;
	padding: 0;
	font-size: 100%;
	}

#main h3#waku1 {
    clear: both;
    margin: 0;
	padding: 4px 0 0 15px;
	width: 660px;
	height: 32px;
	background: url(../img/stress/h20.gif) no-repeat;
	font-size: 100%;
	color: #027ABB;
	}

.msst {
    margin: 0;
	padding: 4px 0 0 12px;
	color: #027ABB;
	}

.mssta {
    margin: 0;
	padding: 0 0 0 12px;
	color: #027ABB;
	}

/*問い合わせ・資料請求
======================================*/
#con {
    clear: both;
    margin: 84px 0 0 32px;
    width: 600px;
    height: 147px;
    border: 1px solid #160965;
    background-color: #F3F3F3;
    }

.con {
    clear: both;
    margin: 54px 0 57px 32px;
    width: 600px;
    height: 147px;
    border: 1px solid #160965;
    background-color: #F3F3F3;
    }

#con-ti {
    width: auto;
    background: url(../img/contact/line.gif) repeat-x;
    height: 34px;
    color: #FFFFFF;
    text-align: left;
    }

.con-ti {
    width: auto;
    background: url(../img/contact/line.gif) repeat-x;
    height: 34px;
    color: #FFFFFF;
    text-align: left;
    }


.ssk {
    padding: 6px 0 0 22px;
    font-size: 100%;
    }

#con-waku {
    width: auto;
    height: auto;
    }

.con-waku {
    width: auto;
    height: auto;
    }

#con-l {
    float: left;
    width: 220px;
    height: auto;
    background: url(../img/contact/mail.gif) 25px 10px no-repeat;
    padding: 60px 0 0 34px;
    margin-left: 16px;
    }

.con-l {
    float: left;
    width: 220px;
    height: auto;
    background: url(../img/contact/mail.gif) 25px 10px no-repeat;
    padding: 60px 0 0 34px;
    margin-left: 16px;
    }

#cont-r {
    float: left;
    width: 240px;
    height: auto;
    background: url(../img/contact/tel.gif) 25px 10px no-repeat;
    margin-left: 30px;
    padding: 60px 0 0 34px
    }

.cont-r {
    float: left;
    width: 240px;
    height: auto;
    background: url(../img/contact/tel.gif) 25px 10px no-repeat;
    margin-left: 30px;
    padding: 60px 0 0 34px
    }



.eap {
    font-size: 12px;
    }

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

#tmatop {
    clear: both;
    font-size: 10px;
    }


/*UNDER
======================================*/
#under-cont {
    clear: both;
    margin: 0 auto;
    background: url(../img/top/undernavi/under-body.gif) repeat-x;
    }

#under-cont-in {
    margin: 0 auto;
    padding-top: 25px;
    width: 910px;
    background-color: #FFFFFF;
	border: 1px #bbb;
    border-top-style: dotted;
    }

#eap-tit {
    margin: 0 0 0 40px;
    padding-left: 19px;
    background: url(../img/top/undernavi/point.gif) no-repeat 0 5px;
    }

#eap-lineup {
    margin: 7px 0 0 43px;
    float: left;
    width: 200px;
    }

ul#eap-lineup li,
ul#company-info li {
	list-style-type: none;
    padding-left: 10px;
    font-size: 12px;
    line-height: 150%;
	background: url(../img/navi/con3kaku.gif) left center no-repeat;
	}

#company-info {
    margin: 7px 0 9px 0;
    padding-left: 32px;
    float: left;
    width: 200px;
    border-left: 1px dotted #888888;
    height: 184px;
    }

#pageinfo {
    margin: 7px 0 9px 0;
    padding-left: 32px;
    float: left;
    width: 330px;
    border-left: 1px dotted #888888;
    height: 184px;
    font-size: 12px;
    line-height: 130%;
    }

address {
    clear: both;
    margin: 0 auto;
    padding: 0;
    height: 17px;
	font-size: 10px;
	color: #EFEFEF;
    background: #027ABB;
    text-align: center;
	}

.backbann a{
display:block;
width:145px;
color:#262528;
background: url(../img/category/backbann0.gif) no-repeat;
height:29px;
text-decoration:none;
font-size: 12px;
text-align: left;
padding: 10px 0 0 22px;
margin-left: 7px;
}

.backbann a:hover{
color: #FF0000; 
background:url(../img/category/backbann1.gif) no-repeat;
}

.backbann2 a{
display:block;
width:145px;
color:#262528;
background: url(../img/category/backbann1.gif) no-repeat;
height:29px;
text-decoration:none;
font-size: 12px;
margin: 1px 0 1px 7px;
text-align: left;
padding: 10px 0 0 22px;
color: #000033;
}

.iro-pink {
    color: #CC3366;
    }

.iro-pink-hnbn {
    margin: 4px 0 14px 12px;
    width: 95%;
    color: #CC3366;
    }

.ank1 {
	padding: 7px 5px;
}