@charset "EUC-JP";
/* CSS Document */

/* ************************************************ 
 *	共通設定 ローカルはshop_common.css
 * ************************************************ */

* { margin: 0; padding: 0; font-size: 100%; font-style: normal;}

body {
	text-align: center;
	background: #fff url(http://www.rytas.jp/img/shop/bg.jpg) no-repeat 50% -13px;
	color: #4d4d4d;
	cursor: auto;
	font: normal normal 12px/1.5 "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
}

/* for IE7 */
*:first-child+html body { font-size: 86%;}
/* for IE 6 or sooner */
* html body { font-size: 86%;}


h1 {}
h2 {}
h3 {}
h4, h5, h6 { padding: 0 0 5px; letter-spacing: 0;}
p { padding: 5px 0 10px;}
blockquote { margin: 15px 0; padding: 10px 15px 3px; background: #faf6ed;}
pre { background: #eee; margin: 1em 0; padding: 0 20px; overflow: auto; width: auto;}
code { color: #5b5905; font-family: "Lucida Grande", "Courier New", Courier, mono, Verdana, sans-serif; letter-spacing: 0;}
ul, ol { margin: 10px 0; padding: 0 0 0 30px;}
dl { margin: 10px 0;}

a         { color: #7290ac; text-decoration: none; cursor: pointer; outline: none;}
a:visited { color: #005288;}
a:hover   { color: #662D62;}
a:focus,
a:active  { color: #662D62;}

em     { font-weight: bold; color: #666;}
strong { font-weight: bold; color: #e47;}
abbr, acronym { cursor: help;}
sup { vertical-align: super; font-size: 70%;}
sub { vertical-align: baseline; font-size: 70%;}
/* for IE7 */
*:first-child+html sup { line-height: 1.5; font-size: 80%;}
/* for IE 6 or sooner */
* html sup { line-height: 1.5; font-size: 80%;}

hr { display: none;}
img { border: none; color: #fff; background: transparent; vertical-align: bottom;}

table { border: 1px solid #cab88b; border-collapse: collapse; margin-bottom: 15px;}
caption { text-align: left;}
thead {}
tbody {}
th { white-space: nowrap;}
th, td {
	padding: 5px 10px;
	border-collapse: collapse;
	border: 1px solid #cab88b;
	text-align: left;
}

th { background: #ffffdd; color: #3D2600;}
td { }

fieldset {
	border: 1px solid #ddd;
	margin-bottom: 15px;
	padding: 10px;
}
* html legend { margin: 0 0 10px;}
input, textarea {
	padding: 1px;
	font: normal normal 100%/1.5 Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}
input.typeText { border: 1px solid #aaa;}
select option { padding: 0 5px;}
input:focus, select:focus, textarea:focus { background-color: #fafafa;}
label { cursor: pointer;}


/******************************************************************** Float containers fix
===================================================================== a.k.a. clearfix */

/******************** exp IE
*/
#container:after,
#globalNav:after,
#h-group:after,
#footer ul:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/******************** for IE
Level 2.1*/
#container,
#globalNav,
#h-group,
#footer ul,
.clearfix{ display: inline-block;}

/* Holly Hack Targets IE Win only \*/
* html #container,
* html #globalNav,
* html #h-group,
* html #footer ul,
* html .clearfix { height: 1%;}
#footer,
#container,
#globalNav,
#h-group,
#footer ul,
.clearfix { display: block;}
/* End Holly Hack */


/******************************************************************** universal
*/

.aL { text-align: left;}
.aC { text-align: center;}
.aR { text-align: right;}
.fR { float: right;}
.fL { float: left;}
.clr { float: none; clear: both;}

.jp { font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}
.verdana { font-family: Verdana, sans-serif;}
.times { font-family: "Times New Roman", Times, serif;}

.tempNotes { font-size: 120%; color: #c00; font-weight: bold; background: #f8f8f8; margin: 1em;}



/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は950pxとなっています。
    幅を広げる場合は、#col-aと#col-bのwidth
    の合計値が#wrapperのwidthになるよう
    設定してください。
 * ------------------------------------- */

/******************************************************************** structure
*/

#wrapper { width: 950px; margin: 0 auto; text-align: left;}

#header,
#container,
#footer {}

#header {
	position: relative;
	height: 138px;
}
#container { background: url(http://www.rytas.jp/img/shop/container_bg.gif) repeat-y 209px 0;}

#col-a {
	position: relative;
	display: inline;
	float: right;
	width: 700px;
}

#col-b {
	background: url("http://www.rytas.jp/img/diary/col-b_bg.gif") no-repeat scroll 208px 0 transparent;
	position: relative;
	float: left;
	width: 210px;
	font-size: 10px;
}

/* for IE7 */
*:first-child+html #col-b { font-size: 82%; margin-top: 2px;}
/* for IE 6 or sooner */
* html body #col-b { font-size: 82%;}

#footer {
	background: url(http://www.rytas.jp/img/foot_bg.gif) no-repeat 0 0;
	width: 950px;
	margin: 30px auto 0;
	clear: both;
	padding: 4px 0 16px;
	position: relative;
}

/******************************************************************** header
*/

#header h1 { float: left;}

#h-group { margin-top: 15px; width: 950px;}

#header #h-con { float: right; padding: 30px 0 0 0;}

#main { padding: 0 0 2px; background: url(http://www.rytas.jp/img/main_bg.gif) no-repeat 0 100%;}

#globalNav {
		margin: 0;
		padding: 0;
		list-style: none;
		clear: both;
}

#globalNav  li { float: left;}

/******************************************************************** container
*/


/******************************************************************** col-a
*/

/* for IE7 */
*:first-child+html #col-a h2 { padding-top: 10px;}

#breadcrumbsList {
	font-size: 10px;
	letter-spacing: 0.02em;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/******************************************************************** col-b
*/

#col-b dl {
	padding: 0;
	margin: 0;
}

#col-b dl#m01 {
	margin: 0 0 30px 0;
	padding: 0 0 39px 0;
	background: url(http://www.rytas.jp/img/shop/category_bg.jpg) no-repeat 6px 100%;
}

#col-b dl#m01 dt { padding-left: 6px; margin-left: 0;}

#col-b dl#m01 dd { width: 170px; padding-left: 12px; margin-left: 0;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #col-b dl#m01 dd  { margin-left: 0;}
}

#col-b #features {
		background: url(http://www.rytas.jp/img/shop/features_bg.jpg) no-repeat 12px 100%;
		padding: 0 0 1px 12px;
		margin-bottom: 20px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #col-b #features  { margin-bottom: 20px;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #col-b #features dd  { margin-left: 0;}
}

#col-b ul {
	padding: 0;
	list-style: none;
}

#col-b #searchBox {
		padding: 0 0 0 12px;
}

#col-b form {
		padding: 0 0 0 12px;
		margin: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #col-b form  { margin-bottom: 30px;}
}

/* for IE7 */
*:first-child+html #col-b form {
	padding-left: 0;
}
/* for IE 6 or sooner */
* html body #col-b form {
	padding-left: 0;
}

#col-b input,
#col-b textarea {
	padding: 0;
	vertical-align: middle;
	margin-bottom: 20px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #col-b input { margin-bottom: 0;}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #col-b textarea { margin-bottom: 0;}
}

#col-b #keyword { width: 125px;}

/* for IE7 */
*:first-child+html #col-b #keyword { width: 135px;}
/* for IE 6 or sooner */
* html body #col-b #keyword { width: 135px;}

#col-b #viewcart { padding: 0 0 20px 12px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #col-b #viewcart { margin: -20px 0 0; padding-bottom: 16px;}
}

#col-b #submenu {
	margin: 0;
	padding: 0 0 0 12px;
	font-size: 10px;
}

/* for IE7 */
*:first-child+html #col-b #submenu { font-size: 86%;}
/* for IE 6 or sooner */
* html #col-b #submenu { font-size: 86%;}

#col-b #submenu li { padding-bottom: 6px;}

#col-b #submenu a { color: #a8a89d; text-decoration: none; width: 150px; display: block;}
#col-b #submenu a:hover { color: #005288;}
#col-b #calender {
	font-size: 10px;
	width: 166px;
	height: auto!important;
	min-height: 255px;
	height: 255px;
	/*background: url(http://www.rytas.jp/img/shop/calender_bg.jpg) no-repeat 0 100%;*/
	background: #fcfcfc no-repeat 0 100%;
	margin-left: 6px;
	width: 166px;
	margin-top: 8px;
}

