@charset "Shift_JIS";

/* --------------------------------------------------------------------
	common　共通エレメント
-------------------------------------------------------------------- */
body{
	margin:0;
	color:#404040;
/*	text-align:center;*/
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:13px;
line-height:1.6;
	background:#FFF;
}
ol li{
	margin-left:2em;
	list-style:decimal;
}
img{
	border:none;
	vertical-align:middle;
}
strong{
	font-weight:bold;
}
input{
	vertical-align:middle;
}
input{
	font-family:Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1em;
}
textarea{
	font-family:Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1em;
}

select{
	font-family:Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1em;
	width:200px;
}

label{
	margin:0 20px 0 5px;
}
a{
color:#333333;
text-decoration:underline;
}
a:hover{
color:#e62614;
text-decoration:none;
}
#header a,
#index a,
.leftmenuframe_ a,
#pagetop a,
#footer a{
text-decoration:none;
}
#header a:hover,
#index a:hover,
.leftmenuframe_ a:hover,
#pagetop a:hover,
#footer a:hover{
}

.saladabox a:hover img,
.leftmenuframe_ a:hover img,
.mainframe_ a:hover img{
opacity:0.8;
filter:alpha(opacity=80);/*〜IE7*/
-ms-filter:"alpha(opacity=80)";/*IE8*/
}

.saladabox a:hover img.over_, 
.leftmenuframe_ a:hover img.over_,
.mainframe_ a:hover img.over_{
opacity:1;
filter:alpha(opacity=100);/*〜IE7*/
-ms-filter:"alpha(opacity=100)";/*IE8*/
}



/* --------------------------------------------------------------------
	common　汎用クラス
-------------------------------------------------------------------- */
/* 文字サイズ */
.large_{
	font-size:120%;
}
.xlarge_{
	font-size:144%;
}
.small_{
	font-size:80%;
}
.xsmall_{
	font-size:64%;
}
/**/

/* フロート */
.leftfloat_{
float:left;
display:inline;
}
.rightfloat_{
float:right;
display:inline;
}
img.leftfloat_{
margin:0 10px 10px 0;
}
img.rightfloat_{
margin:0 0 10px 10px;
}
/**/

/* 文整列 */
.lefttext_{
text-align:left;
}
.righttext_{
text-align:right;
}
.centertext_{
text-align:center;
}
/**/

/* 特定メッセージ（インライン） */
.error_{
	color:#CC0000;
	font-weight:bold;
}
.notice_{
	color:#993300;
	font-weight:bold;
}
.info_{
	font-weight:bold;
}
/**/

/* 特定メッセージ（ブロック） */
div.error_, table.error_{
	background-color:#efefef;
	border:solid 1px #FF0099;
	padding:8px;
	margin:4px auto;
	text-align:left;
	width:560px;
}
div.notice_, table.notice_{
	background-color:#efefef;
	border:solid 1px #996666;
	padding:8px;
	margin:4px auto;
	text-align:left;
	width:580px;
}
div.info_, table.info_{
	background-color:#efefef;
	border:solid 1px #666666;
	padding:8px;
	margin:4px auto;
	text-align:left;
	width:560px;
}
ul.error_{
	margin-left:16px;
}
/**/

