@charset "utf-8";

/*
======== table of content. =================================

summary:共通設定、共通レイアウト設定

- HTML
- BODY
- NONVISUAL-MENU

-COMMON
  - MENU

-CONTAINER

-HEADER

-CONTENT
  - CATEGORY-TITLE
  - GLOBALNAVI
  - pankuzu

- MAIN
  - SECTION
  - SIDENAVI
  - PAGETOP

-FOOTER

-CLEARFIX

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



/*-----------------------------------------------------
HTML
-------------------------------------------------------*/
html {

	overflow-y:scroll;
}

/*-----------------------------------------------------
BODY
-------------------------------------------------------*/
body {
	font-size: 12px;
	color:#333;
	line-height: 1.6;
	font-family: 'メイリオ','meiryo','ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ丸ゴシック Pro W3','Hiragino maru Gothic Pro','Helvetica','sans-serif';
	text-align: center;
	background-color: #E3F1D2;
/*	background: url(/images/pc/common/bg.gif) #E3F1D2 repeat-y center top;*/
/* スーモのグロナビ挿入のため記述変更#containerに移動 20131105 */
	-webkit-text-size-adjust: 100%;
}

/* for IE6 */
* html body {
	font-size: 75%;
}

/* for IE7 */
*:first-child + html body {
	font-size: 75%;
}

/*-----------------------------------------------------
LINK
-------------------------------------------------------*/
a { color: #0066CC; }
a:link { color: #0066CC; }
a:visited { color: #0066CC; }
a:hover, a:active { color: #0080ff; }

/*-----------------------------------------------------
LINK2
-------------------------------------------------------*/
a.noline { color: #333; text-decoration:none;}
a.noline:link { color: #333; text-decoration:none; }
a.noline:visited { color: #333; text-decoration:none; }
a.noline:hover, a:active { color: #333; text-decoration:none; }


/* リンクアイコン */
a.link-arrow,
.link-arrow {
	padding-left:12px;
	text-indent:0;
}
a.link-arrow{
	background: transparent url(/images/pc/common/ico_link.gif) no-repeat 0 4px;
}
.link-arrow {
	background: transparent url(/images/pc/common/ico_link.gif) no-repeat 0 6px;
}
a.blank{ background: url(/images/pc/common/ico_blank.gif) no-repeat 0 50%; padding-left: 12px;}
.link-arrow-top {
	padding-left:12px;
	text-indent:0;
	font-size:131%;
	background: transparent url(/images/pc/common/bullet.gif) no-repeat 0 6px;
}
.link-arrow-topC {
	padding-left:12px;
	text-indent:0;
	background: transparent url(/images/pc/common/bullet.gif) no-repeat 0 6px;
}
.link-arrow-topM {
	padding-left:12px;
	text-indent:0;
	font-size:131%;
	background: transparent url(/images/pc/common/bullet_g.gif) no-repeat 0 6px;
}
.link-arrow-topS {
	padding-left:12px;
	text-indent:0;
	background: transparent url(/images/pc/common/bullet_g.gif) no-repeat 0 6px;
}
.link-arrow-topLink {
	padding-left:12px;
	text-indent:0;
	background: transparent url(/images/pc/common/bullet.gif) no-repeat 0 6px;
	background-position: left center;
}
div.tenpoLink {
	padding:10px 0 0 0;
}
/*-----------------------------------------------------
nonvisual-menu
-------------------------------------------------------*/
div.nonvisual-menu {
	width:0;
	height:0;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
	/* except MacIE \*/position: absolute;/* end */
	left:0;
	top:0;
	color:#fff;
}
div.nonvisual-menu a {
	text-decoration:none;
	font-size:1px;
	line-height:1px;
	color:#fff;
}
#main-Contents img{
	position:absolute;
	border:none!important;
	height: 1px;
	top: 0px;
	left: 0px;
}


/*-----------------------------------------------------
COMMON
-------------------------------------------------------*/

/* menu_common
---------------------*/
dl dt.menutitle {
	/* except MacIE \*/position:absolute;/* end */
	top:0;
	left:0;
	width:0;
	height:0;
	font-size:1px;
	line-height:1px;
	overflow:hidden;
}

/*-----------------------------------------------------
CONTAINER
-------------------------------------------------------*/
#container {
	width: 950px;
	padding: 0 2px;
	margin: 0 auto;
	/*font-size:1.2em;*/
	text-align:left;
	background: url(/images/pc/common/bg.gif) #E3F1D2 repeat-y center top;
}


/*-----------------------------------------------------
HEADER
-------------------------------------------------------*/
#header {
	position: relative;
	width: 950px;
	padding-top: 10px;
	background: url(/images/pc/common/bg_header_main.gif) repeat;
}

/* LOGO
---------------------*/
#header .main_section {
	position: relative;
	width: 921px;
	height: 77px;
	padding: 0 14px 0 15px;
	background:url(/images/pc/common/bg_header_sub_catetop.gif) repeat-x bottom;
}
#header .left_column {
	/*width: 425px;*/
	float: left;
}
#header .left_column p#statement{
	font-size: 4px;
}
#header .left_column p#logo {
	position: relative;
	margin: 2px 0 0 0;
	padding: 0;
	z-index: 2;
}
#header .left_column p#logoNew {
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 2;
}
#header .left_column .logo_recruit {
	margin: 0 0 6px 0;
	text-align: right;
	font-size: 4px;
}
#header .right_column div#counterLogo {
	position: absolute;
	top: -2px;
	right: 14px;
	width:154px;
}
#header .right_column table td#whole_country {
	width: 300px;
	vertical-align: top;
	text-align: left;
}





