@charset "utf-8";


/****************************************
     Theme Name: 株式会社Blooming Soul
     Theme URI: http://bloomingsoul.co.jp/
     Description: 株式会社Blooming SoulのCSSファイルです。

     Version: 2.0
     Author: masa
     Author URI: http://bloomingsoul.co.jp/

     = で検索（要素を探しやすく）
*****************************************/

/****************************************
     = General Setting 
*****************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1;}
nav ul,ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content: none;}
ins { color: #000; text-decoration: none; background-color: #ff9; }
mark { color: #000; font-style: italic; font-weight: bold; background-color: #ff9;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help;}
table {
	font-size:inherit; font:100%;
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select { vertical-align: middle;}
a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/*** = HTML5 Element ***/
header, footer, nav, section, hgroup, article, aside, dialog, figure { display:block;}


/****************************************
     = body
*****************************************/
body {
	font-family: Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo, Osaka,'ＭＳ Ｐゴシック', sans-serif;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	color: #FFFFFF;
	line-height: 1.8;
	letter-spacing: 0;
	text-align: center;
}
html>/**/body{ font-size /*\**/: small\9;}/* IE8 */
/*'メイリオ', Meiryo, Osaka,*/
@media print { body { background: none;} * html body { zoom: 74%;}}


/*** a ***/
a:link,
a:visited {
	color: #ffffff;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #ffffff;
	text-decoration: none;
}

/*** h ***/
h1 { font-size: 197%;}
h2 { font-size: 153.9%;}
h3 { font-size: 138.5%;}
h4 { font-size: 123.1%;}
h5 { font-size: 108%;}
h6 { font-size: 100%;}

/*** .class font-size ***/
.text10 { font-size: 77% !important;}
.text11 { font-size: 85% !important;}
.text12 { font-size: 93% !important;}
.text13 { font-size: 100% !important;}
.text14 { font-size: 108% !important;}
.text15 { font-size: 116% !important;}
.text16 { font-size: 123.1% !important;}
.text17 { font-size: 131% !important;}
.text18 { font-size: 138.5% !important;}
.text19 { font-size: 146.5% !important;}
.text20 { font-size: 153.9% !important;}
.text21 { font-size: 161.6% !important;}
.text22 { font-size: 167% !important;}
.text23 { font-size: 174% !important;}
.text24 { font-size: 182% !important;}
.text25 { font-size: 189% !important;}
.text26 { font-size: 197% !important;}

/*** .class text-align ***/
.textc { text-align: center !important;}
.textl { text-align: left !important;}
.textr { text-align: right !important;}
.textj { text-align: justify !important;}

/*** .class color ***/
.textRed { color: #CC0000; }

/*** .class img.icon ***/
img.icon { vertical-align: middle; }


.floatL { float:left;}
.floatR { float:right;}
.clear { clear:both;}

/*** hr ***/
div.hr {
	height: 10px;
	background: url(../img/icon/hr_dot_gray.gif) repeat-x left center;
	margin-bottom: 1em;
	clear: both;
	margin-top: 0px;
	width: 100%;
}
div.hr hr { display: none;}

/*** clear ***/
.clear { clear: both; }


/****************************************
     = body / header / footer / div#container /
*****************************************/
:root {}
body {
	background-color:#333333;
	background-image:url(../img/common/body.png);
	/* Firefox用 */  
	background: -moz-linear-gradient(top, #328311,  
	#4dac26 50%, 
	#328311);
	/* Safari,Google Chrome用 */  
	background: -webkit-gradient(linear, top, bottom, from(#328311),  
	color-stop(0.5, #4dac26),  
	to(#328311));
}
/*
	background: -moz-linear-gradient(top, #1d2c73,  
	#c36 20%,  
	#f60 50%, 
	#990 60%,    
	#1d2c73 90%,  
	#000);
*/
* html body {
	overflow: hidden;
	background: url(../img/common/body.png);
}
html {}

div#bg01 {
	background: url(../img/common/bubble.png);
}
div#bg02 {
	background: url(../img/common/bg_00005.png) repeat;
}

/* iPhone */
@media screen and (max-device-width: 480px) {
div#bg01 { background: none;}
div#bg02 { background: none;}	
}

div#top {
	margin: 0;
	padding: 0 0 50px 0;	
}

header#header {
	position: fixed !important;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 150px;
	background: url(../img/common/header_bg_001.png) repeat-x left top;
	z-index: 300;
}

footer#footer {
	width: 950px;
	clear: both;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 150px;
}
footer#footer p {
	padding-left: 10px;
}


div#container {
	position: relative;
}

* html div#container {
	height: 100%;  
	overflow: auto; 
}
@media print{}




/****************************************
     = header
*****************************************/
div#headerInner {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 95px;
}
div#headerInner h1{

}
div#headerInner h1 a{}


/****************************************
     = nav
*****************************************/
/*スクロール領域*/
#scroll {
	position:relative;
	text-align:left;
	width: 200px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	padding-top: 200px;
}

