@charset "utf-8";
/**********************************************************************
Weddingjob CSS
[ /css/common.css ]

Since         : 09.03.23
Last modified : 09.03.23
**********************************************************************/

/* 
------------------------------------------------- */
body, h1, h2, h3, h4, h5, p, dl, dt, dd, ul, ol, li, img, div, caption, fieldset, table, tr, th, td {
	margin: 0;
	font-family:"lr oSVbN", Osaka, "qMmpS Pro W3" "Arial";
	font-size:12px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	vertical-align:text-bottom;
}
body {
	color: #333;
	text-align: center;
}
html, body {
	height: 100%;
}
img {
	border: 0;
	vertical-align: bottom;
}
h2, h3, h4 {
	font-weight: normal;
}
ul, ol {
	list-style-type: none;
}
fieldset {
	border: 0;
}
a:link {
	color: #516DAA;
	text-decoration: none;
}
a:active {
	color: #516DAA;
	text-decoration: none;
}
a:visited {
	color: #516DAA;
	text-decoration: none;
}
a:hover {
	color: #516DAA;
	text-decoration:underline;
}
/*------------------------------------------
共通スタイル
--------------------------------------------*/
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearer {
	clear: both;
}
/* clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;/*FFページ全体の高さ対策*/
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/*マウスオーバー*/
a.imghover:hover img {
	filter: alpha (opacity = 70);
	opacity: 0.7;
}
img a:hover {
	text-decoration:none !important;
}


.mgb10 {
	margin:0 0 15px 0;
}

.f14 {
	font-size:14px;
}

.f15 {
	font-size:15px;
}


.f16 {
	font-size:16px;
}

.fbold {
	font-weight: bold;
}

a.arw {
	background:url(../images/common/arw03.gif) no-repeat;
	padding:2px 0 0 13px;
	background-position:center left;
}


/*------------------------------------------
ヘッダー
--------------------------------------------*/
div#HeaderWrapper {
	width:100%;
	background:url(../images/common/head_bg.jpg) repeat-x;
	text-align:center;
}
div#Header {
	width:880px;
	height:77px;
	margin:auto;
	position:relative;
}
div#Header h1 {
	position:absolute;
	left:0px;
	top:19px;
}
div#Header h2 {
	position:absolute;
	left:250px;
	top:35px;
}
div#Header ul {
	position:absolute;
	left:690px;
	top:30px;
	width:220px;
}
div#Header ul li {
	float:left;
	margin-right:10px;
}
div#Header ul li a {
	display:block;
	height:20px;
	width:90px;
	text-indent: -9999px;
	overflow: hidden;
}
div#Header ul li#Headlink01 a {
	background:url(../images/common/headlink01.gif) no-repeat left top;
}
div#Header ul li#Headlink01 a:hover {
	background:url(../images/common/headlink01_ov.gif) no-repeat left top
}
div#Header ul li#Headlink02 a {
	background:url(../images/common/headlink02.gif) no-repeat left top;
}
div#Header ul li#Headlink02 a:hover {
	background:url(../images/common/headlink02_ov.gif) no-repeat left top
}
/*パンクズナビ*/
div#BreadNavi {
	color:#FFF;
	margin:5px 0 7px 0;
}
div#BreadNavi a {
	color:#FFF;
	text-decoration:underline;
	background:url(../images/common/icon_bread.gif) no-repeat right center;
	padding-right:15px;
}
div#BreadNavi a:hover {
	text-decoration:none;
}
div#BreadNavi ul {
	width:885px;
	padding:5px 0px 8px 0px;
}
div#BreadNavi ul li {
	float:left;
}
/*------------------------------------------
レイアウト
--------------------------------------------*/
div#Container {
	background:url(../images/common/mainBg.jpg) repeat-x;
	margin:auto;
	text-align:center;
}
div#Contents {
	width:880px;
	_width:883px;
	margin:auto;
}
div#LeftColumn {
	width:674px;
	_width:644px;
}
div#RightColumn {
	width:191px;
}
/*コンテンツインナー*/

div#ContentsBg {
	background:url(../images/common/contents_bg.jpg) no-repeat;
	width:674px;
	margin-top:8px;
}

div#ContentsInner {
	text-align:left;
	margin:0 0 0 20px;
	padding-top:20px;
}

/*第二階層コンテンツインナー*/

