@charset "UTF-8";

/* ==========================================

	CSSファイル名：cmn_style.css
	用途：汎用スタイルシート
	最終更新日：2012/3/27

========================================== */

/* ===============================================================================

 ■INDEX（タイトル・テキスト関連）
     |
     |--ページ全体：body
     |--h1タイトル
     |--h2タイトル
     |--h3タイトル
     |--文章 - p strong....

=============================================================================== */

/* ===============================================================================
	eshop - ページ全体：body
=============================================================================== */

body {
	color: #4a4a4a;
	line-height: 1.4;
	/* word-break: break-all; */
	/* white-space: normal; */
word-break: normal; /* 2012.4.3 追加 */
white-space: normal; /* 2012.4.3 追加 */
word-wrap: normal; /* 2012.4.3 追加 */
	zoom: 1;
}

/* ===============================================================================
	eshop - h1タイトル
=============================================================================== */

div#main h1#page-title{ /* h1(Base) */
	font-size: 16px;
	font-weight: bold;
	color: #EF6B23;
	margin: 10px 0 15px 0;
	padding: 8px 0;
	border-top: 3px solid #EF6B23;
	background: url(img/line_dot_03.gif) repeat-x left bottom;
	clear: both;
}
div#main h1#page-title span.welcome{
	padding: 0 0 0 20px;
}
div#main h1#page-title span.result{
	color: #515151;
}
div#main h1#page-title span.sub{
	font-size: 14px;
	font-weight: bold;
	color: #EF6B23;
	display: block;
}

/* ===============================================================================
	eshop - h2タイトル
=============================================================================== */

div#main div.section-box h2{
	font-size: 14px;
	font-weight: bold;
	color: #505050;
}

div#main div.section-box h2.sub-titleA{
	background: url(img/line_dot_03.gif) repeat-x left bottom;
	margin: 10px 0 20px 0;
	padding: 8px 0 6px 0px;
	clear: both;
}

div#main div.section-box h2.sub-titleA span{ /* h2 Orange */
	border-left: 4px solid #EF6B23;
	padding: 5px 0 2px 12px;
	display: block;
}

div#main div.section-box h2.sub-titleA span.pickup{ /* h2 Blue */
	color: #005FAF;
	border-left: 4px solid #005FAF;
	padding: 5px 0 2px 12px;
}

div#main div.section-box h2.sub-titleB{  /* h2 Orange + Mark : CMSのみ */
	color: #FE5D0C;
	background: url(img/ico_titarrow_01.gif) no-repeat 12px 7px;
	background-position: 12px 7px;
	/background-position: 12px 10px; /* for IE6・7 */
	border: 1px solid #EF6B23;
	margin: 10px 0 20px 0;
	padding: 5px 5px 5px 30px;
	display: block;
	clear: both;
}

div#main div.section-box h2.sub-titleC{ /* h2(Left-Border) */
	border-left: 4px solid #EF6B23;
	margin: 10px 0 20px 0;
	padding: 5px;
	display: block;
	clear: both;
}

div#main div.section-box h2.sub-titleD{
	color: #034C75;
	padding: 3px 16px;
	margin: 10px 0 10px 0;
	background: #B3DDF3;
	clear: both;
}

div#main div.section-box h2.sub-titleE{
	color: #4a4a4a;
	background: #E0E0E0 url(img/line_dot_06.gif) repeat-x left bottom;
	border: solid 1px #FFF;
	margin: 0;
	padding: 2px 16px;
	display: block;
	zoom: 1;
	clear: both;
}

div#main div.section-box div.title-head{ /* h2（My Page） */
	width: 680px;
	background: url(img/line_dot_03.gif) repeat-x left bottom;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	overflow: hidden;
}
div#main div.section-box div.title-head h2.sub-titleF{
	border-left: 4px solid #0784d6;
	margin: 0;
	padding: 3px 0 4px 12px;
	float: left;
	display: inine;
}
div#main div.section-box div.title-head p.more{
	color: #4a4a4a;
	background: url(img/ico_list_blue.gif) no-repeat;
	background-position: left 9px;
	/background-position: left 10px; /* for IE6・7 */
	margin: 1px 10px 0 0;
	padding: 5px 0 0px 8px;
	float: right;
	display: inline;
	cursor: pointer;
}

