@charset "UTF-8";
/*------------------------------------------------------
	Art Corporation "Concierge"layout Styles
	Version:  9th Nov. 2009
	
	3-1.commonstyle
	3-2./top
	3-3./faq
--------------------------------------------------------*/

/*------------------------------------------------------
	3-1.commonstyle
--------------------------------------------------------*/
div#main h2 {
	background: url(/common/img/h2_bg.gif) left top no-repeat;
	border-bottom: solid 2px #0050c8;
	margin: 0;
	padding: 5px 10px 4px 10px;
	font-size: 125%;
	font-weight: bold;
}

div#main h3 {
	background: #dbe9ff;
	border-left: solid 6px #0050c8;
	padding: 5px 4px 4px 4px;
	font-size: 125%;
	font-weight: bold;
}

div#main h4 {
	border-bottom: solid 2px #0050c8;
	padding: 5px 0 4px 0;
}

div#main h4 span {
	border-left: solid 6px #0050c8;
	padding: 0 4px;
	font-weight: bold;
}

div#main .indent { margin: 10px 10px 0 10px;}

div#main p.catch {
	margin: 20px 10px 0 10px;
	padding: 0;
	font-size: 150%;
	font-weight: bold;
	color: #004DC2;
}

div#main div.universalbox {
	background: url(/common/img/line_bg.gif) left top repeat-x;
	padding-top: 15px;
	width: 560px;
}

div#main div.universalbox div.img {
	display: inline;
	float: left;
	border: solid 1px #0050c8;
	margin: 0;
	width: 152px;
}

div#main div.universalbox dl {
	display: inline;
	float: right;
	width: 375px;
}

div#main div.universalbox dl dt {
	font-size: 125%;
	font-weight: bold;
	color: #0050c8;
}

div#main div.universalbox dl dd p {
	margin-top: 5px;
}

div#main p.detail {
	background: url(/common/img/arrow_detail.gif) 0 3px no-repeat;
	margin-top: 10px;
	padding-left: 15px;
}

div#main p.r {
	margin-top: 10px;
	text-align: right;
}

div#main a.detail {
	background: url(/common/img/arrow_detail.gif) 0 0 no-repeat;
	margin-top: 10px;
	padding-left: 15px;
}

div#main td div.imgright {
	margin-left: 10px;
}

div#main td div.imgleft {
	margin-right: 10px;
}

div#main p.caption {
	margin-top: 5px;
	margin-left: 10px;
	font-size: 84%;
}

div#main ul.normal { list-style-type: disc; margin: 10px 10px 0 25px;}
div#main ol.normal { list-style-type: decimal; margin: 10px 10px 0 25px;}

div#main div.waku {
	border: solid 1px #0050c8;
	padding: 10px;
}


/*------------------------------------------------------
	3-2./top
--------------------------------------------------------*/
div.concierge {
	margin-top: 30px;
	text-align: center;
}

td.faq {
	background: url(/concierge/img/top/faq_bg.gif) left top no-repeat;
	width: 330px;
}

/*------------------------------------------------------
	3-3./faq
--------------------------------------------------------*/
ul.faq {
	margin: 10px 10px 0 10px;
}

ul.faq li {
	background: url(/concierge/img/faq/t_q.gif) 0 3px no-repeat;
	margin-bottom: 10px;
	padding-left: 20px;
}

div.question {
	position: relative;
	background: url(/concierge/img/faq/question_bg.gif) left top no-repeat;
	margin-top: 10px;
	padding: 0;
	width: 560px;
	min-height: 173px;
	height: auto !important;
	height: 173px;
}

div.qbaloonarrow {
	position: absolute;
	top: 52px;
	left: 121px;
}

div.qbaloonft {
	background: url(/concierge/img/faq/qbaloonft_bg.gif) left bottom no-repeat;
	margin-left: 148px;
	padding-top: 11px;
	padding-bottom: 10px;
	width: 411px;
}

div.qbaloonhd {
	background: url(/concierge/img/faq/qbaloonhd_bg.gif) left top no-repeat;
	padding-top: 10px;
}

div.qbaloon {
	background: url(/concierge/img/faq/qbaloon_bg.gif) left top repeat-y;
	margin: 0;
}

div.qbaloon dl {
	padding: 5px 20px;
}

div.qbaloon dl dt {
	font-size: 125%;
	font-weight: bold;
	color: #ff8400;
}

div.qbaloon dl dd { margin-top: 10px;}

div.dashline {
	background: url(/concierge/img/faq/dashline_bg.gif) left bottom repeat-x;
	padding-bottom: 30px;
}


div.answer {
	position: relative;
	background: url(/concierge/img/faq/answer_bg.gif) left top no-repeat;
	margin-top: 30px;
	padding: 0;
	width: 560px;
	min-height: 162px;
	height: auto !important;
	height: 162px;
}

div.abaloonarrow {
	position: absolute;
	top: 52px;
	left: 121px;
}

div.abaloonft {
	background: url(/concierge/img/faq/abaloonft_bg.gif) left bottom no-repeat;
	margin-left: 148px;
	padding-top: 11px;
	padding-bottom: 10px;
	width: 411px;
}

div.abaloonhd {
	background: url(/concierge/img/faq/abaloonhd_bg.gif) left top no-repeat;
	padding-top: 10px;
}

div.abaloon {
	background: url(/concierge/img/faq/abaloon_bg.gif) left top repeat-y;
	margin: 0;
}

div.abaloon dl {
	padding: 5px 20px;
}

div.abaloon dl dt {
	font-size: 125%;
	font-weight: bold;
	color: #58a200;
}

div.abaloon dl dd { margin-top: 10px;}

div.reference {
	background: url(/concierge/img/faq/reference_bg.gif) left top no-repeat;
	margin-top: 30px;
	width: 560px;
	height: 187px;
}

div.reference p.t01 {
	padding: 23px 31px 0 34px;
}

div.reference p.t02 {
	padding: 10px 31px 0 34px;
}

div.reference div.btnarea {
	margin: 12px 25px 0 25px;
	width: 510px;
}
/*
div.reference div.btnarea p.conciergefaq {
	float: left;
	width: 245px;
}
*/
div.reference div.btnarea p.conciergeentry {
	/*float: right;*/
	text-align: center;
}

/* 20110706追記 個別ページの横断リンク */

ul.crosslink {
	margin: 10px 0 0 0;
}

ul.crosslink li {
	background: url(/concierge/img/faq/t_q.gif) 10px 3px no-repeat;
	margin-bottom: 10px;
	padding-left: 30px;
	width: 250px;
	float: left;
	display: block;
}

* html ul.crosslink li {
	width: 280px;
	display: inline;
	zoom: 1;
	float: none;
	vertical-align: top;
}

*+html ul.crosslink li {
	display: inline;
	zoom: 1;
	float: none;
	vertical-align: top;
}

ul.crosslink li.clear {
	clear: left;
}