div#SecondContentsInner {
	background:url(../images/common/secondBg.jpg) no-repeat;
	width:674px;
	text-align:left;
	padding:15px 0 0 15px;
	min-height:500px;
	/*IE6用*/
	height: auto !important;  
 height: 500px;  
}

　 

/*------------------------------------------
左カラム
--------------------------------------------*/

/*メインイメージ*/
div#Mainimg {
	margin:0px 0px 8px 0px;
}	

div#newsBox {
	margin:15px 0;
	border:solid 1px #DFDFDF;
	width:640px;
	_width:600px;
}

/*最新ニュース*/
div#news {
	text-align:left;
}
div#news ul {
	padding-left: 15px;
	margin-bottom:20px;
}
div#news ul li {
	margin-bottom:3px;
}
div#news ul li span {
	margin-right:8px;
}

/*共通タイトルスタイル*/

.titlebox {
	width:640px;
	background:url(../images/common/bg_title.gif) repeat-x;
	position:relative;
	margin:0 0 15px 0;
}
.titlebox a {
	position:absolute;
	left:515px;
	top:10px;
	width:115px;
	height:30px;
	display:block;
	text-indent: -9999px;
	overflow: hidden;
}
.titlebox a.detail {
	background:url(../images/common/bn_detail.gif) no-repeat left top;
}
.titlebox a.detail:hover {
	background:url(../images/common/bn_detail_ov.gif) no-repeat left top;
}
.titlebox02 {
	width:640px;
	border-top:solid 3px #8B531C;
}

/*セミナー情報*/
#semminer {
	border:solid 1px #DFDFDF;
	width:640px;
	_width:600px;
}
#semminer dl:hover {
	text-decoration:underline;
	color: #516DAA;
}
#semminer dl {
	width:620px;
}
#semminer dt {
	margin-left:34px;
	_margin-left:15px;
	width:234px;
}
#semminer dd {
	margin:0 30px 0 20px;
	width:300px;
	_margin-left:20px;
	_width:300px;
}

#semminer dd ul {
	line-height:140%;
}

#semminer dd ul li {
	margin:0 0 3px 0;
}

#semminer div.separate {
	padding-top:10px;
	margin:0 0 10px 34px;
	width:570px;
	border-bottom:1px dotted #DFDFDF;
}


/*WBA*/
#WbaWrapper {
	border:solid 1px #DFDFDF;
	width:570px;
	background:url(../images/top/bg_wba.jpg) repeat-x;
	background-position:bottom;
	position:relative;
	margin:15px 32px;
	padding-bottom:12px;
	_margin:10px 16px;
}
#WbaWrapper img.title {
	margin:10px 0 10px 15px;
}

#WbaWrapper ul {
	width:265px;
	_width:260px;
}

#WbaWrapper ul li {
	list-style-image:url(../images/common/arw02.gif);
	margin:0 0 3px 10px;
	line-height:140%;
}

#WbaWrapper ul {
	margin-left:15px;
}
/*WBAの全て見るボタン*/

#WbaWrapper a.detail {
	position:absolute;
	left:440px;
	top:8px;
	width:115px;
	height:30px;
	display:block;
	text-indent: -9999px;
	overflow: hidden;
	cursor:pointer;
}
#WbaWrapper a.detail {
	background:url(../images/common/bn_detail.gif) no-repeat left top;
}
#WbaWrapper a.detail:hover {
	background:url(../images/common/bn_detail_ov.gif) no-repeat left top;
}
#WbaWrapper #WbaHead {
	border-bottom:solid 1px #DFDFDF;
	height:45px;
	margin:0 0 12px 0;
}
/*採用情報*/
div#recruit01 {
	margin:15px 0;
	border:solid 1px #DFDFDF;
	width:640px;
	padding:0 0 15px 0 ;
}
div#recruit01 dl {
	width:620px;
	_width:620px;
	margin:0 0 20px 20px;
}
xdiv#recruit01 dl:hover {
	text-decoration:underline;
	color: #516DAA;
}
div#recruit01 dt {
	width:290px;
}
div#recruit01 dd {
	margin:0px 0px 25px 15px;
	width:300px;
}
/**/
div#recruit02 {
	margin:0;
