a_info@charset "UTF-8";



/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
	img,
	object,
	embed,
	video { max-width: 100%; }
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
	.ie6 img { width: 100%; }
/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 visited
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/
/* モバイルレイアウト : 480 px およびそれ以下. */
	.gridContainer {
		margin-left: auto;
		margin-right: auto;
		width: 86.45%;
		padding-left: 2.275%;
		padding-right: 2.275%;
	}
	#spHeader,
	#navMenus,
	#mainVisualInner,
	#contentsSet,
	#footerInner {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#footerInner #groupCompany,
	#footerInner #siteCategory { display: none }
	#mainVisual { background-color: #f4f4f4; }
	img {
		max-width: 100%;
		height: auto;
		width: auto;
	}
/*---------------------------------
spHeader
---------------------------------*/
	#navMenus {
		display: none;
	}
	#spHeader #logo a img {
		width: 50%;
		clear: none;
		float: left;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	#navMenus .#slides {
		display: none;
	}
	.togmenu {
		display: none;
	}
	.menubtn {
		color: #fff;
		background-color: #9999FF;
		float: right;
		clear: none;
		padding-top: 10px;
		padding-right: 5px;
		padding-bottom: 10px;
		padding-left: 5px;
	}
	#menu ul {
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 5px;
		margin-left: 0;
		float: right;
		clear: both;
		width: 100%;
	}
	#menu li {
		list-style: none;
		width: 49%;
		float: left;
		border-top-width: 2px;
		border-right-width: 0px;
		border-left-width: 2px;
		border-top-style: solid;
		border-right-style: solid;
		border-left-style: solid;
		border-top-color: #fff;
		border-right-color: #fff;
		border-left-color: #fff;
	}
	#menu li a {
		display: block;
		text-decoration: none;
		color: #333;
		padding-top: 10px;
		padding-right: 1px;
		padding-bottom: 10px;
		padding-left: 5px;
		background-color: #E5E5E5;
	}
/*-------------------------------------------
mb_mainVisual
-------------------------------------------*/
	#mainVisualInner #slides img {
		margin-top: 5px;
		margin-bottom: 5px;
	}
/*-------------------------------------------
mb_contentsSet
-------------------------------------------*/
	#access {
		display: none;
	}
	#topjob02 {
		display: none;
	}
	#mainContents {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
	}
	#mbcontact {
		clear: both;
		float: left;
		margin-left: 0;
		width: 100%;
		display: block;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#mbcontact h3 {
		text-align: center;
		font-weight: bold;
		font-size: 110%;
		background-color: #e680b3;
		color: #FFFFFF;
		line-height: 1.5em;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
	}
	#mbcontact mbnoncontact #nondisplay {
		display: none;
	}
	#topjob {
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}
	#topjob .TabbedPanelsContentGroup .TabbedPanelsContent #myframe {
		height: 600px;
		width: 98%;
		padding-left: 1%;
		float: left;
	}
	#p.resizeimage img {
		width: 100%;
	}
/*-------------------------------------------
mb_asideContents
-------------------------------------------*/
	#sideContents {
		display: block;
	}

	#sideContents .mb_sideContents {
		display: block;
		float: left;
		width: 100%;
	}
	#sideContents .mb_sideContents ul#localNav,
	#sideContents .mb_sideContents ul#localNav2 {
		border-top: 0px solid #dedede
	}

	#sideContents .mb_sideContents ul#localNav li,
	#sideContents .mb_sideContents ul#localNav2 li {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background: -moz-linear-gradient(top, #f2f3ff, #d9dbff);
		background: -webkit-gradient(linear, left top, left bottom, from(#f2f3ff), to(#d9dbff));
		background: linear-gradient(#f2f3ff, #d9dbff);
		background-color: none;
		box-sizing: border-box;
		border: 1px solid #dedede;
		margin-bottom: 3px;
		border-radius: 5px;
	}

	#sideContents .mb_sideContents ul#localNav li a,
	#sideContents .mb_sideContents ul#localNav02 li a {
		-moz-background-size: 6px 9px;
		-webkit-background-size: 6px 9px;
		background-image: url(../images/sp_icon_bullet_01.gif);
		background-position: 97% 50%;
		background-repeat: no-repeat;
		background-size: 6px 9px;
		color: #333;
		display: block;
		padding: 10px 18px 10px 7px;
	}
	#sideContents .mb_sideContents ul#localNav2 li a {
		-moz-background-size: 6px 9px;
		-webkit-background-size: 6px 9px;
		background-image: url(../images/sp_icon_bullet_02.gif);
		background-position: 97% 50%;
		background-repeat: no-repeat;
		background-size: 6px 9px;
		color: #333;
		display: block;
		padding: 10px 18px 10px 7px;
	}

	#sideContents .mb_sideContents ul#localNav2 li,
	#sideContents .mb_sideContents ul#localNav02 li {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background: -moz-linear-gradient(top, #f2f3ff, #d9dbff);
		background: -webkit-gradient(linear, left top, left bottom, from(#f2f3ff), to(#d9dbff));
		background: linear-gradient(#f2f3ff, #d9dbff);
		background-color: none;
		box-sizing: border-box;
		border: 1px solid #dedede;
		border-radius: 5px;
	}
	#sideContents .mb_sideContents h2 {
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		color: #333399;
		padding-top: 15px;
		padding-right: 7px;
		padding-left: 7px;
		padding-bottom: 5px;
		border-bottom: 0 solid #DEDEDE;
	}
	#sideContents .mb_sideContents h2 a { color: #fff }
	ol,
	ul {
		list-style: none;
		margin: 0px;
		border-radius: px;
	}

	#sideContents aside #asidecontact {
		display: none;
	}
	#sideContents .a_info {
		text-align: center;
	}
	#sideContents .a_info ul li a img {
		text-align: center;
		margin-bottom: 5px;
	}
	#sideContents .news {
		border: 1px solid #CCCCCC;
		margin-bottom: 10px;
		display: block;
		float: left;
		width: 90%;
		padding: 5%;
	}
