@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------------------------------


	リンク


------------------------------------------------------------------------------------------------------ */
a:link,
a:active,
a:visited{
	color:#0a5cb8;
	text-decoration:underline !important;
}
a:hover,
a:focus{
	color: #327bcc;
	text-decoration:none !important;
}
a:hover img.opacity {
	opacity: 0.7;
}

/* ------------------------------------------------------------------------------------------------------


	共通

    
------------------------------------------------------------------------------------------------------ */
.TB{
	font-weight:bold;
	}
	
		
.MT20{
	margin-top:20px !important;
	}	
.MT10{
	margin-top:14px !important;
	}	
.MB20{
	margin-bottom:20px !important;
	}
.MB10{
	margin-bottom:6px !important;
	}
.PT20{
	padding-top:20px !important;
	}
	

.ol_display{
	list-style:decimal
	}
.profile_table th{
	background-color:#fdf2f1;
	border:solid 1px #a0a0a0;
	height:40px;
	text-align:left;
	margin:0 0 0 20px;
	padding:0 0 0 20px;
	}
.profile_table td{
	height:40px;
	border:solid 1px #a0a0a0;
	text-align:left;
	margin:0 0 0 20px;
	padding:0 0 0 20px;
	}
.profile_table{
	border:solid 1px #a0a0a0;
	margin:0 0 20px;
	width: 100%;
	}

.TXR{
	text-align:right;
	}
	
	

/* ------------------------------------------------------------------------------------------------------


	アウトライン


------------------------------------------------------------------------------------------------------ */
body{
	line-height	: 1.6;
	font-family	: メイリオ,"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,  sans-serif;
	color:#333;
}
#Wrapper{
	overflow:hidden;
	width:100%;
}

/* ------------------------------------------------------------------------------------------------------


	ヘッダー


------------------------------------------------------------------------------------------------------ */

#Header{
	width:100%;
	height:100px;
	background:url(../images/header_bk.gif) repeat-x;
	}
#HeaderInner{
	width:962px;
	height:100px;
	margin:0 auto;
	}	
#HeaderTop{
	overflow:hidden;
	}
#HeaderT_left{
	width:620px;
	float:left;
	margin:20px auto 0 auto;
	}
#HeaderT_right{
	width:255px;
	float:right;
	padding:0 0 0 0;
	margin:20px auto 0 auto;
	}	
#HeaderT_right ul li {
	float:left;
	margin-left:30px;
	}
#HeaderBottom{
	padding:0 0 0 0;
	margin-left:720px;
	}
#HeaderBottom ul li {
	color: #5c0303;
	font: 86% "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	margin: 0px;
	padding: 0px;
	float: left;
	}	
#HeaderBottom ul li a{
	color: #5c0303;
	}	
#HeaderBottom ul a.line_length{
	background:url(../images/footer_nav_line.gif) 0px no-repeat;
	margin:0 0 1px 0;
	padding-left:20px;
	}
#HeaderBottom ul li a:link,
#HeaderBottom ul li a:active,
#HeaderBottom ul li a:visited{
	text-decoration:none !important;
}
#HeaderBottom ul li a:hover,
#HeaderBottom ul li a:focus{
	text-decoration:none !important;
}






.length{
	padding-right:6px;
	border-right:solid 2px #926c6c;
	}
.PL2{
	padding-left:6px;
}

.PR2{
	padding-right:6px;
}




/* ------------------------------------------------------------------------------------------------------


	ナビ


------------------------------------------------------------------------------------------------------ */
#Nav{
	height:54px;
	background:url(../images/nav_bk.gif) repeat-x;
	}
#NavInner{
	width:960px;
	margin:0 auto;
	}
#Nav #NavInner ul li {
	float:left;
	}

/* ------------------------------------------------------------------------------------------------------


	メイン


------------------------------------------------------------------------------------------------------ */


/* ページタイトル
--------------------------------------------------------------------------------------------------*/
#PageTitle{
	margin:0 0 20px 0;
	}


/* h1タイトル
--------------------------------------------------------------------------------------------------*/



/* h2タイトル
--------------------------------------------------------------------------------------------------*/
h2 {
	clear:both;
	background:url(../images/h2.gif) no-repeat;
	font-size:140%;
	padding:6px 0 6px 46px;
	margin:0 0 20px 0;
}




/* h3タイトル
--------------------------------------------------------------------------------------------------*/
h3{
	clear:both;
	background:url(../images/maru.gif) no-repeat 15px 0.8em;
	border-bottom:4px solid #f6b3b7;
	font-size:130%;
	padding:6px 0 6px 40px;
	margin:0 10px 20px 10px;
}
/* h4タイトル
--------------------------------------------------------------------------------------------------*/

