@charset "shift_jis";

/*-------------------------------------------------------------------
全称セレクタやリンクの基本カラー
--------------------------------------------------------------------*/
* {
	font-family:'MS PGothic', Osaka, sans-serif;
	padding:0;
	margin:0;
}


h2 {
	font-size:16px;
}

div#pankuzu {
	font-size:13px;
	margin-top:10px;
	margin-bottom:10px;
}

img {
	border:none;
}

div#pageinfo {
	font-size:12px;
	margin-top:10px;
	margin-bottom:10px;
}

/*-------------------------------------------------------------------
SPACER
--------------------------------------------------------------------*/

div#space5{
	height:5px;
	margin:0;
	font-size:0;
}

div#space10{
	height:10px;
	clear:both;
}

div#space15{
	height:15px;
	clear:both;
}

div#space20{
	height:20px;
	clear:both;
}

div#space30{
	height:30px;
	clear:both;
}

div#space40{
	height:40px;
	clear:both;
}

/*-------------------------------------------------------------------
SELECT
--------------------------------------------------------------------*/

SELECT#index01 {
	height:100px;
	width:310px;
}

/*-------------------------------------------------------------------
ERROR
--------------------------------------------------------------------*/

div#error{
	background:#FF3300;
	color:#FFFFFF;
	font-weight:bold;
	font-size:13px;
	margin-bottom:3px;
}


/*-------------------------------------------------------------------
TAB
--------------------------------------------------------------------*/

div#tab{
	margin:0 0 10px 0;
}

/*-------------------------------------------------------------------
TILE
--------------------------------------------------------------------*/

div#tile_left{
	margin:0px 14px 3px 0;
	width:220px;
	height:260px;
	float:left;
}

div#tile_center{
	margin:0px 14px 3px 0;
	width:220px;
	height:260px;
	float:left;
}

div#tile_right{
	margin:0 0 3px 0;
	width:220px;
	height:260px;
	float:left;
}

div#tilePhoto {
	width:218px;
	height:218px;
	border:1px solid #AAAAAA;
}



div#tile_logo{
	margin:5px 0 0 0;
	width:220px;
	height:25px;
}

div#tile_btn{
	margin:10px 0 0 0;
	width:220px;
	height:25px;
}



/*-------------------------------------------------------------------
bodyとid="container"のスタイル
--------------------------------------------------------------------*/

body{
	background:#DDDDDD;
	text-align:justify;
	margin-top:10px;
	margin-bottom:10px;
}

div#container{
	width:960px;
	background:#FFFFFF;
	margin:0 auto;
}


/*-------------------------------------------------------------------
sidebarのスタイル
--------------------------------------------------------------------*/

div#sidebar {
	width:220px;
	float:right;
	margin-top:10px;
}

#sidebar a:hover img{
	filter:alpha(opacity=75); /*IE用*/
	-moz-opacity:0.75; /*FF用*/
	opacity:0.75;

}

div#sidebarBoxTitle {
	width:220px;
	height:20px;
	background:#E8E8E8;
	margin-top:10px;
}

div#sidebarBoxTitleText {
	font-size:13px;
	padding-top:3px;
	padding-left:3px;
}

div#sidebarBoxPhoto {
	width:80px;
	height:80px;
	float:left;
	margin-top:5px;
}

div#sidebarBoxText {
	width:130px;
	float:right;
	margin-top:5px;
	margin-left:10px;
	font-size:13px;
	line-height:130%;
}

div#sidebarBoxQATitle {
	width:220px;
	background:#E8E8E8;
	margin-top:10px;
	padding-bottom:5px;

}

div#sidebarBoxQATitleText {
	font-size:13px;
	padding-top:6px;
	padding-left:6px;
}

div#sidebarBoxQAText {
	margin-top:5px;
	margin-left:5px;
	font-size:13px;
	line-height:150%;
}

div#sidebarButton{
	width:220px;
	height:30px;
	padding-bottom:10px;
	background:url(../images/sidebar/img_sidebar_bg_01.jpg) no-repeat;
}

