@charset "UTF-8";

/**=====================================================================**
	■store用 css	（オムロンECサイト）

	作成者:hiroki ooiwa
========================================================================**/

/*-------------------------
	テキストエリア
--------------------------*/
div.LeadTextArea {
}
div.LeadTextArea p {
	padding: 0 10px;
}
div.LeadTextArea img {
	margin: 0 0 0 10px;
}
div.LeadTextArea ul {
	margin: 5px 0 0 20px;
}
div.LeadTextArea ul li {
	margin: 0 0 5px;
}
div.LeadTextArea ul li p {
	margin: 0;
	padding: 0;
}
div.LeadTextArea ul li p span {
	padding-left: 10px;
}

/*-------------------------
	トピックス
--------------------------*/
div.StoreTopics {
}
div.StoreTopics dl,
div.StoreTopics dt,
div.StoreTopics dd {
	margin: 0;
	padding: 0;
}
div.StoreTopics dt {
	background: #F0F0F0;
	font-weight: bold;
	color: #686868;
	padding: 5px 10px;
}
div.StoreTopics div.StoreTopicsInner {
	margin: 10px;
}
div.StoreTopics dd div.TopicsTextArea {
	float: right;
	width: 240px;
}
div.StoreTopics dd div.TopicsTextArea p{
	margin: 0;
	padding: 0;
}
div.StoreTopics dd div.TopicsTextArea em {
	font-weight: bold;
	font-style: normal;
}
div.StoreTopics dd div.TopicsTextArea ul {
	margin: 0 0 0;
	padding: 0;
}
div.StoreTopics dd div.TopicsTextArea ul li {
	margin: 0 0 5px 20px;
	padding: 0;
}

div.StoreTopics dd div.TopicsImgArea {
	float: left;
	width: 120px;
}

/*-------------------------
	右カラム用サブメニュー
--------------------------*/
div.SubMenuStore {
	width: 216px;
}
div.SubMenuStore dl {
	margin: 0;
	padding: 0;
}
div.SubMenuStore dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
	display: block;
	width: 216px;
}
div.SubMenuStore dt a {
	display: block;
	height: 25px;
	line-height: 2em;
	padding-left: 35px;
}
div.SubMenuStore dt span {
	background: url(/common/img/icon_01.gif) no-repeat 0 3px;
	padding-left: 7px;
}
* html body div.SubMenuStore dt span {
	background: url(/common/img/icon_01.gif) no-repeat 0 0px;
}
* + html body div.SubMenuStore dt span {
	background: url(/common/img/icon_01.gif) no-repeat 0 0px;
}
div.SubMenuStore dt.MyParts {
	background: url(/view/member/mypage/img/bnr_myparts.gif) no-repeat 0 0;
}
div.SubMenuStore dt.MyCatalog {
	background: url(/view/member/mypage/img/bnr_mycatalog.gif) no-repeat 0 0;
}

div.SubMenuStore dd {
	margin: 0;
	padding: 5px;
	background: url(/view/member/mypage/img/bnr_bg.gif) no-repeat 0 0;
	font-size: 83%;
}
div.SubMenuStore p.title {
	margin: 0;
	padding: 0 5px;
	font-weight: bold;
}

div.SubMenuStore ul {
	margin: 0;
	padding: 5px;
	list-style: none;
}
div.SubMenuStore li {
	margin: 0;
	padding: 5px;
	border-top: #CCC solid 1px;
}
div.SubMenuStore li.last {
	border-bottom: #CCC solid 1px;
}
div.SubMenuStore p.LookMore {
	margin: 0;
	padding: 5px;
	text-align: right;
}

/*-------------------------
	形式ピッキングサーチ
--------------------------*/
.noListArea {
	width: 100%;
}
.noListArea div {
	background: #F0F5FC;
	border: #B3CCED solid 1px;
}
.noListArea div p.title {
	text-align: center;
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	background: #B3CCED;
	margin: 1px;
}
.noListArea div p.content {
	padding: 10px;
	margin: 0;
}


/*-------------------------
	表組み内の価格表示用
--------------------------*/
.DefaultPrice {
	text-decoration: line-through;
}
.BestPrice {
	color: #DB0000 !important;
}


