@charset "utf-8";
/* CSS Document */

/* 固定ID 広範囲な指定を行わないように注意
--------------------------------------------------*/
#authMessage { color: #FF0000; }
#jsAlert {
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #CECFCE;
	background-color: #FFDFDF;
	line-height: 1.6;
}
#jsAlert .bold { margin-bottom: 1em; font-size: 16px;}
/* 汎用スタイル 広範囲な指定を行わないように注意
--------------------------------------------------*/
.clear{ clear: both; }
.example{ color: #666666; font-size: 14px; }
.manual{ color:#70A824; }
.notice{ background-color: #FFCCCC; }
.attention{	color: #FF0000; font-size: 14px; font-weight: bold; overflow: hidden; word-break:break-all; }
.annotate{ color: #454645;font-size: 13px; }
.footnote{ font-size: 12px; color: #663333; }
.strong{ padding: 0 2px; font-size: 14px; font-weight: bold; }
.error-message { background-image: url(../img/icons/error.gif); background-repeat: no-repeat; padding-left: 20px; color: #ee0000; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }
.bold { font-weight: bold; }
.underline { text-decoration: underline;}
div.okCancelBox { padding: 10px 20px; text-align: center; }
.quote {margin-bottom: 1em; padding: 0.6em 1.2em; background-color: #F7F7F7; border: 1px solid #CECFCE; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.arrangeLeft { float: left;}
.arrangeRight { float: right;}
.arrangeNone { float: none;}
.italic { font-style: italic; }
/* タグ特定クラス
----------------------------------------*/
h2.title {
	margin-bottom: 15px;
	padding: 10px 0 5px;
	border-top: 2px solid #cccccc;
	border-bottom: 1px dashed #cccccc;
	color: #666666;
	font-size: 22px;
	font-weight: bold;
}
h2.h2Image { margin-bottom: 20px;}
div.submit { margin-top: 10px; text-align: center;}
div#confirmsBack div.submit { margin: 0;}
p.link { font-size: 14px; text-align: right !important; }
p.image { margin: 0 auto; padding-bottom: 1em; text-align: center; }
/* list
----------------------------------------*/
ul.disc li { margin-left: 1.2em; list-style: disc;}
ul.square li { margin-left: 16px; list-style: url(../img/icons/square.gif);}
ul.attention { padding: 0.2em 0; }
ul.attention li { margin-bottom:0.6em; padding-left: 16px; background-image: url(../img/common/background/listAttentionMarker.gif); background-repeat: no-repeat; background-position: 0 2px; font-weight: normal; color: #FF0000; }
ul.annotate { padding: 0.2em 0; }
ul.annotate li { margin-bottom:0.6em; padding-left: 16px; background-image: url(../img/common/background/listAnnotateMarker.gif); background-repeat: no-repeat; background-position: 0 2px; font-weight: normal; }
ul.checkAttention { padding: 0.2em 0; }
ul.checkAttention li { margin-bottom:0.6em; margin-bottom: 0; padding-left: 16px; background-image: url(../img/icons/checkboxRed.gif); background-repeat: no-repeat; background-position: 0 2px; color: #FF0000; }
ul.checkAnnotate { padding: 0.2em 0; }
ul.checkAnnotate li { margin-bottom:0.6em; padding-left: 16px; background-image: url(../img/icons/checkboxRed.gif); background-repeat: no-repeat; background-position: 0 2px; }
ul.related { clear: both; padding: 4px 8px; border: 1px solid #CECFCE; background-color: #F7F7F7;}
ul.related li { line-height: 1.6; font-size: 13px;}
ul.related li.title { color: #663333;}
ol.number li { margin-left: 25px; list-style: inherit; }
dl.faq dt { margin-bottom: 0.4em; padding-left: 24px; background: url(../img/icons/iconQ.gif) no-repeat; font-weight: bold;}
dl.faq dd { margin-bottom: 1.4em !important; padding-left: 24px; background: url(../img/icons/iconA.gif) no-repeat;}
span.required { padding-left: 4px; color: #70A824; font-size: 10px; }
/* table.threeColmn 3カラム
----------------------------------------*/
table.form { width: 100%; margin-bottom: 10px; border: 1px solid #CECFCE;}
table.form td { padding: 4px 4px; border: 1px solid #CECFCE;}
table.form p { margin-bottom: 0.2em !important;}
table.form td.title { background-color: #F7F7F7;}
table.form td.contents { background-color: #FFF; color: #666; font-size: 12px;}
/* table.threeColmn 3カラム
----------------------------------------*/
table.threeColmn {
	margin-bottom: 20px;
	border-collapse: separate;
	border-spacing: 5px;
}
table.threeColmn td {
	padding: 5px;
	width: 33%;	
	background-color: #FFF;
	border: 1px solid #CCC;
	vertical-align: top;
}
table.threeColmn td h4 {
	padding: 0;
	border-left: 0;
	border-bottom:2px solid #F07900;
}

/* pの中のimgを左右に振るクラス
----------------------------------------*/
img.floatL { float: left; margin-right: 20px; margin-top: 0.3em;}
img.floatR { float: right; margin-left: 20px; margin-top: 0.3em;}
/* clearFix 
----------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix { min-height: 1px; }
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* #inquiry
------------------------------------------*/
#inquiry div.contentsArea table.form td.textContents {
	width: 500px;
	padding: 3px 0 1px 4px;
	color: #333333;
}
div#inquiry div.inquiriesBack { float: left;}
div#inquiry div.inquiriesSubmit { float: right;}

/* alert
--------------------------------------------------*/
div.alert{ width: 665px; margin-bottom: 20px; border: 2px solid #CC0000;background-image: url(../img/common/background/shinmaippattention.jpg);background-position:top;background-repeat:no-repeat;padding-top:32px;}
div.alert div { padding: 8px;}
div.alert dl { margin: 0 0 16px 0;}
div.alert dl dt { margin: 0 0 0.6em 0; font-size: 18px; font-weight:bold;}
div.alert dl dd { margin: 0 0 0.4em 0.4em; font-size: 14px; line-height:1.4;}

/* div.orderItem
----------------------------------------*/
div.orderItem {
	width: 669px;
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: 1px dashed #776C56
}
div.orderItem p {
	margin-bottom: 0.8em;
	line-height: 1.6;
}

/* article
--------------------------------------------------*/
div.article {}
div.article h3 {
	margin-bottom: 8px;
	border-bottom: 1px solid #78BA00;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8;
	color: #78BA00;
}
div.article h4 {
	margin-bottom: 8px;
	padding-left: 10px;
	border-left: 5px solid #F07900;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.8;
	color: #F07900;
}
div.article p {
	margin-bottom: 1em;
	line-height: 1.8;
}
div.article img {
	margin-bottom: 20px;
}
div.article ul,
div.article ol,
div.article dl { margin-bottom: 1em;}
div.article ol li { margin-left: 2em; list-style-type: decimal;}
div.article dl dd { margin-bottom: 1em;}

/* areaWrapテンプレート１
------------------------------------------*/
div.templateA { border: 0;}
div.templateA h3 {
	height: 35px;
	margin-bottom: 8px;
	padding: 0;
	border: 0;
	background-image: url(../img/common/background/redline.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 16px;
	font-weight: bold;
}
div.templateA p { padding-bottom: 0.4em;}
div.templateA div.headerArea {
	height: 15px;
	background-image: url(../img/common/background/plainClothBgTop.jpg);
	background-repeat: no-repeat;
	font-size: 0;
}
div.templateA div.contentsArea {
	clear: both;
	padding: 0 10px;
	background-image: url(../img/common/background/plainClothBgMiddle.jpg) !important;
	background-repeat: repeat-y;
}
div.templateA div.footerArea {
	clear: both;
	height: 15px;
	background-image: url(../img/common/background/plainClothBgBottom.jpg);
	background-repeat: no-repeat;
	font-size: 0;
}
div.templateA table th { padding: 10px; vertical-align: top;}
div.templateA table td { padding: 10px;}
div.templateA table.form td { background: none !important; border-bottom: 1px dashed #CCCCCC;}
div.templateA ul li {
	padding-bottom: 0.5em;
	padding-left: 20px;
	background-image: url(../img/common/background/accept.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	color: #444444;
}
div.templateA dl { padding-bottom: 1em;}
div.templateA dl dd { padding-left: 1em;}
div.templateA a:link { color: #333333;}
div.templateA a:hover{ color: #FF6600;}
div.templateA div.submit { padding: 10px 0;text-align: center;}
/* .pagesTemplate
------------------------------------------*/
div.pagesTemplate { border: 0 !important;}
div.pagesTemplate h3 {
	margin-bottom: 10px;
	padding: 0 0 0 20px;
	border-bottom: 1px solid #cccccc;
	background-image: url(../img/common/background/cartH3.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	font-size: 16px;
	font-weight: bold;
}
div.pagesTemplate p { padding-bottom: 0.4em;}
div.pagesTemplate div.headerArea {
	height: 15px;
	background-image: url(../img/common/background/pagesTemplateTop.gif);
	background-repeat: no-repeat;
	font-size: 0;
}
div.pagesTemplate div.contentsArea {
	clear: both;
	padding: 0 20px;
	background-image: url(../img/common/background/pagesTemplateMiddle.gif);
	background-repeat: repeat-y;
}
div.pagesTemplate div.footerArea {
	clear: both;
	height: 15px;
	background-image: url(../img/common/background/pagesTemplateBottom.gif);
	background-repeat: no-repeat;
	font-size: 0;
}
div.pagesTemplate table { width: 100%; /* 20091226add suzuki */ }
div.pagesTemplate table th { padding: 10px; vertical-align: top;}
div.pagesTemplate table td {
	padding: 10px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}
div.pagesTemplate table.form tr { border-bottom: 1px dashed #CCCCCC;}
div.pagesTemplate table.form td { background-color: #FFFFFF;}
div.pagesTemplate dl { padding-bottom: 1em;}
div.pagesTemplate dl dd { padding-left: 1em;}
div.pagesTemplate a:link { color: #333333;}
div.pagesTemplate a:hover{ color: #FF6600;}
div.pagesTemplate div.submit { padding: 10px 0; text-align: center;}
/* roundedTemplate 角丸でシンプルテンプレート
----------------------------------------*/
div.roundedTemplate div.contentsArea h3 {
	margin-bottom: 0.6em;
	padding: 0px 20px;
	border: 0;
	background-image: url(../img/common/background/adminMenuListImageGreen.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
}
div.roundedTemplate { margin-bottom: 20px; background-color: #F7F7F7;}
div.roundedTemplate div.headerArea {
	height: 15px;
	background-image: url(../img/common/background/pagesTemplateTop.gif);
	background-repeat: no-repeat;
	font-size: 0;
}
div.roundedTemplate div.contentsArea {
	clear: both;
	padding: 0 10px;
	background-image: url(../img/common/background/pagesTemplateMiddle.gif);
	background-repeat: repeat-y;
}
div.roundedTemplate div.footerArea  {
	clear: both;
	height: 15px;
	background-image: url(../img/common/background/pagesTemplateBottom.gif);
	background-repeat: no-repeat;
	font-size: 0;
}
div.roundedTemplate div.areaWrap {
	width: 648px;
	margin: 0 auto;
	padding-bottom: 10px;
	border: 0;
}
div.roundedTemplate div.areaWrap div.headerArea {
	height: 10px;
	background-image: url(../img/mypages/mypagesOrderBgTop.gif);
	background-repeat: no-repeat;
}

div.roundedTemplate div.areaWrap div.contentsArea {
	padding: 0 10px;
	background-image: url(../img/mypages/mypagesOrderBgMiddle.gif);
	background-repeat: repeat-y;
}
div.roundedTemplate div.areaWrap div.footerArea {
	height: 10px;
	background-image: url(../img/mypages/mypagesOrderBgBottom.gif);
	background-repeat: no-repeat;
}
div.roundedTemplate div.ordersArea div.imageArea {
	margin-bottom: 10px;
}
div.roundedTemplate div.contentsArea p {
	padding-bottom: 0.4em;
}
div.roundedTemplate div.contentsArea div.subArea {
	background-color: #FFFFFF;
	width: 490px;
}
div.roundedTemplate div.contentsArea div.subArea p{
	margin: 0;
}
div.roundedTemplate div.contentsArea div.subArea h4 {
	margin-bottom: 10px;
	padding: 5px;
	background-color: #F2ECDD;
	font-size: 16px;
	font-weight: bold;
	color: #333333;	
}
div.roundedTemplate table.form {
	width: 99%;
	border: 1px solid #CECFCE;
}
div.roundedTemplate table.form td.title {
	padding: 0.6em;
	border-right: 1px solid #CECFCE;
	border-bottom: 1px dashed #CECFCE;
}
div.roundedTemplate table.form td.contents {
	padding: 0.6em;
	border-bottom: 1px dashed #CECFCE;
	background-color: #FFFFFF;
}
div.roundedTemplate table.list td {
	background-color: #FFFFFF;
}

/* roundedTemplateのフォーム
------------------------------*/
div.contentsArea table.roundedForm { width: 100%;}
table.roundedForm td { padding: 10px 0px 10px 20px; vertical-align: top;}
table.roundedForm tr.hover{ background-color: #FFFFFF;}
table.roundedForm td.title { font-weight: bold; vertical-align: middle;}
/* flash message テンプレート あお
----------------------------------------*/
div.templateFlash { margin-bottom: 20px; border: 0;}
div.templateFlash h3 {
	margin-bottom: 8px;
	border-bottom: 1px solid #999999;
	font-size: 16px;
	font-weight: bold;
}
div.templateFlash div.headerArea {
	height: 40px;
	background-image: url(../img/common/fashTemplateBgTop.gif);
	background-repeat: no-repeat;
}
div.templateFlash div.contentsArea {
	padding: 0 10px;
	background-image: url(../img/common/fashTemplateBgMiddle.gif);
	background-repeat: repeat-y;
}
div.templateFlash div.footerArea {
	height: 20px;
	background-image: url(../img/common/fashTemplateBgBottom.gif);
	background-repeat: no-repeat;
}
div.templateFlash div.contentsArea p { padding: 5px;}
div.templateFlash div.contentsArea p.message {
	padding: 5px;
	background-color: #DEE7E7;
	color: #291F1F;
}
div.templateFlash div.contentsArea p.link { background: none;}
div.templateFlash div.contentsArea a:visited { text-decoration: none;}
div.templateFlash div.contentsArea a:hover { text-decoration: underline;}



/* flash message テンプレート2 オレンジ
----------------------------------------*/
div.templateFlash2 { margin-bottom: 20px; border: 0;}
div.templateFlash2 h3 {
	margin-bottom: 10px;
	padding-top: 0.4em;
	border-bottom: 1px solid #999999;
	font-size: 16px;
	font-weight: bold;
}
div.templateFlash2 div.headerArea {
	height: 40px;
	background-image: url(../img/common/fashTemplateBgTop2.gif);
	background-repeat: no-repeat;
}
div.templateFlash2 div.contentsArea {
	padding: 0 10px;
	background-image: url(../img/common/fashTemplateBgMiddle.gif);
	background-repeat: repeat-y;
}
div.templateFlash2 div.footerArea {
	height: 20px;
	background-image: url(../img/common/fashTemplateBgBottom.gif);
	background-repeat: no-repeat;
}
div.templateFlash2 div.contentsArea p {
	padding: 5px;
	background-color: #F0F7F7;
	color: #291F1F;
}
div.templateFlash2 div.contentsArea div { padding: 5px; background-color: #F0F7F7;}
div.templateFlash2 div.contentsArea p.link { background: none;}
/* Table list
----------------------------------------*/
table.list{ margin-bottom: 1em; font-size: 12px; line-height: 20px;}
table.list tr.deleted td { background-color: #F7F7F7;}
table.list th {
	padding: 0.4em;
	border: 1px solid #cccccc;
	background-image: url(../img/designs/deliveries3.gif);
	background-repeat: repeat-x;
	text-align: center;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
}
table th.deliveryAddress {
	min-width: 200px;
	width: auto !important;
	width: 200px;
}
table tr th{
	border: 1px solid #cccccc;
	background-color: #dee7e7;
	text-align: center;
}
table.list tr td {
	padding: 0.4em;
	border: 1px solid #dddddd;
	vertical-align: top;
}
table.list .money {
	text-align: right;
	vertical-align: middle;
}
table.list .totalTitle {
	padding-right: 10px;
	background-color: #F7F7F7;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

/* div.infomationテンプレート by katayama
----------------------------------------*/
div.infomation p {
	margin-bottom: 1em;
	padding-left: 20px;
	line-height: 1.6;
}
div.infomation h3 {
	height: 40px;
	margin-bottom: 1em;
	padding: 5px 0 0 30px;
	font-size: 1.3em;
	font-weight: bold;	
	background-image: url(../img/common/background/infomation/infomationH3Bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #333333;
}
div.infomation h4 {
	height: 34px;
	margin-bottom: 1em;
	padding: 5px 0 0 50px;
	background-image: url(../img/common/background/infomation/infomationH4Bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1.2em;
	font-weight: bold;
	color: #F26C95;
}
div.infomation ul {
	margin-bottom: 1em;
	padding-left: 30px;
	line-height: 1.6;
}
div.infomation table { margin-bottom: 1em;}
div.infomation hr {
	width: 669px;
	height: 29px;
	margin-bottom: 1em;
	border: 0;
	background-image: url(../img/common/separator/infomationFlowerSeparator.gif);
	background-repeat: no-repeat;
}
div.infomation div.footorNavi {
	width: 669px;
	margin-bottom: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: double;
	border-bottom-style: double;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}
div.infomation div.image {
	margin-bottom: 1em;
	text-align: center;
}
div.infomation a.arrow {
	padding-left: 18px;
	background-image: url(../img/icons/arrow.gif);
	background-repeat:no-repeat;
	background-position: 0 1px;
	font-weight: bold;
}
div.infomation .orangeStar {
	padding-left: 34px;
	background-image: url(../img/icons/orangeStar.gif);
	background-repeat:no-repeat;
	background-position: 0 1px;
}
div.infomation .redStar {
	padding-left: 22px;
	background-image: url(../img/icons/redStar.gif);
	background-repeat:no-repeat;
	background-position: 0 1px;
	font-weight: bold;
}
div.infomation img.marginBottom {
	margin-bottom: 10px;
}

/* div.newsTemplate
--------------------------------------------------*/
div.newsTemplate {
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
}
div.newsTemplate div.contentsArea ul li { margin-bottom: 6px; border-bottom: 1px solid #cccccc;}
div.newsTemplate span.icon {
	float: left;
	margin-right: 10px;
	position: relative;
	top: 2px;
}
div.newsTemplate div.contentsArea ul li p.title { float:left;}
div.newsTemplate span.date {
	float: right;
	color: #999999;
	font-size: 12px;
	position: relative;
	top: 4px;
}
#newsContents span.date { float: none; top: 0;}
#newsContents span.title { font-weight: bold;}
#newsContents {
	display: none;
	margin-bottom: 0;
	border: 3px double #CCC;
	background-color: #FFF;
}
div.newsTemplate div.reviewsTitleArea { margin-bottom: 0.8em;}
/* #errorsBox
--------------------------------------------------*/
div#errorsBox {
	padding: 0 20px;
	border:1px solid #CCC;
	border-top: 10px solid #DEE7E7;
}
div#errorsBox div.contentsArea p.imageArea {	
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}
div#errorsBox div.mainArea, div#errorsBox div.subArea { width: 305px;}
div#errorsBox div.mainArea div.contentsArea, div#errorsBox div.subArea div.contentsArea {
	padding: 0 10px 10px;;
	height: 180px;
	background-image: url(../img/errors/errorContentsBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
div#errorsBox h3 { padding-bottom: 5px; font-weight: bold;}
div#errorsBox ul { padding-left: 10px;}
div#errorsBox ul li { padding-bottom: 2px;}
div#errorsBox div.footerArea { height: 20px;}
div#errorsBox div.footerArea p.arrangeRight { padding: 10px 0;}
/* ページング 
--------------------------------------------------*/
div.paginator {
	margin: 0 auto;
	padding: 10px 0;
	font-size: 12px;
	text-align: center;
}
div.paginator a {
	margin: 0 2px;
	padding: 2px 6px;
	border: 1px solid #CECFCE;
	color: #5592E9;
	text-decoration: none;
}
div.paginator a.navigation { border: 0;}
div.paginator a:hover {
	border: 1px solid #CECFCE;
	background-color: #5592E9;
	color: #FFFFFF;
}
div.paginator span.current { padding: 2px 6px;}

/* #newsContents
--------------------------------------------------*/
#newsContents div.contentsArea ul li {
	border: 0;
}

/* #treeNavigation
--------------------------------------------------*/
#treeNavigation {
	padding: 10px;
	border-top: 1px dashed #776c56;
}
#treeNavigation ul li{
	padding: 0 30px;
	background-repeat: no-repeat;
	font-weight: bold;
}
#treeNavigation ul li a {
	text-decoration: none;
}
#treeNavigation ul li.backToppage { background-image: url(../img/pages/pagesNavi/backToppage.gif);}
#treeNavigation ul li.backPrev { background-image: url(../img/pages/pagesNavi/backPrev.gif);}
#treeNavigation ul li.pageTop {
	background-image: url(../img/pages/pagesNavi/pageTop.gif);
	background-position: right top;
}
#treeNavigation ul.arrangeLeft li {
	float: left;
}
#treeNavigation ul.arrangeRight li {
	float: right;
}




/* #pagesNavi
--------------------------------------------------*/
#pagesNavi {
	clear: both;
	padding: 10px 0;
	margin: 0 0 20px;
	border-top: 2px solid #776C56;
	border-bottom: 2px solid #776C56;
}
#pagesNavi ul.pagesLink li {
	padding-left: 35px;
	float: left;
	background-image: url(../img/pages/pagesNavi/icon.gif);
	background-repeat: no-repeat;
	background-position: 15px;
	line-height: 2em;
	font-size: 12px;
}
#pagesNavi ul.pagesLink li a {
	padding-right: 20px;
	background-image: url(../img/pages/pagesNavi/separator.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #000000;
	text-decoration: none;
}
#pagesNavi ul.pagesLink li a:hover { color: #FF0000;}
#pagesNavi ul.pagesLink li.active { background-image: url(../img/pages/pagesNavi/arrow.gif);}
#pagesNavi ul.pagesLink li.active a { color: #FF6600;}
/* パンくず
--------------------------------------------------*/
div#breadCrumbs { margin-bottom: 5px;}
div#breadCrumbs a:hover { text-decoration: underline;}