@charset "UTF-8";

/****** 要素上書き */
html		{ background:url(../common/sub-base-02.gif) repeat-x ; }
body		{ text-align:center; padding:0; height:100%;
					font:12px "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic",Meiryo,Osaka,sans-serif; line-height:1.5em; }
	/* リンク */
a       { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active{ outline:none; }


/****** レイアウト */
#main					{ width:960px; clear:both; }
#header,#main,#footer	{ text-align:left; margin:0 auto; }


/****** ヘッター */
#header    { height:185px; position:relative; }
#header h1 { position:absolute; top:10px; left:0px;  }
#header h2 { position:absolute; top:102px; left:0px; }

/****** グローバルメニュー */
#nav            { position:absolute; top:40px; left:170px; }
#nav ul         { width:785px; height:40px; background:url(../common/sub-base-03.gif) no-repeat top right; }
#nav li         { float:left; background:url(../common/sub-base-03.gif) no-repeat top left;  }
#nav li a       { display:block; width:100px; height:40px; text-indent:-9999px; margin:0 2px; 
                  background:url(../common/sub-base-06.gif) no-repeat 0 0;  }
#nav li.menu1 a { width:257px; background-position:0 0;      } #nav li.menu1 a:hover { background-position:0 -40px; }
#nav li.menu2 a { width:297px; background-position:-257px 0; } #nav li.menu2 a:hover { background-position:-257px -40px; }
#nav li.menu3 a { width:168px; background-position:-554px 0; } #nav li.menu3 a:hover { background-position:-554px -40px; }
.corp  #nav li.menu1 a { background-position:0 -40px; }
.csr   #nav li.menu2 a { background-position:-257px -40px; }
.store #nav li.menu3 a { background-position:-554px -40px; }

/****** フッター */
#footer         { /*height:134px; */clear:both; margin:0; padding:0 0 10px 0; background:url(../common/sub-base-04.gif) repeat-x #1A8AFF; }
#footer .wrapper{ width:960px; margin:0 auto; }
#footer h2      { padding:20px 0 10px 0; }
#footer ul      { margin-top:2px; }
#footer ul.menu1{ border:dotted 1px #aaaaff; border-width:1px 0 0 0; margin-top:5px; padding-top:5px;  }
#footer ul li   { float:left; padding:1px 10px; /*border:solid 1px #aaf; border-width:0px 0px 0px 1px;*/ }
#footer ul li a { color:#ddf; }
#footer a.toplink { float:right; }
#footer address { color:#fff; text-align:right; }

/****** コンテンツエリア */
#contents    { min-height:700px; position:relative; }
#article     { width:700px; float:left;  padding:30px 0; } 
#aside       { width:220px; float:right; padding:30px 0; }
	/* パンくず */
#breadlist   { float:right; margin:0; padding:0; font-size:10px; letter-spacing:+0.2em; line-height:14px; text-align:right; }
#breadlist a { color:#444; }
#breadlist li{ list-style-type:none; margin-left:0; }

	/* タイトル */
#contents h3 { font-size:24px; font-weight:bold; letter-spacing:+0.2em; margin:0; }
/*#article h4  { font-size:16px; font-weight:bold; color:#fff; letter-spacing:0.2em; line-height:1em;
               background:url(../common/h4-01.gif) no-repeat; height:40px; margin:20px 0 10px 0; padding:10px 0 0 20px; }*/
#article h4  { font-size:16px; font-weight:bold; color:#fff; letter-spacing:0.2em; line-height:40px;
               background:url(../common/h4-01.gif) no-repeat; height:40px; margin:20px 0 20px 0; padding:0 0 0 20px; }
#article h4.gray { background-image:url(../common/h4-02.gif); }
#article h5  { color:#463737; font-size:14px; font-weight:bold; border-left:solid 5px #0af;
               margin:10px 0; padding:3px 6px; }
#article h6  { font-size:14px; color:#0af; padding:0; }

	/* サイドナビゲーション */
#innerlink   { letter-spacing:+0.2em; border:solid 1px #ccc; padding:10px; }
#aside h4    { background:#0bf url(../common/button-03.gif) repeat-x center center; 
               font-size:14px; color:#fff; text-align:center;
               margin:0 0 10px 0; padding:6px; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; }
#aside h5    { background:#666 url(../common/button-01.gif) repeat-x center center; 
               color:#fff; text-align:center;
               margin:0; padding:6px; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; }