div#sidebarButtonText {
	font-size:13px;
	padding-top:9px;
	padding-left:8px;
}

/*-------------------------------------------------------------------
TABLE関係のスタイル
--------------------------------------------------------------------*/

TABLE {
  border-collapse: collapse;
  border-style: solid;
  border-color: #CCCCCC;
  border-width: 1px;
  text-align:left;
  font-size:13px;
}

TABLE#nbd {
  border: none;
}

TR#nbd {
  border:none;
}


TH {
  border-style: solid;
  border-color: #CCCCCC;
  border-width: 1px 1px 1px 0;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  color:#333333;
  background:#ffffbb;
  line-height:150%;
  font-weight:normal;
}

TH#nbd {
  border:none;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  color:#333333;
  background:#E0E0D1;
  line-height:150%;
  font-weight:normal;
}

TD {
  border-style: dotted;
  border-color: #CCCCCC;
  border-width: 1px 0 1px 1px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  line-height:150%;
  background:#ffffff;
}

TD#nbd {
  border-style:none;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  line-height:130%;
  background:#ffffff;
}

TH#must {
  border-style: solid;
  border-color: #CCCCCC;
  border-width: 1px 1px 1px 0;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  color:#333333;
  background:#E0E0D1 url(/images/must.gif) right no-repeat;
}

hr {
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #333333;
	height: 1px;
	margin:5px 0 5px 0;
}

/*-------------------------------------------------------------------
id="header"関係のスタイル
--------------------------------------------------------------------*/

div#header {
	height:5px;
	width:960px;
	border-style: none;
	background:#482D12;
}

div#header h1{
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	padding-top:7px;
	padding-left:7px;
	text-align:left;
}

div#wrap_header2 {
	height:80px;
	width:960px;
	border-bottom: #333 solid 1px;
	background:#FFFFFF;
	padding-bottom:0;
	margin:0;
}

div#header2{
	width:300px;
	float:left;
	padding-top:15px;
}

div#header2 img{
	margin-left:10px;
}

div#header250{
	width:250px;
	float:right;
	margin-top:13px;
	margin-right:15px;
	text-align:right;
}


/*-------------------------------------------------------------------
id="navi"関係のスタイル
--------------------------------------------------------------------*/

div#gnavi {
	height:43px;
	width:960px;
}


/*-------------------------------------------------------------------
タイトル関係
--------------------------------------------------------------------*/

div#subt {
	padding:10px 0 10px 0;
}

/*-------------------------------------------------------------------
MAP
--------------------------------------------------------------------*/

div#mapBox{
	border:1px solid #dddddd;
	width:688px;
	height:330px;
	background:#FFFFE6;
	font-size:13px;
}

div#mapWrapLeft {
	float:left;
	width:360px;
}

div#mapWrapRight {
	float:right;
}

div#mapBox01 {
	width:312px;
	height:310px;
	padding-top:10px;
	padding-left:10px;
}

div#mapBox02 {
	width:318px;
	height:310px;
	padding-top:10px;
}


div#map {
	margin:0 0 0 10px;
}


/*-------------------------------------------------------------------
トップページ
--------------------------------------------------------------------*/

div#kuchikomiPhoto {
	width:100px;
	height:100px;
	float:left;
	margin:10px 10px 0 0;
}

div#kuchikomiBoxDigest {
	width:578px;
	height:100px;
	float:right;
	margin:10px 0 0 0;
	border:1px solid #AAAAAA;
	background:#FFFFFF;
}

div#kuchikomiBoxTitle {
	width:578px;
	height:25px;
	background:#FFFFFF;
}

div#kuchikomiBoxTitleText {
	font-size:15px;
	padding-top:4px;
	padding-left:5px;
}

div#kuchikomiBoxText {
	font-size:13px;
	padding-top:10px;
	padding-left:5px;
	line-height:130%;
}

