/*
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
エイシン｜EISIN｜
基本スタイルCSS
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
◆◆　英語版　◆◆
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■基本スタイル：975px　印刷時75％

｜60px｜　　　855px　　　｜60px｜
｜95px｜...9項目

■基本フォント：ゴシック系

■基本文字サイズ：14px　行間：1.75em
□小さい文字サイズ：12px
□さらに小さい文字サイズ：10px
□タイトルなど大きなサイズ：16px

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/

/*　初期設定　*/

body {
	background: #DDD;
	margin: 0px;
	padding: 0px;
	display: block;
}

/*　すべてにフォント設定　※欧文フォントはAppleの設定より　*/
* {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック" ;
}

/*　見出しのマージン・余白・行間クリア　*/
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	line-height: 1.25em;
}
 
/*　pのクリア　*/
p {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 1.75em;
} 
 
 

/*　imgのクリア　*/
img {
	margin: 0px;
	padding: 0px;
}

/*　divのクリアとブロック化　*/
div {
	margin: 0px;
	padding: 0px;
	display: block;
}

/*　非表示設定　*/
.hidden {
	display: none;
}

/*　フロートクリア　*/
.clear{
	clear: both;
}

/*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　
　　クリアフィックス＠コリス　　　　　　　*/

/* new clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/


/*　基本的リンク設定　*/
a {
	color: #03C;
	text-decoration: underline;
}
a:hover {
	color: #F60;
	text-decoration: none;
}


/*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　基本構造の設定
　　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　*/

div#white {
	margin: 0px auto 60px;
	width: 975px;
	background: #FFF;
	padding: 0px 0px 30px;
	border-bottom: 1px solid #999;
}

div#head {
	margin: 0px auto;
	width: 855px;
	height: 120px;
}

div#navi {
	margin: 0px auto;
	width: 855px;
	border-top: 4px solid #000;
}

div#design {
	margin: 0px auto 80px;
	width: 855px;
}

/*　−−−−−−−−−−−
　　　ナビ
　　−−−−−−−−−−−*/
div#navi p{
	float: left;
	width: 107px;
	background: #DDD url(img_general/navibgline.gif) no-repeat left bottom;
}

div#navi p a{
	text-align: center;
	width: 107px;
	display: block;
	text-decoration: none;
	color: #333;
	height: 30px;
	vertical-align: middle;
	line-height: 30px;
	font-size: 12px;
	background: url(img_general/dot1pxFFF.gif) repeat-y left top;
}

div#navi p a:hover{
	color: #F60;
	background: #FFD url(img_general/navibgline.gif) no-repeat right bottom;
}

/*　−−−−　オンページ　−−−−　
　　　※英語版は8項目になったため、オンページで1px分幅を調整
*/

div#navi p.on{
	width: 106px;
}

div#navi p.on a{
	width: 106px;
	color: #09F;
	background: #FFF url(img_general/navibgline_CCC_DEF.gif) no-repeat right bottom;
}


/*　−−−−−−−−−−−−−−−−−−−−−−
　　　div#design　｜　h2：ページキャッチ
　　−−−−−−−−−−−−−−−−−−−−−−　*/
h2 {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "細明朝体";
	font-size: 28px;
	line-height: 1em;
	margin: 30px 0px 20px 60px;
	display: block;
}

/*　−−−−−−−−−−−−−−−−−−−−−−
　　　index.html のh2 を変更
　　−−−−−−−−−−−−−−−−−−−−−−　*/
body#index h2 {
	margin: 0px 0px 20px 60px;
}



/*　−−−−−−−−−−−−−−−−−−−−−−
　　　写真とキャプションの基本構成
　　−−−−−−−−−−−−−−−−−−−−−−　*/
p.phcap{
	font-size: 10px;
	float: left;
	margin-bottom: 1em;
	display: inline;
}
p.phcap img{
	margin-bottom: 5px;
}

/*　横並びで右アキ20pxを設定する場合に、imgタグにクラスを指定　*/
p.phcap img.right20 {
	margin-right: 20px;
}

/*　横並びで右アキ10pxを設定する場合に、imgタグにクラスを指定　*/
p.phcap img.right10 {
	margin-right: 10px;
}