/* ===============================================================================
	eshop - h3タイトル
=============================================================================== */

div#main div.section-box h3{
	font-size: 14px;
	font-weight: bold;
	color: #505050;
	clear: both;
}
div#main div.section-box h3.sub-titleACC{ /* h3(アコーディオンメニュー余白詰) */
	background: url(img/line_dot_03.gif) repeat-x left bottom;
	margin: 0px 0 10px 0;
	padding: 0px 0 5px 0px;
	clear: both;
}


div#main div.section-box h3.sub-titleA{
	background: url(img/line_dot_03.gif) repeat-x left bottom;
	margin: 10px 0 20px 0;
	padding: 8px 0 5px 0px;
}

div#main div.section-box h3.sub-titleB{ /* h3(All-Border) */
	border: 1px solid #EF6B23;
	margin: 10px 0 10px 0;
	padding: 5px 5px 5px 5px;
	display: block;
}

div#main div.section-box h3.sub-titleC{ /* h3(Left-Border) */
	border-left: 4px solid #EF6B23;
	margin: 10px 0 10px 0;
	padding: 5px;
	display: block;
}

div#contents div.section-box h3.sub-titleD{
	color: #034C75;
	padding: 3px 16px;
	margin: 10px 0 10px 0;
	background: #B3DDF3;
}

div#contents div.section-box h3.sub-titleE{
	color: #515151;
	background: #E0E0E0 url(img/line_dot_06.gif) repeat-x left bottom;
	border: solid 1px #FFF;
	margin: 0;
	padding: 2px 16px;
	display: block;
	zoom: 1;
}

div#main div.section-box h3.sub-titleF{
	color: #FE6B23;
	margin: 0px 0 0px 0;
	padding: 0px;
}

/* ===============================================================================
	eshop - 文章 - p strong....
=============================================================================== */

div#main div.section-box p.base-txt{ /* p(Base) */
	margin: 0 0 20px 0;
	padding: 10px 0 0 0;
}

div#main div.section-box strong{ /* strong(Base) */
	font-weight: bold;
}

div#main div.section-box sup{
	font-size: 10px;
	line-height: 22px;
	vertical-align: text-top;
}
div#main div.section-box *>/**/sup { /* for FireFox */
	font-size: 10px;
	line-height: 4px;
	vertical-align: text-top;
}
div#main div.section-box sub{
	font-size: 10px;
	vertical-align: text-bottom;
}
div#main div.section-box *>/**/sub { /* for FireFox */
	font-size: 10px;
	line-height: 4px;
	vertical-align: text-bottom;
}

/* ===============================================================================
	水平線 - hr
=============================================================================== */

div#contents div.section-box hr.sec-lineA{
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #CCC;
	height: 1px;
	margin: 10px 0;
}

div#contents div.section-box hr.sec-lineB{
	border-width: 1px 0px 0px 0px;
	border-style: dashed;
	border-color: #CCC;
	height: 1px;
	margin: 10px 0;
}

div#contents div.section-box hr.sec-lineC{
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #FF6C24;
	height: 1px;
	margin: 10px 0;
}


/* ===============================================================================

 ■INDEX（共通リンク・リスト関連）
     |
     |--基本リンク
     |--パンくずリンク
     |--このページのトップへ
     |--基本リスト
     |--リンク付リスト（複数）
     |--リンク付リスト（単数）
     |--ネスト式リンク付リスト

=============================================================================== */

/* ===============================================================================
	eshop - 基本リンク
=============================================================================== */

a {
	text-decoration: none;
	color: #0060af;
}
a:hover {
	text-decoration: underline;
}
a:visited {
}

/* ===============================================================================
	eshop - パンくずリンク
=============================================================================== */