/* #top LOGO
---------------------*/
#header #top .left_column {
position:reletive;
}
#header #top .left_column p#logoNew {
margin-top: 10px;
}
#header #top .left_column p#logoNew span {
position: absolute;
    right: -7em;
    top: 25%;
}
#header #top .right_column div#counterLogo {
width:77px;
top:10px;
}


/* navi
---------------------*/
#header #nav {
	position: absolute;
	top: 16px;
	left: 233px;
	width: 712px;
}
#header #nav p{
	padding: 0 0 6px 0;
}
#header #nav li{
	float: left;
	margin-top: 6px;
}
#header #nav li.counter{
	margin: 0 0 0 8px;
	display: inline;
}

/* topnav */
#header #topnav{
	position: absolute;
	top: 39px;
	left: 233px;
	width: 712px;
	z-index:3;
}
#header #topnav p{
	padding: 0 0 6px 0;
}
#header #topnav li{
	float: left;
	margin-top: 6px;
}
#header #topnav li.counter{
	margin: 0 0 0 4px;
	display: inline;
}
/* contNav */
#header #contNav{
	position: absolute;
	top: 9px;
	left: 233px;
	width: 712px;
}
#header #contNav p{
	position: relative;
	top: -7px;
	/*padding-bottom: 6px;*/
}
#header #contNav li{
	float:left;
	margin-top: 6px;
}
#header #contNav li.counter{
	margin: 0 0 0 4px;
	display: inline;
}
#header .freecall {
	float: right;
}


/*-----------------------------------------------------
CONTENT
-------------------------------------------------------*/

/* TOPページ用(content-top)はcss/index.cssに */
div#content {
	padding:11px 14px 0;
	/*font-size:0.8em;*/
}