/*　−−−−−−−−−−−−−−−−−−−−−−
　　　左右振り分け構造　サイズ（幅：w）は各divへidを設定し、指定。
　　−−−−−−−−−−−−−−−−−−−−−−　*/
div.wrap {
}

div.left {
	float: left;
}

div.right {
	float: right;
}


/*　−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
　　　左右振り分け構造　｜テスト｜左右均等　14px×29文字
　　−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−　*/
div#test {
}

div#test div.left{
	width: 406px;
}

div#test div.right{
	width: 406px;
}


/*　−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
　　　左右振り分け構造　｜企業理念｜左右均等　14px×29文字
　　−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−　*/
body#pride div.wrap {
	margin-top: 15px;
	width: 605px;
	margin-right: 0px;
	margin-left: 128px;
}

body#pride div.wrap div.left{
	width: 537px;
}

body#pride div.wrap div.right{
	width: 280px;
}



/*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　左右振り分け構造　｜沿革ページ｜
　　　｜左：メニュー5コ（95×5＝475px）｜40px｜右：340px｜
　　−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−　*/
body#history div.wrap{
	margin-bottom: 20px;
	width: 855px;
}

body#history div.wrap div.left{
	width: 35em;
	font-size: 12px;
}

body#history div.wrap div.right{
	width: 380px;
}

/*　沿革　年代セクション設定　*/
body#history  h3 {
	border-top: 2px solid #36C;
	font-weight: normal;
	padding-top: 6px;
}


/*　沿革テキスト表組　*/
div.histable {
}

div.histable p{
	font-size: 12px;
	display: inline;
	float: left;
	width: 31em;
	border-top: 1px solid #BBB;
	padding-top: 0.25em;
	clear: none;
	margin-top: 0.75em;
}

/*　エイシン分をブルー文字で（太字：strong）　*/
div.histable p strong{
	font-weight: normal;
	color: #F50;
}


/*年号（year month）*/
div.histable p.ym{
	float: left;
	width: 4em;
	clear: both;
	border-color: #36C;
	color: #36C;
}

/*年号（year month）2
　＝＝＝＝　英語版で同じ年号内繰り返しの場合にボーダートテキスト白にして不可視化　＝＝＝＝
*/
div.histable p.ym2{
	float: left;
	width: 4em;
	clear: both;
	border-color: #FFF;
	color: #FFF;
}


/*年号（year month）のアキ調整...一桁の場合の前後アキをつくる*/
div.histable p.ym em{
	font-style: normal;
	padding-right: 0.25em;
	padding-left: 0.25em;
}


/*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　左右振り分け構造　｜会社概要ページ｜
　　　｜左：340px｜40px｜右：475px＝メニュー5コ分｜
　　−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−　*/
body#outline div.wrap{
	margin-bottom: 20px;
}

body#outline div.wrap div.left{
	width: 340px;
}

body#outline div.wrap div.right{
	width: 475px;
}


/*　会社概要テキスト組　*/


div.outlinebox {
	margin-bottom: 30px;
}

div.outlinebox h3{
	font-size: 20px;
	border-top: 2px solid #36C;
	padding-top: 6px;
}

div.outlinebox p{
	font-size: 12px;
	border-top: 1px dotted #BBB;
	margin-bottom: 1em;
	line-height: 1.5em;
}

/*項目*/
div.outlinebox p.ko {
	color: #36C;
	border-top: 1px solid #36C;
	margin-bottom: 0.5em;
	line-height: 1.25em;
	vertical-align: middle;
	height: 1.25em;
	padding-top: 0.25em;
}

/*　ーーーーーーーーーーーーーーー
　　細かい設定　　　　　　　　　　*/

/*　｜役員他の頭揃え｜　*/
div.outlinebox p.vip em {
	width: 8em;
	font-style: normal;
	display: inline;
	float: left;
}
/*　｜内容の区分けの■｜　*/
div.outlinebox  p strong {
	color: #36C;
	font-weight: normal;
	letter-spacing: 0.2em;
}
/*　｜データ更新日｜　*/
div.outlinebox  p.update {
	font-size: 10px;
	text-align: right;
	clear: both;
	margin-top: 20px;
	border-top-style: dotted;
	width: 340px;
}