#aside li    { border-bottom:solid 1px #ddd; text-align:center; }
#aside a     { display:block; padding:6px; color:#39f; }
#aside a:hover  { background:#eff; text-decoration:none; }
#aside a.active { background:#dff; }
#aside .csrblog a { padding:0; margin-top:20px;}


	/* textbox内部の共通設定 */
#article .textbox    { margin:0 0 20px 0; padding:0; text-align:left; }
#article .textbox dl { margin-bottom:1.6em;  }
#article .textbox dt { float:left; width:180px; height:100%; padding:6px 0; margin-bottom:6px; background:#dde9f0;
                       font-weight:bold; text-align:center; }
#article .textbox dd {/* width:497px; */margin:0 0 6px 200px; padding:6px 0; overflow:hidden; border-bottom:dotted 1px #999; }
#article .textbox dd.last { border:none; }
#article .textbox ul { margin-bottom:1.6em; }
#article .textbox li { list-style-type:disc; margin-left:20px; }

#article .textbox ul.dl li      { list-style-type:none; }
#article .textbox ul.dl strong  { display:block; float:left; width:10em; clear:left; }
#article .textbox ul.dl span    { display:block; float:left; overflow:hidden; }

#article .textbox p  { overflow:hidden; font-size:13px; line-height:1.6em; margin-bottom:1.6em; }
#article .textbox a.button { display:block; background:#666 url(../common/button-05.gif) repeat-x center center;
                             border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; 
                             padding:3px; color:#fff; text-align:center; font-weight:bold; letter-spacing:+0.1em; }
#article .textbox a.button:hover { text-decoration:none; background-image:url(../common/button-02.gif) ; }

.textbox img         { border:solid 5px #dde9f0; }
.textbox img.nodeco  { border:none; }
.textbox .floatleft  { float:left; margin-right:10px; }
.textbox .floatright { float:right; margin-left:10px; }
.textbox .catch      { font-weight:bold; letter-spacing:+0.1em; margin-bottom:10px; }
.textbox .addlink    { text-align:right; }
.second .box         { width:340px; float:left; margin:0 20px 0 0; }
.second .right       { margin-right:0; }
.third  .box         { width:210px; float:left; margin:0 34px 0 0; }
.third  .right       { margin-right:0 }

#contents .pagelink  { background:#fff6f0; padding:10px 0 10px 25px; }
#contents .pagelink h3 { color:#f19a88; margin:10px 0; }
#contents .textcenter{ text-align:center; }
#contents .textright { text-align:right; }
#contents .clear     { clear:both; }

/****** 各ページ毎の変更・設定 */

	/* 企業及IR資訊 */
#article dl.organization dt { background:none; border-bottom:dotted 1px #999; }
#article dl.history    { margin-top:30px; }
#article .textbox .press-list {}
#article .textbox .press-list li {
	margin:0 1em 1em;
	padding-bottom:1em;
	list-style-type:none;
	border-bottom:dashed 1px #ddd;
}

#article .textbox .past {
	position:absolute;
	bottom:10px;
	right:260px;
}
#article .textbox .past li {
	list-style:none;
	float:right;
}
#article .textbox .past li a {
	color:#fff;
	padding:5px 10px;
	background:#1a8aff;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#article .textbox .past .focus a,
#article .textbox .past li a:hover {
	text-decoration:none;
	background-color:#73b3f5;
}





	/* 企業理念 */
#article h4.phititle    { background:url(../corporate/images/cor-philosophy-01.gif) no-repeat center center;
                          height:140px; text-indent:-9999px; }
#article h4.phititle02  { background:url(../corporate/images/cor-philosophy-03.gif) no-repeat center center;
                          height:60px; text-indent:-9999px; margin:10px 0; padding:0; }
#article h4.phititle03  { background:url(../corporate/images/cor-philosophy-04.gif) no-repeat center center;
                          height:60px; text-indent:-9999px; margin:10px 0; padding:0; }
#article h5.philosophy  { border:solid 1px #0af; }
#article ul.philosophy li { font-size:14px; line-height:20px; list-style-type:none; margin:0 5px; 
                            background:url(../corporate/images/cor-philosophy-05.gif) no-repeat left 3px;
                            padding:3px 30px; }


	/* 財務データ */
#article table.irdata th { text-align:center; border:solid 1px #9cf; background:#09f; color:#fff; padding:5px; }
#article table.irdata td { text-align:right; border:solid 1px #9cf; padding:5px; }
#article table.irdata td.celltitle { text-align:center; font-weight:bold; width:150px; }

	/* CSR與社會貢獻活動 */
