@charset "UTF-8";
/*------------------------------------------------------
	Art Corporation "About"layout Styles
	Version:  24th Aug. 2009
	
	3-1.commonstyle
	3-2./reason/performance
	3-3./reason/plan
	3-4./reason/service
	3-5./concept/voice
	3-6./concept/network
	3-7./flow
	3-8./vehicles
--------------------------------------------------------*/

/*------------------------------------------------------
	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;
}

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

div#main div.waku {
	border: solid 1px #0050c8;
	margin-right: 10px;
	margin-left: 10px;
	width: 540px;
}
/*------------------------------------------------------
	3-2./reason/performance
--------------------------------------------------------*/
dl.save {
	margin: 15px;
}

dl.save dd ul { margin-left: 10px; margin-top: 10px;}

dl.save dd ul li {
	background: url(/about/reason/img/performance/disc_bg.gif) 0 5px no-repeat;
	margin-bottom: 5px;
	padding-left: 15px;
}

/*------------------------------------------------------
	3-3./reason/plan
--------------------------------------------------------*/
table.plan {
	border: solid 1px #ccc;
	border-collapse: collapse;
}

table.plan thead th {
	border-bottom: solid 2px #0050c8;
}

table.plan thead th.work,
table.plan tbody th.work {
	background: #fff0f7;
	border-right: solid 2px #0050c8;
	width: 100px;
	text-align: center;
}

table.plan thead th.kihon,
table.plan tbody td.kihon {
	background: #c4ecff;
	border-right: solid 1px #0050c8;
	padding: 5px 0;
	text-align: center;
}

table.plan thead th.half,
table.plan tbody td.half {
	background: #ffebcd;
	border-right: solid 1px #0050c8;
	padding: 5px 0;
	text-align: center;
}

table.plan thead th.omakase,
table.plan tbody td.omakase {
	background: #e2ec90;
	padding: 5px 0;
	text-align: center;
}

table.plan tbody th.work,
table.plan tbody td.kihon,
table.plan tbody td.half,
table.plan tbody td.omakase {
	border-bottom: solid 1px #0050c8;
	padding: 5px 0;
}

table.plan tbody th.last,
table.plan tbody td.last {
	border-bottom: none;
}

/*------------------------------------------------------
	3-4./reason/service
--------------------------------------------------------*/
div.dubble {
	background: url(/about/reason/img/service/option-dubble_hd_bg.gif) left top no-repeat;
	margin-top: 20px;
	padding-top: 10px;
}

div.dubbleft {
	background: url(/about/reason/img/service/option-dubble_ft_bg.gif) left bottom no-repeat;
	margin: 0;
	padding-bottom: 10px;
}

div.dubbleft div.optioninner {
	background: url(/about/reason/img/service/option-dubble_bg.gif) left top repeat-y;
	margin: 0;
	padding: 0;
}

div.optioninner div.optionleft {
	display: inline;
	float: left;
	margin-right: 8px;
	padding: 0 2px;
	width: 272px;
}

div.single {
	background: url(/about/reason/img/service/option-single_hd_bg.gif) left top no-repeat;
	margin-top: 20px;
	padding-top: 10px;
}

div.singleft {
	background: url(/about/reason/img/service/option-single_ft_bg.gif) left bottom no-repeat;
	margin: 0;
	padding-bottom: 10px;
}

div.singleft div.optioninner {
	background: url(/about/reason/img/service/option-single_bg.gif) left top repeat-y;
	margin: 0;
	padding: 0;
}

div.optioninner div.optionleft {
	display: inline;
	float: left;
	margin-right: 8px;
	padding: 0 2px;
	width: 272px;
}

* html div.optioninner div.optionleft { width: 276px;}

div.optioninner div.optionright {
	display: inline;
	float: left;
	padding: 0 2px;
	width: 272px;
}

* html div.optioninner div.optionright { width: 276px;}

div.optioninner div.optionleft div.img,
div.optioninner div.optionright div.img {
	display: inline;
	float: left;
	margin: 0;
	width: 111px;
}

div.optioninner div.optionleft dl,
div.optioninner div.optionright dl {
	display: inline;
	float: right;
	width: 160px;
}

div.optioninner div.optionleft dl dt,
div.optioninner div.optionright dl dt  {
	font-size: 125%;
	font-weight: bold;
	color: #0050c8;
}

div.optioninner div.optionleft dl dd p,
div.optioninner div.optionright dl dd p {
	margin-top: 5px;
	margin-right: 5px;
}

/*------------------------------------------------------
	3-5./concept/voice
--------------------------------------------------------*/
ul.voice li {
	background: url(/about/concept/img/voice/icon_fukidashi.gif) left top no-repeat;
	margin-bottom: 10px;
	padding-left: 20px;
}

div.graph {
	margin: 30px 10px 0 10px;
}

div.graph div {
	margin-top: 30px;
	text-align: center;
}

/*------------------------------------------------------
	3-6./concept/network
--------------------------------------------------------*/
table.network {
	border-top: solid 1px #0050c8;
	border-right: solid 1px #0050c8;
	border-collapse: collapse;
	margin-right: 10px;
	margin-left: 10px;
}

table.network th,
table.network td {
	border-bottom: solid 1px #0050c8;
	border-left: solid 1px #0050c8;
	text-align: left;
	padding: 5px 0.5em;
}

table.network tbody th { width: 7em;}


table.network tbody th { width: 7em;}

/* WinIE6 */
* html table.network tbody th { width: 9em;}

/* WinIE7 */
*:first-child+html table.network tbody th { width: 9em;}

table.network td.zip { width: 5em;}

/* WinIE6 */
* html table.network td.zip { width: 7em;}

/* WinIE7 */
*:first-child+html table.network td.zip { width: 7em;}

table.network td.tel { width: 6em;}

/* WinIE6 */
* html table.network td.tel { width: 8em;}

/* WinIE7 */
*:first-child+html table.network td.tel { width: 8em;}

table.network thead th {
	font-weight: bold;
}

table.network thead th.hokkaido {
	background: #fe82b2;
}

table.network thead th.tohoku {
	background: #7c79b8;
}

table.network thead th.kanto {
	background: #ff876c;
}

table.network thead th.chubu {
	background: #d5ed7c;
}

table.network thead th.kansai {
	background: #4cc5f0;
}

table.network thead th.chugoku {
	background: #ffc581;
}

table.network thead th.kyushu {
	background: #73cd8c;
}

/*------------------------------------------------------
	3-7./flow
--------------------------------------------------------*/
table.flow {
	margin-top: 30px;
}

table.flow th {
	padding-right: 10px;
}

/*------------------------------------------------------
	3-8./vehicles
--------------------------------------------------------*/
div.vehicles {
	background: #c1e5f0;
}

div.vehicles p {
	padding: 12px 0;
	text-align: center;
}