@charset "UTF-8";

/*
information{
	file name : /css/individual/workshop/index.css
	infomation : This CSS file define workshop styles.;
	site name : VSM Husqvarna Viking;
	copyrihgt : Copyright (C) JUKI Co.,Ltd. All Rights Reserved.;
}
*/

/* contents
--------------------------------------------------------------------------


--------------------------------------------------------------------------
*/
div#bodySection {
	padding-bottom: 1px;
}

div#wrapSection {
	text-align: left;
	width: 760px;
	margin: 0 auto;
	position: relative;
	background: url(../../../img_common/workshop_body_line_h.gif) repeat-y;
	padding-bottom: 1px;
}

/*.txt_s { font-size: 70% !important; }
.txt_m { font-size: 90% !important; }
.txt_l { font-size: 100% !important; }*/

.txt_b { font-weight: bold; }
.txt_n { font-weight: normal !important; }


/* 1. sidebarArea
-----------------------------------------------	*/
div#sidebarArea {
	position:absolute;
	right: 0px;
	top: 0px;
	width: 180px;
}

div#sidebarAreaContent {
	padding: 0 5px;
}

div#sidebarAreaContent p {
	font-size: 70%;
}



/* 2. contentsArea
-----------------------------------------------	*/
div#bodySection #contentsArea {
	_overflow:auto;
	width: 550px;
	margin: 0;
	padding: 0;
}


/* 3. workshop-info
-----------------------------------------------	*/
h1.main_ttl {
	margin: 0 0 20px 0;
}

div#bodySection #contentsArea h2 {
	background: #EDEDED;
	font-weight: bold;
	padding: 5px 10px;
	margin: 0;
	border: 1px solid #ccc;
}

div#bodySection #contentsArea h2.special {
	background: #BE0D10;
	color: #fff;
	border: 1px solid #BE0D10;
}

div#bodySection #contentsArea h2.special_blue {
	background: #1D56AD;
	color: #fff;
	border: 1px solid #1D56AD;
}

div#bodySection #contentsArea div.workshop-info {
	border: 1px solid #ccc;
	border-top: none;
	padding: 20px 15px;
}

div#bodySection #contentsArea div.special {
	border: 1px solid #BE0D10;
}

div#bodySection #contentsArea div.special_blue {
	border: 1px solid #1D56AD;
}

div.workshop-info {
	margin-bottom: 40px;
}

p.workshop-info-picture {
	text-align: center;
	padding-bottom: 20px;
}

p.workshop-info-picture img {
	vertical-align: middle;
}


/* caption */
p.workshop-info-picture span.caption_2block {
	display: block;
	width: 305px;
	margin: 0 auto;
	padding-top: 3px;
}

p.workshop-info-picture span.caption_2block span.caption_1of2 {
	display: block; 
	width: 150px;
	float: left;
}

p.workshop-info-picture span.caption_2block span.caption_2of2 {
	display: block;
	width: 150px;
	float: right;
}

/* イレギュラー workshop-info-picture */
div.workshop-info-picture table {
	width: 460px;
	margin: 0 auto;
}
div.workshop-info-picture table tr.vtitle td {
	text-align: left;
	padding: 0 0 4px;
}
div.workshop-info-picture table tr.vtitle td strong {
	color: #444444!important;
}
div.workshop-info-picture table tr.vimage td {
	padding: 0 0 20px;
}
div.workshop-info-picture table tr td
div.workshop-info-picture table tr td img {
	vertical-align: bottom;
}


div.workshop-info-overview {
	margin-bottom: 20px;
	background: url(../../../img_common/line_h.gif) repeat-y;
}

div.workshop-info-overview-left {
	width: 240px;
	float: left;
}

div.workshop-info-overview-right {
	width: 240px;
	float: right;
}

ul.workshop-info-date li {
	font-weight: bold;
	padding: 0 0 5px 0;
	line-height: 1.4;
}

ul.workshop-info-date li span.gray {
	color: #999999;
}

span.caption,
p.workshop-info-caption {
	text-indent: -1.3em;
	padding-left: 1.3em;
	padding-top: 10px;
	display: block;
}

.caption_dot {
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}
div.workshop-info-details p {
	margin: 0 15px;
}

div.workshop-info table td {
	vertical-align: top;
	padding: 0 5px 0 0;
}

table.dataTable2 {
	border: 1px solid #CCCCCC!important;
	border-collapse: collapse!important;
	background: #fff;
}

table.dataTable2 th {
	text-align: center;
	border: 1px solid #CCCCCC!important;
	background: #666666;
	color: #fff;
	font-weight: normal;
}

table.dataTable2 td {
	padding: 2px 4px!important;
	border: 1px solid #CCCCCC!important;
	font-weight: normal;
}

div.workshop-info div.left {
	float: left;
	width: 393px;
	display: inline;
	margin-bottom: 20px;
}

div.workshop-info .right {
	float: right;
	width: 107px;
	display: inline;
	margin-bottom: 20px;
}

div.indent15 {
	padding: 0 0 0 15px;
}