#article h4.csrtitle    { background:url(../csr/images/csr-index-01.gif) no-repeat center center;
                          height:140px; text-indent:-9999px; }
#article dl.csrlist dt  { width:120px; }
#article dl.csrlist dd  { width:270px; margin-left:140px; word-wrap: break-word; }
#article dl.csrlist dd.long { width:auto;} 

#article ul.backnumber li { list-style-type:none; background:url(../common/sub-base-08.gif) no-repeat center left;
                            padding-left:20px; font-size:15px; font-weight:bold; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}



/* 分店指南  */
#article dl.accordion   {  }
#article .accordion dt  { background:#fff; padding: 6px; margin:0; border-top: 1px #ccc solid;
                          float:none; width:680px; height:24px; text-align:left; }
#article .accordion dt a{ color: #000; text-decoration:none; display:block; width:100%; height:24px; padding:4px;
                          background:url(../store/images/shop-index-01.gif) no-repeat top right; }
#article .accordion dt span { font-weight:normal; padding-right:20px; }
#article .accordion dt span.name { font-weight:bold; display:inline-block; width:180px; }
#article .accordion dd  { margin:0; padding:6px; width:680px; border:none; background:#e9f6ff; }
#article .accordion dd img { border-color:#fff; }
#article .accordion dd p{ margin-left:10px; }
#article .accordion dd a{ width:160px; float:left; margin-right:20px; }
#article .accordion ul  { margin-top:10px; }
#article .accordion li  { list-style-type:none; margin-left:10px; padding:6px; }
#article .accordion li strong { display:block; width:120px; float:left; clear:left; 
                                border-right:solid 1px #aaa; margin:0 10px 0 0; }

/* 獎品介紹 */
#article .keihin h5 { border-bottom: solid 1px #0af; }
#article .keihin h6 { font-size:13px; }


/* 個人資料私隱條例政策 */
#article ol.privacy li { list-style-type:decimal; }
#article dl.privacy    { width:260px; margin-left:440px; }
#article dl.privacy dt { background:none; border-bottom:dotted 1px #999; width:90px; text-align:left; }
#article dl.privacy dd { width:160px; margin-left:100px; text-align:left; }

/* 網頁指南 */
#article ul.sitemap li ul { margin-bottom:0; }
#article ul.sitemap li    { list-style-type:none; }
#article ul.sitemap li a  { display:block; background:#cef; padding:5px; }
#article ul.sitemap li.home a { background:#9df; }
#article ul.sitemap li li a   { background:none; border-bottom: dotted 1px #999; }
#article ul.sitemap2 li       { list-style-type:none; }
#article ul.sitemap2 li a     { background: none repeat scroll 0 0 #cef; display: block; padding: 5px; margin-bottom:2px; }


/* テレビＣＭ */
.cm #contents { min-height:600px;}
.cm-box {
	width:760px;
	margin:60px auto;
}
.cm-box h2 {
	border-left:5px solid #1a8aff;
	padding:0 0 0 5px;
	margin:0 0 10px;
	font-size:1.2em;
}

.dwl {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	width:340px;
	margin:20px auto;
	padding:10px 0;
	background:#84b037;
	display:block;
}
a:hover.dwl {
	text-decoration:none;
	background-color:#98c746;
}
.cm-wrap a {
	color:#333;
}
.cm-wrap a:hover {
	color:#036eb7;
}


ul.cm-box { width:920px;}
ul.cm-box li {
	width:410px;
	float:left;
	margin:0 50px 50px 0;
}
ul.cm-box li img {
	width:100%;
}







/* パートアルバイト募集 */
#contents .pa-wrap h3 {
	margin:30px 0 15px;
}
.pa-wrap p {
	text-align:center;
}
p.intro {
	font-size:16px;
	font-weight:bold;
}



/* お問い合わせ */
#article .voice h4 {
	margin-bottom:5px;
	height:35px;
}
.voice p { padding:0 10px; font-size:1.1em; line-height:1.5em;}
.voice ul { margin:50px 0;}
.voice li {float:left;}
.voice a { outline:none;}

.attention {
	color:red;
	margin-top:20px;
	font-size:14px;
}
.privacy-wrap {
	padding:10px;
	margin:10px 0;
	height:380px;
	overflow:auto;
	width:700px;
	overflow-x: hidden;
	border:1px solid #eaeaea;
}
#consent {
	margin:0 auto;
}
#consent table { margin:0 auto; text-align:center;}
#consent table td { text-align:center; padding-bottom:5px;}


/*micro clearfix*/
/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after { clear:both;}
 
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1;}