/* 共通クラス(ブロック) */
.top_comment_{
	margin-bottom:10px;
}
.submit_{
	margin:20px auto;
	text-align:center;
}
.submit_ input, .submit_ img{
	margin:0px 16px;
	vertical-align:middle;
}
.message_{
}
p.message_{
	margin-bottom:10px;
}
/* 共通クラス(その他) */
.sponly_{
	display: none!important;
}
.hidden_{
	visibility:hidden;
}
.nocell_{
	border:none!important;
	background-color:transparent!important;
}
.hiddenEnter_{
	width:0;
	height:0;
}
/* 価格表示 */
.price_pop_{
	color:#CC0000;
	font-size:10px;
}
.price_{
	color:#CC3300;
	font-size:14px;
	font-weight:bold;
}
/* --------------------------------------------------------------------
	common　ヘッドライン
-------------------------------------------------------------------- */
h1.goods_name_{
	margin:0 0 20px 0;
	padding:10px;
	color:#003780;
	font-size:21px;
	font-weight:normal;
	line-height:140%;
	border-left:5px solid #003780;
}
h1.category_name_{
	margin:0 0 20px 0;
	padding:10px;
	color:#003780;
	font-size:21px;
	font-weight:normal;
	line-height:140%;
	border-left:5px solid #003780;
}
h1.category_name_img_{ /* タイトルを画像にした場合 */
	margin-bottom:10px;
}
h1.event_name_{
	margin:0 0 20px 0;
	padding:10px;
	color:#003780;
	font-size:21px;
	font-weight:normal;
	line-height:140%;
	border-left:5px solid #003780;
}
h1.event_name_img_{ /* タイトルを画像にした場合 */
	margin-bottom:10px;
}
h1.genre_name_{
	margin:0 0 20px 0;
	padding:10px;
	color:#003780;
	font-size:21px;
	font-weight:normal;
	line-height:140%;
	border-left:5px solid #003780;
}
h1.genre_name_img_{ /* タイトルを画像にした場合 */
	margin-bottom:10px;
}
h1.tag_name_{
	margin:0 0 20px 0;
	padding:10px;
	color:#003780;
	font-size:21px;
	font-weight:normal;
	line-height:140%;
	border-left:5px solid #003780;
}
h1.topic_head_{
	margin:0 0 20px 0;
	padding:10px;
	color:#003780;
	font-size:21px;
	font-weight:normal;
	line-height:140%;
	border-left:5px solid #003780;
}

/* 汎用ヘッドライン */
.common_headline1_{ /* h1相当 */
	/*margin:0 0 20px 0; 131024 */
　　　　margin:0 0 15px 0;
	/*padding:10px; 130826*/
        padding:10px 10px 3px 0;
	/*padding:10px 10px 10px 0; 131023*/
	/*color:#003780;　130826*/
	font-size:21px;
	/*font-weight:normal; 130826*/
	font-weight:bolder;
	line-height:150%;
	/*border-left:5px solid #003780;　130826*/
}
.col1_ .common_headline1_{ /* .col1_ 1カラムの場合 */
	width:815px;
}
.mainframe_ .common_headline1_{ /* .mainframe_ 2カラムの場合 */
	width:755px;
}
.contents_ .mainframe_ .common_headline1_{ /* .contents_ .mainframe_ 3カラムの場合 */
	width:575px;
}
.common_headline2_{ /* h2相当 */
/*ページごとに設定すること*/
}
.loginform_ .common_headline2_{ /* ログインフォームでの場合 */
}
.common_headline3_{ /* h3相当 */
	margin:0 0 10px 0;
	padding:5px 0;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}
.img_headline_{ /* 画像ヘッドラインの場合 */
	margin-bottom:10px;
}
/* --------------------------------------------------------------------
	common　イベント
-------------------------------------------------------------------- */
/* イベントへのリンク */
.event_{
	width:100%;
	overflow:hidden;
}
.event_banner_{
	margin:0 5px 10px 5px;
	float:left;
	display:inline;
}
.event_title_{
margin-bottom:20px;
padding:0 5px 10px 20px;
border-bottom:1px #cccccc solid;
background:url(../img/common/ttl_h2.gif) left top no-repeat;
line-height:19px;
font-size:16px;
font-weight:bold;
}

