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



/* --------------------------------
	リセット    base.css
-------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* --------------------------------
	汎用クラス
-------------------------------- */

/* clearfix: 2008-12-10 ---------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 1; overflow: hidden;}
.clearfix { display: inline-block;}
* html .clearfix { height: 1%;}
.clearfix { display: block;}


/* JavaScriptによるDOM操作用の予約済みセレクタ -------------------- */
.rollover {}
.faderollover {}






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

/* --------------------------------
	body
-------------------------------- */

body{
	background: #fff;
	font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}


/* --------------------------------
	リンク、hover
-------------------------------- */
a:link {
	color: #00a5da;
	text-decoration:none;
}
a:visited { color: #00a5da; }
a:hover { color: #3fc9f6; }
a:active { color: #00a5da; }


a.overwhite{
    background-color:#ffffff; /*hover時白く*/
    display:block;
}

a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}




/* --------------------------------
	フォントサイズ
-------------------------------- */

#second_page p.mtext{
	font-size:1.2rem;
	line-height: 1.6;
	margin-bottom:20px;
}

#second_page p.stxt{
	font-size:1.1rem;
	line-height: 1.5;
	margin-bottom:5px;
}

#second_page p.sstxt{
	font-size:1.0rem;
	line-height: 1.4;
}

#second_page p.ssstxt{
	font-size:0.8rem;
	line-height: 1.0;
}


/* --------------------------------
	スペース
-------------------------------- */
.mt5{
	margin-top:5px;
}

.mt10{
	margin-top:10px;
}

.mt20{
	margin-top:20px !important;
}

.mt30{
	margin-top:30px;
}

.mb10{
		margin-bottom:10px !important;
}

.mb20{
		margin-bottom:20px !important;
}

.ml10{
	margin-left:10px;
}

.ml15{
	margin-left:15px;
}





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

header{
	margin-bottom:20px;
}



/* --------------------------------
	フッター
-------------------------------- */

#footer{
	background-color:#ffe900;
    clear: both;
	padding:15px 0 1px 0;
}

#footer #inner{
     width:900px;
	 margin:auto;
}


#footer p{
	font-size:0.9rem;
	line-height:1.5;
	margin-bottom:10px;
}

#footer img{
	float:left;
	margin-right:20px;
}


#copyright{
	text-align:center;
	padding-top:10px;
}


	
/* --------------------------------
	pagetop
-------------------------------- */

#pagetop {
    position: fixed;
    bottom: 50px;
    right: 30px;
}	

	
	





#container{
	width:1000px;
	margin:auto;
	position:relative;/*標準ボックス化*/
}

#main{
	width:700px;
	margin:0 auto;
}


h1.title{
	margin:30px 0;
	font-size: 3rem;
	font-weight: bold;
	color: red;
	text-align: center;
}

h2.s_title{
	background-color:#eee;
	height:40px;
	padding:17px 0 0 17px;
	font-size:1.6rem;
	font-weight:bolder;
	margin-bottom:40px;
	float:left;
	width:673px;
}

h2.s_title2{
	background-color:#00a29a;
	height:40px;
	padding:17px 0 0 17px;
	font-size:1.6rem;
	font-weight:bolder;
	margin-bottom:40px;
	color:#FFF;
	float:left;
	width:673px;
}

h3.s_title3{
	background-color:#ffe900;
	padding:5px 0 0 15px;
	font-size:1.1rem;
	margin-bottom:10px;
	float:left;
	width:675px;
}

h3.s_title4{
	background-color:#eee;
	padding:10px;
	font-size:1.4rem;
	font-weight:bolder;
	margin-bottom:15px;
	float:left;
	width:673px;
}

h3.side_sttl{
	background-color:#eee;
	padding:10px;
	margin-bottom:15px;
	font-size:1.1rem;
	letter-spacing:3pt;
}



.article {
  float: left;
  background-image: url(../img/dotline.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 0 0 10px 0;
  margin-bottom: 40px;
  width: 690px;
}

p.info{
	line-height:1.6;
	margin-bottom:40px;
	text-align:center;
}

p.keisou{
	padding:10px;
	line-height:1.6;
	background-color: #bce7e5;
	font-weight: bold;
}

p.link{
	margin-top:10px;
	text-align:right;
}
/* --------------------------------
	グループ会社用、会社概要
-------------------------------- */

h2.s_title{
	margin-bottom:15px !important;
}

table{
	margin-bottom:10px;
	line-height:1.5;
}

table th {
	width:200px;
	padding: 20px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #BCE7E5;
	border: 1px solid #fff;
}

table td {
	padding: 20px;
	text-align: left;
	vertical-align: top;
	color: #333;
	border: 1px solid #fff;
}

p.maplink{
	text-align:right;
	margin-top:10px;
}


dl{
	float:left;
	margin-right:4px;
}

dl.lastchild{
	float:right;
	margin:0 0 0 1px;
}

dd{
	margin:3px 0 12px 0;
	font-size:0.9rem;
}


/* --------------------------------
	リクルート用
-------------------------------- */

.hurriedly{
	background-color:#F00;
	padding:0 3px 0 5px;
	color:#FFF;
	margin-right:7px;
	font-size: 0.8em;
	letter-spacing:2pt;
}