div#main div.bread-box{
	overflow: hidden;
	clear: both;
	padding: 0;
	zoom: 1;
}
div#main p#breads{
	font-size: 10px;
	margin: 0;
	padding: 0;
	display: inline;
	zoom: 1;
	clear: both;
}
div#contents div.bread-box div.user-navi{
	margin: 0 0 0 0;
	clear: both;
}
div.bread-box div.user-navi p.fav-add{
/*	margin: 0px 10px; */ /* 2012.3.9 修正 */
	margin: 8px 10px 0px 10px;
	float: right;
	display: inline;
}
div.bread-box div.user-navi p.fav-view{
	text-align: right;
	background: url(img/ico_list_blue.gif) no-repeat;
	background-position: left 4px;
	/background-position: left 5px; /* for IE6・7 */
/*	margin: 5px 0 0 0; */ /* 2012.3.9 修正 */
	margin: 12px 5px 0px 5px;
	padding: 0 0 0 8px;
	float: right;
	display: inline;
}

/* ===============================================================================
	eshop - このページのトップへ
=============================================================================== */

div#main p.ancpage{ /* Ancer PageTop */
	margin: 5px 0 10px 0;
	padding: 0 0 0 12px;
	background: url(img/ico_list_top.gif) no-repeat 0px 6px;
}

div#main p.pagetop{ /* PageTop */
	margin: 25px 0 0 0;
	padding: 0 0 0 12px;
	background: url(img/ico_list_top.gif) no-repeat 0px 6px;
	float: right;
}

/* ===============================================================================
	eshop - 基本リスト
=============================================================================== */

div#contents div.section-box ul.li-base li{
	list-style-position: outside;
	background: url(img/ico_list_normal.gif) no-repeat;
	background-position: left 8px;
	/background-position: left 9px; /* for IE6・7 */
	padding: 0 0 0 8px;
	overflow: hidden;
}

div#contents div.section-box ol.decimal{
	margin: 0 0px 0 -25px;
	_margin: 0 25px 0 25px; /* for IE6  */
}
div#contents div.section-box ol.decimal li{
	margin: 0 0 4px 0px;
	padding: 0 0 0 0;
	list-style-type: decimal;
	list-style-position: outside;
}

div#contents div.section-box dl.method-list dt{
	padding: 10px 0 0 0;
}
div#contents div.section-box dl.method-list dd{
	padding: 0 0 0 12px;
}

/* ===============================================================================
	eshop - リンク付リスト（複数）
=============================================================================== */

ul.mark li a{ /* Blue Arrow */
	list-style-position: outside;
	background: url(img/ico_list_blue.gif) no-repeat ;
	background-position: left 4px;
	/background-position: left 2px; /* for IE6・7 */
	padding: 0 0 0 8px;
}

ul.mark li a.ico-ext{  /* pdfLink List */
	list-style-position: outside;
	background: url(img/ico_ext.gif) no-repeat right 0;
	padding: 0 20px 8px 0px;
}

ul.mark li a.ico-pdf{ /* pdfLink */
	list-style-position: outside;
	background: url(img/ico_pdf_01.gif) no-repeat right top;
	padding: 0 20px 8px 0px;
}

ul.mark li a.ico-ext{ /* externalLink */
	list-style-position: outside;
	background: url(img/ico_ext.gif) no-repeat right 0;
	padding: 0 20px 8px 0px;
}

/* ===============================================================================
	eshop - リンク付リスト（単数）
=============================================================================== */

div.mark-ico p.mark a{ /* pdfLink */
	background: url(img/ico_list_blue.gif) no-repeat;
	background-position: left 4px;
	/background-position: left 5px; /* for IE6・7 */
	padding: 0 0 0 8px;
}

div.mark-ico p a.ico-pdf{ /* pdfLink */
	background: url(img/ico_pdf_01.gif) no-repeat left 0;
	padding: 0 0 8px 20px;
}

div.mark-ico p a.ico-ext{ /* externalLink */
	background: url(img/ico_pop_01.gif) no-repeat right 0;
	padding: 0 20px 8px 0;
}

div.mark-ico p.example a{ /* Example */
	line-height: 24px;
	background: url(img/ico_list_ex.gif) no-repeat left 0;
	padding: 2px 0 2px 18px;
}

/* ===============================================================================
	eshop - ネスト式リンク付リスト
=============================================================================== */

ul.nest-list{
	margin: 0;
	padding: 0 0 0 12px;
}