div#kuchikomiBoxLogo {
	width:573px;
	text-align:right;
	padding-right:5px;
	font-size:13px;
}



/*-------------------------------------------------------------------
資料請求の流れ
--------------------------------------------------------------------*/

div#stepBoxLeft {
	width:205px;
	margin-right:10px;
	float:left;
}

div#stepBoxRight {
	width:475px;
	float:right;
}

div#stepBoxText {
	font-size:13px;
	color:#333333;
	line-height:150%;
}





/*-------------------------------------------------------------------
会社紹介ページ
--------------------------------------------------------------------*/


span#companyDescText {
	font-size:14px;
	line-height:130%;
	padding:7px;
}


div#companyDescBox01 {
	width:688px;
	margin:10px 0 0 0;
	border:1px solid #669900;
	background:#F5FFE1;
}

div#companyDescBox02 {
	width:688px;
	margin:10px 0 0 0;
	border:1px solid #FF0000;
	background:#FFFFFF;
}

div#companyDescBoxText {
	font-size:14px;
	line-height:130%;
	padding:7px;
}

div#companyGraphBoxLeft {
	width:221px;
	margin:10px 10px 0 0;
	float:left;
}

div#companyGraphBoxCenter {
	width:221px;
	margin:10px 10px 0 0;
	float:left;
}

div#companyGraphBoxRight {
	width:221px;
	margin:10px 0 0 0;
	float:left;
}

div#companyGraphBoxTitle {
	width:221px;
	height:25px;
	background:#006699;
}

div#companyGraphBoxTitleText {
	color:#FFFFFF;
	font-size:14px;
	padding-top:5px;
	text-align:center;
}

div#companyGraphBoxText {
	color:#333333;
	font-size:14px;
	padding:10px;
	line-height:130%;
}

div#companyDescBox02 {
	width:688px;
	margin:0;
	border:1px solid #663333;
	background:#FFFFFF;
}

div#companyPhotoBoxLeft {
	width:221px;
	height:188px;
	margin:0 10px 0 0;
	border:1px solid #CCCCCC;
	background:#FAFAFA;
	float:left;
}

div#companyPhotoBoxCenter {
	width:221px;
	height:188px;
	margin:0 10px 0 0;
	border:1px solid #CCCCCC;
	background:#FAFAFA;
	float:left;
}

div#companyPhotoBoxRight {
	width:221px;
	height:188px;
	margin:0 0 0 0;
	border:1px solid #CCCCCC;
	background:#FAFAFA;
	float:left;
}


div#companyPhotoBoxLeft2 {
	width:221px;
	height:200px;
	margin:0 10px 0 0;
	border:1px solid #CCCCCC;
	background:#FAFAFA;
	float:left;
}

div#companyPhotoBoxCenter2 {
	width:221px;
	height:200px;
	margin:0 10px 0 0;
	border:1px solid #CCCCCC;
	background:#FAFAFA;
	float:left;
}

div#companyPhotoBoxRight2 {
	width:221px;
	height:200px;
	margin:0 0 0 0;
	border:1px solid #CCCCCC;
	background:#FAFAFA;
	float:left;
}



div#companyPhotoBoxImage {
	margin:7px 7px 7px 7px;
}

div#companyPhotoBoxText {
	margin:0 0 0 7px;
	font-size:13px;
	line-height:130%;
}


div#companyPhotoBoxLeft400 {
	width:400px;
	margin:0 10px 0 0;
	border:1px solid #CCCCCC;
	float:left;
}

div#companyPhotoBoxLeft250 {
	width:250px;
	margin:0 10px 0 0;
	text-align:center;
	border:1px solid #CCCCCC;
	float:left;
}

div#companyPhotoBoxLeft230 {
	width:230px;
	margin:0 10px 0 0;
	text-align:center;
	border:1px solid #CCCCCC;
	float:left;
}

div#companyPhotoBoxLeft230Nbd {
	width:230px;
	margin:0 10px 0 0;
	text-align:center;
	float:left;
}

