@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*====================================================================================

共通スタイル

====================================================================================*/

/*----------------------------------
ブラウザスタイルのリセット
----------------------------------*/

html{
	overflow-y:scroll;
	}

html,body{
	height:100%;
	}

body,div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,fieldset,legend,input,textarea,pre,code,blockquote{
	margin:0;
	padding:0;
	}

br{
	letter-spacing:0;
	}

fieldset,img,iframe{
	border:0;
	}

ol,ul,dl{
	list-style-type:none;
	}

caption,th{
	text-align:left;
	}

h1,h2,h3,h4,h5,h6,th,address,nav{
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
	display: block;
	}

iframe{
    overflow:hidden;
    margin-top:20px;
}
/*----------------------------------
基本スタイル設定
----------------------------------*/

body{
	color: #202020;
	font-size:14px;
	/*font-family: 'Noto Sans Japanese', serif, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;*/
    background-color: #fff;
	}

.clearfix:after{
	content: "";
	display: block;
	clear: both;
	}

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

a:visited {
	text-decoration: none;
	}

a:hover{
	text-decoration: underline;
	opacity:0.7;
	-moz-opacity:0.7;
	-webkit-opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}

.form table td.submit input:hover{
	opacity:0.7;
	-moz-opacity:0.7;
	-webkit-opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}

a:active {
	text-decoration: none;
}

/*** ページアップボタン設定 ***/
#page-top{
	position:fixed;
	bottom: 20px;
    right: 5%;
    background-image: url(../img/btn_pagetop.png);
    width: 83px;
    height:83px;
    background-repeat: no-repeat;
    text-indent: -9999px;
	}

/*------- 要素スタイル指定 -------*/
.view{
	font-weight:bold;
}

.h-strong{
    font-size: 38px;
    font-weight: bold;
}

.green{
    color: #26a84a;
}

.f11{
    font-size: 11px;
}

.f12{
    font-size: 12px;
}

.f13{
    font-size: 13px;
}

.f14{
    font-size: 14px;
}

.f18{
    font-size: 18px;
}

.f25{
    font-size: 25px;
}

.bold{
    font-weight: bold;
}

.name{
    color: #bbb;
}

.kome{
	color:#C00;
	}

.right{
    text-align: right;
}

.arrow{
    font-size: 10px;
}

.sp{
    display: none;
}

.clear{
	clear:both;
}

/*----------------------------
wrapperスタイル
-----------------------------*/
div#wrapper{
    width: 100%;
    position: relative;
}

main{
    position: relative;
    /*background-image: url(../img/site_bg.jpg);
    background-repeat: repeat;*/
}

/*----------------------------
ヘッダースタイル
-----------------------------*/

div#header-wrap{
    width: 100%;
    height: 423px;
    background-color: #0c2102;
    background-image: url(../img/main_visual_02.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative;
}

header{
    width: 100%;
    height:78px;
    position: absolute;
    bottom:0;
}

header div#global-navi-wrap{
    width: 1095px;
    height:78px;
    margin: 0 auto;
    position: relative;
}

header h1 a{
    display: block;
    width: 202px;
    height: 64px;
    margin-top: 8px;
    margin-left: 5px;
    text-indent: -9999px;
    background-image: url(../img/aest_logo_01.png);
    background-repeat: no-repeat;
    float: left;
}

header div#stickup{
    width:100%;
    height:78px;
    background-color: rgba(255,255,255,0.85);
    border-bottom: 4px solid #70c888;
    -webkit-box-shadow: 0 3px 5px 0px #999;
    -moz-box-shadow: 0 3px 5px 0px #999;
    box-shadow: 0 3px 5px 0px #999;
    z-index: 9999;
    behavior: url(PIE.htc);
}


header div#global-navi{
    width: 670px;
    height:78px;
    position: absolute;
    right: 7px;
}

#mobile-header {
    display: none;
}

header nav{
    overflow: hidden;
}

header nav ul{
    width: 670px;
    height:78px;
    margin-top:4px;
}

header nav ul li{
    width:134px;
    height:78px;
    text-indent: -9999px;
    display: block;
    float: left;
    background-image: url(../img/global_navi.png);
    background-repeat: no-repeat;
}

header div#global-navi nav img#navi {
    position: absolute;
    bottom: -4px;
    left: -134px;
    z-index: 3000;
    display: none;
}

