/*
	Since:Jun 1 2007
	Last-Updated:Jun 1 2007
	Editor:Masataka Asakura(MIC)
*/


/*
-------------File Contents--------------

	1. DefaultSetting

	2. Globals
		1) Base
		2) Links
	
	3. Header
		1) logo
		2) headerNavigation
	
	
	4. Main / SideBar / ContentsBase
	
	5. cotents
		
	6. tableStyles
	
	7. formStyles
				
	8. pageTop
	
	9. footer

*/


/*
------------1. DefaultSetting----------------
*/

/* universal reset */
*{
	font-size:100%;
	margin:0;
	padding:0;
}


h1, h2, h3, h4, h5, h6, form, dl{
    margin:0;
    padding:0;
}
dt, dd{
	font-weight:normal;
	line-height:130%;
}

p{
  margin:0;
  padding:15px 0 0 0;
	letter-spacing:normal;
	line-height:1.5;
}
p.P2{
  margin:0;
  padding:0!important;
}
p.P3{
  margin:0;
  padding:5px 0 0 0!important;
}
p.P4{
  margin:0;
  padding:10px 0 0 0!important;
}
p.P5{
  margin:0;
  padding:20px 0 0 0!important;
}
p.P6{
  margin:0;
  padding:25px 0 0 0!important;
}



ul{
	padding:15px 0 0 13px;
	margin:0;
	list-style-type:disc;
}

ol{
	padding:15px 0 0 23px;
	margin:0;
	list-style-type:decimal;
}
li{
	list-style-position:outside;
	padding:0 0 8px 0;
	margin:0;
}


img {
	vertical-align:bottom;
}


noscript{
	margin:0;
	padding:0;
	text-align:left;
}
sup{
	vertical-align:20%!important;
	padding-left:1px;
}

dfn{
	font-style:normal;
	font-weight:bold;
}

p strong.strongBlack{
	color:#333!important;
}
p span.spanRed{
	color:#f00!important;
}

/*
------------2. Globals----------------
*/

/* ============1) Base================= */


body{
	font:normal 0.875em/100% Verdana, Helvetica, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", Osaka, sans-serif; 
	background-color:#fff;
	color: #000;
	margin:0;
	padding:0;
  vertical-align:baseline;
  text-align:center;
}

hr, .hiddenElements{display:none;}

.clearfix{
	display:block;
	min-height:1em;
}

.clearfix:after{
	content:".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

.clear{clear:both;}



#container{
	background-color: #fff;
	color: #000;
  text-align:center;
	margin:0 auto;
	border-top:3px solid #8bd469;
	width:100%;
}



/* ==============2) Links================== */



a:link{
	color: #06f;
	text-decoration:none;
  border-bottom-width:0;
}
a:visited {
	color: #60c;
	text-decoration:none;
  border-bottom-width:0;
}
a:hover, a:active{ 
	color: #f30;
	border-bottom:1px solid #f30;
	text-decoration:none;
}

a img{
	text-decoration:none;
  border-width:0!important;
  border-bottom-width:0!important;
}
a:hover img, a:active img{
    border-bottom-width:0!important;
}


#contents a:link{
	color: #06f;
	text-decoration:none;
	border-bottom:1px solid #06c;
}
#contents a:visited {
	color: #60c;
	text-decoration:none;
	border-bottom:1px solid #609;
}
#contents a:hover, #contents a:active{ 
	color: #f60;
	border-bottom:1px solid #f60;
	text-decoration:none;
}
a.blank12Blue, a.blank12White{
	padding-right:17px;
}
a.blank10Blue{
	padding-right:15px;
}


/*
------------3. Header----------------
*/


#header{
	padding:0 0 1em 0;
	margin:0 auto;
	text-align:center;
	width:820px;
}
/* ============1) logo================= */

#CI{
	text-align:left;
	float:left;
	padding:0;
	margin:0;
	width:500px;
}
#CI div.prCopy01{
	padding-top:0.2em;
	display:block;
	color:#666;
	font-size:0.775em;
	font-weight:normal;
	line-height:1.3;
}
h1 span.prCopy02{
	display:block;
	color:#030;
	font-size:0.875em;
	font-weight:normal;
	padding:1.7em 0 0.775em 0;
}

h1#logo{
	padding:0 0 0 20px;
	margin:0;
}
h1#logo a{
	border-bottom-width: 0!important;
}

/* ============2) headerNavigation================= */

#headerRight{
	float:right;
	text-align:left;
}

ul#hnav{
	text-align:left!important;
	background:url("http://www.yasakasangyo.jp/images/bg/bg_hnav.gif") repeat-x 0 0;
	padding:0.6em 0.6em 0.2em 0.4em;
	margin:0;
	list-style:none;
	width:auto;
}