div#companyPhotoBoxLeft220 {
	width:220px;
	margin:0 10px 0 0;
	text-align:center;
	border:1px solid #CCCCCC;
	float:left;
}

div#companyPhotoBoxLeft200 {
	width:200px;
	margin:0 10px 0 0;
	border:1px solid #CCCCCC;
	float:left;
}

div#companyPhotoBoxLeft150 {
	width:150px;
	margin:0 10px 0 0;
	border:1px solid #CCCCCC;
	float:left;
}

/*-------------------------------------------------------------------
マリックス
--------------------------------------------------------------------*/

div#marixBox01Left {
	width:221px;
	margin:20px 10px 20px 0;
	float:left;
}

div#marixBox01Center {
	width:221px;
	margin:20px 10px 20px 0;
	float:left;
}

div#marixBox01Right {
	width:221px;
	margin:20px 0 20px  0;
	float:left;
}


div#marixBox02Left {
	width:340px;
	margin:0;
	float:left;
}

div#marixBox02Right {
	width:340px;
	margin:0;
	float:right;
}

div#marixBox02Text {
	font-size:14px;
	line-height:130%;
}

div#marixBox02Photo {
	float:left;
	width:174px;
	padding-right:10px;
}



















/*-------------------------------------------------------------------
会社選択ページ
--------------------------------------------------------------------*/

div#companySelectBox01 {
	width:668px;

	margin:10px 0 0 0;
	padding:10px;
	border:1px solid #DDDDDD;
	background:#FFF4F4;
}

div#companySelectBox01:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div#companySelectBox01 {
    height: 1em;
}

div#companySelectBox01 {
    display: block;
}
/**/

div#companySelectBoxLeft {
	width:80px;
	height:118px;
	min-height: 118px;
	float:left;
	margin: 0 10px 0 0;
	padding: 10px 5px 10px 5px;
	background-color: #FFF;
	text-align: center;
	font-size: 12px;
	border: 1px solid #999;
}

div#companyPhotoBox {
	width:200px;
	float:left;
}

div#companySelectBoxRight {
	width:360px;
	float:left;
}

div#companySelectBoxLogo {
}

div#companySelectBoxName {
	padding-top:10px;
	font-size:13px;
}

div#companySelectBoxDesc {
	padding-top:10px;
	font-size:13px;
	color:#333333;
	line-height:130%;
}

div#companySelectBox02 {
	width:668px;
	height:30px;
	margin:0px;
	padding:5px 10px 5px 10px;
	border:1px solid #DDDDDD;
	background:#EEEEEE;
	text-align:right;
}


/*-------------------------------------------------------------------
id="contents"関係のスタイル（全ページ共通のベース）
--------------------------------------------------------------------*/

div#contents {
	width:940px;
	padding:0 10px 10px 10px;
	height:auto;
	background:#FFFFFF;
}

div#contents_left {
	width:702px;
	height:auto;
	background:#FFFFFF;
	float:left;
}

/*-------------------------------------------------------------------
id="footer"関係のスタイル
--------------------------------------------------------------------*/

div#footer {
	height:25px;
	width:960px;
	background:#482D12;
	margin-top:20px;
}


div#footerText {
	color:#FFFFFF;
	font-size:13px;
	padding:3px;
	text-align:center;
	padding-top:6px;
}

div#footerText a {
	color:#FFFFFF;
	font-size:13px;
	padding:3px;
	text-align:center;
	padding-top:6px;
}


/*-------------------------------------------------------------------
20100217　厳選された会社部分
--------------------------------------------------------------------*/

div#gensen{
	width:616px;
	height:173xp;
	margin-left:6px;
	min-height:173px;
	background-image:url(../images/main_bg02.gif);
	background-repeat:no-repeat;
	padding-left:74px;
	padding-top:61px;
	font-size:14px;
	color:#333;
}

*:first-child+html div#gensen{
	width:630px;
	padding-left:64px;
}