header div#global-navi nav ul li a{
    width:134px;
    height:78px;
    display: block;
}

header nav ul li#navi1{
    width:134px;
    background-position: 12px 0;
}

header nav ul li#navi2{
    width:134px;
    background-position: -119px 0;
}

header nav ul li#navi3{
    width:134px;
    background-position: -261px 0;
}

header nav ul li#navi4{
    width:134px;
    background-position: -399px 0;
}

header nav ul li#navi5{
    width:134px;
    background-position: -542px 0;
}

/* ナビホバー */
header nav ul li#navi1:hover{
    width:134px;
    background-position: 12px -78px;
}

header nav ul li#navi2:hover{
    width:134px;
    background-position: -119px -78px;
}

header nav ul li#navi3:hover{
    width:134px;
    background-position: -261px -78px;
}

header nav ul li#navi4:hover{
    width:134px;
    background-position: -399px -78px;
}

header nav ul li#navi5:hover{
    width:134px;
    background-position: -542px -78px;
}

img#main-visual{
    display: none;
}

/*----------------------------
HOME　ビジョンスタイル
-----------------------------*/

div#home-wrap{
    width:1050px;
    background-color: #fff;
    margin: 8px auto 0;
    padding: 15px 15px 30px;
    position: relative;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

div#home-wrap h2{
    width:110px;
    color: #fff;
    margin-top:8px;
    margin-left:64px;
    background-color: #aaa;
    text-align: center;
    padding:7px 5px 5px;
    border:solid 2px;
    border-color:#aaa;
	border-radius:5px 5px 0px 0px;
    background-color:#aaa;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
    behavior: url(PIE.htc);
    color: #fff;
    position: relative;
}

div#home-wrap dl#info{
    width: 900px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #aaa;
    padding:10px;
    font-size: 12px;
}

div#home-wrap dl#info dt{
    display: block;
    float: left;
    clear: both;
    width: 70px;
    padding:5px 0;
}

div#home-wrap dl#info dd{
    display: block;
    padding-left: 70px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #aaa;
}


div#vision{
    width: 925px;
    margin: 15px auto 5px;
}

div#vision h3{
    background-image: url(../img/h_vision.png);
    background-repeat: no-repeat;
    width: 246px;
    height: 36px;
    text-indent: -9999px;
    margin: 20px 0 10px;
}

div#vision div#origin,div#vision div#vision-txt-sp{
    float: left;
}

div#vision div#origin{
    width:320px;
}

div#vision div#origin dl{
    margin-top:5px;
}

div#vision div#origin dl dt{
    float: left;
    clear: both;
    width: 160px;
}

div#vision div#origin dl dd{
    margin-left:160px;
    margin-bottom:5px;
}

div#vision div#vision-txt{
    display: none;
    margin-top:30px;
    margin-left:20px;
    width:580px;
}

div#vision div#vision-txt-sp{
    margin-top:30px;
    margin-left:20px;
    width:580px;
}

div#sns-btn2{
    display: none;
}

div#sns-btn{
    position: absolute;
    right:-53px;
    top:15px;
    background-color: #fff;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

div#sns-btn ul li{
    margin:10px 10px;
}

/*----------------------------
RECRUIT、ABOUT、SERVICEスタイル
-----------------------------*/
div#service-wrap-sp{
    display: none;
}

div#service-wrap,div#recruit-wrap,div#about-wrap{
    width:100%;
    /*background-image: url(../img/site_bg.jpg);
    background-repeat: repeat;*/
    position: relative;
}

div#service,div#recruit,div#about{
    width: 1079px;
    margin: 0px auto 0;
    padding: 0px 0 50px;
    background-color: #fff;
    position: relative;
    padding-top: 105px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}


div#service h3,div#recruit h3,div#about h3{
}

div#service h3{
    background-image: url(../img/h_service.png);
    background-repeat: no-repeat;
    width: 326px;
    height: 38px;
    text-indent: -9999px;
    margin-left: 20px;
    margin-bottom: 20px;
}

div#recruit h3{
    background-image: url(../img/h_recruit.png);
    background-repeat: no-repeat;
    width: 217px;
    height: 38px;
    text-indent: -9999px;
    margin-left: 20px;
    margin-bottom: 20px;
}

