@charset "shift_jis"; 

/* ------------------- インデックス -------------------- */
/*
	基本タグ
	基本クラス
	margin/padding
	共通ID
	共通CLASS
	index.html
	company
	map
	service
	form
	regist
	recruit
	customer
	専用ページトップ
	いつでもショップキャンペーン
	
*/
/* ----------------------------------------------------- */


/* ------------------- 基本タグ -------------------- */

body    { margin:0px; padding:0px; background:#fff; text-align:center; font-size:80%; line-height:120%; color:#454545;}
div:after{/*for modern browser*/
    content:" ";
    display: block;
	visibility:hidden;
    clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

* html .div{
	display: inline-block;
}
/* no ie mac \*/
* html .div{
	height: 1%;
}
.div{
	display: block;
}
form	{ margin:0px; padding:0px;}
img		{ border:none;}
textarea{ font-size:12px;}
p		{ text-align:left; line-height:130%;}
ul		{ margin:0;}
ol		{ margin-top:0px;}
li		{ margin:auto; margin-bottom:10px; line-height:150%;}
dl      { margin:5px 0px;}
dt		{}
dd		{ margin-bottom:10px;}
table   {}
th      {}
td      { vertical-align:top;}

ol ul li{ list-style:none;}

a:link    { color:#039;}
a:visited { color:#666;}
a:active  { color:#c00;}
a:hover   { color:#c00;}

/* ------------------ 基本クラス ------------------- */

/* 行揃え */
.t-left		{ text-align:left;               }
.t-center	{ text-align:center; margin:auto;}
.t-right	{ text-align:right;              }

.v-top      { vertical-align:top;   }
.v-middle   { vertical-align:middle;}
.v-bottom   { vertical-align:bottom;}

/* 段組 */
.f-left     { float:left; }
.f-right    { float:right;}
.c-left     { clear:left; }
.c-both     { clear:both; }
.c-right    { clear:right;}

/* フォント */
.fsmall		{ font-size:80%; }
.flarge		{ font-size:120%;}


.notice     { background:}


/* フォントカラー */

.orange     { color:#ea8003;}
.darkblue   { color:#05398f;}
.darkgray   { color:#454545;}
.gray       { color:#666;   }
.red        { color:#f00;   }
.blue       { color:#039;   }

/* リスト */
.list-no li { list-style:none;}


/* ----------margin/padding----------*/

.m0p0   { margin:0px; padding:0px;}
.pa3px  { padding:3px;            }
.pa5px  { padding:5px;            }
.pa7px  { padding:7px;            }
.pa10px { padding:10px;           }      /* ｿﾘｭｰｼｮﾝ ｻﾎﾟｰﾄ保守 */
.plr15px{ padding:0px 15px; margin:0px;} /* ｸﾞﾙｰﾌﾟｳｪｱ ｻﾎﾟｰﾄ保守 */
.ml100px{ margin-left:100px;      }      /* ｻｲﾄﾏｯﾌﾟ */
.mb5px  { margin-bottom:5px;      }

.mtb10px{ margin:10px 0px;        }
.mb10px { margin-bottom:10px;	  }
.mb20px { margin-bottom:20px;	  }

/* ------------------ 共通ID ------------------- */

#wrapper       { margin:0px auto; text-align:left; width:760px;}

#header .site  { font-size:80%; color:#fff; text-align:center; background:url(../common/head_05.jpg) repeat-x;}
#header .site a{ text-decoration:none; color:#fff;}

#navi{width:760px; height:25px; background:url(../images/navibg.gif) no-repeat; padding:0; margin:0}
#navi ul       {padding:0 28px; margin:0; letter-spacing:0px;}
#navi li       { display:inline; height:19px; list-style:none; padding:0;}
#navi li img   { margin-right:30px;}
#navi li#last img  {margin-right:0;}

#footer        { padding:3px 0px 80px 0px; border-top:1px solid #999; background:url(../common/footer_760x108.gif) bottom left no-repeat;} /* 共通フッター */
#footer td     { font-size:80%;}
#footer a      { text-decoration:none; color:#333;}
#footer a:hover{ text-decoration:none; color:#c00;}

#sub-navi      { background:url(../common/left_b.gif) repeat-y top left; width:200px; text-align:left;} /* 第二階層以下のサブナビゲーション */

#win-waku      { margin:10px auto; width:560px; border:1px solid #05398f; padding:5px; text-align:left;} /* 専用ページ系の別ウインドウ */
#win-waku2     { margin:10px auto; width:520px; text-align:left; background:url(../common/waku_maru520_middle.gif) repeat-y;}

/* ------------------ 共通CLASS ------------------- */

.main-title        { margin:15px 0px 5px 0px;}
.blue-title        { background:#e4e4e4; margin:10px 0px 8px 0px; padding:5px 3px; color:#05398f; display:block;}
.copy              { margin-left:10px;}

.waku520           { background:url(../common/waku_maru520_top.gif) top left no-repeat; width:520px; margin:0px auto;}
.waku520 .waku_b   { background:url(../common/waku_maru520_bottom.gif) bottom left no-repeat; padding:15px 0px;}
.waku520 table     { width:490px; margin:0px auto;}
.waku520 table a   { text-decoration:none;}
.waku520 p a       { text-decoration:none;}
.waku520 .txt      { padding:5px 15px 0px 35px; margin:0px;}

.waku410           { background:url(../common/waku_maru410_top.gif) top left no-repeat; width:410px; margin:0px auto;} /* interview */
.waku410 .waku_b   { background:url(../common/waku_maru410_bottom.gif) bottom left no-repeat; padding:15px;}
.waku410 p         {}

.waku_b dl         {} /* ｸﾞﾙｰﾌﾟ会社 */
.waku_b dt         { float:left; clear:left; margin:0px 0px 5px 0px; width:70px;}
.waku_b dd         { float:left; margin:0px 0px 5px 0px; width:265px;}

.waku520b          { width:520px;} /* company/index.html */
.waku520b .waku_b  { background:url(../common/waku_marub520_bottom.gif) bottom left no-repeat; padding-bottom:5px;}

.waku-blue         { border:1px solid #05398f; width:520px; margin:0px auto;}
.waku-blue .waku_b { color:#05398f; padding:5px;}

.waku-gray         { border:1px solid #666; width:520px; margin:0px auto;}
.waku-gray .waku_b { padding:5px;}

.waku-gray2        { background:#f5f5f5; padding:10px;} /* 社名の由来・PCセレクト */
.waku-gray2 table  { background:#fff;}
.waku-gray2 td     { padding:5px;}
.waku-gray2 ul     { background:#fff; padding:5px 5px 5px 25px;}
.waku-gray2 li     { margin-bottom:3px;}


.main-table        { background:#999; margin:0px auto;} /* 共通テーブル */
.main-table th     { background:#f7f7f7; font-size:12px; font-weight:normal;}
.main-table td     { background:#fff; text-align:left; font-size:12px;}
.main-table .td1 td{ background:#e4e4e4; font-size:12px; color:#05398f;}
.main-table span   { font-size:10px;}


/* ----------index.html----------*/
.topics-main       { margin:0px auto 18px auto; background:#f0f0f0;} /* トップページのトピックス */
.topics-main th    { vertical-align:top; text-align:left; border-bottom:2px solid #fff; color:#547c98; width:60px; padding:4px;}
.topics-main td    { vertical-align:top; text-align:left; border-bottom:2px solid #fff; padding:4px;}

.cont-table        { margin:0px 0px 20px 20px;} /* 2*3コンテンツ */
.cont-table table  { margin-bottom:10px;}
.cont-table .fsmall{ background:url(../common/cont_table_back.gif) no-repeat bottom #f0f0f0; padding:3px 5px 3px 5px; line-height:110%; letter-spacing:1.1px;}
.cont-table p      { margin:2px 0px; padding:0px;}

.right-box         { margin-bottom:10px;} /* トップページの右ナビ */
.right-box p       { margin:0px; padding:0px;}


/* ----------company----------*/
.sitemap     { padding:0px 15px;} /* ｻｲﾄﾏｯﾌﾟ */
.sitemap dt  { margin-top:10px; float:none; width:150px;}
.sitemap dt a{ text-decoration:none; float:none;}
.sitemap dd  { margin: 0px 0px 3px 120px; padding:0px;}

/* ----------map----------*/
#map-w         { width:500px; margin:10px auto 15px auto;} /* 事業所別ウインドウ */
#map-w  p      { text-align:center;}
.mapwaku-top   { background:url(../company/images/bg400_t.gif) top center no-repeat; width:370px; margin:0px auto; padding:30px 30px 20px 30px; color:#555; text-align:left;}
.mapwaku-bottom{ background:url(../company/images/bg400_b.gif) bottom center no-repeat; width:400px; margin:0px auto; padding-bottom:20px;}
#qr            { background:url(../company/images/bg.gif) repeat-x; margin:0px auto; font-size:80%; border:none; width:90%;}
#qr img        {width:74px; height:74px;}

/* ----------service----------*/
.q-title    { margin:3px 15px; padding:0px 0px 2px 20px; border-bottom:1px solid #999; background:url(../service/system/images/q_sub1.gif) no-repeat top left; font-weight:bold; color:#369;}
.q-title img{ vertical-align:bottom;}
.q-answer   { margin:2px 15px; padding-left:20px; background:url(../service/system/images/q_sub2.gif) no-repeat top left;}


/* ----------form----------*/
.form-bottom    { width:520px; margin:10px auto;} /* 個人情報の注意事項 */
.p-main         { border:1px solid #d5d5d5; padding:25px; text-align:left; font-size:80%; color:#666;}
.p-submit       { background:#ededed; padding:25px; text-align:center; margin-top:10px; font-size:80%;}

.zenkaku        { ime-mode:active; width:250px;}
.hankaku        { ime-mode:disabled; width:250px;}
.hankaku_nowidth{ ime-mode:disabled;}
.inputtext_w    { width:250px;}


/* ----------regist----------*/

.kiyaku           { width:480px; height:200px; overflow:auto; text-align:left; margin:15px auto; border:1px solid #ccc; padding:10px;}


/* ----------recruit----------*/
#rectop            { background:#f7f7f9; border-left:1px solid #e6e6ed; border-right:1px solid #e6e6ed;}/* ﾘｸﾙｰﾄﾄｯﾌﾟ */
#recright		   {}
#recright div      { width:164px; margin:0px auto;}
#recright div img  { float:left; margin-right:10px;}

#recruit           { margin:0px auto; text-align:center; width:770px; background:url(../recruit/common/back.gif) repeat-y;}
#recruit #wrapper  { margin:0px auto; text-align:left; width:760px;}
#recruit #header   { border-top:3px solid #0c0055; margin:0px; padding:0px;}
#recruit .title    { margin:0px 0px 5px 0px;}
#recruit .rec-navi { background:url(../recruit/common/navi_back.gif) repeat-y; text-align:left;}
#recruit .rec-navi p{ padding:0px; margin:0px 0px 5px;}

#recruit .copy     { padding-right:20px;}
#recruit .interview{ background:url(../recruit/interview/images/tit_left.jpg) top right no-repeat;}

#recruit #footer           { background:#c0c0d1; padding:5px;}
#recruit #footer p         { font-size:10px; margin:0px; padding:0px;}
#recruit #footer .link     { float:left;}
#recruit #footer .copyright{ text-align:right;}



/* ---------customer----------*/
#user      { background:url(../customer/images/user_back.gif) repeat-x top;}
#user td   { font-size:80%;}
.regist    { background-color:#f7f7f7;}

#cmpn {
	padding:25px 0 0 0;
	}
	#cmpn p {
		margin:0 0 25px 0;
		}

/* ---------support----------*/
.waku_dl        { background:url(../support/images/ud_bg.gif) repeat-y; width:520px; margin:0px auto;}
.download       {background:url(../support/images/dl_bg.gif) no-repeat; width:520px; height:90px; margin:0px auto;}
.btn            {margin-left:20px;}
.waku_dl p.copy {margin:5px 20px; color:#fff; font-size:10px;}

/* 専用ページトップのみ */
.menu1          { height:100px; background-image:url(../customer/images/top_title_back3.gif); border:1px solid #dadada; width:270px; margin-top:5px; text-align:center;}
.menu2          { height:138px; background-image:url(../customer/images/top_title_back2.gif); border:1px solid #dadada; width:270px; margin-top:5px; text-align:center;}
.menu3          { height:120px; background-image:url(../customer/images/top_title_back3.gif); border:1px solid #dadada; width:270px; margin-top:5px; text-align:center;}
.menu4          { height:300px; background-image:url(../customer/images/top_title_back4.gif); border:1px solid #dadada; width:270px; margin-top:5px; text-align:center;}
.top-table      { margin-top:10px; font-size:10px;}/* 専用ページトップテーブル */
.top-table td   { margin-top:10px; font-size:10px; text-align:left; height:16px;}
.top-table span { color:#f60;}

.menuMulti {
	width:268px;
	background:url(../customer/images/top_title_250.gif) repeat-x;
	text-align:left;
	border:1px solid #dadada;
	margin:5px 0 0 0;
	padding:0 1px 5px 1px;
	}
	.menuMulti p {
		font-size:80%;
		margin:0 0 5px 0;
		padding:0;
		}
	.menuMulti ul {
		height:18px;
		line-height:18px;
		margin:0 0 5px 5px;
		padding:0;
		}
		.menuMulti ul li {
			width:85px;
			font-size:80%;
			margin:0;
			padding:0;
			list-style:none;
			float:left;
			}
			.menuMulti ul li.mMTitle {
				background:url(../customer/images/li_dot_orange.gif) no-repeat left center;
				font-weight:bold;
				margin:0;
				padding:0 0 0 7px;
				}

#search         { height:100px;}/* いつでもショップタブ用 */
#search .tab    { visibility:hidden; position:absolute;}

#select{}
#select .title-back{ padding:0 25px;}

.b-waku{ border-collapse:collapse; border:3px solid #f1f1f1;}
.b-waku p         { text-align:center; margin:5px 0px;}
.b-waku table     { border-top:1px solid #ccc; border-collapse:collapse; margin:0px auto; width:170px;}
.b-waku table th  { background:#f4f4f4; text-align:left; padding:3px; border-bottom:1px solid #ccc; color:#5f7077; font-weight:normal; font-size:10px;}
.b-waku table td  { padding:3px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; font-size:10px; text-align:left;}
.btn p{ text-align:right; background:url(../common/line_gray.gif) repeat-x 0 10px; padding-top:20px; margin:6px;}


#select .box{ border:3px solid #f1f1f1; padding:7px; margin-bottom:5px;}
#select th  { width:40px;}
#select td  { text-align:left;}
#select .t-center{ margin:5px 0px;}


/* ---------topics----------*/
#topics         { width:580px; margin:0px auto; background:url(../topics/images/back.gif) repeat-y;}
#topics p       { line-height:140%;}
#topics table   { font-size:100%;}
#topics .t-body { padding:0px 15px;}
#topics .title  { font-weight:bold; text-align:center; margin:20px auto;}
#topics .comment{ background:#f7f7f7; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px; color:#009;}
#topics .waku   { border:1px solid #ededed; padding:5px; line-height:140%;}


#foot              { margin-top:15px;}


/* ---------規約----------*/
.rule   { margin-top:20px;}
.rule dt{ margin-left:10px; font-weight:bold;}
.rule dd{ margin:5px 0px 20px 15px}
.rule ol{ margin:0px; padding:0px 0px 0px 20px;}
.rule ol li{ margin:0px;}
.rule ul{ margin:0px; padding:0px 0px 0px 35px;}
.rule ul li{ margin:0px; text-indent:-15px;}