@charset "euc-jp";
/* CSS Document */



/*  ヘッダエリア
------------------------------------ */

#header {
	position: relative;
	width: 980px;
/*	height: 153px;*/
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	zoom: 1;
	font-size: 94%;
	line-height: 137%;
}

#section-hl {
	position: absolute;
	top: 0;
	left: 0;
	width: 481px;
	height: 155px;
}

#section-hr {
	position: absolute;
	top: 0;
	right: 0;
	width: 469px;
	height: 155px;
}

#header-logo{
	width: 980px;
	height: 100px;
	position: relative;
    background-image: url();
}

#header-left{
	position : absolute ;
	top: 0;
	left: 0;
	width: 220px;
	height: 100px;
	padding: 0;
}

#header-right{
	width: 600px;
	position : absolute ;
	right: 20px;
	top: 10px;
	text-align:right;
}


#header h1 {
	font-size: 0.7em;
	text-align: left;
	background: url(../images/header-logo-liebe.png) no-repeat top right;
	margin-top: 2px;
	color:#EEE;
}


/* グローバルナビゲーションエリア
------------------------------------ */



/*  メインエリア
------------------------------------ */

#section-wrapper { /* html5移行時 <div id="section-wrapper"> → <section id="wrapper"> */
	overflow: hidden;
	clear: both;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	*zoom:1;
	background: #131313;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;  
    -moz-border-radius-bottomleft: 20px; 
}

#section-wrapper:after {
	content: "";
	display: block;
	clear: both;
    -webkit-border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomright: 20px;  
    -moz-border-radius-bottomleft: 20px; 
}

#section-main { /* html5移行時 <div id="section-main"> → <section id="main"> */
	overflow: hidden;
	float: left;
	width: ;
	*zoom:1;
}
#section-main:after {
	content: "";
	display: block;
	clear: both;
}

#section-content { /* html5移行時 <div id="section-content"> → <section id="content"> */
	overflow: hidden;
	float: right;
	width: 720px;
	*zoom:1;
}
#section-content:after {
	content: "";
	display: block;
	clear: both;
}


/*  サイドエリア
------------------------------------ */

#aside-left, #aside-right { /* html5移行時 <div id="aside-left"> → <aside id="left"> */
	overflow: hidden;
	width:; /* 170px */
	font-size: 95%;
	line-height: 1.3;
	*zoom:1;
}

#aside-left:after, #aside-right:after {
	content: "";
	display: block;
	clear: both;
}

#aside-left {
	float: left;
	padding: 0 5px 20px 0;
	/* padding: 0 15px 10px 0; */
}

#aside-right {
	float: right;
	padding: 0 0 20px 15px;
}

#aside-left p img {
	margin-bottom: .5em;
}

#aside-right p img {
	margin-bottom: 1em;
}

#aside-left p a:hover img, #aside-right p a:hover img {
	filter: alpha (opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

#categoriesContent { margin:0; padding:0.25em; list-style-type:none; line-height:1.5;}
ul.sideBoxList  { margin:0; padding:0.25em; list-style-type:none; line-height:1.5;}
ul.sideBoxList li        { margin:2px; padding:0; list-style-type:none;}


/*  フッターエリア
------------------------------------ */

#footer {
	width: 100%;
	margin: 2em auto 0 auto;
	font-size: 82%;
	*zoom:1;
}

#footer-nav {
	margin: 1em auto;
	text-align:right;
	width: 980px;
}

#footer-nav li {
	display: inline;
}

#footer-nav li a {
	margin: 2px 0.5em;
	padding: 0.5em 1em;
	background: #222;
	color: #EEE;
	text-decoration: none;
	border:1px solid #666;
}

#footer-nav li a:hover {
	margin: 2px 0.5em;
	padding: 0.5em 1em;
	background: #131313;
	color: #FFF;
	text-decoration: none;
	border:1px solid #F60;
}



/*  append markup
------------------------------------ */

#section-content {
	font-size: 85%;
	line-height: 1.6;
	color:#FAFAFA;
}