ul.nest-list li.mark{ /* Blue Arrow */
	list-style-position: outside;
	background: url(img/ico_list_blue.gif) no-repeat;
	background-position: left 4px;
	/background-position: left 5px; /* for IE6・7 */
	margin: 0;
	padding: 0 0 0 8px;
}

ul.nest-list li.nest{ /* Nest */
	list-style-position: outside;
	background: url(img/ico_list_nest.gif) no-repeat;
	background-position: left 0px;
	/background-position: left 5px; /* for IE6・7 */
	margin: 0;
	padding: 0 0 0 8px;
}

div#contents div.section-box ol.decimal{ /* 1. 2. 3. */
	margin: 0 0px 0 -25px;
	_margin: 0 25px 0 25px; /* for IE6  */
}
div#contents div.section-box ol.decimal li{
	margin: 0 0 4px 0px;
	padding: 0 0 0 0;
	list-style-type: decimal;
	list-style-position: outside;
}

div#contents div.section-box ul.digit{ /* 1) 2) 3) */
	margin: 0;
	padding: 0 0 0 17px;
}
div#contents div.section-box ul.digit li{
	text-indent: -17px;
}

div#contents div.section-box ul.digit li span{
	width: 20px;
	padding: 0 5px 0 0;
}
div#contents div.section-box ul.digit li.digit-2nd{ /* a) b) c) */
}
div#contents div.section-box ul.digit li.digit-2nd ul{
	_margin: -12px 0 0 0; /* for IE6 */
	padding: 0 0 0 16px;
}
div#contents div.section-box ul.digit li.digit-2nd ul li{
	text-indent: -17px;
}
div#contents div.section-box ul.digit li.digit-2nd ul li span{
	width: 18px;
	padding: 0 5px 0 0;
}

div#contents div.section-box dl.method-list dt{
	padding: 10px 0 0 0;
}
div#contents div.section-box dl.method-list dd{
	padding: 0 0 0 25px;
}


/* ===============================================================================

 ■INDEX（jQuery連動スタイル）
     |
     |--タブメニュー
     |--アコーディオンメニュー

=============================================================================== */

/* ===============================================================================
	eshop - タブメニュー
=============================================================================== */

div#contents div.section-box div.display-tab{
	width: 680px;
	height: 32px;
	min-height: 1%;
	margin: 10px 0 5px 0;
	background: url(img/bg_tab_01.gif) repeat-x bottom left;
	overflow: hidden;
	clear: both;
	zoom :1;
}
div#contents div.section-box div.display-tab ul{
	margin: 0;
	padding: 0;
}
div#contents div.section-box div.display-tab ul li{
	height: 32px;
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}
div#contents div.section-box div.display-tab ul li a{
	cursor: pointer;
}
div#contents div.section-box ul#tabList li{
	display: block;
	overflow: hidden;
}
div#contents div.section-box div.tabPanel {
	width: 680px;
	padding: 5px 0;
	clear: both;
}
div#contents div.section-box div#tabPanel02,
div#contents div.section-box div#tabPanel03,
div#contents div.section-box div#tabPanel05,
div#contents div.section-box div#tabPanel06 {
	display: none;
}

/* ===============================================================================
	アコーディオンメニュー
=============================================================================== */

/* デフォルト「開」 - Default OPEN
==============================================*/

div#contents div.accView{
	clear: both;
	overflow: hidden;
}


div#contents div.accHeader {
	float: right;
	display: inline;
}
div#contents div.accHeader span.accTitle {
	background: url(img/ico_list_open.gif) no-repeat right top;
	font-size: 10px;
	color: #999;
	text-indent: 0;
	height: 13px;
	margin: 15px 0 0px 0;
	padding: 0 47px 5px 0;
	display: block;
	clear: both;
	cursor: pointer;
	zoom: 1;
	_text-align: right;
}
div#contents div.accOpen span.accTitle {
	text-indent: -9999px;
	padding: 0 47px 5px 0;
	background: url(img/ico_list_close.gif) no-repeat right top;
	_text-align: left;
}

/* デフォルト「閉」 - Default CLOSE
==============================================*/

div#contents div.accHide{
	clear: both;
	overflow: hidden;
}

div#contents div.accHeaderC {
	float: right;
	display: inline;
}

