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

/*==============================================================================
■制作者：スパイスラボ
■内容：共通レイアウト
■備考：
■目次--------------------------------------------------------------------------

	1=基本設定
	2=スーパーヘッダ
	3=ヘッダ
	4=サイド
	5=フッタ
	6=パンくず
	7=コンテンツ　タイポグラフィ

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


/*------------------------------------------------------------------------------ 1=基本設定*/
body {
	font: 13px/1.4 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size:81.25% \0/IE9;
	*font-size:small;
	*font:x-small;
	color:#000;
	min-width:960px;
}
select, input, button, textarea {
	font: 99% arial, helvetica, clean, sans-serif;
}
table {
	font-size: inherit;
	font: 100%
}
pre, code, kbd, samp, tt {
	font-family: monospace;
	*font-size:108%;
	line-height: 100%
}

a:link {
	color: #007ed6;
	text-decoration: underline;
}
a:visited {
	color: #2b8dc0;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}

/*------------------------------------------------------------------------------ 1=Sticky Footer*/
* {margin:0;padding:0;}

/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#wrapper {min-height: 100%;}

#content_wrapper {
	overflow:auto;
	padding-bottom: 100px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -100px; /* negative value of footer height */
	height: 100px;
	clear:both;}

.row {
	width: 960px;
	margin-left: auto;
	margin-right: auto;

}

#content_wrapper{ margin-bottom:50px; }
.content { width:968px; margin: 0 auto;  }
.notic_content{ width:968px; margin:0 auto;  }
.light_bg {background:url(../images/common/sidemenu_light_bg.png);}
.dark_bg  {background:url(../images/common/sidemenu_dark_bg.png) ; }

.light_bg .inner { padding-bottom:9px; background:transparent url(../images/common/contents_light_bottom.png) bottom left no-repeat; }
.dark_bg .inner { padding-bottom:9px; background:transparent url(../images/common/contents_dark_bottom.png) bottom left no-repeat; }
.inner2 {padding-top:4px; background:transparent url(../images/common/contents_head.png) top left no-repeat;}

.sidemenu, .col_main {
	display: inline;
	float: left;
}
.sidemenu { width: 230px; margin-left:4px; padding-bottom:50px;}

.col_main {
	width: 730px;
	margin-bottom:50px;
}

/*------------------------------------------------------------------------------ 2=スーパーヘッダ*/
#superheader {
	width: 100%;
	height: 36px;
	background:url(../images/common/common_bg.png) 0 -5px repeat-x;
}
#superheader .row { position:relative; }
#superheader .user {
	position:absolute;
	top:0;
	right:110px;
	line-height:36px;
	color:#FFF;
	font-size:93%;
}

#superheader .user_icon{
	background:url(../images/common/ico_user.png) 0 0 no-repeat;
	display:block;
	width:36px;
	height:36px;
	float:left;
	margin-right:3px;
	}

#superheader a.logout {
	display:block;
	width:90px;
	height:24px;
	text-indent:-9999999px;
	position:absolute;
	top:6px;
	right:0;
	/*margin:6px 0 0 30px;*/
	background:url(../images/common/btn_logout.png) 0 0 no-repeat;
}

#superheader a.logout:hover {
	background-position:0 -24px; }


/*------------------------------------------------------------------------------ 3=ヘッダ */

#header {width:100%; height:120px;}
#header .row {position:relative;}

#header .small_link {
	position:absolute;
	top:15px;
	right:0px;
	padding-left:10px;
}

#header .small_link li{display:inline; float:left;}
#header .small_link li a{
	display:block;
	margin-right:15px;
	font-size:93%;
	background:url(../images/common/ico_gray_arrow_s.png) 0 center no-repeat;
	padding-left:16px;
}

#header .small_link li a.last { margin-right:0px; }

#header h1 {
	position:absolute;
	top:10px;
	left:10px;
}

#header .search {
	position:absolute;
	top:55px;
	left:15px;
	width:930px;
	text-align:right;

}

#header .search input {
	width: 350px;
	height:24px;
	margin-right: 5px;
	padding:4px 3px;

}

#header .search select {
	padding: 7px 3px;
	margin-right: 5px;
}

#header input.searchButton {
	width: 70px;
	height:34px;
	border:0;
	text-indent:-9999999px;
	background:url(../images/common/btn_search.png) 0 0 no-repeat;
	cursor:pointer;

}

#header input.searchButton:hover { background-position:bottom left; }

.search_foot {
	float:right;
	margin:5px 70px 0 0;
	width:300px;
	height:20px;
	text-align:right;
	line-height:20px;
}

.search_foot img { vertical-align:middle; padding-bottom:2px;}


.simple_header { background:url(./../images/simple_header.png) 0 0 repeat-x; }


/*------------------------------------------------------------------------------ 4=グローバルナビゲーション */