a.external      { background: url(../images/icon_external.gif) no-repeat right center; padding-right: 14px; }
a[href$=".pdf"] { background: url(../images/icon_pdf.gif) no-repeat right center; padding-right: 14px; }
a[href$=".doc"] { background: url(../images/icon_doc.gif) no-repeat right center; padding-right: 14px; }
a[href$=".xls"] { background: url(../images/icon_xls.gif) no-repeat right center; padding-right: 14px; }
a[href$=".txt"] { background: url(../images/icon_txt.gif) no-repeat right center; padding-right: 14px; }
a.noicon { background: none; padding-right: 0; }

.clearboth { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
.floatleft { float: left; }
.floatright { float: right; }
.aligncenter { text-align: center; }
.alignleft { text-align: left; }
.alignright { text-align: right; }


/*
.fsmall { font-size: 0.85em; }
.fbig { font-size: 1.2em; }
.fbold { font-weight: bold; }
.fnormal { font-weight: normal; }
.fred { color: #c00; }
.fgreen { color: #659501; }
.fblue { color: #03c; }

.fbigred {
	font-family: sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	color: #c00;
	text-shadow:
		rgba(0,0,0,0.3) -1px 0,
		rgba(0,0,0,0.1) 0 -1px,
		rgba(255,255,255,0.3) 0 1px,
		rgba(0,0,0,0.1) -1px -2px;
	line-height: 1.6em;
}

.fbigblue {
	font-family: sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	color: #03c;
	text-shadow:
		rgba(0,0,0,0.3) -1px 0,
		rgba(0,0,0,0.1) 0 -1px,
		rgba(255,255,255,0.3) 0 1px,
		rgba(0,0,0,0.1) -1px -2px;
	line-height: 1.6em;
}

.fbigblack {
	font-family: sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	text-shadow:
		rgba(0,0,0,0.3) -1px 0,
		rgba(0,0,0,0.1) 0 -1px,
		rgba(255,255,255,0.3) 0 1px,
		rgba(0,0,0,0.1) -1px -2px;
	line-height: 1.6em;
}

.imgframe {
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
}

.imgleft {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.imgright {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

.mt-2em { margin-top: 2em; }
.mt-5em { margin-top: 5em; }

.mr-reset { margin-right: 0; }
.mr3 { margin-right: 3px; }
.mr5 { margin-right: 5px; }
.mr12 { margin-right: 12px; }
.mr16 { margin-right: 16px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr60 { margin-right: 60px; }
.mr180 { margin-right: 180px; }

.mb5 { margin-bottom: 5px; }
.mb12 { margin-bottom: 12px; }
.mb20 { margin-bottom: 20px; }
.mb-1em { margin-bottom: 1em; }
.mb-2em { margin-bottom: 2em; }

.ml5 { margin-left: 5px; }
.ml12 { margin-left: 12px; }
.ml230 { margin-left: 230px; }
.ml-1em { margin-left: 1em; }

.pt-reset { padding-top: 0; }
*/


/*  hack  */

.clearfix:after{	/* ブロック要素のバグを回避します */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	display: inline-block;
}
	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* End hide from IE-mac */


/*  jQuery plugin: Validation */
.error {
	color:#F00;
	font-weight:bold;
}


.tbl-kage{
	background-color:#666;
}

.tbl-kage td{
	border-top-width : 1px;
	border-left-width : 1px;
	border-top-style : solid;
	border-left-style : solid;
	border-top-color : #eeeeee;
	border-left-color : #eeeeee;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-right-style : solid;
	border-bottom-style : solid;
	border-right-color : gray;
	border-bottom-color : gray;
}

.midashi-haguruma{
	background-image: url(http://www.triton-japan.com/images/icon/icon-back-l.jpg);
	height:30px;
	margin-left:5px;
	width:580px;
}


h3.itemTitle {
	font-size: 0.8em;
}


/*  アナウンス
------------------------------------ */
/*  商品が廃番になった時に
    商品ページ上に「取扱いが終了しました」と表示させます。  */

.productAnnounce {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background: #F60;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px red solid;]
	margin: 15px;
	padding: 8px;
	text-align: center;
}

/* --- */



/*  グローバルナビ
------------------------------------ */
#ggmenu_wrap { width:980px; margin:0 auto; padding:0;}
#ggmenu {
	list-style:none;
	width:880px;
	margin:0 0 4px auto;
	height: 43px;
	padding:0px 15px 0px 15px;

	/* Rounded Corners */
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	/* Background color and gradients */
	
	background: #DC7E00;
	background: -moz-linear-gradient(top, #FFAE42, #C37000);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFAE42), to(#C37000));
	
	/* Borders */
	
	border: 1px solid #DB8108;

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;
}

#ggmenu a:link img,
#ggmenu a:visited img  { border:1px solid #666;}
#ggmenu a:hover img,
#ggmenu a:active img  { border:1px solid #F00;}

#ggmenu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:5px;
	margin-top:7px;
	border:none;
	font-weight:bold;
	line-height:1.5;
}

#ggmenu li:hover {
	border: 1px solid #77777;
	padding: 4px 10px 4px 10px;
	
	/* Background color and gradients */
	
	background: #242424;
	background: -moz-linear-gradient(top, #242424, #303030);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#242424), to(#303030));
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#ggmenu li a {
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #000;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #FFF;
}

#ggmenu li:hover a {
	color:#FFFFFF;
	text-shadow: 1px 1px 1px #161616;
}
#ggmenu li .drop {
	padding-right:21px;
	background:url("http://www.triton-japan.com/images/common/gmenu/drop.png") no-repeat right 8px;
}
#ggmenu li:hover .drop {
	background:url("http://www.triton-japan.com/images/common/gmenu/drop.png") no-repeat right 7px;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns,