/* CATEGORY-TITLE
---------------------*/
div#main h1 {
	font-weight:bold;
	font-size:150%;
	background:url(/images/pc/common/bg_ttlbarOrange.jpg) no-repeat bottom;
	margin:0 0 10px 0;
	padding:12px 0 12px 15px;
}
.chumon div#main h1 {
	background:url(/images/pc/common/bg_ttlbarOrange.jpg) no-repeat bottom;
}
.mansion div#main h1 {
	background:url(/images/pc/common/bg_ttlbarGreen.jpg) no-repeat bottom;
}
div#main h2{
	font-weight:bold;
	font-size:16px;
	margin:0 0 10px 0;
	padding:0 0 7px 0;
	background: url(/images/pc/common/h2_bg.gif) no-repeat left bottom;
}
.chumon div#main h2 span{
	padding:0 0 0 10px;
	border-left:4px solid #EE9904;
}
.mansion div#main h2 span{
	padding:0 0 0 10px;
	border-left:4px solid #7BB014;
}
div#main h2.imgTitle{
	font-size:100%;
	padding:0;
	border:none;
}
div#main h2.imgTitle2{
	font-size:100%;
	padding:0;
	border:none;
	background:none;
}
#main div.imgTitle{
	font-size:100%;
	padding:0;
	border:none;
	margin:0 0 10px;
}
#main dt.imgTitle{
	font-size:100%;
	padding:0;
	border:none;
	margin:0 0 10px;
}
#main dt.imgTitle img{
	border:none;
}
#main div.imgTitle img {
	border:none;
}
div#main h3{
	font-size:100%;
	font-weight:bold;
	background:url(/images/pc/common/bg_h3.jpg) no-repeat;
	padding:4px 0 3px 23px;
	border:1px solid #FFF;
}
div#main h4{
	font-size:100%;
}
#main div.open {
  font-size:100%;
  text-align: left;
  float: left;
  font-weight:bold;
  margin-top: 5px;
}
/* pankuzu
---------------------*/
dl.pankuzu{
	padding:0 0 10px 0;
}
dl.pankuzu dt {
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	/*color:#FFF;*/
	text-indent: -9999px;
}
dl.pankuzu dd {

}
dl.pankuzu ul {

}
dl.pankuzu ul li {
	float: left;
	padding:0 0.4em 0 0;
}
dl.pankuzu ul li a {
	padding:0 0.4em 0 0;
	color:#0066CC;
}
dl.pankuzu ul li a:hover {
}
dl.pankuzu ul li.active {
	color:#333;
}
dl.pankuzu ul li.active h1 {
	font-size:100%;
}
dl.pankuzu ul li.active strong {
	font-weight: normal;
}

/*-------------------------------------
MAIN
---------------------------------------*/

/* TOPページ用はcss/index.cssに */
/* 以下は下層ページ用 */

div#main {
	width:696px;
	float:right;

}
div#main p {
	margin:0 0 20px;
}
div#main p.mB10 {
	margin-bottom: 10px;
}

/* section
---------------------*/
.section{
	clear:both;
	/* margin:0 0 20px 0; */
	margin:0 0 35px 0;
}
.section p.dotline{
	background:url(/images/pc/common/bg_dotline.gif) repeat-x bottom;
	padding:7px 0 15px 0;
}
div#main .infoBox{
	border:1px solid #CCC;
}
div#main .infoBox .section{
	margin:0;
	padding:10px;
	border-top:1px solid #CCC;
}

/* sideNavi
---------------------*/
div#sideNavi {
	width:205px;
	float:left;
}
div#sideNavi p.about {
	margin:0 0 10px 0;
}
/*div#sideNavi p.about img {
	opacity:0.8;
	filter: alpha(opacity=80);
}*/
div#sideNavi .txtBox{
	background:#F0F0F0;
	margin:0 0 10px 0;
	_padding-bottom:10px;
}
div#sideNavi .txtBox h3{
	padding:11px 7px 11px 7px;
	*padding-top:7px;
}
div#sideNavi .txtBox p.third{
	padding:11px 7px 11px 7px;
	*padding-top:7px;
}

div#sideNavi .txtBox p.attn {
	color:#ff0000;
	padding:5px 20px 10px;
	_padding-bottom:0px;
}

div#sideNavi .txtBox dl{
	text-align:center;
}
div#sideNavi .txtBox dt{
	margin:15px 0 8px 0;
}

