@charset "shift_jis";
/* ************************************************ 
 *	全体
 * ************************************************ */
body {
	font-family:Helvetica,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'Osaka','ＭＳ Ｐゴシック',sans-serif;
	font-size:small;
	color:#333333;
	margin:0;
	padding:0;
}
img {
	vertical-align:bottom;
	border:none;
}
a{
	text-decoration:none;
	color:#45B29C;
}
.clearfix:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}
input,select,textarea{
	font-family:Helvetica,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'Osaka','ＭＳ Ｐゴシック',sans-serif;
	font-size:15px;
	padding:2px;
	border:#CCCCCC 2px solid;
}
.font-small{
	font-size:11px;
	color:#666666;
}
.fa{
	color:#DEB543;
}

@media screen and (min-width: 980px) {
/* ************************************************ 
 *	構成
 * ************************************************ */
.site-width{
	width:980px;
	margin:0 auto;
}
#header {
	position:relative;
	min-height:100px;
}
#header .title{
	display:block;
	position:absolute;
	top:15px;
}
#header .logo{
	display:block;
}
#header .comment{
	color:#666666;
	font-size:90%;
	font-weight:normal;
	position:absolute;
	top:0;
	right:200px;
	margin:0;
	padding:5px 0;
}
#header .tel{
	position:absolute;
	top:30px;
	right:0;
}
#header .tel .remark{
	display:none;
}
#header .font-size{
	font-size:90%;
	position:absolute;
	top:0;
	right:0;
}
#header .font-size ul{
	margin:5px 0;
	padding:0;
	list-style:none;
}
#header .font-size ul li{
	float:left;
	margin-left:5px;
}
#modal,.open { display: none; }
#nav {
	clear:both;
	border-bottom:#45B19C 5px solid;
	overflow:hidden;
}
#nav div {
	position:relative;
    left:50%;
    float:left;
}
#nav ul {
    list-style:none;
	padding:0;
	margin:5px 0;
	position:relative;
    left:-50%;
    float:left;
}
#nav li {
    text-align:center;
	float:left;
}
#nav li a{
	display:block;
	padding:0;
	margin:0;
}
#nav li a .text{
	display:block;
	padding:10px 5px;
	font-size:110%;
	letter-spacing:0.1em;
	margin:0;
	border-left:#DDDDDD 1px solid;
}
#nav li:last-child a .text{
	border-right:#DDDDDD 1px solid;
}
#nav li a.active,
#nav li a:hover{
	background:#45B19C;
	color:#FFFFFF;
}
.concept{
	margin-bottom:50px;
	background:#F2F2F2;
}
.news {
	position:relative;
}
.news .title{
	border-bottom:#DEB543 1px dotted;
	font-size:large;
	letter-spacing:0.1em;
	margin:0;
	padding:15px 0;
}
.news .title span{
	border-bottom:#DEB543 3px solid;
	padding:15px 0;
}
.news .more {
	position:absolute;
	right:0;
	top:20px;
}
.news ul{
	list-style:none;
	margin:10px 0;
	padding:0;
	overflow-y:scroll;
	height:200px;
}
.news ul li a{
	display:block;
	padding:10px 15px;
}
.news ul li .dates{
	color:#333333;
	margin-right:20px;
	padding:0;
}
.contents-main{
	float:left;
	width:650px;
}
.contents-side{
	float:right;
	width:300px;
}
.page-header{
	background:#F2F2F2;
	margin-bottom:30px;
	padding:50px;
}
.page-header .title{
	letter-spacing:0.2em;
	margin:0;
	padding:0;
}
.page-header .comment{
	font-size:100%;
	letter-spacing:0.2em;
	margin:0;
	padding:0;
}
.page-menu{
	border:#EEEEEE 1px solid;
	list-style:none;
	margin:0 0 50px;
	padding:0;
}
.page-menu > li > a{
	display:block;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background:#333333;
	padding:15px 5px;
}
.page-menu > li > ul{
	border:#CCCCCC 1px solid;
	list-style:none;
	margin:0;
	padding:0;
}
.page-menu > li > ul > li{
	border-bottom:#EEEEEE 2px solid;
}
.page-menu > li > ul > li > a{
	display:block;
	padding:15px;
}
.page-menu > li > ul > li > ul{
	list-style:none;
	margin:0;
	padding:0;
}
.page-menu > li > ul > li > ul > li{
	border-top:#EEEEEE 1px dotted;
}
.page-menu > li > ul > li > ul > li > a{
	display:block;
	padding:5px 25px;
}
.page-menu .name{
	display:block;
	font-weight:bold;
	letter-spacing:0.1em;
}
.page-menu .comment{
	display:block;
	color:#333333;
	font-size:85%;
	letter-spacing:0.1em;
	padding-left:15px;
}
.page-menu a:hover,
.page-menu a.bet{
	background:#EEEEEE;
}
footer{
	text-align:center;
	padding:20px 0 0;
}
#footer {
	clear:both;
	overflow:hidden;
}
#footer .contents {
	position:relative;
    left:50%;
    float:left;
}
#footer .contents ul {
    list-style:none;
	padding:0;
	margin:5px 0;
	position:relative;
    left:-50%;
    float:left;
}
#footer .contents li{
	float:left;
}
#footer .contents a{
	display:block;
	padding:3px 15px;
}
.copyright{
	padding:10px;
	text-align:center;
	font-size:x-small;
	color:#333333;
}
#pagetop{
	text-align:right;
	margin:50px auto;
}
.pankuzu {
	list-style:none;
	margin:0;
	padding:50px 0 100px;
}
.pankuzu li{
	float:left;
	margin:0 1px;
}
.pankuzu li a{
	display:block;
	background:#EEEEEE;
	padding:3px 10px;
}
/* tab */
.tab {
	border-bottom:#DDDDDD 1px solid;
	margin-bottom:15px;
}
.tab ul{
	list-style-type: none;
}
.tab li {
	float: left;
}
.tab li a{
	position:relative;
	top:1px;
	display:block;
	font-weight:bold;
	padding:15px 20px;
}
.tab li.active a {
	background:#FFFFFF;
	color:#555555;
	border-top:#DDDDDD 1px solid;
	border-left:#DDDDDD 1px solid;
	border-right:#DDDDDD 1px solid;
	border-bottom:none;
	behavior: url(http://www.iimo.jp/shop/1685/js/PIE.htc);
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-o-border-radius: 5px 5px 0px 0px;
	-ms-border-radius: 5px 5px 0px 0px;
}
.tab_area {
    display: none;
	overflow:auto;
}
/*list*/
.list-news-page{
	list-style:none;
	margin:0;
	padding:0;
}
.list-news-page li{
	margin-bottom:50px;
}
.list-joboffer {
	list-style:none;
	margin:0;
	padding:0;
}
.list-joboffer li{
	border:#EEE 1px solid;
	margin:0 0 30px;
}
.list-joboffer li:hover{
	border:#009BD2 1px solid;
}
.list-joboffer li .name{
	font-size:120%;
	font-weight:bold;
	padding:10px 15px;
	display:block;
	border-top:#009BD2 3px solid;
	color:#009BD2;
	background:#CCEBF6;
}
.list-joboffer li .message{
	color:#333;
	padding:0px 15px;
	display:block;
}
.list-joboffer li .btn-box{	
	padding:5px 15px 15px;
	text-align:center;
	background:#EEE;
}
.list-joboffer li .btn-box table{	
	text-align:left;
}
.list-joboffer li .btn-box .icon{
	text-align:left;
	font-size:11px;
	margin:5px 0 10px;
}
.list-joboffer li .btn-box .icon i{	
	color:#FFF;
	background:#FA6464;
	margin:0 5px 0 0;
	padding:1px 15px;
	border:#CCC 1px solid;
	letter-spacing:0.1em;
}
.list-joboffer .btn-box table {
	width:100%;
	margin:0 0 10px;
	font-size:11px;
	background:#FFF;
	border:#CCC 1px solid;
}
.list-joboffer .btn-box table th{
	padding:3px;
	text-align:left;
	border-bottom:#EEE 1px dotted;
	color:#2BA396;
	vertical-align:top;
	width:10%;
}
.list-joboffer .btn-box table td{
	padding:3px;
	border-bottom:#EEE 1px dotted;
	vertical-align:top;
	width:40%;
}
/* editor */
.editor table{
	font-size:100%;
}
.editor h1{
	font-size:200%;
	letter-spacing:0.2em;
	padding:0 0 15px;
}
.editor h2{
	font-size:200%;
	letter-spacing:0.2em;
	padding:0 0 15px;
	border-bottom:#CCCCCC 1px solid;
}
.editor h3{
	border-left:#DEB543 5px solid;
	font-size:150%;
	letter-spacing:0.2em;
	margin:0;
	padding:0 0 0 20px;
}
.editor h4{
	color:#DEB543;
	letter-spacing:0.2em;
}
.editor hr{
	border-top:#CCCCCC 1px solid;
	border-left:none;
	border-right:none;
	border-bottom:none;
}
.table-default{
	border:#EEEEEE 1px solid;
}
.table-default tr:nth-child(odd){
	background:#f5f5f5;
}
.table-default th,
.table-default td{
	border-right:#EEEEEE 1px solid;
	border-bottom:#EEEEEE 1px solid;
}
.table-contact{
	background:#E5E3DD;
}

/* btn */
.btn {
	font-family:Helvetica,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'Osaka','ＭＳ Ｐゴシック',sans-serif;
	border:none;
	behavior: url(http://www.iimo.jp/shop/1675/js/PIE.htc);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.btn-xs{ padding:0 5px; }
.btn-sm{ padding:5px 10px; }
.btn-lg{ padding:10px 20px;text-align:center; }
.btn-xlg{ display:block;padding:15px 20px;text-align:center; }
.btn-default{
	font-family:Helvetica,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'Osaka','ＭＳ Ｐゴシック',sans-serif;
	border:#45B19C 1px dotted;
	background:#FFFFFF;
}
.btn-default:hover{
	background:#45B19C;
	color:#FFFFFF;
}
.btn-primary{
	font-family:Helvetica,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'Osaka','ＭＳ Ｐゴシック',sans-serif;
	color:#FFFFFF;
	background:#45B19C;
}
.btn-primary:hover{
	background:#333333;
}
.btn-success{
	font-family:Helvetica,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'Osaka','ＭＳ Ｐゴシック',sans-serif;
	border:#45B19C 1px dotted;
}
.btn-success:hover{
	background:#DDDDDD;
}
}
@media screen and (max-width: 979px) {
/* ************************************************ 
 *	構成
 * ************************************************ */
.site-width{
	margin:0 auto;
	padding:0 15px;
	overflow:hidden;
}
#header {
	position:relative;
	min-height:100px;
	border-bottom:#45B19C 5px solid;
}
#header .title{
	display:block;
	position:absolute;
	top:15px;
	width:70%;
	overflow:hidden;
}
#header .logo{
	display:block;
}
#header .comment{
	color:#666666;
	font-size:90%;
	font-weight:normal;
	position:absolute;
	top:0;
	margin:0;
	padding:5px 0;
}
#header .tel{
	display:none;
}
#header .font-size{
	display:none;
}
#modal,.open { display: none; }
#nav {
	display:none;
}
.concept{
	margin-bottom:50px;
	background:#F2F2F2;
}
.news {
	position:relative;
}
.news .title{
	border-bottom:#DEB543 1px dotted;
	font-size:large;
	letter-spacing:0.1em;
	margin:0;
	padding:15px 0;
}
.news .title span{
	border-bottom:#DEB543 3px solid;
	padding:15px 0;
}
.news .more {
	position:absolute;
	right:0;
	top:20px;
}
.news ul{
	list-style:none;
	margin:10px 0;
	padding:0;
	overflow-y:scroll;
	height:200px;
}
.news ul li a{
	display:block;
	padding:10px 15px;
}
.news ul li .dates{
	color:#333333;
	margin-right:20px;
	padding:0;
}
.contents-main{
}
.contents-side{
}
.page-header{
	background:#F2F2F2;
	margin-bottom:30px;
	padding:30px;
}
.page-header .title{
	font-size:150%;
	letter-spacing:0.2em;
	margin:0;
	padding:0;
}
.page-header .comment{
	font-size:100%;
	letter-spacing:0.2em;
	margin:0;
	padding:0;
}
.page-menu{
	border:#EEEEEE 1px solid;
	list-style:none;
	margin:0 0 50px;
	padding:0;
}
.page-menu > li > a{
	display:block;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	background:#333333;
	padding:15px 5px;
}
.page-menu > li > ul{
	border:#CCCCCC 1px solid;
	list-style:none;
	margin:0;
	padding:0;
}
.page-menu > li > ul > li{
	border-bottom:#EEEEEE 2px solid;
}
.page-menu > li > ul > li > a{
	display:block;
	padding:15px;
}
.page-menu > li > ul > li > ul{
	list-style:none;
	margin:0;
	padding:0;
}
.page-menu > li > ul > li > ul > li{
	border-top:#EEEEEE 1px dotted;
}
.page-menu > li > ul > li > ul > li > a{
	display:block;
	padding:5px 25px;
}