* html div#gensen{
	width:620px;
	height:58xp;
	padding-left:70px;
	padding-bottom:30px;
}


div#gensen .danjyo{
	float:left;
	margin-top:19px;
}

* html div#gensen .danjyo{
	margin-top:15px;
	height:87px;
}

div#gensen .jyo{
	margin-left:30px;
}

*:first-child+html div#gensen .jyo{
	margin-left:25px;
}

* html  div#gensen .jyo{
	margin-left:20px;
}


div#gensen .ikkatu{
	margin-left:142px;
	display:inline;
}

* html div#gensen .ikkatu{
	margin-left:139px;
}

.merit_wrap{
	width:690px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	color:#333;
	font-size:13px;
	margin:0;
}

.merit_wrap .wrap_left{
	width:165px;
	float:left;
}

.merit_wrap .wrap_left img{
	margin-top:15px;
}

.merit_wrap .wrap_right{
	margin-left:166px;
}

.merit_wrap .wrap_right img{
	margin-top:15px;
}

.merit_wrap p{
	margin:10px auto;
	line-height:145%;
}

.merit_wrap .detail01{
	width:340px;
	margin:0;
	background-color:#F3EDE2;
	line-height:150%;
	padding-left:10px;
}

.merit_wrap .detail02{
	width:530px;
	height:170px;
	margin:0;
	background-color:#F3EDE2;
	line-height:150%;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.merit_wrap .detail03{
	width:530px;
	margin:0;
	background-color:#F3EDE2;
	line-height:150%;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.merit_wrap .detail02 img{
	margin-left:170px;
	margin-bottom:5px;
	margin-top:2px;
}


#okute{
	border-left:#FF9900 solid 2px;
	padding-left:15px;
	font-size:14px;
	color:#333;
	line-height:150%;
	margin: 10px auto 20px 20px;
}



div#gensen02{
	width:702px;
	height:101xp;
	min-height:101px;
	background-image:url(../images/main02_bg.jpg);
	background-repeat:no-repeat;
	padding-left:74px;
	padding-top:120px;
	font-size:14px;
	color:#333;
}

*:first-child+html div#gensen02{
	padding-left:64px;
}

* html div#gensen02{
	width:632px;
	padding-left:70px;
}


div#gensen02 .danjyo{
	float:left;
	margin-top:15px;
}

* html div#gensen02 .danjyo{
	margin-top:15px;
	height:87px;
}

div#gensen02 .jyo{
	margin-left:30px;
}

*:first-child+html div#gensen02 .jyo{
	margin-left:25px;
}

* html  div#gensen02 .jyo{
	margin-left:20px;
}


div#gensen02 .ikkatu{
	margin-left:142px;
	display:inline;
}

* html div#gensen02 .ikkatu{
	margin-left:139px;
}


.space_left5{
	margin-left:10px;
}
.space_top5{
	margin-top:10px;
}

div#gs_ssl p{
	padding:0;
	margin:0;
	_margin-top:15px;
	font-size:14px;
	color:#FF396A;
	font-weight:bold;
}

div#gs_ssl{
	padding-left:10px;
	font-size:12px;
	color:#333;
	line-height:140%;
}

#merit{
	padding-left:15px;
	color:#333;
	font-size:12px;
	line-height:150%;
}

.merit_ttl{
	color:#FF3333;
	font-size:14px;
	font-weight:bold;
	line-height:145%;
	margin-top:20px;
	margin-left:-10px;
	margin-bottom:5px;
	border-bottom:dotted #666 1px;
}

.merit_sub{
	color:#09C;
	font-size:12px;
	font-weight:bold;
	line-height:145%;
	margin-top:10px;
	margin-bottom:5px;
}

.merit_point{
	color:#ff0000;
	font-size:13px;
	font-weight:bold;
	line-height:145%;
	margin-top:10px;
	margin-bottom:5px;
}

#table08{
	width:650px;
	margin-left:40px;
}

#table08 th{
	width:200px;
	background-color:#f6f6f6;
}