/* for IE7 */
*:first-child+html #col-b #calender { font-size: 86%;}
/* for IE 6 or sooner */
* html #col-b #calender { font-size: 86%;}

#col-b #calender table {
	width: 133px;
	border: none;
	margin: 0 auto;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#col-b #calender caption { text-align: right; font-size: 17px; padding: 0 14px 5px 0; line-height: 1.0;}

/* for IE7 */
*:first-child+html #col-b #calender caption { font-size: 170%; display: block;}
/* for IE 6 or sooner */
* html #col-b #calender caption { font-size: 170%; display: block;}

#col-b #calender th,
#col-b #calender td {
	margin: 0;
	border: none;
	text-align: center;
	padding: 2px;
	border: 2px solid #fcfcfc;
}

#col-b #calender th { background: none;}

#col-b #calender td.holiday { background: url(http://www.rytas.jp/img/shop/holiday_bg.gif) no-repeat 50% 50%;}

#col-b #holidayIcon { font-family: Georgia, "Times New Roman", Times, serif; padding-left: 23px; margin-top: -33px;}

#col-b #holidayIcon img { vertical-align: middle; margin-right: 5px;}

#col-b #holidayIcon span { padding-left: 10px;}

#col-b #holidayinfo {color: #a9a9a9; padding: 40px 40px 0 20px; background: url(http://www.rytas.jp/img/shop/moreinfo.gif) no-repeat 18px 7px;}