nav#nav {
	width: 200px;
	margin-bottom: 50px;
}
nav#nav ul{
	width: 200px;
}
nav#nav ul li{
	display: block;
	height: 25px;
	width: 200px;
	text-align: left;
	margin-bottom: 10px;
}

nav#nav ul li,
nav#nav ul li a{
	display: block;
	height: 25px;
	width: 200px;
	text-indent: -9999px;
	transform: skewX(0deg);
	-moz-transform: skewX(0deg);
	-webkit-transform: skewX(0deg);
	-o-transform: skewX(0deg);
	transition: all 0.6s ease-in-out;	
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}
nav#nav ul li:hover,
nav#nav ul li a:hover {
	transform: skewX(0deg);
	-moz-transform: skewX(0deg);
	-webkit-transform: skewX(0deg);
	-o-transform: skewX(0deg);
	transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}

/* a */
nav#nav ul li.home a { background: url(../img/common/nav.png) no-repeat 0px 0px; }
nav#nav ul li.introduction a { background: url(../img/common/nav.png) no-repeat -200px 0px; }
nav#nav ul li.about a { background: url(../img/common/nav.png) no-repeat -400px 0px; }
nav#nav ul li.business a { background: url(../img/common/nav.png) no-repeat -600px 0px; }
nav#nav ul li.recruit a { background: url(../img/common/nav.png) no-repeat -800px 0px; }
nav#nav ul li.contact a { background: url(../img/common/nav.png) no-repeat -1000px 0px; }

/* hover */
nav#nav ul li:hover { background: rgba(0,0,0,0.3); }
nav#nav ul li.home a:hover { background: url(../img/common/nav.png) no-repeat 0px -25px; }
nav#nav ul li.introduction a:hover {background: url(../img/common/nav.png) no-repeat -200px -25px; }
nav#nav ul li.about a:hover { background: url(../img/common/nav.png) no-repeat -400px -25px; }
nav#nav ul li.business a:hover { background: url(../img/common/nav.png) no-repeat -600px -25px; }
nav#nav ul li.recruit a:hover { background: url(../img/common/nav.png) no-repeat -800px -25px; }
nav#nav ul li.contact a:hover { background: url(../img/common/nav.png) no-repeat -1000px -25px; }

div.address {
	text-align: left;
	margin-top: 60px;
	padding-left: 10px;
}
div.address  p{
	margin-bottom: 1em;
	opacity: 0.6;
	line-height: 1.4;
}
div.address  img{}

/****************************************
     = contents / main / side
*****************************************/
div#contents {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

div#contentsInner {
	position: relative;
	float: left;
}

/*   = メインコンテンツ
----------------------------------------*/
div#main {
	width: 700px;
	float: right;
	padding-top: 200px;
}


/*見出し・テキスト設定*/
div#mainInner h2{
	font: 200%/1 "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: left;
	margin-bottom: 50px;
}
div#mainInner h3{
	font: 161.6%/1.3 "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: left;
	margin-bottom: 30px;
	clear: both;
}
div#mainInner h4{
	text-align: left;
	margin-bottom: 10px;
	clear: both;
	font-size: 123.1%;
	line-height: 1.3;
}
div#mainInner h5{
	text-align: left;
	margin-bottom: 10px;
	clear: both;
	line-height: 1.3;
}
div#mainInner p{
	margin-bottom: 1em;
}


/****************************************
     = footer
*****************************************/


/****************************************
     = layout
*****************************************/
section.section {
	clear: both;
	padding-top: 190px;
	margin-bottom: 800px;
	width: 700px;
	float: left;
	position: relative;
	text-align: left;
}
* html section.section { margin-bottom: 300px;}

section.contactForm {
	padding-top: 0;
}

section.section h2 {
	font-size: 220%;
	text-align: left;
	line-height: 1;
	margin-bottom: 50px;
	clear: both;
}
section.section h3 {
	font-size: 108%;
	text-align: left;
	margin-bottom: 50px;
	clear: both;
}
section.section h4 {
	font-size: 123.1%;
	text-align: left;
	line-height: 1.3;
	margin-bottom: 30px;
	clear: both;
}
section.section h5 {
	text-align: left;
	line-height: 1.3;
	margin-bottom: 30px;
	clear: both;
}

section.section p {
	text-align: left;
	margin-bottom: 1em;
}

/**/
h2.subtitle {
	display: block;
	height: 65px;
	width: 550px;
	margin: 50px auto 200px;
}

/*newsArea*/
div.newsArea {
	float: left;
	width: 345px;
	text-align: left;
	margin-bottom: 100px;
}
h3.news {}

/*pickupArea*/
div.pickupArea {
	float: right;
	width: 345px;
	text-align: justify;
	margin-bottom: 100px;
}
h3.touhoku {

}

/**/
div.location {
	text-align: left;
	float: left;
	width: 700px;
}
dl.dlLocation {
	position: relative;
	float: right;
	width: 420px;
	text-align: justify;
	margin-bottom: 50px;
}
dl.dlLocation dt{
	position: absolute;
	left: 0px;
	width: 6em;
}
dl.dlLocation dd{
	padding-left: 8em;
}