div#about h3{
    background-image: url(../img/h_about.png);
    background-repeat: no-repeat;
    width: 260px;
    height: 39px;
    text-indent: -9999px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.submit a{
    margin: 20px auto;
    text-decoration: none;
    display: block;
    width: 130px;
    text-align: center;
	padding:5px 5px;
    border:solid 2px;
    border-color:#888;
	border-radius:5px;
    background-color:#888;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    behavior: url(PIE.htc);
    color: #fff;
    position: relative;
}

.submit a:hover{
	opacity:0.7;
	-moz-opacity:0.7;
	-webkit-opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}

div.modal{
    display: none;
}



/*----------------------------
SERVICE各項目スタイル
-----------------------------*/

#dclink{
    display: block;
    width: 1080px;
    height: 441px;
    margin: 0 auto 4px;
}

#dclink:hover{
	opacity:0.85;
	-moz-opacity:0.85;
	-webkit-opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
}

h4#kimidori-img{
	background-image: url(../img/service_kimidori.png);
	background-repeat: no-repeat;
	width: 535px;
	height: 441px;
	margin: 0 auto 4px;
	text-indent: -9999px;
}

#kimidorilink{
	display: block;
	width: 540px;
	height: 441px;
	margin: 0 auto 4px;
	float: left;
}

#kimidorilink:hover{
	opacity:0.85;
	-moz-opacity:0.85;
	-webkit-opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
}

/*=====キミドリ=====*/

h4#kimidori-img{
    background-image: url(../img/service_kimidori.png);
    background-repeat: no-repeat;
    width: 540px;
    height: 441px;
    margin: 0 auto 4px;
    text-indent: -9999px;
}

#kimidorilink{
    display: block;
    width: 540px;
    height: 441px;
    margin: 0 auto 4px;
		float: left;
}

#kimidorilink:hover{
	opacity:0.85;
	-moz-opacity:0.85;
	-webkit-opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
}

/*=====キミドリ=====*/

/*=====スワ郎=====*/

h4#swallow-img{
	background-image: url(../img/service_swallow.png);
  background-repeat: no-repeat;
  width: 535px;
  height: 441px;
  /* margin: 0 auto 4px; */
  text-indent: -9999px;
}

#swallowlink{
	display: block;
	/* width: 540px; */
	height: 441px;
	/* margin: 0 auto 4px; */
	float: right;
}

#swallowlink:hover{
	opacity:0.85;
	-moz-opacity:0.85;
	-webkit-opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
}

/*=====スワ郎=====*/








h4#dreco-img{
    background-image: url(../img/service_dc.jpg);
    background-repeat: no-repeat;
    width: 1080px;
    height: 441px;
    margin: 0 auto 4px;
    text-indent: -9999px;
}

h4#dreco-img:hover{
}

div#dreco-txt{
    /*background-image: url(../img/service_doresscode.jpg);
    background-repeat: no-repeat;
    background-position: top center;*/
    padding: 10px 0;
    width:750px;
    background-color: rgba(255,255,255,0.8);
}

div#dreco-txt p{
    color: #000;
    padding: 5px 20px;
}

#seslink{
    display: block;
    width: 357px;
    height: 304px;
    margin-right: 4px;
    float: left;
}

#seslink:hover{
	opacity:0.85;
	-moz-opacity:0.85;
	-webkit-opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
}

h4#ses-img{
    background-image: url(../img/service_ses.jpg);
    background-repeat: no-repeat;
    width: 357px;
    height: 304px;
    text-indent: -9999px;
    float: left;
    margin-right: 4px
}

h4#ses-img:hover{
}

div#ses-txt{
    /*background-image: url(../img/service_ses.jpg);
    background-repeat: no-repeat;
    background-position: top center;*/
    width:750px;
    padding: 10px 0;
    background-color: rgba(255,255,255,0.8);
}

div#ses-txt p{
    color: #000;
    padding: 5px 20px;
}

/*保有技術円グラフ*/
p.skill{
    margin-top:10px;
    font-size: 18px;
    text-align: center;
}
p.graph{
    margin-top:-5px;
    margin-bottom: 5px;
    text-align: center;
}

#jyutakulink{
    display: block;
    width: 358px;
    height: 304px;
    float: left;
    margin-right: 4px
}

#jyutakulink:hover{
	opacity:0.85;
	-moz-opacity:0.85;
	-webkit-opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
}