/* CGM */
div#sideNavi .txtBox dl.cgm{
	width:210px;
	height:35px;
	padding:0px 7px 10px;
}
div#sideNavi .txtBox dl.cgm dd a{
	background:url(/images/pc/common/cgm.png)  no-repeat;
	background-repeat: no-repeat;
	width:35px;
	height:35px;
	float:left;
}
div#sideNavi .txtBox dl.cgm dd.twtr a{
	background-position: 0 0;
	margin:0 13px 0 0;
}
div#sideNavi .txtBox dl.cgm dd.fb a{
	background-position: -35px 0px;
	margin:0 13px 0 0;
}
div#sideNavi .txtBox dl.cgm dd.ggl a{
	background-position: -70px 0px;
	margin:0 13px 0 0;
}
div#sideNavi .txtBox dl.cgm dd.mixi a{
	background-position: -105px 0px;
}

/* MOBILE */
div#sideNavi .txtBox dl.mobile dt{
	margin:0;
}
div#sideNavi .txtBox dl.mobile dd{
	padding:10px 0 10px;
}
div#sideNavi .txtBox dl.mobile dd a{
	padding:0 0 0 15px;
	background:url(/images/pc/common/ico_mail.gif) no-repeat 0 50%;
}

/* アンケート */
div#sideNavi .txtBox dl.inquary dt{
	margin:0;
	padding:0 8px;
	text-align:left;
}
div#sideNavi .txtBox dl.inquary dd{
	padding:0 8px 10px 8px;
	text-align:right;
}

/* Pマーク */
div#sideNavi dl.pmark{
	font-size:92%;
	padding:10px 0 50px 0;
	line-height:1.2;
}
div#sideNavi dl.pmark dt{
	float:left;
	padding:0 10px 0 0;
}

/* PAGETOP
---------------------*/
p.pagetop{
	margin:0 15px 0 0;
	padding:20px 0 0 0;
	text-align:right;
	clear:both;
}
/* KOME
---------------------*/
.kome{
	background:url(/images/pc/common/ico_kome.gif) no-repeat 0 0;
	padding-left:13px;
}
/* ACTION
---------------------*/
div.action{
	background: #fff6e6;
	border: 1px solid #fcecd0;
	padding: 15px 12px;
	margin:40px auto 0;
}
div.disaster{
	background: #fff6e6;
	border: 1px solid #fcecd0;
	padding: 15px 12px;
	margin:0px auto 5px;
}
div.action li {width:327px;}
div.action .left{float:left;}
div.action .right{float:right;}
div.action h4{margin-bottom:10px;}
div.action .tel{ text-align:center; margin-top:10px;}
div.action p.seminar {
	border-left: 4px solid #f29b00;
	color: #f29b00;
	text-align: left;
	height: 16px;
}
div.action span.seminar {
	margin-left: 6px;
	color: #f29b00;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
}
div.action p.sodan {
	border-left: 4px solid #eb2637;
	color: #eb2637;
	text-align: left;
	height: 16px;
}
div.action span.sodan {
	margin-left: 6px;
	color: #eb2637;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
}


/*-----------------------------------------------------
FOOTER
-------------------------------------------------------*/
#footer { margin: 20px 15px 0; padding-bottom: 20px;  padding-top: 20px; border-top: 1px solid #dcdcdc; clear:both; }
#footer .logo_recruit { float: left; width: 300px; padding-top: 15px; margin-left: 2px; }