/*	margin:0 0 20px 0;*/
	_margin:0;
}
div#recruit02 dl:hover {
	text-decoration:underline;
	color: #516DAA;
}
div#recruit02 ul {
	margin:0 0 0 20px;
	_margin:0;
	width:640px;
}
div#recruit02 ul li {
	width:290px;
	float:left;
	margin:0 15px 0 10px;
	_margin:0 10px 0 10px;
}
div#recruit02 ul li dl dt img {
	margin-bottom:8px;
	border:solid 5px #EEE;
}
div#recruit02 ul li dl:hover {
	text-decoration:under-line;
}

/*書籍情報*/
div#book01 {
	margin:15px 0 30px 0;
	border:solid 1px #DFDFDF;
	width:640px;
	padding:0 0 15px 0 ;
}
div#book01 dl:hover {
	text-decoration:underline;
	color: #516DAA;
}
div#book01 ul {
	margin:0 0 0 8px;
	_margin:0;
	width:640px;
}
div#book01 ul li {
	width:290px;
	float:left;
	margin:0 15px 0 10px;
	_margin:0 10px 0 10px;
}
div#book01 ul li dl dt img {
	margin-bottom:8px;
	border:solid 5px #EEE;
}
div#book01 ul li dl:hover {
	text-decoration:under-line;
}

/*コンテンツへのリンク*/

div#Contentsbox {
	width:640px;
/*	margin:0 0 15px 0;*/
	margin:0;
}
div#Contentsbox ul {
	background:#F5F5F5;
	padding:15px 0 15px 10px;
}
div#Contentsbox ul li {
	float:left;
	margin:0 5px 0 0;
}

div#Contentsbox div#konpro {
	width:620px;
	_width:620px;
	margin:0 0 20px 20px;
}
div#Contentsbox div#konpro dl:hover {
	text-decoration:underline;
	color: #516DAA;
}
div#Contentsbox div#konpro dt {
	width:290px;
}
div#Contentsbox div#konpro dl dt img {
	border:solid 5px #EEE;
}
div#Contentsbox div#konpro dd {
	margin:0px 0px 25px 15px;
	width:300px;
}


/*企業のかたへ*/
div#Forcompany {
	margin:0 0 15px 0;
}
div#Forcompany ul li {
	margin:10px 80px;
}

/*------------------------------------------
右カラム
--------------------------------------------*/
div#RightColumn iframe {
	margin-bottom:15px;
}

/*Infotmation枠*/
div#Information {
	text-align:left;
	line-height:120%;
	background-color:#FFF;
	padding-bottom:10px;
	margin:0 0 15px 0;
}

div#Information img {
	margin-bottom:10px;
}

div#Information ul li {
	margin:0px 0px 8px 24px;
	list-style-image:url(../images/common/arw01.gif);
	padding-right:12px;
}
/*右ナビバナー*/
ul#RnaviContents li {
	margin-bottom:10px;
}
ul#RnaviBnr li {
	margin-bottom:10px;
}

ul#RnaviBnr li.swfBnr{
	border:1px solid #eee;
	width:167px;
	margin-left:12px;
	height:60px;
}
/*セカンド以降の右ナビ*/
div#RightColumn div#Information div.title {
	background:#504A3D;
	color:#FFF;
	padding:8px;
	font-weight:bold;
	margin-bottom:10px;
}
/*------------------------------------------
フッター
--------------------------------------------*/

div#Footlink {
	border-top:#CCCCCC solid 1px;
	width:880px;
	height:65px;
	margin:25px auto 0 auto;
	position:relative;
}
div#Footlink ul {
	margin:0 auto;
}
div#Footlink ul li {
	float:left;
	margin:15px 10px 15px 0;
}
/*Fotter*/

div#pagetop {
	position:absolute;
	left:790px;
	top:19px;
}
div#FooterWrapper {
	text-align:center;
	background-color:#F3F1E4;
	border:solid 1px #D3CBB1;
	height:auto;
	widows:100%;
}

div#Footer {
	width:880px;
	text-align:left;
	position:relative;
	margin:0 auto 115px auto;
	height:auto;
}

div#Footer ul {
	width:880px;
	position:absolute;
	left:0px;
	top:20px;
}

div#Footer ul li {
	float:left;
	margin:0 10px 0 0;
	padding:0 12px 0 3px;
	border-right:solid 1px #CCC;
}

div#Footer p#copyright {
	position:absolute;
	left:670px;
	top:25px;
}