div#contents div.accHeaderC span.accTitle {
	font-size: 10px;
	color: #999;
	text-indent: -9999px !important;
	background: url(img/ico_list_close.gif) no-repeat right top;
	height: 13px;
	margin: 10px 0 0px 0;
	padding: 0 47px 5px 0;
	display: block;
	clear: both;
	cursor: pointer;
	zoom: 1;
}
div#contents div.accOpenC span.accTitle {
	font-size: 10px;
	color: #999;
	text-indent: 0 !important;
	text-align: right;
	padding: 0 47px 5px 0;
	background: url(img/ico_list_open.gif) no-repeat right top;
}


/* ===============================================================================

 ■INDEX（汎用レイアウト）
     |
     |--セクション毎ボックス
     |--定義リストテーブル風レイアウト
     |--画像＆テキスト回り込み用内部ボックス
     |--画像2枚横並び配置
     |--画像3枚横並び配置
     |--画像4枚横並び配置

=============================================================================== */

/* ===============================================================================
	eshop - セクション毎ボックス
=============================================================================== */

div#contents div.section-box{ /* BOX(Base) */
	width: 680px;
	overflow: hidden;
	clear: both;
}

div#contents div.section-box div.article{ /* InnerBox(Border-bottom) */
	padding: 10px 0 10px 0;
	background: url(img/line_dot_01.gif) repeat-x left bottom;
}

/* ===============================================================================
	eshop - 定義リストテーブル風レイアウト
=============================================================================== */

div#contents dl.base-list{
}
div#contents dl.base-list dt{
	text-align: right;
	background: #EFEFEF;
	width: 120px;
	margin: 0 10px 1px 0;
	padding: 1px 5px;
	float: left;
	clear: left;
}
div#contents dl.base-list dt.syn{
	width: 74px;
}
div#contents dl.base-list dd{
	background: #FFFFFF;
	margin: 0 0 1px 0;
	padding: 1px 5px;
	float: left;
	/float: none; /* for IE6・IE7 */
	display: block;
	_zoom: 1;
}
div#contents dl.base-list dd span{
	color: #0773D6;
}

/* ===============================================================================
	eshop - 画像＆テキスト回り込み用内部ボックス
=============================================================================== */

div#contents div.section-box div.section-inner{
	margin: 0 0 20px 0;
	overflow: hidden;
	clear: both;
}

div#contents div.section-box div.section-inner div.cimg{
	text-align: center;
	margin: 0 0 10px 0;
}

/* ===============================================================================
	eshop - 画像2枚横並び配置
=============================================================================== */

div#contents div.section-box div.two-img{
	width: 680px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
	zoom: 1;
	clear: both;
}
div#contents div.section-box div.two-img div.two-inner{
	width: 330px;
	margin: 0 10px 5px 0px;
	float: left;
	display: inline;
}
div#contents div.section-box div.two-img div.two-inner p strong{
	padding: 0 0 0 0;
}
div#contents div.section-box div.two-img div.two-inner p{
	padding: 0 5px 5px 0;
}

/* ===============================================================================
	eshop - 画像3枚横並び配置
=============================================================================== */

div#contents div.section-box div.three-img{
	width: 680px;
	padding: 0 2px 0 0;
	overflow: hidden;
	zoom: 1;
}
div#contents div.section-box div.three-img div.three-inner{
	width: 226px;
	margin: 0 0 5px 0;
	float: left;
	display: inline;
}
div#contents div.section-box div.three-img div.three-inner p strong{
	padding: 0 0 0 0;
}
div#contents div.section-box div.three-img div.three-inner p{
	padding: 0 5px 5px 0;
}

div#contents div.section-box div.three-img dl{ /* HOME -ProductsTopics- */
	width: 226px;
	margin: 0 0 5px 0;
	float: left;
	display: inline;
}
div#contents div.section-box div.three-img dl dt,
div#contents div.section-box div.three-img dl dd{
	padding: 0 46px 5px 0;
}

/* ===============================================================================
	eshop - 画像4枚横並び配置
=============================================================================== */