h4#jyutaku-img{
    background-image: url(../img/service_development.jpg);
    background-repeat: no-repeat;
    width: 358px;
    height: 304px;
    text-indent: -9999px;
    float: left;
    margin-right: 4px
}

h4#jyutaku-img:hover{
}

div#jyutaku-txt{
    /*background-image: url(../img/service_jyutaku.jpg);
    background-repeat: no-repeat;
    background-position: top center;*/
    width:750px;
    padding: 10px 0;
    background-color: rgba(255,255,255,0.8);
}

div#jyutaku-txt p{
    color: #000;
    padding: 5px 20px;
}

#hakenlink{
    display: block;
    width: 356px;
    height: 304px;
    float: left;
}

#hakenlink:hover{
	opacity:0.85;
	-moz-opacity:0.85;
	-webkit-opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
}

h4#haken-img{
    background-image: url(../img/service_app.jpg);
    background-repeat: no-repeat;
    width: 356px;
    height: 304px;
    text-indent: -9999px;
    float: left;
}

h4#haken-img:hover{
}

div#haken-txt{
    /*background-image: url(../img/service_it.jpg);
    background-repeat: no-repeat;
    background-position: top center;*/
    width:750px;
    padding: 10px 0;
    background-color: rgba(255,255,255,0.8);
}

div#haken-txt p{
    color: #000;
    padding: 5px 20px;
}

/*====== マレーシアブログ ======*/

#bloglink{
    display: block;
    width: 1080px;
    height: 168px;
    margin: 4px auto 0;
}

#bloglink:hover{
	opacity:0.85;
	-moz-opacity:0.85;
	-webkit-opacity:0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
}

h4#blog-img{
    background-image: url(../img/service_blog.png);
    background-repeat: no-repeat;
    width: 1080px;
    height: 168px;
    text-indent: -9999px;
    float: left;
}

h4#blog-img:hover{
}

div#blog-txt{
    /*background-image: url(../img/service_it.jpg);
    background-repeat: no-repeat;
    background-position: top center;*/
    width:750px;
    padding: 10px 0;
    background-color: rgba(255,255,255,0.8);
}

div#blog-txt p{
    color: #000;
    padding: 5px 20px;
}

/*====== マレーシアブログ ======*/


/***** リクルート、アバウトタブメニュー *****/

#tabmenu{
	margin: 0;
	width:275px;
	padding: 0;
	float:left;
	}

#tabmenu2 {
	margin: 0;
	width:275px;
	padding: 0;
	float:left;
    /*border-top: 15px solid #eee;
    border-bottom: 15px solid #eee;*/
	}

#tabmenu h4,#tabmenu2 h4{
	width: 238px;
    text-align: right;
    background-image: url(../img/site_bg.jpg);
    background-repeat: repeat;
	padding: 18px;
    font-weight: bold;
	border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
    behavior: url(PIE.htc);
}

#tabmenu ul li,#tabmenu2 ul li{
	width: 238px;
	padding: 18px;
    background-image: url(../img/site_bg.jpg);
    background-repeat: repeat;
	font-size: 14px;
	display: block;
	text-align: right;
	list-style-type:none;
	cursor: pointer;
	}

#tabmenu ul li:hover{
    background: #fff;
}

#tabmenu2 ul li:hover{
    background: #fff;
}

#tabmenu .navhit{
	background:#fff;
	}

#tabmenu2 .navhit{
	background:#fff;
	}

#box,#box2{
	width: 750px;
	float: right;
    margin-right: 20px;
    margin-top:10px;
	}

#box h4,#box2 h4{
    font-size: 30px;
    margin-bottom: 30px;
    font-family: 'Noto Sans Japanese', serif;
}

#box div{
    margin-bottom: 0px;
}

#box div#specialist{
    margin-bottom: 0px;
}

/** 研修ナビ **/
#tabmenu ul li#t-navi{
    margin-top:20px;
    margin-left: 60px;
    background-image: url(../img/training_navi.png);
    background-repeat: no-repeat;
    width: 167px;
    height: 167px;
}

/*** 営業リクルート ***/
#box dl#sales{
    background-image: url(../img/site_bg.jpg);
    background-repeat: repeat;
}

#box dl#sales dt{
    float: left;
    clear: left;
    text-align: right;
    width: 110px;
    padding:10px;
    background-image: url(../img/site_bg.jpg);
    background-repeat: repeat;
}