/*tb_dt*/
	#sideContents .news h2 {
		font-size: 110%;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #e1e7f8;
		margin-bottom: 5px;
		color: #FFFFFF;
		background-color: #9999FF;
		line-height: 1.5;
		text-indent: 0.5em;
	}
	#sideContents .news dl dt span {
		color: #333399;
	}
	#sideContents .news dl {
		border-bottom-width: 1px;
		border-bottom-style: dashed;
		border-bottom-color: #CCC;
		padding-bottom: 5px;
		padding-top: 5px;
	}
	#amenu {
		width: auto;
		margin: 0 0 0 0px;
		display: block;
	}
	.archive {
		color: #333399;
		border: 1px solid #dedede;
		cursor: pointer;
		background: url(../images/mbcontact_01.gif),-moz-linear-gradient(top, #f2f3ff, #d9dbff);
		background: url(../images/mbcontact_01.gif),-webkit-gradient(linear, left top, left bottom, from(#f2f3ff), to(#d9dbff));
		background-repeat: no-repeat;
		background-position: right center;
		padding: 10px;
		border-radius: 5px;
		margin-bottom: 3px;
		font-weight: bold;
		font-size: 110%;
		font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;
		display: block;
	}
	.mbnews {
		color: #333399;
		border: 1px solid #dedede;
		cursor: pointer;
		background: url("../images/mbcontact_02.gif"),-moz-linear-gradient(top, #f2f3ff, #d9dbff);
		background: url(../images/mbcontact_02.gif),-webkit-gradient(linear, left top, left bottom, from(#f2f3ff), to(#d9dbff));
		background-repeat: no-repeat;
		background-position: right center;
		padding: 10px;
		border-radius: 5px;
		margin-bottom: 3px;
		font-weight: bold;
		font-size: 110%;
		font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;
		display: block;
	}
	.subMenu li {
		border: #dedede 1px solid;
		border-top: none;
		background-color: none;
		background: linear-gradient(#fff, #ececec);
		background: -moz-linear-gradient(top, #fff, #ededed);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.subMenu li a {
		background-size: 6px 9px;
		-moz-background-size: 6px 9px;
		-webkit-background-size: 6px 9px;
		background-image: url(../images/sp_icon_bullet_01.gif);
		background-repeat: no-repeat;
		background-position: 97% 50%;
		padding-top: 10px;
		padding-right: 18px;
		padding-bottom: 10px;
		padding-left: 7px;
		display: block;
		color: #333;
	}
	#hours {
		float: left;
		width: 100%;
		margin-top: -6px;
		margin-bottom: 10px;
		font-size: 110%;
		font-weight: bold;
		text-align: center;
		color: #333333;
		background-color: #F2F2F2;
		padding-top: 15px;
		padding-bottom: 15px;
		border-radius: 8px;
		font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	}
/*-------------------------------------------
footer
-------------------------------------------*/
	#footer {
		background-color: #f4f4f4;
		margin-top: 5px;
		padding-bottom: 5px;
		padding-top: 20px;
	}
	#footerInner {
		margin: 0 auto;
		max-width: 768px;
		width: 100%;
	}
	footer #copyright {
		float: left;
		float: none;
		text-align: center;
	}
	footer #footerMenu {
		float: none;
		float: right;
		margin-bottom: 10px;
		text-align: center;
	}
	footer #footerMenu a {
		display: inline-block;
		margin: 0 10px;
	}
	.zeroMargin_mobile {
	margin-left: 0;
	}
	.hide_mobile {
		display: none;
	}
/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */
@media only screen and (min-width: 481px) {
	.gridContainer
	{
		width: 90.675%;
		padding-left: 1.1625%;
		padding-right: 1.1625%;
	}
	#spHeader {
		display: none;
	}
/*---------------------------------
tb_navMenus
---------------------------------*/
	#navMenus #logo,
	#navMenus {
		display: block;
	}
	#navMenus #logo {
		float: left;
		margin-top: 5px;
		padding-top: 0;
		padding-right: 5%;
		padding-bottom: 0;
		padding-left: 0px;
		clear: both;
		width: 30%;
	}
	#navMenus h1 {
		float: right;
		margin-top: 10px;
		clear: right;
		display: block;
		width: 65%;
	}
	#navMenus nav {
		float: left;
		margin-top: 31px;
		width: 100%;
	}
	#navMenus nav li {
		float: left;
		width: 140px;
		border-left: #ededed 1px solid;
		text-align: center;
	}
	#navMenus nav li a {
		display: block;
		padding: 2px 0 10px;
		border-bottom: #fff 3px solid;
		color: #555;
		text-decoration: none;
	}
	#navMenus nav ul .active a {
		color: #6666FF;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-bottom-color: #6666FF;
	}
	#navMenus nav ul li .active a,
	#navMenus nav ul li a:hover
	{
		color: #6666FF;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-bottom-color: #6666FF;
	}
	#navMenus nav li { width: 33%; }
	#navMenus nav li:nth-child(1),
	#navMenus nav li:nth-child(4) { border-left: none; }
	#navMenus nav li:nth-child(1),
	#navMenus nav li:nth-child(2),
	#navMenus nav li:nth-child(3)
	{
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #ededed;
	}
	#navMenus nav li a
	{
		padding: 8px 0 0;
		height: 22px;
	}
	#navMenus nav li#gnav0,
	#navMenus nav li#gnav3 { border-left: none; }/* for IE7,8 */
	#navMenus nav li#gnav0,
	#navMenus nav li#gnav1,
	#navMenus nav li#gnav2 { border-bottom: #ededed 1px solid; }/* for IE7,8 */