ul#hnav li{
	font-size:0.875em;
	font-weight:bold;
	float:left;
	background:url("http://www.yasakasangyo.jp/images/li/triangle_bk01.gif") no-repeat 0 0.2em;
	padding:0 0.2em 0.2em 1em;
	margin-left:1em;
}

.faqTop ul#hnav li#hn01 a{
	color:#f30!important;
	border-bottom-width:0!important;
	text-decoration:none;
	cursor:default;
}

#headerFreedial{
	padding:2em 0 0 0;
	text-align:right;
}

/*
------------4. Main / SideBar / ContentsBase----------------
*/


#main{
	padding:2em 0 0 0;
	margin:0 auto;
	text-align:center;
	width:820px;
	display:block;
	min-height:1em;
}
#main:after{
	content:"";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

#sidebar{
	text-align:left;
	float:left;
	width:170px;
}

#sideTelOrder{padding:2em 0;}
.sideSpacing{padding:2em 0 0 0;}

#contents{
	text-align:left;
	float:right;
	padding:2em 0 0 0;
	width:620px;
}

#contents h3{

margin:1.5em 0 0 0;
background-repeat: no-repeat;
background-position: 0 0.175em;
line-height:1.2;
padding:0.1em 0 0 1.5em;
font-size:1.175em;
background-image:url("http://www.yasakasangyo.jp/images/shopindex/li/circle_futon02.gif");
}
#contents h4{
margin:1.5em 0 0 0;
line-height:1.2;
font-size:1.175em;
}



#contents3column{
	text-align:left;
	float:right;
	padding:0 20px 0 0;
	width:470px;
}

#rightSidebar{
	text-align:left;
	float:right;
	width:140px;
}



/*
------------5. Cotents----------------
*/

#division01{
	padding:4em 0px 0 10px;
	width:610px;
}

#division02, #division03, #division04, #division05, #division06, #division07{
	padding:5em 0px 0 10px;
	width:610px;
}

.itemIndexPages #division01, .itemIndexPages #division02, .itemIndexPages #division03, 
.itemIndexPages #division04, .itemIndexPages #division05, .itemIndexPages #division06, 
.indexPages #division01, .indexPages #division02, .indexPages #division03{
	padding-left:0;
	width:620px;
}
#contents3column #division01, #contents3column #division02, #contents3column #division03, 
#contents3column #division04, #contents3column #division05, #contents3column #division06{
	padding-left:0;
	width:470px;
}


/*
------------5. tableStyles----------------
*/

table.tbStyle01{
	width:100%;
	margin:0;
	padding:0;
  border-collapse:collapse;
  border-spacing: 0px;
}

table.tbStyle01 th{
	text-align:left;
	margin:0;
  border-color:#ccc;
	border-width:0 0 1px 0;
  border-style : solid ;
  background:url("http://www.yasakasangyo.jp/images/li/circle_gra01.gif") no-repeat 0.5em 1.275em;
	padding:1em 1em 0.5em 2.275em;
  width:20%;
  line-height:1.5;
  vertical-align:top;
}

table.tbStyle01 td{
	background-color:#fff;
	margin:0;
  border-color:#ccc;
	border-width:0 0 1px 0;
  border-style : solid ;
  line-height:150%;
	padding:1em 1em 0.5em 1.5em;
  width:80%;
  line-height:1.5;
}

table.tbStyle01 td ol{
	padding-top:0;
}

/*
------------8. pageTop----------------
*/

#pageTop{
	clear:both;
	text-align:center;
	margin:0 auto;
	padding:5em 0 1em 0;
	border-bottom: 1px solid #ccc;
	width:820px;
}
#pageTop a{
	border-width:0!important;
}

#pageTopInner{
	text-align:center;
	margin:0 auto;
	padding:3em 0 1em 0;
	width:620px;
}
#pageTopInner a{
	border-width:0!important;
}

/*
------------9. footer----------------
*/



#shoppingFooter{
	padding:3em 0 0 0;
	margin:0 auto;
	text-align:center;
	width:820px;
}

/*===============>> footerGuide <<===================*/

#footerGuide{
	float:right;
	text-align:left;
	padding:0;
	width:610px;
}

#footerBusinessTime{
	padding-top:4em;
}

#footerGuide h3{
	border-bottom:1px solid #ccc;
	background:url("http://www.yasakasangyo.jp/images/li/circle_gr01.gif") no-repeat 0 0.2em;
	padding:0 0 0.5em 1.3em;
	line-height:1.1;
	font-size:1.175em;
}
#footerGuide p strong{
	color:#f00;
}