#gnavi {background:url(../images/common/gnavi_bg.png) 0 0 repeat-x; height:50px; margin-bottom:20px;}
.navigation {height:41px; }
.navigation li { display:inline; float:left; }
.navigation li a{
	display:block;
	width:150px;
	height:41px;
	color:#FFF;
	background:url(../images/common/gnavi_menu.png) 0 0 no-repeat;
	margin:9px 2px 0 0 ;
	line-height:41px;
	text-align:center;
	text-decoration:none;
}

.navigation li.current a {
	display:block;
	width:150px;
	color:#FFF;
	background:url(../images/common/gnavi_menu.png) 0 -123px no-repeat;
	margin:9px 2px 0 0 ;

	text-align:center;
	color:#000;
}

.navigation span.multi { line-height:16px; display:block; padding-top:5px;}

.navigation li a:hover { background-position: 0 -41px; }
.navigation li a:active { background-position: 0 -82px; }
.navigation li.current a:hover { color:#999; background:url(../images/common/gnavi_menu.png) 0 -123px no-repeat; }
.navigation li.current a:active { color:#000; background:url(../images/common/gnavi_menu.png) 0 -123px no-repeat; }


/*------------------------------------------------------------------------------ 4=サイド */
.sidemenu a.ttl_product, .sidemenu a.ttl_inhouse, .sidemenu a.ttl_police, .sidemenu a.ttl_other, .sidemenu a.ttl, .sidemenu a.ttl_notic{
	display:block;
	background:url(../images/common/sidemenu_ttl_product.png) 0 0 no-repeat;
	color:#FFF;
	height:60px;
	width:230px;
	text-indent: -999999px; }

.sidemenu .ttl, .sidemenu .ttl_search {
		background:url(../images/common/sidemenu_ttl.png) 0 0 no-repeat;
		text-indent:0px; text-decoration:none;
		line-height:60px;
		font-weight:bold;
		font-size:123.1%;
		padding-left:10px;
		width:220px;
		text-shadow: 0 -1px 1px #094a81;
		color:#FFF;
	 }


.sidemenu .ttl_search { background:url(../images/sidemenu_ttl_search.png) 0 0 no-repeat; }
.sidemenu a.ttl_police {background:url(../images/common/sidemenu_ttl_police.png) 0 0 no-repeat; }
.sidemenu a.ttl_inhouse {background:url(../images/common/sidemenu_ttl_inhouse.png) 0 0 no-repeat; }
.sidemenu a.ttl_other {background:url(../images/common/sidemenu_ttl_other.png) 0 0 no-repeat; }
.sidemenu a.ttl_notic {background:url(../images/common/sidemenu_ttl_notic.png) 0 0 no-repeat; }

.sidemenu a.ttl_product:hover,.sidemenu a.ttl_inhouse:hover, .sidemenu a.ttl_police:hover, .sidemenu a.ttl_other:hover, a.ttl_notic:hover, a.ttl:hover { background-position:0 -60px; }
.sidemenu a.ttl_product:active, .sidemenu a.ttl_inhouse:active, .sidemenu a.ttl_police:active, .sidemenu a.ttl_other:active, a.ttl_notic:active,a.ttl:active { background-position:0 -120px; }

.toggle_container{}
.toggle_container ul {}

.toggle_container ul li a,
.container ul li a {
	display:block;
	padding-left:32px;
	width:197px;
	height:42px;
	line-height:42px;
	/*border-bottom:solid 1px #d4d6d9;
	border-top: 1px solid #fafafa; */
	background:#e7ebef url(../images/common/sidemenu_menu_bg.png) right center no-repeat;
 }

 .toggle_container ul li.current a,
 .toggle_container ul li.current a:hover,
 .container ul li.current a,
 .container ul li.current a:hover {
	 width:198px;
	 background:url(../images/common/sidemenu_current.png) 0 0 no-repeat;
	 color:#FFF;
	 font-weight:bold;
	 text-decoration:none;
	 border-top:0 none;
 }

.toggle_container ul li.current a:hover,
.container ul li.current a:hover {color:#c5d9f1 }

.toggle_container ul li a.multi, .container ul li a.multi { line-height:20px; }
.toggle_container ul li a:hover, .container ul li a:hover { background: #d2d6da; }

h2.trigger, h2.trigger_off {
	font-size:100%;
	margin-bottom:0;
	padding:0;
	color:#FFF;
	font-weight:bold;
}

h2.trigger a, h2.trigger_off a  {
	display:block;
	height:40px;
	width:191px;
	line-height:40px;
	padding: 0 5px 0 33px;
	text-decoration:none;
	border-bottom: 1px solid #545f6b;
	border-top: 1px solid #7a899a;
	color:#FFF;
	font-weight:bold;
	background: #697684 url(../images/common/sidemenu_h2_bg.png) right top no-repeat;
 }


h2.trigger a:active{ color:#FFF; }

h2.trigger a:hover { background:#73808f url(../images/common/sidemenu_h2_bg.png) right top no-repeat; }


h2.active {}
h2.active a, h2.trigger_off a { color:#FFF; background:#697684 url(../images/common/sidemenu_h2_bg_selected.png) right top no-repeat; }

h2.active a:hover, h2.trigger_off a:hover { background:#73808f url(../images/common/sidemenu_h2_bg_selected.png) right top no-repeat; }

/*------------------------------------------------------------------------------ 5=フッタ */
#footer {background:url(../images/common/common_bg.png) 0 0 repeat-x; height:100px; }

#footer .row {text-align:left; padding:10px 0; }
#footer p.copyright { color:#FFF; font-size:85%; margin-top:15px; }
/*------------------------------------------------------------------------------ 6=パンくず */
.item_path {font-size:85%; margin-bottom:20px; }
.item_path a { background:url(../images/common/ico_arrow_gray.png) center right no-repeat; padding:0 10px 0 7px; }
.item_path .current { color:#000; font-weight:bold; padding-left:7px; }
/*------------------------------------------------------------------------------ 7=コンテンツ　タイポグラフィ */
.col_main h1.main { margin-top:30px; }
.col_main h1.sub { margin-top:30px; }

.notic_main h1.main { margin-top:30px; }
.notic_main h1.sub { margin-top:30px; }

.ttl_wide{
	background:url(./../images/h1_ttl_wide.png) 0 0 repeat-x;
	height:120px;
	line-height:100px;
}

.ttl_wide h1 { font-size:26px; width:960px; margin:0 auto; padding:35px 0 0; text-align:left; }
h1.main { margin-bottom:40px;}
.subttl {border-left:solid 4px #0e69b6; border-bottom: dotted 1px #000; padding:5px 10px; line-height:1.3em; font-size:138.5%; margin-bottom:10px; }
.subttl2 { background:#e7ebef; padding:3px 10px; line-height:1.5em; border:solid 1px #e7ebef; margin-bottom:15px;
	border-radius:2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;	}

/* 製品情報 WYSIWYGエリア  */
h2.product {font-size:2.3em; margin-bottom:0.5em;}

/* 検索結果一覧  */
.search-nav-bar{
	padding-bottom: 10px;
	border-bottom: 1px solid #aaa;
}
.search-nav-bar p{
	margin: 5px 0 0 0;
	float: left;
	line-height: 1;
}
.search-nav-bar .sort-button-area{
	float: right;
}
.search-nav-bar .sort-button-area p{
	margin-top: 3px;
	margin-right: 10px;
	padding-left: 23px;
	line-height: 20px;
	background: url(../images/ico_sort.png) 0 4px no-repeat;
}
.search-nav-bar .sort-button{
	float: left;
}
.search-nav-bar .sort-button li{
	float: left;
	text-indent: -9999999px;
	cursor: pointer;
	width: 70px;
	height: 23px;
	margin: 0 0 0 5px;
	padding: 0;
	background: url(../images/btn_sort.png) 0 0 no-repeat;
}
.search-nav-bar .sort-button li.sort-nomal{ background-position: 0 0; }
.search-nav-bar .sort-button li.sort-nomal:hover{ background-position: 0 -23px; }
.search-nav-bar .sort-button li.sort-nomal.current{ background-position: 0 -46px; }
.search-nav-bar .sort-button li.sort-new{ background-position: 0 -69px; }
.search-nav-bar .sort-button li.sort-new:hover{ background-position: 0 -92px; }
.search-nav-bar .sort-button li.sort-new.current{ background-position: 0 -115px; }
.search-nav-bar .sort-button li.sort-popular{ background-position: 0 -138px; }
.search-nav-bar .sort-button li.sort-popular:hover{ background-position: 0 -161px; }
.search-nav-bar .sort-button li.sort-popular.current{ background-position: 0 -184px; }
.search-nav-bar .sort-button-up li.sort-nomal{ background-position: 0 -207px; }
.search-nav-bar .sort-button-up li.sort-nomal:hover{ background-position: 0 -230px; }
.search-nav-bar .sort-button-up li.sort-nomal.current{ background-position: 0 -253px; }
.search-nav-bar .sort-button-up li.sort-new{ background-position: 0 -276px; }
.search-nav-bar .sort-button-up li.sort-new:hover{ background-position: 0 -299px; }
.search-nav-bar .sort-button-up li.sort-new.current{ background-position: 0 -322px; }
.search-nav-bar .sort-button-up li.sort-popular{ background-position: 0 -345px; }
.search-nav-bar .sort-button-up li.sort-popular:hover{ background-position: 0 -368px; }
.search-nav-bar .sort-button-up li.sort-popular.current{ background-position: 0 -391px; }

/*-------- notic add*/
.notic_add{
	position:relative;
	float:right;
}

.notic_add .noticButton{
	font-size:115%;
	padding:3px 10px;
	vertical-align: middle;
}