.page-menu .name{
	display:block;
	font-weight:bold;
	letter-spacing:0.1em;
}
.page-menu .comment{
	display:block;
	color:#333333;
	font-size:90%;
	letter-spacing:0.1em;
	padding-left:15px;
}
.page-menu > li > ul > li > a:hover,
.page-menu > li > ul > li > a.bet{
	background:#EEEEEE;
}
footer{
	text-align:center;
	padding:20px 0 0;
}
#footer {
	clear:both;
	overflow:hidden;
}
#footer .contents {
	position:relative;
    left:50%;
    float:left;
}
#footer .contents ul {
    list-style:none;
	padding:0;
	margin:5px 0;
	position:relative;
    left:-50%;
    float:left;
}
#footer .contents li{
	float:left;
}
#footer .contents a{
	display:block;
	padding:3px 15px;
}
.copyright{
	padding:10px;
	text-align:center;
	font-size:x-small;
	color:#333333;
}
#pagetop{
	text-align:right;
	margin:50px auto;
}
.pankuzu {
	list-style:none;
	margin:0;
	padding:20px 0 100px;
}
.pankuzu li{
	float:left;
	margin:1px;
}
.pankuzu li a{
	display:block;
	background:#EEEEEE;
	padding:3px 10px;
}
/* tab */
.tab {
	border-bottom:#DDDDDD 1px solid;
	margin-bottom:15px;
}
.tab ul{
	list-style-type: none;
}
.tab li {
	float: left;
}
.tab li a{
	position:relative;
	top:1px;
	display:block;
	font-weight:bold;
	padding:15px 20px;
}
.tab li.active a {
	background:#FFFFFF;
	color:#555555;
	border-top:#DDDDDD 1px solid;
	border-left:#DDDDDD 1px solid;
	border-right:#DDDDDD 1px solid;
	border-bottom:none;
	behavior: url(http://www.iimo.jp/shop/1685/js/PIE.htc);
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	-o-border-radius: 5px 5px 0px 0px;
	-ms-border-radius: 5px 5px 0px 0px;
}
.tab_area {
    display: none;
	overflow:auto;
}
/*list*/
.list-news-page{
	list-style:none;
	margin:0;
	padding:0;
}
.list-news-page li{
	margin-bottom:50px;
}
.list-joboffer {
	list-style:none;
	margin:0;
	padding:0;
}
.list-joboffer li{
	border:#EEE 1px solid;
	margin:0 0 30px;
}
.list-joboffer li:hover{
	border:#009BD2 1px solid;
}
.list-joboffer li .name{
	font-size:120%;
	font-weight:bold;
	padding:10px 15px;
	display:block;
	border-top:#009BD2 3px solid;
	color:#009BD2;
	background:#CCEBF6;
}
.list-joboffer li .message{
	color:#333;
	padding:0px 15px;
	display:block;
}
.list-joboffer li .btn-box{	
	padding:5px 15px 15px;
	text-align:center;
	background:#EEE;
}
.list-joboffer li .btn-box .icon{
	text-align:left;
	font-size:11px;
	margin:5px 0 10px;
}
.list-joboffer li .btn-box .icon i{	
	color:#FFF;
	background:#FA6464;
	margin:0 5px 0 0;
	padding:1px 15px;
	border:#CCC 1px solid;
	letter-spacing:0.1em;
}
.list-joboffer .btn-box table {
	width:100%;
	margin:0 0 10px;
	font-size:11px;
	background:#FFF;
	border:#CCC 1px solid;
}
.list-joboffer .btn-box table th{
	padding:3px;
	text-align:left;
	border-bottom:#EEE 1px dotted;
	color:#2BA396;
	vertical-align:top;
	width:10%;
}
.list-joboffer .btn-box table td{
	padding:3px;
	text-align:left;
	border-bottom:#EEE 1px dotted;
	vertical-align:top;
	width:40%;
}
/* editor */
.editor table{
	font-size:100%;
}
.editor h1{
	font-size:150%;
	letter-spacing:0.2em;
	padding:0 0 15px;
	border-bottom:#CCCCCC 1px solid;
}
.editor h2{
	font-size:150%;
	letter-spacing:0.2em;
	padding:0 0 15px;
}
.editor h3{
	border-left:#DEB543 5px solid;
	font-size:140%;
	letter-spacing:0.2em;
	margin:0;
	padding:0 0 0 20px;
}
.editor h4{
	color:#DEB543;
	letter-spacing:0.2em;
}
.editor hr{
	border-top:#CCCCCC 1px solid;
	border-left:none;
	border-right:none;
	border-bottom:none;
}
.table-default{
	border:#EEEEEE 1px solid;
}
.table-default tr:nth-child(odd){
	background:#f5f5f5;
}
.table-default th,
.table-default td{
	border-right:#EEEEEE 1px solid;
	border-bottom:#EEEEEE 1px solid;
}
.table-contact{
	background:#E5E3DD;
	padding:15px 20px;
}
.table-contact th,
.table-contact td{
	text-align:left;
	display:block;
	width:100%;
	margin:0;
	padding:0;
}
.editor table img{
	max-width:100%;
}
.table-2block{
	position:relative;
	left:50%;
	display:list-item;
	list-style:none;
	margin:0;
	padding:0;
}
.table-2block tr{
	display:inline;
}
.table-2block th,
.table-2block td{
	position:relative;
	left:-50%;
	display:inline-block;
	float:left;
	width:45%;
	margin:0 2%;
	padding:0;
}
.table-2block tr:first-child td:nth-child(3),
.table-2block tr:nth-child(2) td:nth-child(2),
.table-2block tr:nth-child(3) td:nth-child(1),
.table-2block tr:nth-child(3) td:nth-child(3){
	clear:both;
}

/* btn */
.btn {
	font-family:Helvetica,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'Osaka','ＭＳ Ｐゴシック',sans-serif;
	border:none;
	behavior: url(http://www.iimo.jp/shop/1675/js/PIE.htc);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.btn-xs{ padding:0 5px; }
.btn-sm{ padding:5px 10px; }
.btn-lg{ padding:10px 20px;text-align:center; }
.btn-xlg{ display:block;padding:15px 20px;text-align:center; }
.btn-default{
	font-family:Helvetica,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'Osaka','ＭＳ Ｐゴシック',sans-serif;
	border:#45B19C 1px dotted;
	background:#FFFFFF;
}
.btn-default:hover{
	background:#45B19C;
	color:#FFFFFF;
}
.btn-primary{
	font-family:Helvetica,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'Osaka','ＭＳ Ｐゴシック',sans-serif;
	color:#FFFFFF;
	background:#45B19C;
}
.btn-primary:hover{
	background:#333333;
}
.btn-success{
	font-family:Helvetica,'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'Osaka','ＭＳ Ｐゴシック',sans-serif;
	border:#45B19C 1px dotted;
}
.btn-success:hover{
	background:#DDDDDD;
}
/*サイドバー
---------------------------------------------------------------*/

#modal { display: none; }
#modal h2{
	font-size:18px;
	border-bottom:1px solid #FFFFFF;
}
#modal h2,
#modal ul li a{
	padding:10px 0;
}
#modal ul{
	list-style:none;
	margin:0;
	padding:0;
}
#modal ul li a{
	border-bottom:1px dashed #6f6f6f;
	display:block;
	color:#fff;
}
.modal-information{
	text-align:center;
	background:#EEEEEE;
	padding:10px 15px;
	color:#333333;
}
.modal-information h3,
.modal-information .tel{
	font-size:120%;
	margin:0;
	padding:0;
}

.close{
	font-weight:bold;
}
.close a{
	display:block;
	padding:10px;
	text-align:center;
	color:#545454;
	border: 1px solid #e6e6e6;
	/* IE 5.5-7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F5F5', GradientType=0);
	/* IE 8+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F5F5', GradientType=0)";
	/* IE 10 */
	background: linear-gradient(to bottom, #FFFFFF, #F5F5F5);
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#f5f5f5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		to(#f5f5f5));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.open{
	position:absolute;
	right:10px;
	top:10px;
	display:block;
	padding:10px;
	margin:10px;
	font-size:70%;
	text-align:center;
	color:#545454;
	border: 1px solid #e6e6e6;
	/* IE 5.5-7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F5F5', GradientType=0);
	/* IE 8+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F5F5F5', GradientType=0)";
	/* IE 10 */
	background: linear-gradient(to bottom, #FFFFFF, #F5F5F5);
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#f5f5f5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		to(#f5f5f5));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.open span{
	display:block;
}
.open img{
	vertical-align:middle;
}


}