h4{
	clear:both;
	border-bottom:dotted 3px #e20a16;
	font-size:120%;
	padding:6px 0 6px 10px;
	margin:0 10px 20px 10px;
	clear:both;
	}
	
	
/* hr
--------------------------------------------------------------------------------------------------*/
hr {
	clear:both;
	border: 1px #FF0000 dotted;
}
	
/* 更新日付
--------------------------------------------------------------------------------------------------*/
.Update{
	font-weight:bold;
	text-align:right;
	padding:0 !important;
	margin-top:0 !important;
	margin-bottom:4px !important;
	
	}




	
	

/* 点線ライン
--------------------------------------------------------------------------------------------------*/
.Line{
	clear:both;
	width:660px;
	border-bottom:dotted 1px #313131;
	margin:0 auto;
	}



/* パンくずリスト
--------------------------------------------------------------------------------------------------*/
#Pan{
	width:100%
	height:44px;
	background:url(../images/pan_bk.gif) repeat-x;
	}
#PanInner{
	width:960px;
	height:44px;
	margin:0 auto;
	}
#PanInner p{
	padding-top:8px;
	}


/* ページの先頭へ
--------------------------------------------------------------------------------------------------*/

.PageTop{
	clear:both;
	font-size:90%;
	font-weight:bold;
	float:right;
	
	
	
	}


/* イベント情報
--------------------------------------------------------------------------------------------------*/


/* ------------------------------------------------------------------------------------------------------


	メインイメージ


------------------------------------------------------------------------------------------------------ */
/*

/* ------------------------------------------------------------------------------------------------------


	コンテンツ


------------------------------------------------------------------------------------------------------ */
#Content{
	padding:0 0 0 0;
}
#ContentInner{
	overflow:hidden;
	width:960px;
	padding:0 0 0 0;
	margin:0 auto;
}


/* ------------------------------------------------------------------------------------------------------


	メインコンテンツ


------------------------------------------------------------------------------------------------------ */
#MainContent{
	overflow:hidden;
	width:680px;
	float:left;
	margin:20px 0 0 0;
	}

.TextBox{
	overflow:hidden;
	clear:both;
	width:640px;
	margin:0 auto !important;
    padding:0 10px 0 10px;
	}
.TextBox ol.ol_display{
	margin:0 0 0 20px;
	}
.TextBox ol{
	line-height:24px;
	}

.TextBox2{
	width:620px;
	margin:0 auto !important;
    padding:0 10px 0 10px;
	}


.TextBox2 ol.ol_display{
	margin:0 0 0 20px;
	}
.TextBox2 ol{
	line-height:24px;
	}

.TextBox p.center{
	text-align:center
	}

.TextBox p.Preparation{
	text-align:center;
	color:#e20a16;
	font-weight:bold;
	font-size:120%;
	padding-top:10px;
	padding-bottom:20px;
	}






#Content .TextBox p{
	margin:0 0 16px 0;
	}


/* ------------------------------------------------------------------------------------------------------


	コンテンツ　―　サイド


------------------------------------------------------------------------------------------------------ */
#SubContent{
	width:260px;
	float:right;
	margin:20px 0 0 0;
}
#SubContent img{
	margin:0 0 10px 0;
	}


.Side_ShopBtn{
	width:254px;
	height:86px;
	padding-left:6px;
	margin:0 0 20px 0;
	background:url(../images/sub_stores.gif) no-repeat;
	}

.Side_ShopBtn img{
	padding:24px 0 0 4px;
	
	}



/* ------------------------------------------------------------------------------------------------------


	ページ先頭へ


------------------------------------------------------------------------------------------------------ */

#PageTop{
	width:100%;
	height:20px;
	}
	
	
#PageTopInner{
	clear:both;
	width:960px;
	height:20px;
	margin:0 auto;
	
	}
#PageTopInner img{
	float:right;
	
	}





/* ------------------------------------------------------------------------------------------------------


	フッター


------------------------------------------------------------------------------------------------------ */

#Footer{
	clear:both;
	width:100%;
	height:100px;
	background:url(../images/footer_bk.gif) repeat-x;
	}
#FooterInner{
	width:960px;
	height:100px;
	margin:0 auto;
	}
#FooterTop{
	width:960px;
	}
#FooterTopIn{
	width:490px;
	margin:0 auto;
	padding:14px 0 0 0;
	}
#FooterTopIn ul li {
	float: left;
	font-family:メイリオ,"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,  sans-serif;
	font-size:86%;
	font-style:normal;
	color:#5c0303;
}
		
#FooterTopIn ul li a{
	font-family:メイリオ,"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,  sans-serif;
	font-style:normal;
	color:#5c0303;
	}
	