#box dl#sales dd{
    margin-left:135px;
    padding:10px 15px;
    background-color: #fff;
}

/*** 技術者登録 ***/
div#specialist p{
    margin-bottom: 10px;
}

form#specialist-form select{
    padding:2px 10px;
    border: 1px solid #ccc;
    background-color: #eee;
}

form#specialist-form input,form#specialist-form textarea{
    padding:2px 2px;
    border: 1px solid #ccc;
    background-color: #eee;
}

form#specialist-form dl dt{
    padding:15px 0 0px;
}

form#specialist-form dl dd.sex input{
    margin: 0 10px;
}

/*** 新卒採用リクルート ***/
#box dl#fresh{
    background-image: url(../img/site_bg.jpg);
    background-repeat: repeat;
}

#box dl#fresh dt{
    float: left;
    clear: left;
    text-align: right;
    width: 110px;
    padding:10px;
    background-image: url(../img/site_bg.jpg);
    background-repeat: repeat;
}

#box dl#fresh dd{
    margin-left:135px;
    padding:10px 15px;
    background-color: #fff;
}

/*** 中途採用リクルート ***/
#box dl#professional{
    background-image: url(../img/site_bg.jpg);
    background-repeat: repeat;
}

#box dl#professional dt{
    float: left;
    clear: left;
    text-align: right;
    width: 110px;
    padding:10px;
    background-image: url(../img/site_bg.jpg);
    background-repeat: repeat;
}

#box dl#professional dd{
    margin-left:135px;
    padding:10px 15px;
    background-color: #fff;
}

/*** パートナー募集スタイル ***/
div#partner{
    margin-bottom: 300px;
}

div#partner p{
    margin-top: 20px;
}

/*** 研修についてのスタイル ***/
iframe{
    width:750px;
    height:1400px;
    overflow: hidden;
}


/*** ABOUT会社概要スタイル ***/
#box2 dl#gaiyou{
    background-image: url(../img/site_bg.jpg);
    background-repeat: repeat;
    margin-bottom: 0px;
}

#box2 dl#gaiyou dt{
    float: left;
    clear: left;
    text-align: right;
    width: 110px;
    padding:10px;
    background-image: url(../img/site_bg.jpg);
    background-repeat: repeat;
}

#box2 dl#gaiyou dd{
    margin-left:135px;
    padding:10px 15px;
    background-color: #fff;
}

/* google map */

div#gMap{
	width: 560px;
	height: 320px;
    margin-bottom: 10px;
	}

div.gmap_info p.gmap_name{
    background-image: url(../img/gmap_logo.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    width:88px;
    height:27px;
    margin-bottom: 5px;
}

div.gmap_info p.gmap_add{
    margin-left: 5px;
}


/*** ABOUT代表挨拶スタイル ***/
div#greet{
    width: 721px;
    margin-bottom: 100px;
    position: relative;
}

div#greet h4{
    position: absolute;
    right: 20px;
    top: 20px;
}

div#greet p{
    margin-top:20px;
    font-family: 'Noto Sans Japanese', serif;
}

/*** ABOUTメンバー紹介スタイル ***/
div#member{
    width: 721px;
    margin:0 auto;
    position: relative;
}

div#member p#member_txt{
    width:300px;
    color: #fff;
    height:94px;
    padding:41px;
    background-color: #26a84a;
    font-size:16px;
}

div#member ul#member-img{
    width:750px;
}

div#member ul#member-img li:first-child{
}

div#member ul#member-img li{
    float: left;
    margin-right:50px;
    margin-bottom:30px;
}


/*** ABOUT沿革スタイル ***/
div#history{
    width: 721px;
    /*margin-bottom: 800px;*/
    position: relative;
}

div#history dl dt{
    float: left;
    clear: both;
}

div#history dl dd{
    margin-left:100px;
}


/*----------------------------
CONTACTスタイル
-----------------------------*/
div#contact-wrap{
    width: 100%;
    background-image: url(../img/site_bg.jpg);
    background-repeat: repeat;
    position: relative;
}

div#contact{
    width: 700px;
    padding:0 0px 150px;
    margin: 0 auto 0px;
    padding-top: 115px;
}

div#contact h3{
    background-image: url(../img/h_contact.png);
    background-repeat: no-repeat;
    width: 262px;
    height: 39px;
    text-indent: -9999px;
    margin-bottom: 10px;
}