div#contents div.section-box div.four-img{
	width: 680px;
	padding: 0 0 0 0;
	overflow: hidden;
	zoom: 1;
}
div#contents div.section-box div.four-img div.four-inner{
	width: 170px;
	margin: 0 0 5px 0;
	float: left;
	display: inline;
}
div#contents div.section-box div.four-img div.four-inner p strong,
div#contents div.section-box div.four-img div.four-inner p{
	padding: 0 5px 5px 0;
}


/* ===============================================================================

 ■INDEX（汎用カスケード指定：フォント関連）
     |
     |--フォントスタイル

=============================================================================== */

/* ===============================================================================
	eshop - フォントスタイル
=============================================================================== */

.fBold {
	font-weight: bold;
}
.fIt {
	font-style: italic;
}
.fSS {
	font-size: 10px;
}
.fS {
	font-size: 12px; /* base 12px */
}
.fL {
	font-size: 14px;
}
.fLL {
	font-size: 16px;
}
.fCWhite {
	color: #FFF; /* white */
}
.fCRed {
	color: #FF0000; /* red */
}
.fCOra {
	color: #EF6B23; /* orange */
}


/* ===============================================================================

 ■INDEX（汎用カスケード指定：要素配置関連）
     |
     |--回り込み解除
     |--回り込み配置
     |--インライン要素配置指定
     |--ブロック要素配置指定
     |--ポジション配置指定
     |--テーブル要素配置指定

=============================================================================== */

/* ===============================================================================
	eshop - 回り込み解除
=============================================================================== */

.clearfix {
	clear: both;
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* ===============================================================================
	eshop - 回り込み配置
=============================================================================== */

.fltL { float: left;}
.fltR { float: right;}
.ft {
	overflow: hidden;
	zoom: 1;
}
.flImgL { display: inline; float: left; margin-right: 10px;}
.flImgR { display: inline; float: right; margin-left: 10px;}

/* ===============================================================================
	eshop - インライン要素配置指定
=============================================================================== */

.inlineL { text-align: left;}
.inlineC { text-align: center;}
.inlineR { text-align: right;}

/* ===============================================================================
	eshop - ブロック要素配置指定
=============================================================================== */

.block{
	display: block;
}

.blockL {
	text-align: left;
}
.blockL .block {
	margin-left: auto;
	text-align: left;
}

.blockC {
	text-align: center;
}
.blockC .block {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

.blockR {
	text-align: right;
}
.blockR .block {
	margin-left: auto;
	text-align: left;
}

.center{
	width: 680px;
	margin: 0px auto;
	overflow: hidden;
}

/* ===============================================================================
	eshop - ポジション配置指定
=============================================================================== */

.poR{ /* Relative */
	position: relative;
}

/* ===============================================================================
	eshop - テーブル要素配置指定
=============================================================================== */

td.vttm{
	vertical-align: top !important;
}
td.vbtm{
	vertical-align: bottom !important;
}


/* ===============================================================================

 ■INDEX（汎用カスケード指定：ボックスデザイン）
     |
     |--幅指定
     |--ボーダードット下線

=============================================================================== */

/* ===============================================================================
	eshop - 幅指定
=============================================================================== */

.w10{ width: 10px;} .w20{ width: 20px;} .w25{ width: 25px;} .w30{ width: 30px;}
.w40{	width: 40px;} .w50{	width: 50px;} .w60{	width: 60px;} .w70{	width: 70px;}
.w80{	width: 80px;} .w85{	width: 85px;} .w90{	width: 90px;} .w100{	width: 100px;}
.w110{	width: 110px;} .w120{	width: 120px;} .w130{	width: 130px;} .w140{	width: 140px;}
.w150{ width: 150px;} .w160{	width: 160px;} .w170{ width: 170px;} .w180{ width: 180px;}
.w190{	width: 190px;} .w200{ width: 200px;} .w210{	width: 210px;} .w220{	width: 220px;}
.w230{	width: 230px;} .w240{	width: 240px;} .w250{	width: 250px;} .w300{ width: 300px;}
.w320{ width: 320px;} .w330{ width: 330px;} .w350{	width: 350px;} .w360{	width: 360px;}
.w400{ width: 400px;} .w450{	width: 450px;} .w500{	width: 500px;} .w520{ width: 520px;}
.w560{ width: 560px;} .w570{ width: 570px;} .w580{ width: 580px;} .w590{ width: 590px;}
.w600{ width: 600px;} .w950{ width: 950px;}

/* ===============================================================================
	eshop - ボーダードット下線
=============================================================================== */

.botW{
	background: url(img/line_dot_01.gif) repeat-x left top;
}

.bobW{
	background: url(img/line_dot_01.gif) repeat-x left bottom;
}


/* ===============================================================================

 ■INDEX（汎用カスケード指定：外部余白「margin」関連）
     |
     |--全方向マージン
     |--上マージン
     |--右マージン
     |--下マージン
     |--左マージン
     |--マージンクリア

=============================================================================== */

/* ===============================================================================
	eshop - 全方向マージン
=============================================================================== */

.mAll01 { margin: 1px   !important;} .mAll02 { margin: 2px   !important;}
.mAll03 { margin: 3px   !important;} .mAll04 { margin: 4px   !important;}
.mAll05 { margin: 5px   !important;} .mAll06 { margin: 6px   !important;}
.mAll07 { margin: 7px   !important;} .mAll08 { margin: 8px   !important;}
.mAll09 { margin: 9px   !important;} .mAll10 { margin: 10px   !important;}
.mAll15 { margin: 15px   !important;} .mAll20 { margin: 20px   !important;}
.mAll30 { margin: 30px   !important;} .mAll40 { margin: 40px   !important;}
.mAll50 { margin: 50px   !important;} .mAll60 { margin: 60px   !important;}
.mAll70 { margin: 70px   !important;} .mAll80 { margin: 80px   !important;}
.mAll90 { margin: 90px   !important;} .mAll100 { margin: 100px   !important;}

/* ===============================================================================
	eshop - 上マージン
=============================================================================== */

.mt00 { margin-top: 0   !important;} .mt05 { margin-top: 5px !important;}
.mt08 { margin-top: 8px !important;} .mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;} .mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;} .mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;} .mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;} .mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}

