@charset "UTF-8";

@import 'menu.css';
@import 'footer.css';
@import 'top.css';

/* LAYOUT
------------------------------------------------*/
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/bg01b.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 12px;
	line-height:1;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color:#666666;}

body#home {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/bg01.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 12px;
	line-height:1;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color:#666666;}


* {margin: 0px;padding: 0px;}

/* リンクカラーの設定 */
a {color: #1e73b9;}
a:hover {color: #cc3365;}

/* 画像リンクの設定 */
img {border:none;}


/* 見出しの設定　*/
h2, h3, h4, h5, h6 {font-size: 12px;}
h1 {font-size: 12px;line-height:1em;padding-top:6px;}
th,td{vertical-align: top;}

.thin{font-weight: normal;}
hr,.hide {display:none;}
.black{color: #000000;}
.red{color: #cc3365;}
.f10{font-size:10px;line-height:1.2em;}
.f14{font-size:14px;}
.f14black{font-size:14px;color: #000000;}
.note{padding-left:1em;text-indent: -1em;padding-top:6px;line-height:1.3em;}
.mt5{margin-top:5px;}
.mt20{margin-top:20px;}
.mt35{margin-top:35px;}

.dotline{
	background-image: url(../img/dotline.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 5px;
}
.dotline2{
	clear:both;
	background-image: url(../img/dotline.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	line-height: 1px;
	padding: 0px;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.outline{border:1px solid #cccccc;}

/* ベースボックス */
#container {width: 860px;margin: 0 auto;text-align:left;}

/* ヘッダ要素 */
#header{position: relative;height:118px;}
body#home #header{position: relative;height:119px;}
#hlogo{position: absolute;height: 57px;width: 148px;left: 0px;top: 33px;}

/* パンくず */
#pankuzu{
	background-image: url(../img/navi.gif);
	background-repeat: no-repeat;
	padding-left: 55px;
	line-height: 1.1em;
	height:23px;
	margin-top: 10px;
}






/* 下層ページ
------------------------------------------------*/
#side{
	width:215px;
	float:left;
	margin-top: 20px;
}
#main{
	width:611px;
	float: right;
	margin-top: 29px;
	line-height:1.6em;
}

/*ページタイトル*/
#main #title{
	background-image: url(../img/title_bg1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 17px;
}
#main #title h2{
	font-size:18px;
	color:#1e73b9;
	background-image: url(../img/title_bg2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 23px;
	padding-top: 5px;
}

/*メイン文章*/
#main p{padding-top:1em;}
#main div.left{width:291px;float:left;}
#main div.right{width:291px;float:right;}
.clr{clear:both;padding:2em 0px;}

/*サブタイトル*/
#main .sub{
	background-color: #e6e6e6;
	padding: 4px;
	border: 1px solid #CCCCCC;
	margin-top:25px;
	clear:both;
}
#main .sub h3{
	font-size:14px;
	color: #cc3365;
	padding: 2px 4px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 0px;
}
#main .sub h3 span{
	font-weight: normal;
	padding-left: 3px;
}
#main .list th,#main .list td{line-height:14px;}


#main .photoR{
	margin-top:1.2em;
	clear:both;
}
#main .photoR .photo{float:right;width:140px;padding-top:1em;padding-bottom:1em;}
#main .photoR p{margin-top:0px;margin-right:150px;}



/*会社案内*/
.company{border: 1px solid #CCCCCC;padding: 5px;background-color: #e6e6e6;}
.companyIn{padding: 9px;background-color: #FFFFFF;}
.company td{
	color:#000000;
	padding: 2px 5px;
	background-image: url(../img/dotline.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}


/*ニュース*/

#newsbox{
	background-color: #e6e6e6;
	padding: 5px;
	border: 1px solid #CCCCCC;
}
#newsboxIn{
	background-color: #FFFFFF;
	padding: 9px;
}
#newsboxIn th{
	width:140px;
	background-image: url(../img/dotline.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 5px;
	font-weight: normal;
	text-align: left;
	font-size: 10px;
}
#newsboxIn td{
	background-image: url(../img/dotline.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 5px;
	width: 400px;
	font-size: 10px;
	line-height: 1.4;
}
#newsboxIn th span{width:130px;display:block;
	font-size: 10px;
	height: 17px;
}
#newsboxIn th span.new{
	background-image: url(../img/new.gif);
	background-position: right 0px;
	background-repeat: no-repeat;
}


body#recruit div#toprecruit{ display:none;}
.sitemap ul{ margin:20px;}
.sitemap li{ margin:8px 20px;}

body#contact div#main ol{ margin:20px;}
body#contact div#main li{ margin:8px 20px;}


/*contact*/
.contact{border: 1px solid #CCCCCC;padding: 5px;background-color: #e6e6e6;}
.contactIn{padding: 9px;background-color: #FFFFFF;}
.contact td,.contact th{
	color:#000000;
	padding: 2px 5px;
	background-image: url(../img/dotline2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: left;
}
.contact td table.nodot td{
	background-image: none;
	background-repeat: no-repeat;
}
.contact th{background-color: #ebebeb;}

.mailtxt{
	vertical-align: middle;
}