#footerPay{
	float:left;
	padding-top:3em;
	width:46%;
}
#footerShipping{
	float:right;
	padding-top:3em;
	width:46%;
}

#footerGuide ul{
	list-style:none;
	padding:1em 0 0 0;
	margin:0;
}
#footerGuide ul li{
	background: url("http://www.yasakasangyo.jp/images/li/arrow01_or02.gif") no-repeat 0 0.1em;
	padding:0 0 0.2em 1.5em;
}

/*===============>> calendars <<===================*/

#calendars{
	text-align:left;
	float:left;
	width:170px;
}
#calendarsBody{
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#ccc;
	padding:10px;
	width:148px;
}

p.notesHoliday{
	padding:0;
	line-height:1;
}
p.notesHoliday span img{
	vertical-align:middle;
	padding:0em 0.3em 0.3em 0;
}

.calendarTop{
	padding-top: 1em;
}

.calenderTitle01{
	text-align:center;
	margin:0 auto;
	padding-bottom:0.2em;
	line-height:1.2;
	background:url("http://www.yasakasangyo.jp/images/common/line_dotted02.gif") repeat-x left bottom;
}
.calendarBottom{
	padding-top:1.5em;
}
.calenderTitle01 span{
	font-size:0.975em;
}

.calenderTitle01 span.month{
	font-size:2.075em;
}

table.xc_calender{
	margin-top:0.5em;
width:100%;
}
table.xc_calender caption {
text-align:center;
font-weight: bold;
margin:1em auto;
padding:0.2em 0 0 0;
}


table.xc_calender th{
text-align: center;
font-size:12px;
}



.xc_red{
	color:#f00;
}
.xc_blue{
	color:#03f;
}

table.xc_calender td{
	text-align: center!important;
	font-size:12px;
	line-height:1.2;
	padding:0.175em;
}

.calendarHighlight{
	color:#390;
	font-style:normal;
	font-weight:bold;
	text-decoration:underline;
}


.xc_bgGray{
color:#f00;
background:url("http://www.yasakasangyo.jp/images/bg/obli01_pi01.gif") repeat left bottom;
}

/*===============>> footerNav <<===================*/

#footerBottom{
	margin-top:4em;
	width:100%;
	background:url("http://www.yasakasangyo.jp/images/bg/obli01_gry01.gif") repeat 0 0;
}
#footerNavWrapper{
	margin:0 auto;
	text-align:center;
	width:820px;
}
#footerNavWrapper ul{
	display:block;
	list-style:none;
	padding:0.7em 0 0em 0;
	margin:0;
}
ul#footerNav{
	text-align:left;
	float:left;
	padding-bottom:0.3em;
}
ul#footerNav li{
	float:left;
	background: url("http://www.yasakasangyo.jp/images/li/arrow01_bl01.gif") no-repeat 0 0.1em;
	padding:0em 1.5em 0.1em 1.5em;
	line-height:1.1;
	font-size: 0.875em;
}


ul#footerPagetop{
	text-align:left;
	float:right;
	padding:0.5em 0;
	width:95px;
}
#footerPagetop li{
	padding:0;
	margin-top:0.2em;
}
#footerPagetop li a{
	border-width: 0;
}

#copyright{
	margin:0.5em auto 0 auto;
	padding:0.7em 0 1.5em 0;
	line-height:1.4;
	width:100%;
	border-top:3px solid #8bd469;
	font-size:0.875em;
	font-family:georgia, serif;
}

.xc_contentsHeader {
margin:0 0 10px 0;

}
.xc_contentsHeader p{
padding-top:0;
}



/*----------‘“ό—ΝƒGƒ‰[“™‘----------*/
ul.xc_error {
color:red;
margin:5px 0;
padding:0;
list-style-image:url("/index/images/error.gif");
}
ul.xc_error li {
margin:0 0 0 50px;
color:red;
font-weight:bold;
font-size:150%;
line-height:105%;
}


ol.xc_error {
margin:0;
padding:0 30px;
list-style:none;
}
	ol.xc_error li {
	margin:0;
	padding:0;
	color:red;
	}


/*----------‘‚²’•Ά“ΰ—e‚ΜŠm”F‰ζ–ʁ‘----------*/
table.xc_cartView {
margin:5px 0;
border-top:0;
border-right:0;
border-bottom:0;
border-left:0;
}

table.xc_cartView th {
padding:4px 5px 2px 5px;
text-align:left;
border-top:1px solid #777777;
border-right:0;
border-bottom:1px solid #777777;
border-left:0;
}
		table.xc_cartView th.xc_productsImage {
		width:70px;
		}
		table.xc_cartView th.xc_unitPrice {
		width:80px;
		}
		table.xc_cartView th.xc_productPrice {
		width:100px;
		}