form{
    margin-top: 30px;
}

form#contact-form select{
    padding:2px 2px;
    border: 1px solid #ccc;
    background-color: #fff;
}

form#contact-form input,form#contact-form textarea{
    padding:2px 2px;
    border: 1px solid #ccc;
    background-color: #fff;
    font-size: 14px;
}

form#contact-form dl dt{
    padding:20px 0 0px;
}

/* 必須 */
.require {color: #dd0000;}


/* １段階小さい文字 */
.small {font-size:80%;}


/* ボタンの親 */
.button {
	text-align:center;
}

/* Table
--------------------------------------------------*/


.zeromail table,
.zeromail th,
.zeromail td {
	background-color:;
	border:solid 0px #888;
	border-collapse:collapse;
}

.zeromail table {
	width:100%;
    margin-top: 10px;
    background-color:;
    margin-bottom:10px;
}

.zeromail caption {
    margin:10px 0;
    padding:0.5em;
    background-color:#c9d9f0;
    color:#3762a8;
    font-weight:bold;
}

.zeromail thead th,
.zeromail tfoot th {
	background-color:#dbe5f3;
    text-align:center;
}

.zeromail thead td,
.zeromail tfoot td {
	background-color:#dbe5f3;
    text-align:center;
}

/*技術者フォームスタイル*/
#specialist .zeromail table{
    border-collapse: collapse;
}

#specialist .zeromail tbody th {
    padding:1em;
	background-color:;
	font-weight:normal;
    text-align: c;
    vertical-align: top;
    background-image: url(../img/site_bg.jpg);
    background-repeat: repeat;
}

#specialist .zeromail td {
    padding:1em;
	text-align:left;
}


/*お問い合わせフォームスタイル*/
.zeromail tbody th {
    padding:0.5em;
	background-color:;
	font-weight:normal;
    text-align:right;
    vertical-align: top;

}

.zeromail td {
    padding:0.5em;
	text-align:left;
}

/* Form
--------------------------------------------------*/
.zeromail legend {
	display:none;
}

.zeromail label{
    margin:0 3px;
}

.zeromail input[type=radio],
.zeromail input[type=checkbox] {
    margin-right:0.3em;
}

.zeromail button,
.zeromail input[type=checkbox],
.zeromail input[type=radio],
.zeromail input[type=reset],
.zeromail input[type=submit] {
    padding:1px;
}

.zeromail [type=check],
.zeromail [type=radio],
.zeromail [type=submit] {
    cursor: pointer;
}

.zeromail [type=check] + label,
.zeromail [type=radio] + label {
    display: inline-block;
    cursor: pointer;
}

.zeromail [type=text],
.zeromail [type=password],
.zeromail textarea {
    margin-right: 5px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.zeromail input[type=text]:hover,
.zeromail [type=password]:hover,
.zeromail textarea:hover,
.zeromail input[type=text]:focus,
.zeromail [type=password]:focus,
.zeromail textarea:focus {
	background-color: #fff;
}

/* Button
--------------------------------------------------*/
.zeromail .button {
    text-align:center;
    margin-top:20px;
}

.zeromail .button button {
    min-width:100px;
	_width:100px;
}

.zeromail button[type],
.zeromail button[id]{
    margin:0 5px;
	padding:5px 5px;
    border:solid 2px;
    border-color:#888;
	border-radius:5px;
    background-color:#888;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    behavior: url(PIE.htc);
    line-height:1.4;
    cursor:pointer;
    color:#fff;
    position: relative;
}

.zeromail button[type]:hover,
.zeromail button[id]:hover{
    border-color:#aaa;
    background-color:#aaa;
}
.zeromail button[class=submit] {
    border:solid 2px;
    border-color:#888;
	border-radius:5px;
    background-color:#888;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    behavior: url(PIE.htc);
    line-height:1.4;
    cursor:pointer;
    color:#fff;
    padding: 5px 5px;
    font-size:15px;
}
.zeromail button[class=submit]:hover {
    border-color:#aaa;
    background-color:#aaa;
}

.zeromail button[class=myreset],
.zeromail button[id=close]{
    padding: 5px 5px;
    border:solid 2px;
    border-color:#888;
	border-radius:5px;
    background-color:#888;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    line-height:1.4;
    cursor:pointer;
    color:#fff;
    behavior: url(PIE.htc);
}


/* 確認・エラー画面(check,error)
--------------------------------------------------*/
.zeromail #confirm th{
    text-align: left;
    font-weight: bold;
    display: block;
    background-color: #eee;
    border: 1px solid #eee;
}