/*-------------------------------------------
tb/dt_mainVisual
-------------------------------------------*/
	#mainVisualInner #slides img
	{
		margin-top: 10px;
		margin-bottom: 10px;
	}
/*-------------------------------------------
tb_aside
-------------------------------------------*/
	#sideContents .news
	{
		border: 1px solid #CCCCCC;
		margin-bottom: 10px;
		display: block;
		float: left;
		width: 96%;
		padding: 2%;
	}
	.a_info ul
	{
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.a_info li
	{
		display: table-cell;
		text-align: center;
	}
/*-------------------------------------------
footer
-------------------------------------------*/
	#footNavi,
	.tb_clear {
	    float: left;
	    width: 100%;
	}
	#footNavi a:hover { text-decoration: underline }
	#footNavi ul {
	    display: block;
	    width: 31.5%;
	}
	#footerInner #groupCompany,
	#footerInner #siteCategory { display: block }
	#footerInner #siteCategory .otherCategory {
	    float: right;
	    width: 100%;
	}
	#footerInner #siteCategory .otherCategory li {
	    display: block;
	    float: left;
	    width: 28.5%;
	}
	#footerInner #siteCategory ul { float: left }
	#footerInner #siteCategory .otherCategory h1 {
	    display: block;
	    float: left;
	    padding-bottom: 15px;
	    width: 100%;
	}
	#footerInner #siteCategory ul li {
	    background-image: url(../images/icon_bullet_01.gif);
	    background-position: 0 0.1em;
	    background-position: 0em 0.1em;
	    background-repeat: no-repeat;
	    background-repeat: no-repeat;
	    margin-bottom: 15px;
	    margin-bottom: 15px;
	    padding-bottom: 0px;
	    padding-left: 20px;
	}
	#footerInner #siteCategory ul li ul {
	    float: none;
	    margin-top: 10px;
	    width: 100%;
	}
	#footerInner #siteCategory ul li ul li {
	    background-image: url(../images/icon_bullet_04.gif);
	    background-position: 0 0.6em;
	    background-repeat: no-repeat;
	    margin-bottom: 5px;
	    padding-left: 10px;
	}
	footer { font-size: 90% }
	footer #copyright {
	    display: inline-block;
	    float: left;
	    float: none;
	    text-align: left;
	    width: 100%;
	}
}
/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */
@media only screen and (min-width: 769px) {
	.gridContainer
	{
		width: 88.5%;
		max-width: 940px;
		padding-left: 0.75%;
		padding-right: 0.75%;
		margin: auto;
	}
	#sideContents2 { display: none }
	#mainContents
	{
		clear: both;
		float: left;
		margin-left: 0;
		width: 74.5762%;
		display: block;
		margin-top: auto;
	}
	#sideContents
	{
		clear: none;
		float: left;
		margin-left: 1.6949%;
		width: 23.7288%;
		display: block;
	}
	#sideContents .mb_sideContents {
		display: none;
	}
