@charset "UTF-8";

/* ****************************************************************************************

	【CHABARA（ちゃばら）】サイト用CSS
	/chabara/

	01. 初期化
	02. 便利クラス
	03. レイアウト・デザイン
		1. ヘッダー
		2. コンテンツ
		3. ページの先頭へ
		4. フッター

******************************************************************************************* */


/* ****************************************************************************************

	01. 初期化

******************************************************************************************* */
h1 , h2 , h3 , h4 , h5 , h6 , th {
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:bold;
}
div , p , form , input , table , td {
	margin:0;
	padding:0;
}
table {
	font-size:100%;
	border-collapse:collapse;
	border-spacing:0;
}
ul , ol , li ,  dl , dt , dd {
	margin:0;
	padding:0;
	list-style:none;
}
strong , em {
	font-style:normal;
	font-weight:bold;
}
img {border:none;}
body {
	margin:0;
	padding:0;
	color:#333;
	line-height:1.5;
	font-size:10px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background:url(../img/bg.jpg);
}

a:link , a:visited {color:#333;}
a:hover , a:active {
	text-decoration:none;
	color:#cd3934;
}



/* ****************************************************************************************

	02. 便利クラス

******************************************************************************************* */
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0;
}
.clearfix {display:inline-block;}
/* exlude MacIE5 \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* end MacIE5 */


/* ///////// 余白 ///////// */
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}

.mr15 {margin-right:15px;}
.ml15 {margin-left:15px;}

/* ///////// 文字揃え ///////// */
.txt-right {text-align:right;}
.txt-center {text-align:center;}
.no-wrap {white-space:nowrap;}

/* ///////// 文字下線 ///////// */
.bbline{position: relative;}
.bbline:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #333333;
}

/* ///////// フロート ///////// */
.f-left {float:left;}
.f-right {float:right;}

/* ///////// アイコン付リンク ///////// */
a.arrow-link {
	padding:1px 0 1px 18px;
	background:url(../img/icon_arrow.gif) left center no-repeat;
}

/* ///////// 注釈 ///////// */
ul.kome {
	list-style-type:none;
	margin-left:1em;
}
ul.kome li {text-indent:-1em;}

/* ///////// 音声リーダー用テキスト ///////// */
.hidden {
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;/* for IE7 */
}



/* ****************************************************************************************

	03. レイアウト・デザイン

******************************************************************************************* */
#wrap {
	margin:0 auto;
	width:900px;
	background-color:#fff;
}
/* **** No Script **** */
#js-off {
	padding:14px 15px 10px;
	width:870px;
	background-color:#cd3934;
	font-weight:bold;
	color:#fff;
}



/*
	1. ヘッダー
---------------------------------------------------------------------------------------- */
#header {
	position:relative;
	border-top:solid 4px #cd3934;
	height:40px;
}
#header #logo-box {
	position:absolute;
	top:6px;
	left:-20px;
}
#header #logo-box h1,
#header #logo-box p {float:left;}
#header #logo-box p img {margin-left:6px;}



/*
	2. コンテンツ
---------------------------------------------------------------------------------------- */
.cont-box {padding:40px;}
.bbs1 {border-bottom:solid 1px #dcdcdc;}

.cont-box h2 {
	float:left;
	width:95px;
}
.r-cont {
	float:right;
	width:685px;
}
.layout-box {}
.layout-box h3 {
	float:left;
	width:138px;
}
.layout-box .r-layout {
	float:right;
	width:527px;
}

#kumo-box {background:url(../img/deco_kumo4.jpg) left bottom no-repeat;}
#d-kumo {background:url(../img/deco_kumo1.jpg) right top no-repeat;}
#d-kumo dl {}
#d-kumo dl dt {
	display:block;
	padding:0 0 7px;
}
#d-kumo dl dt#cha-top {
	padding:5px 0 7px;
}

#d-kumo dl.aki-oka-list {}
#d-kumo dl.aki-oka-list dt {
	float:left;
	padding:0;
	width:8em;
}
#d-kumo dl.aki-oka-list dd {
	margin-left:8em;
}

.bbdot {
	padding:0 0 21px;
	background:url(../img/dotline.gif) left bottom repeat-x;
}
dl.shop-list {}
dl.shop-list dt {
	display:block;
	margin:0 0 10px;
	padding:0 0 0 20px;
	background:url(../img/icon_square.jpg) 0 0 no-repeat;
	line-height:1.1;
	font-weight:bold;
}
dl.shop-list dd {}

#access-map {
	float:left;
	width:360px;
}
#access-detail {
	float:right;
	padding-top:11px;
	width:297px;
	background:url(../img/dotline.gif) left top repeat-x;
}
#access-detail dl {
	padding-bottom:11px;
	width:297px;
	background:url(../img/dotline.gif) left bottom repeat-x;
}
#access-detail dl dt {
	display:block;
	float:left;
	width:46px;
}
#access-detail dl dt img {display:block;}
#access-detail dl dd {
	display:block;
	float:right;
	width:242px;
}
#access-detail dl dd ul {
	margin-left:18px;
}
#access-detail dl dd ul li {
	list-style:disc;
}




/*
	3. ページの先頭へ
---------------------------------------------------------------------------------------- */
.jump {text-align:right;}
.jump a {}




/*
	4. フッター
---------------------------------------------------------------------------------------- */
#footer {
	border-top:solid 1px #dcdcdc;
	padding:19px 20px 20px;
}
#footer ul {margin-bottom:4px;}
#footer ul li {display:inline;}
#footer #copyright {
	font-family:"verdana" , sans-serif;
	letter-spacing:1px;
}
#footer #logo-jrtk {padding-top:3px;}




dl.campaign-list {}
dl.campaign-list dt {
	display:block;
	margin:0 0 10px;
	padding:0 0 0 20px;
	background:url(../img/icon_square.jpg) 0 0 no-repeat;
	line-height:1.3;
	font-weight:bold;
}
dl.campaign-list dd {}

dl.campaign-list dl.psycho {}
dl.campaign-list dl.psycho dt {
	float:left;
	margin:0px;
	padding:0;
	width:4.5em;
	background:none;
	font-weight:normal;
	line-height:1.5;
}
dl.campaign-list dl.psycho dd {
	margin-left:5em;
	line-height:1.5;
}


dl.campaign-list dl.shop-list {margin:0 0 35px 0px;}
dl.campaign-list dl.shop-list dt {
	display:block;
	margin:0 0 0px;
	padding:0px !important;
	line-height:1.5;
	font-weight:bold;
	background:none !important;
}
dl.campaign-list dl.shop-list dt span{color:#d43c39;}
dl.campaign-list dl.shop-list dd span.st{color:#d43c39; font-size:125%;}
dl.campaign-list dl.shop-list dd {margin-bottom:10px; padding:0 0 10px; border-bottom:dotted 1px #333333;}
dl.campaign-list dl.shop-list dd.last {border:none !important;}


/*
	5. 多言語
---------------------------------------------------------------------------------------- */

#header .langNav{
    float: right;
    padding: 11px 40px 0 0;
    text-align: right;
}

#header .langNav li{
    display: inline-block;
}

#header .langNav li a{
    display: table-cell;
    padding: 0 10px;
    font-size: 1.4em;
    line-height: 1em;
    vertical-align: middle;
    border-left: 1px solid #ccc;
}

#header .langNav li:first-child a{
    border-left: 0;
}