.zeromail #confirm td  {
    display: block;
    padding-left:1em;
    padding-bottom:1em;
    background-color: #fff;
    border: 1px solid #eee;
}

/*入力エラー*/
.zeromail strong.error {
	display:inline;
	padding:0;
	margin:0;
	border:0;
	background:none;
    color:#A82B2B;
}

/* Message()のメッセージ */
.message {
	text-align:center;
}

/*エラー*/
.zeromail span.error{
	display:block;
	margin:1.5em 0px;
	padding:1em;
	background-color:#f7a499;
	border:solid 1px #e16c48;
	text-align:center;
	color:#181710;
}

/*エラーなし*/
.zeromail span.confirm{
	display:block;
	color:#339933;
	border:solid 1px;
	border-color:#D9F4C4;
	padding:10px;
}

div#container{
    width:700px;
    margin:50px auto 80px;
}

@media screen and (max-width: 700px) {
    div#container{
        width:90%;
        margin:50px auto 0;
    }
}

div#container h2{
    text-align: center;
    font-size: 18px;
}

/* 送信完了(completion.html)
--------------------------------------------------*/
#completion .success {
	margin:1.5em 0px;
	padding:1.5em 0;
	background-color:#e8f198;
	border:solid 1px #c6e148;
	text-align:center;
	color:#4e4c35;
}

/*-----------------------------------------------------
  copyright
-----------------------------------------------------*/
.wtn_copyright {
	clear:both;
    margin-top:30px;
    font-size:10px;
	text-align:center;
    display: none;
}
.wtn_copyright a{
    color:#AABCE8;
	text-decoration:none;
}


/*----------------------------
プライバシーポリシースタイル
-----------------------------*/

div#pp-header-wrap{
    width: 100%;
    height: 78px;
    position: relative;
}

div#pp-wrap{
    width:100%;
    background-color: #fff;
    position: relative;
}

div#pp{
    width: 800px;
    margin: 8px auto 0;
    padding: 0px 0 50px;
    background-color: #fff;
    position: relative;
    padding-top: 30px;
}

div#pp h3{
    font-size: 30px;
    margin-bottom: 30px;
}

div#pp dl dd{
    margin-left:1.5em;
    margin-top:5px;
    margin-bottom: 20px;
}

div#pp dl dd ul{
    list-style: inside;
    margin-top: 15px;
}

body#privacy footer{
    width: 100%;
    height: 31px;
    background-image: url(../img/footer_bg.png);
    background-repeat: repeat-x;
    background-position: center;
	position:relative;
}

body#privacy p#copy{
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    -moz-text-shadow: 1px 1px 3px #000;
    -webkit-text-shadow: 1px 1px 3px #000;
    behavior: url(PIE.htc);
    clear: both;
    padding-top:7px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.1em;
}



/*----------------------------
footerスタイル
-----------------------------*/
footer{
    width: 100%;
    height: 90px;
    background-image: url(../img/footer_bg.png);
    background-repeat: repeat-x;
    background-position: bottom;
	position:relative;
}

footer div#footer-content{
    width: 280px;
    margin: 0 auto;
    color: #fff;
    padding-top: 15px;
}

footer h3{
    background-image: url(../img/footer_logo.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 91px;
    height: 31px;
    float: left;
    margin-right:35px;
}

footer p#pp{
    float: left;
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    padding-top: 8px;
}

footer p#pp a{
    color:#fff;
    text-decoration: none;
}

p#copy{
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    -moz-text-shadow: 1px 1px 3px #000;
    -webkit-text-shadow: 1px 1px 3px #000;
    behavior: url(PIE.htc);
    clear: both;
    padding-top:22px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.1em;
}

/*=====新メールフォーム=====*/

#formWrap {
	width:100%;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:100%;
}

table.formTable{
	width:100%;
	margin:0 auto;
	/*border-collapse:collapse;*/
}

table.formTable td,table.formTable th{
	/*border:1px solid #ccc;*/
	padding:3% 0;
}

table.formTable th{
	width:40%;
	font-weight:normal;
	text-align:left;
}

table.formTable td .font_size{
	font-size: 16px;
}