/*　右ボックスの画像、各社ブロック　*/

body#outline div.wrap div.right div.comp{
	padding-bottom: 30px;
}

/*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　左右振り分け構造　｜部門紹介ページ｜
　　　｜左：14px×31字＝434px ※ブロック幅はメニュー5個（475px）：41px｜右：メニュー4コ分（95×4＝380px）｜
　　−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−　*/

/*　セクション分け　※区分けラインつける（上部ボーダー）　*/
body#section div.wrap{
	margin-bottom: 30px;
	border-top: 2px solid #36C;
	padding-top: 14px;
}

/*　各セクションタイトル　*/
body#section div.wrap h3{
	font-size: 18px;
}


/*　左ブロック　*/
body#section div.wrap div.left{
	width: 475px;
}
body#section div.wrap div.left p{
	width: 30em;
	margin-bottom: 1em;
}

/*　↑の幅の設定を「写真用のp（p.phcap）に対して解除」　*/
body#section div.wrap div.left p.phcap{
	width: auto;
	margin-bottom: 0;
}


/*　右ブロック　*/
body#section div.wrap div.right{
	width: 380px;
}





/*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　振り分けなし構造　｜メッセージページ｜
　　　｜100px｜655px｜100px｜
　　−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−　*/

div#interview {
	width: 42em;
	margin-right: auto;
	margin-left: auto;
	font-size: 14px;
}

div#interview h3{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "細明朝体";
	font-size: 20px;
	display: block;
	margin-bottom: 10px;
	color: #36C;
	border-left: 5px solid #36C;
	padding-left: 5px;
	font-weight: normal;
}

div#interview p{
	margin-bottom: 1.5em;
}




/*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　振り分け構造　｜採用情報ページ｜
　　　｜recruitbox：535px｜smilework：320px｜
　　−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−　*/

/*　採用情報テキスト組　*/

div#recruitbox {
	width: 30em;
	float: left;
	font-size: 14px;
}


div#boshubox {
	float: left;
	font-size: 12px;
	margin-top: 30px;
	margin-bottom: 30px;
}

div#boshubox  h3{
	border-top: 2px solid #36C;
	font-size: 12px;
	width: 34em;
	margin-bottom: 12px;
}

div#boshubox  h3 strong{
	font-size: 20px;
	font-weight: normal;
	line-height: 1.5em;
}


div#boshubox  p{
	font-size: 12px;
	display: inline;
	float: left;
	border-top: 1px solid #BBB;
	margin-top: 0.75em;
	padding-top: 0.25em;
	clear: none;
	width: 26em;
}
/*項目*/
div#boshubox  p.ko{
	float: left;
	width: 6em;
	clear: both;
	border-color: #36C;
	color: #36C;
}


/*　職場イメージ｜smilework｜　*/
div#smilework {
	width: 380px;
	float: right;
}

div#smilework img {
	margin-bottom: 20px;
}

div#smilework p {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "細明朝体";
	font-size: 12px;
	color: #36C;
}



/*　−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
　　　左右振り分け構造　｜お問合せ｜左右均等　14px×29文字
　　−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−　*/
body#contact div.wrap {
}

body#contact div.wrap div.left{
	width: 406px;
}

body#contact div.wrap div.right{
	width: 406px;
}

body#contact div#design h3{
	font-size: 18px;
	font-weight: normal;
	display: block;
	padding-bottom: 0.25em;
	border-left: 3px solid #36C;
	padding-left: 0.5em;
	margin-bottom: 0.5em;

}

body#contact div#design h4{
	font-size: 16px;
	font-weight: normal;
	color: #36C;
}

body#contact div#design p{
	font-size: 14px;
	line-height: 1.5em;
	margin-top: 0.5em;
}








/*　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　｜フッタ｜
　　−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−　*/
div#foot {
	margin: 0px auto;
	background: #EEE url(img_general/bgline_ccc1px_clear2px.gif) repeat left 2px;
	display: block;
	width: 855px;
	border-top: 1px solid #BBB;
}

div#foot p{
	font-size: 10px;
	color: #666;
	text-align: center;
	display: block;
	letter-spacing: 0.25em;
	padding-top: 1em;
	padding-bottom: 1em;
}