/*-------------------------------------------
dt_navMenus
-------------------------------------------*/
	#navMenus #logo
	{
		float: left;
		margin-top: 15px;
		padding-top: 0;
		padding-right: 5%;
		padding-bottom: 0;
		padding-left: 0px;
		clear: both;
		width: 25%;
		margin-bottom: 5px;
	}
	#navMenus h1
	{
		float: right;
		margin-top: 20px;
		clear: right;
		width: 70%;
		text-align: right;
	}
/*---------------------------------
dt_navMenus
---------------------------------*/
	#navMenus #logo { float: left; }
	#navMenus nav
	{
		float: left;
		margin-top: 10px;
	}
	#navMenus nav li
	{
		float: left;
		width: 16.5%;
		border-left: #ededed 1px solid;
		text-align: center;
	}
	#navMenus nav li a
	{
		display: block;
		padding: 2px 0 10px;
		color: #333399;
		text-decoration: none;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-bottom-color: #E6E6FF;
	}
	#navMenus nav li:nth-child(1),
	#navMenus nav li:nth-child(2),
	#navMenus nav li:nth-child(3)
	{
		border-bottom-width: 0px;
		border-bottom-style: solid;
		border-bottom-color: #ededed;
	}
	#navMenus nav li:nth-child(4)
	{
		border-left-style: solid;
		border-left-width: 1px;
		border-left-color: #ededed;
	}
/*-------------------------------------------
mainContents
-------------------------------------------*/
	#topjob02 { display: block; }
	#access { display: block; }
	#access p img
	{
		display: block;
		width: 100%;
	}
	#topjob .TabbedPanelsContentGroup .TabbedPanelsContent #myframe
	{
		height: 400px;
		width: 98%;
		padding-left: 1%;
		float: left;
	}
/*-------------------------------------------
dt_asideContents
-------------------------------------------*/
	#mbcontact { display: none; }
	#sideContents .a_info
	{
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		position: relative;            /* 要らなかったがPIEを動作させるために追加 */
		behavior: url( /common/css/PIE.htc );	      /* CSS3 PIE */
	}
	#sideContents .a_info
	{
		background-color: #EBEBFF;
		margin-bottom: 0px;
		padding-top: 0px;
		padding-right: 10px;
		padding-bottom: 0px;
		padding-left: 10px;
		margin-top: 0px;
	}
	#sideContents
	{
		display: block;
		margin-top: 20px;
		padding: 0px;
		float: right;
	}
	#sideContents aside #asidecontact
	{
		display: block;
		margin-top: 05px;
	}
	#sideContents .news
	{
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		position: relative;            /* 要らなかったがPIEを動作させるために追加 */
		behavior: url( /common/css/PIE.htc );	      /* CSS3 PIE */
	}
	#sideContents .news
	{
		border: 2px solid #dedede;
		margin-bottom: 10px;
		display: block;
		float: left;
		width: 90%;
		background-color: #F9FAF4;
		padding: 5%;
	}
	.a_info ul
	{
		display: block;
		table-layout: fixed;
	}
	.a_info li { display: block; }
	#contentsSet #hours  { display: none; }
/*-------------------------------------------
dt_footer
-------------------------------------------*/
	#footer { padding-top: 20px }
	#footerInner {
	    margin: 0 auto;
	    max-width: 940px;
	}
	#footerInner footer #copyright {
	    float: left;
	    float: left;
	    text-align: left;
	    width: auto;
	}
	#footerInner #siteCategory .otherCategory {
	    display: block;
	    float: left;
	    width: 100%;
	}
	#footerInner #siteCategory ul li {
	    background-position: 0em 0.1em;
	    background-repeat: no-repeat;
	    margin-bottom: 15px;
	}
	#footNavi ul,
	#footerInner #siteCategory .otherCategory h1 {
	    display: block;
	    float: left;
	    width: 24.5%;
	}
	#footerInner #siteCategory .otherCategory li {
	    display: block;
	    float: left;
	    width: 22%;
	}
	.hide_desktop { display: none }
	.tb_clear {
	    float: left;
	    width: 0%;
	}
	.zeroMargin_desktop { margin-left: 0 }
	footer { font-size: 90% }
	footer #footerMenu { float: right }
	footer #copyright { float: left }
	footer #footerMenu a {
	    display: inline-block;
	    margin: 0 10px;
	}
}
#access ul {
	margin-bottom: 20px;
	display: inline-block;
	float: left;
	text-align: center;
	width: 99%;
}
#access ul li {
	width: 33%;
	float: left;
}
#access ul li a img { }
#topjob02 {
	float: left;
	width: 99%;
	margin-top: 10px;
	margin-bottom: 20px;
}