/******************************************************************** footer
*/

#footer address {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding-top: 10px;
}

#footer address { letter-spacing: 0.05em; font-size: 10px; color: #bfbfbf; padding-left: 10px;}

#footer ul { margin: 0; padding: 0; list-style: none; position: absolute; bottom: 14px; right: 0;}

#footer ul li { float: left; padding-right: 16px;}


/****************************** ここからはフリーページ ***************************************/


/******************************************************************** #news
*/

#col-a #news { font-size: 10px;}

#col-a #news .img { text-align: center;}

#col-a #news h2 { padding: 20px 0 25px;}

#col-a #news h3 { color: #6491ae; padding: 20px 0 0 25px; font-weight: normal;}

#col-a #news h4 { color: #996600; padding: 20px 0 0 25px; font-weight: normal;}

#col-a #news .box {
	background: url(http://www.rytas.jp/img/shop/news_box.gif) no-repeat 0 100%;
	padding: 0 0 35px;
	margin-bottom: 35px;
}

#col-a #news p { padding: 8px 25px; line-height: 1.8;}

#col-a #news p.img { padding: 0;}


/******************************************************************** #wholesale
*/

#col-a #wholesale {
	font-size: 10px;
	line-height: 1.6;
}

#col-a #wholesale h2 { padding: 20px 0 25px;}

#col-a #wholesale h3 { padding: 0 0 30px;}

#col-a #wholesale .box ul {
	list-style: none;
	margin: 10px 0 10px 25px;
	padding: 0;
}

#col-a #wholesale .box {
	padding: 20px 0 10px;
	background: url(http://www.rytas.jp/img/shop/wholesale_box_bg.jpg) no-repeat 100% 12px;
	margin-bottom: 44px;
}

#col-a #wholesale .box p { padding-left: 26px;}

#col-a #wholesale #flow {
	background: url(http://www.rytas.jp/img/shop/wholsale_flow.jpg) no-repeat 0 100%;
	padding-bottom: 50px;
}

#col-a #wholesale #flow ul,
#col-a #wholesale #flow h4 {
	margin: 0;
	padding: 0 50px 0;
}

#col-a #wholesale #flow ul { padding: 0 0 0 50px;}

