@charset "utf-8";

/*
======== table of content. =================================

File name: info/css/mobile.css
Summary: 携帯サイトのご案内ページ用CSSファイル

============================================================
*/


/*-------------------------------------
カテゴリ画像
---------------------------------------*/
#mainTitle {
	background-image:url(../images/mobile/img_cat.jpg); 
}

/*-------------------------------------
QRコード枠
---------------------------------------*/
#mainLeft .info-mobile-access {
	width:467px;
	padding:3px;
	margin:20px 0 0 0;
	border:1px solid #C4C7D0;
	background:#E4E5F7;
}
#mainLeft .info-mobile-access .info-mobile-access-body {
	width:427px;
	padding:20px;
	background:#FFF;
	overflow:hidden;
}
#mainLeft .info-mobile-access dl dt{
	width:310px;
	color:#333399;
	font-size:117%;
	font-weight:bold;
}
#mainLeft .info-mobile-access dl dd.comment {
	width:310px;
	margin:10px 0 0 0;
}
#mainLeft .info-mobile-access dl dd.qr-code {
	position:absolute;
	top:25px;
	right:20px;
	width:107px;
}


/*-------------------------------------
3Column Index
---------------------------------------*/
#mainLeft .subindex.column-three {
	float:left;
	width:230px;
	margin:20px 20px 0 0;
}
#mainLeft .subindex.column-three .title {
	width:226px;
	padding:1px;
	border:1px solid #BAC2DA;
}
#mainLeft .subindex.column-three .title h2,
#mainLeft .subindex.column-three .title h3,
#mainLeft .subindex.column-three .title h4 {
	width:209px;
	padding:6px 4px 4px 13px;
	background:#DEDEF8 
		url(../images/tree/bg_subindex01.jpg) 
		repeat-x left top;
	font-weight:bold;
}
#mainLeft .subindex.column-three .content-area {
	width:230px;
	padding:10px 0 0 0;
	overflow:hidden;
}