/* --------------------------------------------------------------------
	common　タグ一覧
-------------------------------------------------------------------- */
.side_tag_cloud_{
}
.side_tag_cloud_ span{
	line-height:140%;
}
.tag_lowest_{
	font-size:80%;
}
.tag_low_{
	font-size:100%;
}
.tag_medium_{
	font-size:120%;
}
.tag_high_{
	font-size:144%;
	font-weight:bold;
}
.tag_highest_{
	font-size:173%;
	font-weight:bold;
}
/* --------------------------------------------------------------------
	common　タグ詳細
-------------------------------------------------------------------- */
.tag_cloud_{
}
.tag_cloud_ span{
	line-height:140%;
}
.tag_cloud_more_{
	margin:10px 0 0 0;
	font-weight:bold;
}
.tag_add_shaping_{
	margin-bottom:10px;
	padding:9px;
	width:580px;
	overflow:hidden;
	background:#F8F8F8;
	border:1px solid #CCC;
}
.tag_add_shaping_ h2{
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}
.tag_add_shaping_ span{
	margin-right:10px;
	padding-left:15px;
	float:left;
	white-space:nowrap;
	background:url(../img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_other_{
	margin-bottom:10px;
	padding:9px;
	width:580px;
	overflow:hidden;
	background:#F8F8F8;
	border:1px solid #CCC;
}
.tag_other_ h2{
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}
.tag_other_ span{
	margin-right:10px;
	padding-left:15px;
	float:left;
	white-space:nowrap;
	background:url(../img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_tree_{
	margin-bottom:10px;
	padding:9px;
	width:580px;
	overflow:hidden;
	background:#F8F8F8;
	border:1px solid #CCC;
}
.tag_tree_ h2{
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}
.tag_tree_ span{
	margin-right:10px;
	padding-left:15px;
	float:left;
	white-space:nowrap;
	background:url(../img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_info_{
	margin-bottom:10px;
}
.tag_info_ p.name_{
	margin:0 0 5px 0;
	padding:0 0 5px 15px;
	background:url(../img/usr/icon_tag.gif) 0 center no-repeat;
	border-bottom:1px dotted #CCC;
}

/* --------------------------------------------------------------------
	common　ナビゲーション
-------------------------------------------------------------------- */
/* パンくず */
.navitopicpath_{
	margin:0 0 10px 0;
}
.navitopicpath_ a{
	margin:0 0.5em;
}
.navitopicpath_ span.current_{
	margin:0 0.5em;
	font-weight:bold;
}
/* ページジャンプ */
.navipage_{
	text-align:right;
margin:0 0 0 auto;

	padding:5px 0;
overflow:hidden;
position:relative;
zoom:1;
}
.navipage_.top_{		/* ページジャンプ上部 */
	margin-bottom:10px;
}
.navipage_.bottom_{	/* ページジャンプ下部 */
	margin-bottom:10px;
}
.navipage_ .navipage_sum_{
}
.navipage_ .navipage_first_,
.navipage_ .navipage_last_{
display:none;
}
/*
.navipage_ .navipage_first_ a{
	padding-left:18px;
	background:url(../img/sys/navifirst.gif) left center no-repeat;
}
.navipage_ .navipage_last_ a{
	padding-right:18px;
	background:url(../img/sys/navilast.gif) right center no-repeat;
}
*/
.navipage_ .navipage_prev_,
.navipage_ .navipage_next_{
display:inline;
}
.navipage_ .navipage_prev_ a{
padding:0 20px 0 20px;
height:19px;
background:url(../img/sys/naviprev.gif) left center no-repeat;
line-height:19px;
color:#ffffff;
}
.navipage_ .navipage_prev_ a:hover{
background:url(../img/sys/naviprev_o.gif) left center no-repeat;
}
.navipage_ .navipage_next_ a{
padding:0 20px 0 20px;
height:19px;
background:url(../img/sys/navinext.gif) right center no-repeat;
line-height:19px;
color:#ffffff;
}
.navipage_ .navipage_next_ a:hover{
background:url(../img/sys/navinext_o.gif) right center no-repeat;
}
.navipage_now_{
margin:0 1px;
padding:2px 7px;
color:#C00;
font-weight:bold;
text-decoration:none;
}
.navipage_ .navipage_reverse_{
margin-right:5px;
}
.navipage_ .navipage_forward_{
margin-left:5px;
}
.navipage_ span{
/*float:left;*/
}
.navipage_ a{
margin:0 1px;
padding:2px 7px;
/*float:left;*/
}
.navipage_ a:hover{
text-decoration:none;
}
/* 並び替え */
.navisort_{
	margin-bottom:5px;
	padding-bottom:5px;
	font-size:10px;
	width:100%;
	overflow:hidden;
	border-bottom:1px dotted #CCC;
}
.navisort_ dt{
	float:left;
	text-align:right;
	font-weight:bold;
	width:8em;
}
.navisort_ dd{
	margin-left:8em;
}
.navisort_now_{
	color:#CC0000;
	text-decoration:none;
	margin:2px 5px;
	white-space:nowrap;
}
.navisort_ a{
	margin:2px 5px;
	white-space:nowrap;
}
/* 表示切替 */
.navistyle_{
	margin-bottom:5px;
	padding-bottom:5px;
	font-size:10px;
	width:100%;
	overflow:hidden;
	border-bottom:1px dotted #CCC;
}
.navistyle_ dt{
	float:left;
	text-align:right;
	font-weight:bold;
	width:8em;
}
.navistyle_ dd{
	margin-left:8em;
}
.navistyle_now_{
	color:#CC0000;
	text-decoration:none;
	margin:2px 5px;
	white-space:nowrap;
}
.navistyle_ a{
	margin:2px 5px;
	white-space:nowrap;
}
/* ブランド絞込 */
.brand_name_{
	width:100%;
	overflow:hidden;
}
.brand_name_now_{
	color:#CC3300;
	text-decoration:none;
	margin:2px 5px;
	white-space:nowrap;
}
.brand_name_ a{
	margin:2px 5px;
	white-space:nowrap;
}
/* メーカー絞込 */
.maker_name_{
	width:100%;
	overflow:hidden;
}
.maker_name_now_{
	color:#CC3300;
	text-decoration:none;
	margin:2px 2px 2px 2px;
	white-space:nowrap;
}
.maker_name_ a{
	margin:2px 2px 2px 2px;
	white-space:nowrap;
}

/* --------------------------------------------------------------------
	common　フォーム
-------------------------------------------------------------------- */
.formlist_{
	margin:0 auto;
	border:1px dotted #CCC;
	border-collapse:collapse;
}
.formlist_ th{
	padding:10px;
	font-weight:bold;
	white-space:nowrap;
	background-color:#FCFCFC;
	border:1px dotted #CCC;
}
.formlist_ td{
	padding:10px;
	font-weight:normal;
	background-color:#FFF;
	border-bottom:1px dotted #CCC;
}
.formlist_ .line0_{
	background-color:#F8F8F8;
}
.formlist_ .line1_{
	background-color:#FCFCFC;
}
.formdetail_{
	border-collapse:collapse;
	margin:0 auto;
}
.formdetail_ .en{
display:none;
}
/*----------基本----------*/
.formdetail_ th{
	padding:8px;
	text-align:left;
	font-weight:bold;
	vertical-align:top;
	background-color:#F8F8F8;
	border-top:1px dotted #CCC;/*-------------------*/
	border-bottom:1px dotted #CCC;/*-------------------*/
}
.formdetail_ td{
	padding:8px;
	font-weight:normal;
	vertical-align:top;
	background-color:#FFF;
	border-top:1px dotted #CCC;/*-------------------*/
	border-bottom:1px dotted #CCC;/*-------------------*/
}

/*----------お知らせ----------*/
.formdetail_ tr.formdetail1_ td{
	padding:8px 8px 0px 8px;
	font-weight:normal;
	vertical-align:top;
	background-color:#FFF;
	border-top:1px dotted #CCC;/*-------------------*/
	border-bottom:none;
}
.formdetail_ tr.formdetail2_ td{
	padding:0px 8px 8px 8px;
	font-weight:normal;
	vertical-align:top;
	background-color:#FFF;
	border-top:none;
	border-bottom:1px dotted #CCC;/*-------------------*/
}


.formdetailcard_{
	margin:0 auto;
	margin-left:0px;
	float:none;
	border-collapse:collapse;
}
.formdetailcard_ th{
	border-top:1px dotted #CCC;/*-------------------*/
	border-bottom:1px dotted #CCC;/*-------------------*/
	font-weight:bold;
	line-height:15px;
	padding:8px;
	background-color:#F8F8F8;
	white-space:nowrap;
	text-align:left;
}
.formdetailcard_ td{
	border-top:1px dotted #CCC;/*-------------------*/
	border-bottom:1px dotted #CCC;/*-------------------*/
	font-weight:normal;
	line-height:15px;
	padding:8px;
	background-color:#FFF;
}
.formsublist_{
	border-collapse:collapse;
}
.formsublist_ th{
	border:1px dotted #CCC;
	background-color:#FFF;
	font-weight:bold;
	white-space:nowrap;
}
.formsublist_ td{
	border:1px dotted #CCC;
	background-color:#FFF;
	font-weight:normal;
}
.must_{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
	float:right;
	display:inline;
}
/* --------------------------------------------------------------------
	common　Trace
-------------------------------------------------------------------- */
/* for Trace */
.tracecontent{
	text-align:left;
	background-color:#FFCCFF;
}
#__asptrace{
	text-align:left;
	background-color:#FFF;
}
span.tracecontent tr.subhead{
	background-color:#CCC;
}
span.tracecontent tr.alt{
	background-color:#eeeeee
}




/* --------------------------------------------------------------------
	モジュール
-------------------------------------------------------------------- */
.box5_{
border-radius:5px;/*CSS3*/
-moz-border-radius:5px;/*ff*/
-webkit-border-radius:5px;/*sf,chr*/
border:1px #cccccc solid;
background:#ffffff;
}
.box5top_{
border-top-left-radius:5px;/*CSS3*/
-moz-border-top-left-radius:5px;/*ff*/
-webkit-border-top-left-radius:5px;/*sf,chr*/
border-top-right-radius:5px;/*CSS3*/
-moz-border-top-right-radius:5px;/*ff*/
-webkit-border-top-right-radius:5px;/*sf,chr*/
border-top:1px #cccccc solid;
border-left:1px #cccccc solid;
border-right:1px #cccccc solid;
background:#ffffff;
}
.box5btm_{
border-bottom-left-radius:5px;/*CSS3*/
-moz-border-bottom-left-radius:5px;/*ff*/
-webkit-border-bottom-left-radius:5px;/*sf,chr*/
border-bottom-right-radius:5px;/*CSS3*/
-moz-border-bottom-right-radius:5px;/*ff*/
-webkit-border-bottom-right-radius:5px;/*sf,chr*/
border-bottom:1px #cccccc solid;
border-left:1px #cccccc solid;
border-right:1px #cccccc solid;
background:#ffffff;
}
.w5{width:5px;}
.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w40{width:40px;}
.w50{width:50px;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w400{width:400px;}
.w5p{width:5%;}
.w10p{width:10%;}
.w20p{width:20%;}
.w30p{width:30%;}
.w40p{width:40%;}
.w50p{width:50%;}

/* --------------------------------------------------------------------
	130826追加　会員登録画面　プルダウンメニュー幅指定
-------------------------------------------------------------------- */
/*業種*/
tr.membership_registration_ select{
	width:150px;
}

tr.membership_registration_ td{
	line-height:250% ;
}

/*職位*/
tr.membership_rank_ {
	line-height:180% ;
}



/* --------------------------------------------------------------------
	161122追加　製品画像
-------------------------------------------------------------------- */

.products_img_thum { float:left; height:130px; width:100px; text-align:center; line-height:1.2em; font-size:0.9em; padding:0 20px 10px 0;}
.products_img_thum2 {float:left; height:130px; width:100px; text-align:center; line-height:1.2em; font-size:0.9em; padding:0 0 10px 0;}