#col-a #wholesale #flow p { padding: 0 50px 30px;}

#col-a #wholesale #flow ul,
#col-a #wholesale #flow ol {
	list-style: none;
}

#col-a #wholesale #flow ol { margin-bottom: 34px;}

#col-a #wholesale #flow ol li {	padding: 5px 0 5px 50px; background-position: 6px 5px; background-repeat: no-repeat; height: 1%;}
#col-a #wholesale #flow ol #f01 { background-image: url(http://www.rytas.jp/img/shop/wholesale_f01.gif);}
#col-a #wholesale #flow ol #f02 { background-image: url(http://www.rytas.jp/img/shop/wholesale_f02.gif);}
#col-a #wholesale #flow ol #f03 { background-image: url(http://www.rytas.jp/img/shop/wholesale_f03.gif);}
#col-a #wholesale #flow ol #f04 { background-image: url(http://www.rytas.jp/img/shop/wholesale_f04.gif);}

#col-a #wholesale .clearfix {
	width: 560px;
}

#col-a #wholesale .fL {
	width: 350px;
}

#col-a #wholesale #flow p#toform { float: right; padding: 165px 0 0;}


/******************************************************************** #about
*/

#col-a #about { font-size: 10px;}

#col-a #about h2 { padding: 20px 0 0;}

#col-a #about p { padding: 8px 25px; line-height: 1.8;}

#col-a #about #about-intro { background: url(http://www.rytas.jp/img/shop/about_p01.jpg) no-repeat 100% 0; padding: 20px 0 36px;}

#col-a #about #about-intro p {
	padding: 25px 25px 0;
}

#col-a #about h3 { color: #6491ae; padding: 0 0 2px; font-weight: normal; margin-top: 4px;}

#col-a #about .box {
	background: url(http://www.rytas.jp/img/shop/about_box.gif) no-repeat 0 100%;
	padding: 0 0 30px;
}

#col-a #about .box .fL {
	width: 300px;
	padding: 0 0 0 47px;
}

#col-a #about .box .fR {
	width: 256px;
	padding: 0 60px 0 0;
}

#col-a #about .box ul {
	background: url(http://www.rytas.jp/img/shop/about_bdr.gif) no-repeat 0 100%;
	padding: 0 0 12px 8px;
	margin: 0 0 5px;
	list-style: none;
}

#col-a #about .fR p#map { padding: 0 0 18px;}

#col-a #about .fR p { padding: 5px;}


/******************************************************************** #freepaper
*/

#col-a #freepaper { font-size: 10px;}

#col-a #freepaper h2 { padding: 20px 0 0;}

#col-a #freepaper h3 { padding-bottom: 10px;}

#col-a #freepaper .box {
	background: url(http://www.rytas.jp/img/shop/freepaper_box.gif) no-repeat 0 100%;
	padding: 0 0 35px;
}

#col-a #freepaper p { padding: 8px 25px 8px 55px; line-height: 1.8;}

#col-a #freepaper h4 { padding: 0 24px;}

#col-a #freepaper p.img { padding: 0 24px;}


/******************************************************************** #guide
*/

#col-a #guide { font-size: 10px;}

#col-a #quickLink {
	margin: 10px 0 15px;
	list-style: none;
}

#col-a #quickLink li { width: 140px; float: left; text-align: center; padding-right: 5px;}

#col-a #quickLink li a { display: block; border: 1px solid #bcb5ad; padding: 5px;}

#col-a #guide h2 { padding: 20px 0 0;}

#col-a #guide h3 { padding: 15px 0 10px; color: #597c9d; font-size: 12px;}

#col-a #guide h4 { padding: 15px 0 10px; color: #655543;}


/******************************************************************** #featurearchives
*/

#featurearchives h2 { margin-top: 15px;}

#featurearchives p { padding: 0;}

#featurearchives p#intro { font-size: 10px; padding: 10px 0 10px 10px;}

/******************************************************************** iframe
*/

#fb {
margin: 25px 0 0 0;
padding-left: 10px;
}

#fb iframe {
	padding-top: 16px;
}