.dropdown_6columns {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	
	/* Gradient background */
	background:#242424;
	background: -moz-linear-gradient(top, #303030, #030303);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#303030), to(#030303));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

.dropdown_1column  {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 710px;}
.dropdown_6columns {width: 840px;}

#ggmenu li:hover .dropdown_1column, 
#ggmenu li:hover .dropdown_2columns, 
#ggmenu li:hover .dropdown_3columns,
#ggmenu li:hover .dropdown_4columns,
#ggmenu li:hover .dropdown_5columns,
#ggmenu li:hover .dropdown_6columns {
	left:-1px;
	top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5,
.col_6, {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:260px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:700px;}
.col_6 {width:830px;}

.col_1 span,
.col_2 span,
.col_3 span,
.col_4 span,
.col_5 span,
.col_6 span{ font-weight:bold;}


#ggmenu .menu_right {
	float:right;
	margin-right:0px;
}
#ggmenu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#ggmenu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#ggmenu p, #ggmenu h2, #ggmenu h3, #ggmenu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:left;
	text-shadow: 1px 1px 1px #EFEFEF;
}
#ggmenu h2 {
	font-size:18px;
	font-weight:400;
	letter-spacing:-1px;
	margin:4px 0 12px 0;
	padding-bottom: 8px;
	border-bottom:1px solid #F0F0F0;
	color:#FFDA46;
	text-shadow: 1px 1px 1px #303030;
}
#ggmenu h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
	color:#FAA736;
	text-shadow: 1px 1px 1px #303030;
}
#ggmenu p {
	line-height:18px;
	margin:0 0 10px 0;
	color:#FAA635;
	text-shadow: 1px 1px 1px #303030;
}

#ggmenu li:hover div a {
	font-size:12px;
	color:#FCE8D0;
}
#ggmenu li:hover div a:hover {
	color:#FC0;
}


.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#ggmenu li .black_box {
	background-color:#333333;
	color: #EEEEEE;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#ggmenu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#ggmenu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
#ggmenu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

#ggmenu li .greybox li {
	background:#F4F4F4;
	border:1px solid #BBBBBB;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#ggmenu li .greybox li:hover {
	background:#FFFFFF;
	border:1px solid #AAAAAA;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}


ul.ulbox li.ulboxli   { width:128px; margin:0 6px 10px 0; padding:0; line-height:1.2;}
ul.ulbox li.ulboxli a { width:128px; margin:0 6px 10px 0; padding:0; line-height:1.2; font-weight:normal;}

ul.col2_ul .col2_ul { width:340px;}
ul.col2_ul li,
ul.col2_ul li a { width:340px; font-weight:normal;}


/* --- */