div.workshop-info-details dl {
	background: #F8F8F8 url(../../../img_common/dotline_w_wide_full.gif) no-repeat bottom;
	padding: 8px 15px;
	margin: 0;
}

div.workshop-info-details dl.end {
	background-image: none;
	margin-bottom: 20px;
}

div.workshop-info-details dl dt {
	width: 105px;
	float: left;
	clear: both;
	background: url(../../../workshop/img/detail_colon.gif) no-repeat right 0.3em;
}

div.workshop-info-details dl dd {
	width: 370px;
	float: right;
	margin: 0;
}

.workshop-info-date-ttl {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

.other_place {
	background: #FEEFEF;
	padding: 5px 5px 0 5px!important;
}
.other_place a img {
	margin: 0 0 3px 0;
}

p.info_next {
	padding: 150px 0 180px 0;
	text-align: center;
}

p.none {
	text-align: center;
	padding: 200px 0;
}

table.dataTable tr td {
	padding-right: 5px;
}

.attention-text {
	color: #ff0000;
}

div.workshop-info-details p.endApplication {
	margin: 0;
	padding: 1px;
	border: 1px solid #E9DFB3;
	width: 310px;
	margin: 0 auto;
}
div.workshop-info-details p.endApplication span {
	display: block;
	text-align: center;
	margin: 0;
	padding: 5px;
	background: #FDFBEF;
	border: 1px solid #E9DFB3;
}

/* from bodySection.css */
	div.categories {
		width: 176px;
		margin: 0px 0px 30px 0px;
	}
	
	div.categories ul.categories-1 li {
		margin-bottom: 2px;
		padding: 7px 0px 9px 0px;
		background-image: url("../../../img_common/subnavigation_dotline.gif");
		background-repeat: repeat-x;
		background-position: left bottom;
		font-size: 80%;
		line-height: 1.2;
	}
	
	div.categories ul.categories-1 li.current {
		padding-right: 10px;
		background-color: #EEEEEE;
	}
	
	div.categories ul.categories-1 li a {
		display: block;
		padding-left: 13px;
		background-image: url("../../../img_common/icon_arrow_right.gif");
		background-repeat: no-repeat;
		background-position: 0.5em 0.3em;
	}
	
	div.categories ul.categories-1 li em {
		display: block;
		margin-bottom: 5px;
		padding-left: 13px;
		font-weight: bold;
	}
	
	div.categories ul.categories-2 li {
		margin-bottom: 2px;
		padding: 5px 0px 5px 0px;
		background-image: none;
		background-color: #FFFFFF;
		font-size: 100%;
	}
	
	div.categories ul.categories-2 li em {
		margin-bottom: 0px;
		padding-left: 13px;
		font-weight: bold;
		color: #BE0D10;
	}
	
/* SHOP
	-------------------------------------------------------------------------	*/	
div.countryArea {
	border: 1px solid #CFCFCF;
	padding: 10px;
	margin-bottom: 40px;
}

div.countryArea ul li {
	float: left;
	width: 5.5em;
	padding: 5px 5px 5px 10px;
	background: url(../../../img_common/allow_green.gif) no-repeat 0 9px;
}

div.countryArea ul li.off {
	color: #999999;
}

div.countryArea ul li a {
	display: block;
	text-decoration: none;
}

div.countryArea ul li a:hover {
	text-decoration: underline; 
}

/* country-ttl */
h2.country-ttl {
	background: none !important;
	border: none !important;
	border-bottom: 1px solid #ccc !important;
	padding: 10px 0 4px 0 !important;
	margin-bottom: 15px !important;
}

h2.country-ttl span {
	display: block;
	border-left: 4px solid #43A009;
	padding-left: 4px;
}

/* shop-info */
div.shop-info {
	background: #EDEDED;
	border: 1px solid #CCCCCC;
}

div.shop-info p {
	width: 70px;
	float: left;
	background: #D7F4BA;
	font-weight: bold;
	text-align: center;
	border-right: 1px solid #cccccc;
}

div.shop-info p span {
	padding: 5px;
	display: block;
}

div.shop-info h3 {
	width: 470px;
	float: right;
	margin: 0;
	font-weight: bold;
}

div.shop-info h3 span {
	display: block;
	padding: 7px 5px 5px 5px;
	line-height: 1.2;
}

table.shop_data {
	border-collapse: collapse;
}

table.shop_data tr th {
	text-align: center;
	padding: 8px;
	border: 1px solid #ccc;
}

table.shop_data tr td {
	padding: 8px;
	border: 1px solid #ccc;
}

div.shop-application {
	border: 1px solid #ccc;
	padding: 10px;
}

div.shop-application ul {
	padding-left: 1em;
}

div.pagenavi {
	margin-top: -30px !important;
}
/* 6. margin
	-----------------------------------------------	*/
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }



.clear {
	clear: both;
}
/* clearfix */
.workshop-info:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.workshop-info,
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html.workshop-info,
* html.clearfix { height: 1%; }

.workshop-info,
.clearfix { display: block; }
/* End hide from IE-mac */


/* 7. other common utility
	-----------------------------------------------	*/
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.alignLeft { text-align: left; }