table.xc_cartView td {
padding:4px 5px 2px 5px;
border-top:0;
border-right:0;
border-bottom:1px solid #777777;
border-left:0;
}
		table.xc_cartView td.xc_productsImage {
		padding:5px;
		}
		table.xc_cartView td.xc_amount {
		width:100px;
		}
		table.xc_cartView td.xc_bottomText {
		vertical-align:top;
		border-top:0;
		border-right:0;
		border-bottom:1px solid #777777;
		border-left:0;
		}
table.xc_cartView select{
width:50px;
}

/*‘‚²’•Ά“ΰ—e‚̍‡Œv‹ΰŠz*/
td.xc_totalPrice {
font-weight:bold;
color:red;
border-top:1px solid silver;
border-right:0;
border-bottom:0;
border-left:0;
}
/*‘€•iΪΧ‚̏€•i–Ό*/
.xc_productName {
font-weight:bold;
}



/*----------₯Še@table₯----------*/

/*‘Šξ–{*/
table {
border-top:0;
border-right:0;
border-bottom:0;
border-left:0;
}
	table th {
	text-align:left;
	background-color:#ECF3F6;/*table th”wŒiF*/
	border-top:0;
	border-right:0;
	border-bottom:0;
	border-left:0;
	}
	table td {
	border-top:0;
	border-right:0;
	border-bottom:0;
	border-left:0;
	}


/*‘•’Κ‚Μ•\*/
table.xc_normal{
margin:5px 0;
border-top:1px solid #777777;
border-right:1px solid #777777;
border-bottom:0;
border-left:0;
}

	table.xc_normal th{
line-height:1.4;
	padding:4px;
	text-align:center;
	border-top:0;
	border-right:0;
	border-bottom:1px solid #777777;
	border-left:1px solid #777777;
background-image:url("http://www.yasakasangyo.jp/images/bg/obli_trans.gif");
	}

	table.xc_normal td {
line-height:1.4;
	padding:4px;
	border-top:0;
	border-right:0;
	border-bottom:1px solid #777777;
	border-left:1px solid #777777;
	}
	
table.xc_normal th.xc_checkbox {
width:15px!important;
}
/*‘‘‘‘WelcomeMessage‘‘‘‘*/
#contents dl {
margin:0;
}
#contents dt {
margin:2px 0;
padding:2px 5px;
text-align:right;
}
#contents dd {
margin:2px 0;
padding:2px 5px;
text-align:left;
}

/*----------‘‚²’•Ά“ΰ—e‚ΜŠm”F‰ζ–ʁ‘----------*/
table.xc_cartView {
margin:5px 0;
border-top:0;
border-right:0;
border-bottom:0;
border-left:0;
width:620px;
}

table.xc_cartView th {
width:93px;
padding:0.4em 5px 0.2em 5px;
text-align:left;
border-top:1px solid #777777;
border-right:0;
border-bottom:1px solid #777777;
border-left:0;
background-image:url("http://www.yasakasangyo.jp/images/bg/obli_trans.gif");
}
		table.xc_cartView th.xc_productsImage {
		width:70px;
		}
		table.xc_cartView th.xc_unitPrice {
		width:80px;
		}
		table.xc_cartView th.xc_productPrice {
		width:90px;
		}

table.xc_cartView td {
padding:4px 5px 2px 5px;
border-top:0;
border-right:0;
border-bottom:1px solid #777777;
border-left:0;
line-height:1.4;
}
		table.xc_cartView td.xc_productsImage {
		padding:5px;
		}
		table.xc_cartView td.xc_amount {
		width:60px;
		}
		table.xc_cartView td.xc_bottomText {
		vertical-align:top;
		border-top:0;
		border-right:0;
		border-bottom:1px solid #777777;
		border-left:0;
		}
table.xc_cartView select{
width:50px;
}

/*‘‚²’•Ά“ΰ—e‚̍‡Œv‹ΰŠz*/
td.xc_totalPrice {
font-weight:bold;
color:red;
border-top:1px solid silver;
border-right:0;
border-bottom:0;
border-left:0;
}
/*‘€•iΪΧ‚̏€•i–Ό*/
.xc_productName {
font-weight:bold;
}


/*‘floatŠΦŒW*/
.xc_floatRight {
float:right;
}
.xc_floatLeft {
float:left;
}
.xc_clearBoth {
clear:both;
height:1%;
padding:0;
}


/*‘ƒNƒŠƒAƒvƒƒpƒeƒB*/
.xc_headerClear {
  clear:both;
}
.xc_footerClear {
  clear:both;
}

#orderThanks{
text-align:center;
maring:0 auto;
padding:1em 0;
}