/*-------------------------
	リスト検索ボックス
--------------------------*/
div.ng_searchBox {
	border: #B3CCED solid 1px;
	background: #F0F5FC;
}
div.ng_searchBox div {
	border: #FFF solid 1px;
	padding: 10px;
}
div.ng_searchBox div.top {
	border-bottom: #B3CCED solid 1px;
}
div.ng_searchBox textarea {
	font-size: x-small;
}

/*-------------------------
	一覧リスト
--------------------------*/
div.listWrap {
	margin: 5px 10px;
}
div.listWrap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.listWrap ul li {
	width: 49%;
	margin: 2px 0;
	float: left;
}

/*-------------------------
	一覧リスト（サムネイル）
--------------------------*/
div.listSumWrap {
	margin: 0;
}
div.listSumWrap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.listSumWrap ul li {
	padding: 10px 0;
	border-bottom: #E5E5E5 solid 1px;
}
div.listSumWrap ul li a {
	padding-left: 10px;
}
div.listSumWrap ul li a span.bullet {
	background: url(/common/img/icon_01.gif) no-repeat 0 4px;
}
div.listSumWrap ul li div.photo {
	float: left;
}
div.listSumWrap ul li div.text {
	height: 45px;
	
}
div.listSumWrap ul li div.text a {
	position: relative;
	top: 12px;
}

/*------------------------------------
	form-blockAuto（B5 2カラム対応）
------------------------------------*/