/* ===============================================================================
	eshop - 右マージン
=============================================================================== */

.mr00 { margin-right: 0   !important;} .mr05 { margin-right: 5px !important;}
.mr08 { margin-right: 8px !important;} .mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;} .mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;} .mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;} .mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;} .mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}

/* ===============================================================================
	eshop - 下マージン
=============================================================================== */

.mb00 { margin-bottom: 0   !important;} .mb05 { margin-bottom: 5px !important;}
.mb08 { margin-bottom: 8px !important;} .mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;} .mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;} .mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;} .mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;} .mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}

/* ===============================================================================
	eshop - 左マージン
=============================================================================== */

.ml00 { margin-left: 0   !important;} .ml05 { margin-left: 5px !important;}
.ml08 { margin-left: 8px !important;} .ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;} .ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;} .ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;} .ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;} .ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/* ===============================================================================
	eshop - マージンクリア
=============================================================================== */

.mcAll { margin: 0 !important;}
.mcT { margin-top: 0 !important;}
.mcR { margin-right: 0 !important;}
.mcB { margin-bottom: 0 !important;}
.mcL { margin-left: 0 !important;}


/* ===============================================================================

 ■INDEX（汎用カスケード指定：内部余白「padding」関連）
     |
     |--全方向余白
     |--上余白
     |--右余白
     |--下余白
     |--左余白
     |--余白クリア

=============================================================================== */

/* ===============================================================================
	eshop - 全方向余白
=============================================================================== */

.pAll01 { padding: 1px   !important;} .pAll02 { padding: 2px   !important;}
.pAll03 { padding: 3px   !important;} .pAll04 { padding: 4px   !important;}
.pAll05 { padding: 5px   !important;} .pAll06 { padding: 6px   !important;}
.pAll07 { padding: 7px   !important;} .pAll08 { padding: 8px   !important;}
.pAll09 { padding: 9px   !important;} .pAll10 { padding: 10px   !important;}
.pAll15 { padding: 15px   !important;} .pAll20 { padding: 20px   !important;}
.pAll30 { padding: 30px   !important;} .pAll40 { padding: 40px   !important;}
.pAll50 { padding: 50px   !important;} .pAll60 { padding: 60px   !important;}
.pAll70 { padding: 70px   !important;} .pAll80 { padding: 80px   !important;}
.pAll90 { padding: 90px   !important;} .pAll100 { padding: 100px   !important;}