/**/
div.infoArea {
	clear: both;
	width: 700px;
	float: left;
	margin-bottom: 150px;
}

div.infoEnd {
	margin-bottom: 0px !important;
}


div.infoArea p.infoTxt {
	padding-left: 245px;
	text-align: justify;
	padding-bottom: 100px;
}
ul.elacjapanLink {}
ul.elacjapanLink li {
	text-align: right;
	margin-bottom: 10px;
}
ul.elacjapanLink li img { vertical-align:middle;}
ul.elacjapanLink li a {}
ul.elacjapanLink li a:hover {}

/**/
div.almoInfo {
	width: 340px;
	float: left;
	margin-right: 10px;
	margin-bottom: 30px;
}

/**/
div.recruitArea {
	clear: both;
	width: 700px;
	float: left;
	margin-bottom: 150px;
	text-align: left;
}
div.recruitAreaEnd {
	clear: both;
	width: 700px;
	float: left;
	margin-bottom: 0px;
	text-align: left;
}
h5.subtitleRecruit {
	display: block;
	height: 60px;
	width: 580px;
}

div.recruitInfo {
	background: url(../img/common/recruitInfo_bg.png) no-repeat left bottom;
	padding-bottom: 30px;
	margin-bottom: 20px;
	width: 700px;
}
* html div.recruitInfo { background: none;}

div.recruitInfo h5{
	background: url(../img/common/recruitInfo_h5_bg.png) no-repeat left top;
	padding: 30px 30px 20px;
	margin-bottom: 0;
	font-size: 123.1%;
}

* html div.recruitInfo h5 {
	padding: 30px 0px 20px;
	background: none;
}

div.recruitInfo h6{
	padding-right: 30px;
	padding-left: 30px;
	margin-bottom: 1em;
}
* html div.recruitInfo h6 {
	padding-right: 0;
	padding-left: 0;
}

div.recruitInfo p{
	padding-right: 30px;
	padding-left: 30px;
}
* html div.recruitInfo p {
	padding-right: 0;
	padding-left: 0;
}

dl.dlRecruit {
	position: relative;
	font-size: 93%;
	padding-right: 30px;
	padding-left: 30px;
	text-align: left;
	margin-bottom: 1em;
}
* html dl.dlRecruit {
	padding-right: 0;
	padding-left: 0;
}
dl.dlRecruit dt{
	position: absolute;
	left: 30px;
}
* html dl.dlRecruit dt { left: 0;}

dl.dlRecruit dd{
	padding-left: 15em;
}

/**/
section.htmlFooter {
	clear: both;
	width: 700px;
	margin-bottom: 150px;
	text-align: left;
	position: relative;
	padding-top: 50px;
}
section.htmlFooter p{}
dl.dlhtmlFooter {
	position: relative;
	text-align: left;
}
dl.dlhtmlFooter dt{
	position: absolute;
	left: 0px;
}
dl.dlhtmlFooter dd{
	padding-left: 12em;
	margin-bottom: 10px;
}
p.submit_btn {
	padding-top: 30px;
}

/*定義文*/
dl.dl {
	position: relative;
	margin-bottom: 1em;
}
dl.dl dt{
	position: absolute;
	left: 0px;
}
dl.dl dd{
	padding-left: 7em;
}


/*募集要項 テーブル*/
table.recruitTable {
	border-top: 1px solid #1270A3;
	border-left: 1px solid #1270A3;
	clear: both;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}
table.recruitTable th, table.recruitTable td {
	border-right: 1px solid #1270A3;
	border-bottom: 1px solid #1270A3;
	padding: 5px 10px 8px;
}
table.recruitTable th {

}
table.recruitTable td {}

dl.contactdl {
	position: relative;
	clear: both;
	margin-bottom: 80px;
	margin-top: 30px;
	text-align: left;
}
dl.contactdl dt{
	position: absolute;
	left: 0px;
}
dl.contactdl dd{
	padding-left: 12em;
}

div.privacyPolicy {
	height: 220px;
	overflow-y: scroll;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
}
div.privacyPolicy p{
	font-size: 85%;
}


/*   = ページの先頭へ
----------------------------------------*/
p.BacktoTop {
	clear: both;
	text-align: right !important;
	width: 700px;
	float: left;
	padding-top: 50px;
}
p.BacktoTop a {
	display: block;
	height: 16px;
	width: 17px;
	background: #000;
	float: right;
}
p.BacktoTop a:hover {
	display: block;
	height: 16px;
	width: 17px;
	background: #FFF;
}
p.BacktoTop a img {
	vertical-align: top;
}

/****************************************
     = 吹き出し
*****************************************/
.hotspot {}
#tt {
	position:absolute;
	display:block;
	z-index: 999;
}
#tttop {
	display:block;
	height:5px;
	margin-left:5px;
	overflow:hidden;
}
#ttcont {
	display:block;
	padding:5px 10px;
	background:#000;
	color:#FFF;
	text-align: left;
	font-size: 93%;
	line-height: 1.3;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#ttbot {
	display:block;
	height:5px;
	margin-left:5px;
	overflow:hidden;
}