/*added @ 2012/9/26 */
#footer .logo_recruit .corporate {
	margin-top: 9px;
	font-weight:bold;
	text-decoration: underline;
	font-size: 10px;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Helvetica,sans-serif,'ＭＳ Ｐゴシック','MS P Gothic';
}
#footer .logo_recruit .corporate a{
	color: #435B67;
}
#footer .site_list { float: right; width: 740px; }
#footer .site_list ul { text-align: right; font-size: 84%; }
#footer .site_list li { line-height: 1.5; display: inline; border-left: 1px solid #959595; margin-left: 5px; padding-left: 5px; }
#footer .site_list li.first_li { border-left: none; margin-left: 0; padding-left: 0; }
.footerMisc { text-align: right; margin-bottom: 20px; }
.footerMisc p { font-size: 11px; color: #aaa; margin: 0 0 10px 0; }
.footerMisc ul { padding-left: 5px; text-align: right; }
.footerMisc ul li { display: inline; margin-left: 10px; }
.footerMisc ul li a { background: url(/images/pc/common/bullet.gif) no-repeat 0 50%; padding-left: 10px;}
.footerMisc ul li.blank a { background: url(/images/pc/common/ico_blank.gif) no-repeat 0 50%; padding-left: 12px;}
#footerGro { padding-top: 15px; padding-bottom: 20px; border-top: 1px solid #dcdcdc; }
#footerGro .site_list { float: left; width: 905px; }
#footerGro .site_list ul { text-align: left; font-size: 84%; }
#footerGro .site_list li { line-height: 1.5; display: inline; border-left: 1px solid #959595; margin-left: 5px; padding-left: 5px; }
#footerGro .site_list li.first_li { border-left: none; margin-left: 0; padding-left: 0; }
#footer #footerGro .site_list { float: left; width: 905px; }
#footer #footerGro .site_list ul { text-align: left; font-size: 84%; }
#footer #footerGro .site_list li { line-height: 1.5; display: inline; border-left: 1px solid #959595; margin-left: 5px; padding-left: 5px; }
#footer #footerGro .site_list li.first_li { border-left: none; margin-left: 0; padding-left: 0; }
#footerGro2 { padding-top: 15px; padding-bottom: 20px; border-top: 1px solid #dcdcdc; }
#footerGro2 .site_list { float: left; width: 905px; }
#footerGro2 .site_list ul { text-align: left; font-size: 84%; }
#footerGro2 .site_list li { line-height: 1.5; display: inline; border-left: 1px solid #959595; margin-left: 5px; padding-left: 5px; }
#footerGro2 .site_list li.first_li { border-left: none; margin-left: 0; padding-left: 0; }
#footer #footerGro2 .site_list { float: left; width: 905px; }
#footer #footerGro2 .site_list ul { text-align: left; font-size: 84%; }
#footer #footerGro2 .site_list li { line-height: 1.5; display: inline; border-left: 1px solid #959595; margin-left: 5px; padding-left: 5px; }
#footer #footerGro2 .site_list li.first_li { border-left: none; margin-left: 0; padding-left: 0; }


/*-----------------------------------------------------
POPUP用レイアウト
-------------------------------------------------------*/
#popWrapper{
	width:784px;
	margin:0 auto 0 auto;
	background:url(/images/pc/common/bg_popupwrapper.gif) repeat-y 0 0;
	text-align:left;
}
/* header */
#popWrapper #header{
	width:750px;
	margin:0 auto;
	padding:10px 15px 15px;
	border-bottom:2px solid #D3DCB8;
}
#popWrapper #popMain{
	width:750px;
	margin:10px auto 10px auto;
}
#popWrapper #popMain h1{
	font-weight:bold;
	font-size:150%;
	margin:0 0 10px 0;
	padding:0 0 3px 0;
	border-bottom:1px solid #CCC;
}
#popWrapper #popMain h1 span{
	padding:0 0 0 10px;
}
.chumon #popMain h1 span{
	border-left:4px solid #EE9904;
}
.mansion #popMain h1 span{
	border-left:4px solid #7BB014;
}


/*-----------------------------------------------------
CLEARFIX
-------------------------------------------------------*/

/* clearfix (Firefox)
------------------------------- */
.clearfix:after{
   content:" ";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* WinIE7
------------------------------- */
.clearfix{
   display:inline-block;
}

/* WinIE5,6
------------------------------- */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}