/* ===============================================================================
	eshop - 上余白
=============================================================================== */

.pt00 { padding-top: 0   !important;} .pt02 { padding-top: 2px !important;}
.pt03 { padding-top: 3px !important;} .pt04 { padding-top: 4px !important;}
.pt05 { padding-top: 5px !important;} .pt08 { padding-top: 8px !important;}
.pt10 { padding-top:10px !important;} .pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;} .pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;} .pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;} .pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;} .pt50 { padding-top:50px !important;}
.pt60 { padding-top:60px !important;} .pt70 { padding-top:70px !important;}
.pt80 { padding-top:80px !important;} .pt90 { padding-top:90px !important;}
.pt100 { padding-top:100px !important;}


/* ===============================================================================
	eshop - 右余白
=============================================================================== */

.pr00 { padding-right: 0   !important;} .pr05 { padding-right: 5px !important;}
.pr08 { padding-right: 8px !important;} .pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;} .pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;} .pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;} .pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;} .pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;} .pr60 { padding-right:60px !important;}
.pr70 { padding-right:70px !important;} .pr80 { padding-right:80px !important;}
.pr90 { padding-right:90px !important;} .pr100 { padding-right:100px !important;}


/* ===============================================================================
	eshop - 下余白
=============================================================================== */

.pb00 { padding-bottom: 0   !important;} .pb05 { padding-bottom: 5px !important;}
.pb08 { padding-bottom: 8px !important;} .pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;} .pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;} .pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;} .pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;} .pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;} .pb60 { padding-bottom:60px !important;}
.pb70 { padding-bottom:70px !important;}  .pb80 { padding-bottom:80px !important;}
.pb90 { padding-bottom:90px !important;}  .pb100 { padding-bottom:100px !important;}


/* ===============================================================================
	eshop - 左余白
=============================================================================== */

.pl00 { padding-left: 0   !important;} .pl05 { padding-left: 5px !important;}
.pl08 { padding-left:08px !important;} .pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;} .pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;} .pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;} .pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;} .pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;} .pl60 { padding-left:60px !important;}
.pl70 { padding-left:70px !important;} .pl80 { padding-left:80px !important;}
.pl90 { padding-left:90px !important;} .pl100 { padding-left:100px !important;}


/* ===============================================================================
	eshop - 余白クリア
=============================================================================== */

.pcAll { padding: 0 !important;}
.pcT { padding-top: 0 !important;}
.pcR { padding-right: 0 !important;}
.pcB { padding-bottom: 0 !important;}
.pcL { padding-left: 0 !important;}



/* ===============================================================================

 ■INDEX（汎用カスケード指定：コーダー作業用）
     |
     |-製作用一時ツール

=============================================================================== */

/* ===============================================================================
	eshop - 製作用一時ツール
=============================================================================== */

.test { margin: 20px 0; clear: both;}

.test1 { background: #FFFF99;}

.test2 { background: #FF0000;}

.nobg {
	background: none !important;
}
.bg-bl{
	background: #000;
}
.bg-gr{
	background: #EFEFEF;
}
.scroll{
	border-top:1px solid #F90;
	border-bottom:1px solid #F90;
	width: 680px;
	height: 150px !important;
	padding: 10px 0 0 0px;
	overflow-x: hidden !important;
	overflow-y: scroll !important;
}
div#contents div.section-box table.up-table{ /* 作業更新テーブル */
	width: 680px;
	margin: 0px 0px 15px 0px;
	clear: both;
}
div#contents div.section-box table.up-table th,
div#contents div.section-box table.up-table td{
	padding: 5px 0;
	background: url(img/line_dot_01.gif) repeat-x left bottom;
}

/* v6.0 追加ここから (okuda_com)*/
div.bread-box div.user-navi p.fav_example{
    text-align: right;
    background: url(img/ico_list_ex.gif) no-repeat;
    background-position: left 4px;
    /*background-position: left 5px;*/
    margin: 10px 40px 0px 5px;
    float: right;
    display: inline;
    line-height: 24px;
    padding: 0px 0 0px 18px;
}
/* v6.0 追加ここまで (okuda_com)*/