#FooterTopIn ul li a:link,
#FooterTopIn ul li a:active,
#FooterTopIn ul li a:visited{
	text-decoration:none !important;
}
#FooterTopIn ul li a:hover,
#FooterTopIn ul li a:focus{
	text-decoration:none !important;
}
	
#FooterBottom{
	clear:both;
	width:960px;
	height:54px;
	}

#FooterBottom #FooterLogo{
	width:230px;
	height:54px;
	float:left;
	}
#FooterBottom #FooterAdd{
	width:410px;
	height:54px;
	float:left;
	}
#FooterBottom #FooterCopy{
	width:318px;
	height:54px;
	float:right;
	}

#FooterBottom #FooterCopy p{
	float:left;
	line-height:12px;
	font-family:メイリオ,"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,  sans-serif;
	margin:0 0 0 0;
	padding:30px  0 0 0;
	font-size:86%;
	font-style:normal;
	color:#5c0303;
	}

address{
	line-height:16px;
	font-family	: メイリオ,"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,  sans-serif;
	margin:10px 0 0 14px;
	padding:0;
	font-size:90%;
	font-style:normal;
	color:#5c0303;
	
	}
	
	
/* お問い合わせ
------------------------------------------------------------------------------*/
.inq_tbl input, .inq_tbl textarea {
	vertical-align: middle;
	margin: 3px 0;
}
.inq_tbl {
	width: 100%;
	font-size: 100%;
	margin-bottom: 25px;
	text-align: center;
	clear: both;
}
.inq_tbl th {
	width: 32%;
	padding: 15px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	background:#fdf2f1;
	border: 1px solid #ddd;
}
.inq_tbl td {
	padding: 15px;
	text-align: left;
	background: #fff;
	border: 1px solid #ddd;
	vertical-align: top;
}
input.company {
	width: 250px;
}
input.name {
	width: 250px;
}
input.ruby {
	width: 250px;
}
input.zip_code {
	width: 80px;
}
input.address {
	width: 420px;
}
input.worker {
	width: 50px;
}
input.other {
	width: 270px;
}
input.phone {
	width: 80px;
}
input.email {
	width: 350px;
}
textarea.message {
	width: 420px;
	height: 120px;
}
textarea.notes {
	width: 420px;
	height: 120px;
}
.smt_btn {
	width: 150px;
	height: 40px;
}
.smt_box {
	width: 100%;
	text-align: center;
}

.RedTxt {
	color: #ff0000 !important;
}
	
	
/* ------------------------------------------------------------------------------------------------------

会社概要ページ

------------------------------------------------------------------------------------------------------ */	
	
#p1 {
	text-align: center;
	}
	
/*recruitのcss*/

#MainBox .store_navi{
	width: 680px;
	margin: 20px 0 30px 0;
	border: 1px solid #a0a0a0;
}
.store_navi th{
	width: 100px;
	padding: 5px 0 5px 0;
}
.store_navi tr td ul li{
	background: url(../images/arrow.gif) no-repeat left center;
	float: left;
	padding: 0 20px 0 15px;
}
.store_navi tr .title_sotra_navi{
	background: #fdf2f1;
	text-align: left;
	padding-left: 30px;
}
#MainBox .recruit_box{
	margin-bottom: 10px;
}

#MainBox .recruit_box h3{
	float: left;
	width: 300px;
	border-top: 1px solid #fdf2f1;
	margin-bottom: 0px;
}
#MainBox .recruit_box p{
	float: right;
	width: 275px;
	margin-top: 5px;
}
.recruit_table{
	border-spacing: 0;
	border-collapse: collapse;
	border-right: 1px solid #a0a0a0;
	border-left: 1px solid #a0a0a0;
	border-top: 1px solid #a0a0a0;
	width: 680px;
	margin-bottom: 20px;
}
.recruit_table tr th,
.recruit_table tr td{
	text-align: center;
	border-left: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	padding: 3px 0 3px 0;
}
.recruit_table tr th{
	width: 90px;
	background: #fdf2f1;
}
#MainBox .recruit_table tr .th_small{
	width: 50px;
}
#MainBox .recruit_table tr .th_middle{
	width: 120px;
}
#MainBox .recruit_table tr .th_large{
	width: 230px;
	text-align: right;
	padding-right: 5px;
}
#MainBox .recruit_table tr .th_large2{
	width: 230px;
	text-align: center;
}
.table_bottom{
	margin-bottom: 50px;
}
#MainBox table.memo {
	background: #FDF2F1;
	text-align: left;
	width: 100%;
}
#MainBox .memo tr th {
	padding: 5px 5px 5px 10px;
	width: 180px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}
#MainBox .memo tr td {
	padding: 5px 5px 5px 10px;
}
.p_small {
	font-size: 70%;
	margin-left: 10px;
}
.p_small2 {
	font-size: 70%;
}
.margin_u {
	padding-bottom: 16px;
}