div.form-blockAuto{
	font-size:92%;
}
div.form-blockAuto-unit{
	_overflow:visible;
	_height:1px;
	zoom:1;
	/*\*//*/
	overflow:hidden;
	/**/
	width:684px;
	background: #E6EEF9;	
	margin-top:0.24em;
}
div.form-blockAuto-unit:after{
	content:"."; 
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/*dl*/
div.form-blockAuto-unit dl{
	margin: 0;
}

/*dt*/
div.form-blockAuto-unit dl dt{
	float:left;
	width:230px;
	border-top:3px solid #b3cced;
	font-weight:normal;
}
div.form-blockAuto-unit dl dt span{
	display:block;
	border-top:1px solid #fff;
	padding-top:0.18em;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:1.62em;/*18px*/
	font-weight:normal;
	height: 100%;
}
div.form-blockAuto-unit dl dt span em{
	font-style: normal;
	font-weight: bold;
}

/*dd*/
div.form-blockAuto-unit dl dd{
	float:right;
	width:444px;
	/*\*//*/
	float:none;
	margin-left:131px;
	/**/
	margin: 0;
	padding-bottom:1.62em;/*18px*/
	border-left: 10px solid #FFF;
	background: #FFF;
}
div.form-blockAuto-unit dl dd div.wrap {
	border-top:1px solid #ccc;
	padding: 0.45em 15px;
}
div.form-blockAuto-unit dl dd p{
	margin: 0;
}
div.form-blockAuto-unit dl dd select,
div.form-blockAuto-unit dl dd input.form-str,
div.form-blockAuto-unit dl dd textarea,
div.form-blockAuto-unit dl dd .button{
	margin-top:0.33em;
	margin-bottom:0.33em;
	color:#555;
	font-size:109%;
}
div.form-blockAuto-unit dl dd select option{
	padding-right:4px;
}

/*\*/
html:first-child div.form-blockAuto-unit dl dd select{
	padding-right:4px;
}
/**/
div.form-blockAuto-unit dl dd input.form-str,
div.form-blockAuto-unit dl dd textarea{
	width:auto;
	padding:1px 4px;
}
div.form-blockAuto-unit dl dd ul{
	list-style-type:none;
	margin:0 7px;
}
div.form-blockAuto-unit dl dd ul li{
	padding:0.54em 0 0.54em 30px;
	text-indent:-22px;
	*padding-left:25px;
	*text-indent:-20px;
	background:url(/common/img/line_01.gif) left top repeat-x;
}
div.form-blockAuto-unit dl dd ul li:first-child,
div.form-blockAuto-unit dl dd ul li.first-child{
	padding-top:0;
	background:none;
}
div.form-blockAuto-unit dl dd ul li input{
	margin-right:9px;
	*margin-right:0;
	vertical-align:middle;
}

/*------------------------------------
	index-blockAuto
------------------------------------*/
div.index-blockAuto {
	border: #CCC solid 1px;
}
div.index-blockAuto p {
	padding: 7px 10px;
	text-align: left;
}
div.index-blockAuto p.title {
	background: #EEE;
	font-style: normal;
	font-weight: bold;
}
div.index-blockAuto p.text {}
div.index-blockAuto p em {
	font-style: normal;
	font-weight: bold;
}

/*-------------------------
	ベリサイン
--------------------------*/
.verisign {
	width: 99%;
	margin: 20px 0 0;
}
.verisign div.veri {
	float: left;
	width: 15%;
}
.verisign div.text {
	float: right;
	width: 80%;
}
.verisign div.text p {
	margin: 12px 0 0;
	padding: 0;
}
.verisignBlock02 {
	margin: 20px 0 0;
}
.verisignBlock02 p {
	margin: 10px 0 0;
}

/*-------------------------
	orangeWrap
--------------------------*/
div.orangeWrap {
	background: #FFF7DA;
	border: 1px solid #F8B500;
	margin: 10px 0 0;
	padding: 7px 10px;
}

/*-------------------------
	TotalAmount
--------------------------*/
div.TotalAmount {
	padding: 5px 10px;
}


/*------------------------------
	I-Webメンバーズ ログイン
-------------------------------*/
p.rm_passwd {
	text-align: right;
	margin-top: 5px !important;
}
p.rm_passwd a,
p.rm_passwd a:link,
p.rm_passwd a:visited,
p.rm_passwd a:active {
	text-decoration: none;
}
p.rm_passwd a:hover {
	text-decoration: underline;
}
.MailPassMem {
	margin: 5px !important;
}
.IwebLogIn {
	margin: 10px 0 !important;
	text-align: center;
}

/*--------------------------------------
	I-Webメンバーズの主な機能とサービス
--------------------------------------*/
div.IwebHelpBox {
	margin: 20px 0 0;
	padding: 10px 0;
	background: #F5F5F5;
}
div.IwebHelpBox p {
	padding: 0 10px;
}
div.IwebHelpBox img {
}
div.IwebHelpBox ul {
	margin: 5px 0 0 20px;
}
div.IwebHelpBox ul li {
	margin: 0 0 5px;
}
div.IwebHelpBox ul li p {
	margin: 0;
	padding: 0;
}
div.IwebHelpBox ul li p span {
	padding-left: 10px;
}
div.IwebHelpBox p.helpLink {
	margin: 5px 0 0;
	text-align: right;
}


div.IwebHelpBox .icon_i_mp_def_A {
	vertical-align: middle;
}

/*--------------------------------------
	本登録手続き完了までの流れ
--------------------------------------*/
div.I-web_step_flow {
	margin-top: 20px;
}
div.I-web_step_flow dl {
	margin-top: 5px;
}
div.I-web_step_flow dl dt{
	background: url(/view/regist/image/touroku_flow_01.gif) no-repeat 0 0;
	width: 450px;
	height: 31px;
}
div.I-web_step_flow dl dt span {
	line-height: 2.5em;
	padding-left: 7px;
}
div.I-web_step_flow dl dt span em span {
	padding: 0 3px 0 0;
	color: #0068B7;
}

/*--------------------------------------
	マイカタログ登録フォルダ 表組み
--------------------------------------*/
td.SentakuAreaA01 {
	background: #F0F5FC;
}
td.SentakuAreaA01 input.SentakuAll {
	margin-right: 5px;
}
td.SentakuAreaA01 div.SentakuListTop {
	background: url(/view/member/myparts/img/icon_list01.gif) no-repeat 10px bottom;
	padding-left: 30px !important;
}
td.SentakuAreaA01 div.SentakuListBottom {
	background: url(/view/member/myparts/img/icon_list03.gif) no-repeat 10px top;
	padding-left: 30px !important;
}
.BorderVerticalBlue {
	padding-left: 7px !important;
	margin-left: 7px !important;
	background: url(/view/member/myparts/img/icon_list02.gif) no-repeat top left;
}


/*--------------------------------------
	メールマガジン バックナンバー一覧
--------------------------------------*/
div.Col3 {
	width: 150px;
	float: left;
}


/*--------------------------------------
	/calendar/index.html
	営業/受付日カレンダー
--------------------------------------*/
div.opDay {
	width: 404px;
	margin: 20px auto 40px;
	zoom: 1;
}
div.opDay:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.opDay div.opCol {
	float: left;
	width: 202px;
}
div.opDay div.opCol h4 {
	margin-bottom: 10px;
	padding-left: 5px;
	border-left: 5px solid #ccc;
}

/**/
em.fa {
	color: #1A66CA;
}

span.Week {color: #666;}
span.Sat {color: #36C;}
span.Sun {color: #C9171E;}


/*--------------------------------------
	/utility/management.html
	営業/受付日カレンダー
--------------------------------------*/
div.cpInner {
	margin: 0 0 10px;
	padding: 0 0 20px;
}
div.cpInner dl {
	zoom: 1;
}
div.cpInner dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.cpInner dl dt {
	float: left;
	width: 19%;
	border-top: #ccc solid 3px;
	padding-top: 2px;
}
div.cpInner dl dt span {
	padding-left: 10px;
	line-height: 1.2em;
}
div.cpInner dl dd {
	padding-top: 5px;
	float: right;
	width: 80%;
	border-top: #ccc solid 1px;
}
div.cpInner dl dd div {
	padding-left: 10px;
	line-height: 1.2em;
}


/*--------------------------------------
	/
	ストアトップ用
--------------------------------------*/

/* お知らせ、最新情報 */
div.StoreNewsBlock {
	padding: 5px 10px;
}
*+html div.StoreNewsBlock {
	padding: 0 10px;
}
*html div.StoreNewsBlock {
	padding: 0 10px;
}


/* ストア用 */

/**/
div.storeInfoBlock {
	width: 214px;
	border: #ccc solid 1px;
	margin: 0;
}
div.storeInfoBlock dl,
div.storeInfoBlock dl dt,
div.storeInfoBlock dl dd,
div.storeInfoBlock ul {
	margin: 0;
	padding: 0;
}
div.storeInfoBlock ul {
	margin: 10px 0;
}
div.storeInfoBlock ul li {
	margin: 3px 10px;
	padding: 0;
	list-style: none;
}
div.storeInfoBlock ul li img.iconA01 {
	margin-right: 3px;
}


div.storeInfoBlock dl dt {
	display: block;
	background: #FFF6D9;
	padding: 5px 0 5px 10px;
}

div.storeInfoBlock p {
	margin: 0;
	padding: 0;
}

div.storeInfoBlock em {
	font-weight: bold;
	font-style: normal;
}
em.numbers {
	font-weight: bold;
}

div.storeInfoBlock p.calTitle {
	font-size: 12px;
}
div.storeInfoBlock .calender {
	margin: 10px 0 0 -10px;
}
div.storeInfoBlock p.PerInfoPro {
	text-align: right;
	padding-right: 35px;
}

/**/
div.storeInfoBanner {
	margin: 10px 0;
}
div.storeInfoBanner p {
	margin: 0;
	padding: 0;
}

/**/
div.storeInfoText {
	width: 216px;
}
div.storeInfoText p{
	text-align: right;
}
div.storeInfoText p img.iconA01 {
	margin-right: 3px;
}


/*--------------------------------------
	/pickup/k8dl/~
	k8dl
--------------------------------------*/
/* top */
div.k8dlCol2A {
	float: left;
}
div.k8dlCol2B {
	float: right;
}

div.k8dlCol2A,
div.k8dlCol2B {
	margin: 10px 0;
	width: 332px;
}
div.k8dlCol2A img.mi,
div.k8dlCol2B img.mi {
	margin: 10px 0;
}
div.k8dlCol2A p.imgH,
div.k8dlCol2B p.imgH {
	border-left: #ccc 5px solid;
	padding-left: 5px;
}

div.k8dlCol2A p.lp,
div.k8dlCol2B p.lp {
	font-weight: normal;
}

div.k8dlImgCol2 {
	margin: 10px 0;
	zoom: 1;
}
div.k8dlImgCol2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.k8dlImgCol2 img {
	margin: 10px;
}
div.k8dlImgCol2 span.first,
div.k8dlImgCol2 span.second {
	color: #fff;
	margin-right: 5px;
	padding: 0 1px;
}
div.k8dlImgCol2 span.first {background: #0000CC;}
div.k8dlImgCol2 span.second {background: #00BCFF;}

div.k8dlImgCol2 .lp {
	padding-left: 20px;
	font-weight: normal;
}


/*--------------------------------------
	/help/purchase/~
	help
--------------------------------------*/
.atoreNavi {
	margin: 10px 0 0;
}
.atoreNavi dl {
	border-top: #ccc solid 1px;
	margin: 10px 0 0;
	padding: 5px;
}
.atoreNavi dl dt {
	float: left;
	width: 140px;
}
.atoreNavi dl dt span {
	border-left: 5px solid #297CDF;
	padding-left: 5px;
}
.atoreNavi dl dd {
	float: right;
	width: 280px;
	margin-bottom: 9px;
}
.atoreNavi dl dd li {
	border-bottom: #ccc solid 1px;
}
.atoreNavi ul {
	margin: 0;
	padding: 0;
}
.atoreNavi ul li {
	list-style: none;
	padding: 2px 0;
}


/*--------------------------------------
	/pickup/k8dl/~
	PCデータロガー K8DL
--------------------------------------*/
div.k8dlNavi {}

div.k8dlNavi .NaviBtn {
	border-bottom: solid 1px #E5E5E5;
}

div.k8dlNavi .headBtn01 {
	float: left;
	width: 157px;
	margin: 3px auto 3px 0;
}
div.k8dlNavi .headBtn02 {
	float: right;
	width: 157px;
	margin: 3px 0 3px 3px;
}
div.k8dlNavi .headBtn03 {
	float: right;
	width: 157px;
	margin: 3px;
}
div.k8dlNavi .headPDF {
	float: left;
	width: 157px;
	margin: 5px 0 5px 40px;
	font-size: 10px;
}
*html div.k8dlNavi .headPDF {font-size: 9px;}
*+html div.k8dlNavi .headPDF {font-size: 9px;}

div.k8dlNavi .headPDF span {
	display: block;
	float: left;
}
div.k8dlNavi .headPDF span img {
	vertical-align: middle;
}

div.k8dlNavi .mainPR {
	margin: 10px 0;
}

div.k8dlNavi .blueNavi {
	background: url(/pickup/k8dl/img/navi/bg_gray_shadow.gif) repeat-x left 46px;
	height: 61px;
}
div.k8dlNavi .blueNavi ul,
div.k8dlNavi .blueNavi ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.k8dlNavi .blueNavi ul li {
	display: inline;
	float: left;
}

/*--------------------------------------
	在庫ステータスカラー
--------------------------------------*/
.stock_status_norm {color: #76c15b;}
.stock_status_2-3dys {color: #4dafaf;}
.stock_status_1wk {color: #6280c5;}
.stock_status_2wks {color: #7d4698;}
.stock_status_3wks {color: #a73f7f;}
.stock_status_4wks {color: #ac4646;}
.stock_status_wait {color: #b29149;}


/*--------------------------------------
	在庫ステータスカラー
--------------------------------------*/
.meihin_back_boc {
	background: #dcc;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
.meihin_harf_space {
	background: url(/associates/other/meihan/img/meiban.gif) no-repeat left center;
}
.meihinBG {
	background: #dcc;
}


/*--------------------------------------
	/information/latest/2008/04/store/080407.html
	旧OTS会員への登録情報引継ぎ設定のお願い
--------------------------------------*/
.bgLeadText080407 {
	background: url(/information/latest/2008/04/store/img/tobira_02.jpg) no-repeat 0 0;
	width: 684px;
	height: 138px;
}
.bgLeadText080407 p.lead {
	padding: 5px 40px;
}
.bgLeadText080407 p.sub {
	padding: 0 40px;
}


/**=======================================================================
	■汎用クラス

	globalに存在しない汎用クラス
	汎用クラスとして使用推奨。
=======================================================================**/
/* 左フロート */
.floatL {float: left;}

/* 右フロート */
.floatR {float: right;}

/* マージン、余白リセット */
.reset {
	margin: 0 !important;
	padding: 0 !important;
}

/* 赤字 */
.reD {color: #C00;}

/* 小文字 */
.xFont {
	font-size: 10px !important;
}

/* 縦揃え */
.vT {
	vertical-align: top !important;
	*width: 15px;
}

.vM {vertical-align: middle !important;}
.vB {vertical-align: bottom !important;}

/**-----------------------------------------------------------------------
------------------------------------------------------------------------**
	■global補助クラス

	globalのみでは補えない分を追加補助したクラス
------------------------------------------------------------------------**
------------------------------------------------------------------------**/
/* フォーム チェックボックス2列 */
dd.listWrapG {}
dd.listWrapG ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
dd.listWrapG ul li {
	width: 44%;
	margin: 0;
	padding: 2px 0 0 17px !important;
	float: left;
	background: none !important;
}
*html dd.listWrapG ul li {width: 45%;}
*+html dd.listWrapG ul li {width: 45%;}

/* リストのデフォルト下線を表示しない */
dd ul.ulReset li {
	background: none !important;
}
/* アンカー補助 */
a,
a:link,
a:visited,
a:active {
	text-decoration: none !important;
}
a:hover {
	text-decoration: underline !important;
}

/* バナー画像 */
div.image-blockBanner {
	margin-bottom: 20px !important;
}

/** margin調整 **/
.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}


/* padding調整 */
.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}


/**-----------------------------------------------------------------------
------------------------------------------------------------------------**
	■その他クラス
	
	随時追加したクラス
------------------------------------------------------------------------**
------------------------------------------------------------------------**/
/**/
.gRay {
	background-color: #f5f5f5;
}

/**/
p.dotted {
	background: url(/view/regist/image/hr_dotted.gif) repeat-x 0 0;
	margin: 0;
	padding: 0;
	height: 1px;
}

/**/
.grayWrap {
	border: #CCC solid 1px;
	padding: 2px 5px !important;
	width: 204px;
}

/**/
.grayWrap p {
	font-size: 10px;
}
* html .grayWrap p {
	font-size: 9px;
}
* + html .grayWrap p {
	font-size: 9px;
}

/**/
.grayBoxQ {
	padding: 10px 0;
	background: #F5F5F5;
}

/**/
.grayBoxQ2 {
	padding: 10px !important;
	background: #F5F5F5;
}

/**/
.bg_everline {
	background: #F5F5F5 !important;
}

/**/
.bFont {
	font-weight: bold;
}

/* 注釈 */
ul.asterisk {
	margin: 0 10px 0 20px;
	padding: 0;
}
ul.asterisk li {
	line-height: 1.3em;
	list-style-image: url(/common/img_i/iweb_mod_i_listtype02.gif);
	margin: 5px 0 0;
	padding: 0 0 3px;
}

/**/
div.form-blockA01 div.check {
	margin: 20px;
	text-align: center;
}

/**/
.xsFont {
	font-size: 10px !important;
	background: #F0F5FC;
	padding: 7px 8px;
}
* html .xsFont {font-size: 9px !important;}
* + html .xsFont {font-size: 9px !important;}


/* 小文字（sFontクラスは廃棄方向で。xFontクラスを使用してください。） */
.sFont {/* モダンブラウザ */
	font-size: 83%;
	font-weight: normal;
}* + html body .sFont {/* Ie7 */
	font-size: 70%;
	font-weight: normal;
}* html body .sFont {/* Ie6 */
	font-size: 70%;
	font-weight: normal;
}

/**/
div.LoginFormStoreC {
	width: 450px;
	margin: 0 auto;
}
/**/
.underLineDotted {
	margin: 0;
	padding: 0 0 5px;
	background: url(/view/member/myparts/img/dotLine.gif) repeat-x bottom left;
}
.iconList01 {
	padding: 0 7px;
	background: url(/view/member/myparts/img/icon_list02.gif) no-repeat top left;
}
.sentakuArea {
	background: #F0F5FC !important;
}
.sentakuList_top {
	height: 20px;
	background: url(/view/member/myparts/img/icon_list01.gif) no-repeat 10px bottom;
	padding-left: 30px !important;
}
.sentakuList_bottom {
	height: 20px;
	background: url(/view/member/myparts/img/icon_list03.gif) no-repeat 10px top;
	padding-left: 30px !important;
}
.pop_waku {
	padding: 5px 10px 10px;
	background: #FFF7DA;
	text-align: right;
	vertical-align: middle;
	border-right: #F8B500 solid 1px;
	border-left: #F8B500 solid 1px;
	border-bottom: #F8B500 solid 1px;
}
.pop_waku .popImg {
	position: relative;
	top: 5px;
}

textarea.w400 {	width: 400px !important;}
textarea.w420 {	width: 420px !important;}

/**/
select.ProductNavi {
	width: 420px;
	margin: 10px 0 0;
	border: solid 1px #7F9DB9;
}

/**/
td.dottedLine {
	background: url(/common/img/dotline_v.gif) repeat-y scroll 0 0;
	border-left-width: 0 !important;
}
td.nonono {
	border-right-width: 0 !important;
}


/* 一覧、画像表示切替 */
.swichList {
	text-align: right;
}
.swichList p {
	margin: 0;
	padding: 0;
}
.swichListBorder {
	background: url(/common/img_i/iweb_mod_i_faqb01vdot01.gif) no-repeat 0 0;
	width: 1px;
	margin: 0 5px;
}
.swichListA {
	background: url(/common/img/icon_05.gif) no-repeat 0 0.4em;
	padding-left: 10px;
}
.swichListB {
	background: url(/common/img/icon_11.gif) no-repeat 0 0.4em;
	padding-left: 10px;
}
.swichList .Cur {
	color: #999;
	font-weight: bold;
}

/**/
div.SearchResults {
	margin: 0;
	text-align: right;
}
div.SearchResults p {
	margin: 0;
	padding: 0;
	color: #999;
	font-weight: bold;
}

/**/
div.form-blockA01-unit div.submitBlue {
	background: #F0F5FC;
	text-align: center;
	padding: 10px 0;
}

/*---------------------------------------
	/view/member/mycatalog/list.html

	表組み 商品名/形式名/概要
----------------------------------------*/
/* 2列表示 */
div table.tableB01 td div.photo {
	float: left;
	width: 55px;
	margin: 2px 0;
	padding: 1em 0;
}
div table.tableB01 td div.txt {
	width: 155px;
	float: right;
	margin: 2px 0;
}


/*---------------------------------------
	記事ページ
----------------------------------------*/
/**/
div.col2infoBoxA {
	float: left;
	width: 453px;
	padding-right: 10px;
	background: url(/common/img/dotline_v.gif) repeat-y right top;
}

div.col2infoBoxB {
	float: right;
	width: 191px;
	margin-left: 10px;
}


/**/
div.FeatureCol {
	margin: 10px 0 0;
}
div.FeatureCol dl {
	zoom: 1;
}
div.FeatureCol dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.FeatureCol dl dt {
	float: left;
	width: 50px;
}
div.FeatureCol dl dd {
	float: left;
	width: 403px;
}



/**-------------------------------------
	clearfix
--------------------------------------**/
.clearfix {
	zoom:1;/*for IE 5.5-7*/
}
.clearfix:after {/*for modern browser*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/**-----------------------------------------------------------------------
------------------------------------------------------------------------**
	■その他のクラス

	globalに汎用classがあるので、廃棄方向で。
	【/common/css_i/multipurpose_i.css】を使用しているhtmlに関しては、
	下記の汎用クラスを使用しています。
------------------------------------------------------------------------**
------------------------------------------------------------------------**/
/*
	*globalに「.right」「.center」といった同クラスが存在する。
*/

.alignL {
	text-align: left !important;
}
.alignR {
	text-align: right !important;
}
.alignC {
	text-align: center !important;
}