@charset "utf-8";


/* =============================================================== 
	*** base *** 
=============================================================== */

html {
  overflow-y:scroll;
  margin-bottom:1px;
  height:100%;
  *overflow-x:visible;
}

body {
line-height:1.6;
font-family:"ＭＳ Ｐゴシック",sans-serif;
}

body#top #container #bgTopmain {
	background: url(/jp/ja/images/pic_dic_topmain.jpg) no-repeat center top;
	background-color:#f3fed5;
	height:531px !important;
}


/* =============================================================== 
	*** header *** 
=============================================================== */

.globalheader {
width:100%;
margin:0 auto;
padding:0;
background: url(/jp/ja/common/images/bg_header.png) repeat-x left top;
height:110px;
position:relative;
z-index:99;
}

.globalheader .gnaviInner {
width:960px;
height:110px;
margin:0 auto;
padding:0;
position:relative;
}
.globalheader .gnaviInner .logo_area {
position:absolute;
left:25px;
top:35px;
font-size:0;
}
.globalheader .gnaviInner .logo_area img {
margin:0 16px 0 0;
vertical-align:middle;
}
.globalheader .gnaviInner .rgt_area {
position:absolute;
right:25px;
top:20px;
width:450px;
margin:0;
}
.globalheader .gnaviInner ul {
float:right;
width:500px;
padding:18px 1px 6px 0;
text-align:right;
font-size:0;
}
.globalheader .gnaviInner ul li {
float:right;
padding:0 0 0 16px;
}
.globalheader .gnaviInner ul li img {
display:block;
}
.globalheader .gnaviInner dl.global_link {
float:right;
margin:2px 47px 0 0;
font-size:0;
}
.globalheader .gnaviInner dl.global_link img {
display:block;
}
.globalheader .gnaviInner dl.global_link dt {
float:left;
margin:0 9px 0 0;
}
.globalheader .gnaviInner dl.global_link dd {
float:left;
padding:2px 1px 0 0;
}
.globalheader .gnaviInner .search {
position:relative;
float:right;
width:191px;
height:21px;
background:url(/common/images/bg_hdr_search.gif) no-repeat 0 0;
}
.globalheader .gnaviInner .search input.search_text {
position:absolute;
top:1px;
left:25px;
width:141px;
height:17px;
padding:2px 0 0 0;
border:none !important;
background:none !important;
vertical-align:middle;
}
.globalheader .gnaviInner .search input#btn_search {
position:absolute;
top:1px;
right:1px;
}
	* html .globalheader .gnaviInner .search input#btn_search {
	right:0;
	}
.globalheader .gnaviInner #global_nav {
clear:both;
height:30px;
position:absolute;
right:25px;
bottom:6px;
}
.globalheader .gnaviInner #global_nav ul {
width:522px;
margin:0 0 0 auto;
padding:0;
}
.globalheader .gnaviInner #global_nav ul li {
float:left;
padding:0;
}
.globalheader .gnaviInner #global_nav ul li a{
display:block;
}
.globalheader .gnaviInner #global_nav ul li a.cu img,
.globalheader .gnaviInner #global_nav ul li a:hover img{
visibility:hidden;
opacity:1;
}
.globalheader .gnaviInner #global_nav ul li.home{
background:url(/jp/ja/common/images/gn_home_on.png) no-repeat left top;
}
.globalheader .gnaviInner #global_nav ul li.products{
background:url(/jp/ja/common/images/gn_products_on.png) no-repeat left top;
}
.globalheader .gnaviInner #global_nav ul li.dicgroup{
background:url(/jp/ja/common/images/gn_dicgroup_on.png) no-repeat left top;
}

.globalheader .gnaviInner #global_nav ul li.home a.cu{
background:url(/jp/ja/common/images/gn_home_cu.png) no-repeat left top;
}
.globalheader .gnaviInner #global_nav ul li.products a.cu{
background:url(/jp/ja/common/images/gn_products_cu.png) no-repeat left top;
}
.globalheader .gnaviInner #global_nav ul li.dicgroup a.cu{
background:url(/jp/ja/common/images/gn_dicgroup_cu.png) no-repeat left top;
}

.globalheader .gnaviInner #global_nav ul li.home a,
.globalheader .gnaviInner #global_nav ul li.products a,
.globalheader .gnaviInner #global_nav ul li.dicgroup a{
width:174px;
}


/* =============================================================== 
	*** GN Dropdown *** 
=============================================================== */

#GnDropdownProducts {
	display:none;
	position: absolute;
	left:0px;
	top:120px;
	background:url(/jp/ja/common/images/bg_DLmenu.png) no-repeat left top;
	width:960px;
	height:434px;
	padding:20px;
/*	z-index:500;*/
}

#GnDropdownProducts .cate01 {
	width:180px;
	float:left;
	border-right: 1px solid #ededed;
	padding:0 10px 0 0;
	height:400px;
}
#GnDropdownProducts .cate02 {
	width:340px;
	float:left;
	border-right: 1px solid #ededed;
	padding:0 10px;
	height:400px;
}

#GnDropdownProducts .cate02 .cate02a{
	width:150px;
	float:left;
	padding:0 10px 0 0;
}
#GnDropdownProducts .cate02 .cate02b{
	width:150px;
	float:left;
	padding:0 0 0 10px;
}


#GnDropdownProducts .cate03 {
	width:180px;
	float:left;
	border-right: 1px solid #ededed;
	padding:0 10px;
	height:400px;
}
#GnDropdownProducts .cate04 {
	width:160px;
	float:left;
	height:400px;
	padding:0 0 0 10px;
}

#GnDropdownProducts h4 {
}

#GnDropdownProducts ul.ddmenu {
float:none !important;
width:160px !important;
margin:0 !important;
padding:0;
font-size:100% !important;
}

#GnDropdownProducts ul.ddmenu li{
float:none !important;
margin:0 !important;
padding:0 0 0 20px;
text-align:left !important;
background:url(/jp/ja/common/images/ico_list_md.png) no-repeat 0 8px;
}

#GnDropdownProducts p.dlbtn {
margin-top:20px; margin-left:10px;
}

#GnDropdownProducts p.closebtn {
position:absolute; right:60px; bottom:60px;
}

#megaOverlay{
display:none;
position:absolute;
left:0;
top:0;
height:100%;
width:100%;
background-color:#000;
-moz-opacity: 0.6;
opacity:.60;
filter: alpha(opacity=60);
z-index:98;
	}
/* =============================================================== 
	*** footer *** 
=============================================================== */
.footer {
clear:both;
min-width:980px;
border-top:1px solid #DCDCDC;
background:#FFFFFF url(/jp/ja/common/images/bg_footer.png) repeat-x 0 100%;
}
.footer .inner {
position:relative;
width:960px;
margin:0 auto;
padding:0 10px 35px 10px;
text-align:center;
}
.footer ul {
padding:0 0 21px 14px;
}
.footer ul li {
display:inline;
padding:0 13px 0 0;
}
.footer ul li a {
padding:0 0 0 11px;
background:url(/common/images/icn_link_arw.gif) no-repeat 0 2px;
}
.footer .global_site_link {
max-width:770px;
display:inline-block;
margin:0 0 30px 0;
padding:4px 0 4px 14px;
border:1px solid #DCDCDC;
border-top:none;
vertical-align:bottom;
/display:inline;
/zoom:1;
}
.footer .global_site_link p {
float:left;
padding:0 16px 5px 20px;
background:url(/common/images/icn_global_site.gif) no-repeat 0 3px;
line-height:1.6;
}
.footer .global_site_link ul {
float:left;
border-left:1px solid #DCDCDC;
padding:0 10px 0 16px;
line-height:1.6;
}
.footer .global_site_link ul li {
padding:0 7px 0 11px;
}
.footer p.pagetop {
position:absolute;
right:10px;
top:0;
width:65px;
}
.footer p.pagetop img {
vertical-align:top;
}
.footer p {
height:15px;
}
.footer p.copyright {
padding:5px 0 0 0;
color:#AFAFAF;
letter-spacing:0.6px;
}
.footer p img {
vertical-align:top;
font-size:0;
}
.footer p.copyright span {
display:none;
}

/* =============================================================== 
	*** contents *** 
=============================================================== */
#contents {
width:960px;
margin:0 auto;
padding:0 10px;
position:relative;
}
#contents h1.breadcrumb {
margin:0;
line-height:1.6;
letter-spacing:normal;
}
#contents h1.breadcrumb,
p.breadcrumb {
padding:20px 0;
color:#333333;
}
p.bcfooter {
clear:both;
padding:20px 0 7px 0;
color:#333333;
}

/* ===================== main ===================== */
#main {
float:left;
width:720px;
}
#main.no_side {
float:none;
width:960px;
}

/* ====== menulist_slide ====== */

#menulist_slide {
	width:960px;
	margin:0 auto;
}


#menulist_slide .mlist {
	width:100%;
	margin:0;
	padding:0;
	border:1px solid #CCC;
	background-color:#FFC;
}

.block {
background-color: #abc;
left: 50px;
width: 300px;
height: 90px;
margin: 5px;
}


/* ===================== wide no_side 2clm ===================== */

#main.no_side .wrap01 .column2_lft {
float:left;
width:748px;
margin:0 40px 0 0;
}

#main.no_side .wrap01 .column2_rgt {
float:right;
width:172px;
margin:0 0 0 0;
}


/* ===================== wide 3clm ===================== */

#main.no_side .wrap01 .column3_lft {
float:left;
width:290px;
margin:0 40px 0 0;
}

#main.no_side .wrap01 .column3_cnt {
float:left;
width:290px;
margin:0 40px 0 0;
}
#main.no_side .wrap01 .column3_rgt {
float:right;
width:290px;
margin:0 0 0 0;
}

p.menuimg {
	width:290px;
	margin:0 auto;
}

.w290 {
width:290px!important;
}


h2.linenb {
border-top:none!important;
}


/* ===================== side ===================== */

#side_top {
float:right;
width:240px;
margin:0 0 20px 0;
}
	* html #side {
	}

/***/

#top #side_top .box01 {
	width:240px;
	margin:0 auto 20px;
}

#top #side_top .box02 {
	width:238px;
	margin:0 auto;
	border:2px solid #f5f5f5;
	background:#000;
}

#top #side_top .box02 ul {
	width:216px;
	margin:20px auto;
}

#top #side_top .box02 ul li {
	margin-bottom:20px;
	list-style:none;
}

#top #side_top .box02 ul li.last {
	margin-bottom:0;
}

#side {
float:right;
width:190px;
min-height: 600px;
margin:0 0 20px 0;
}
	* html #side {
	height:600px;
	}

#side h2 {
padding:0 0 19px 0;
word-wrap:break-word;
font-size:195%;
/*font-size:140%;*/
line-height:1;
}
	* html #side h2 {
	padding:0 0 16px 0;
	}
#side h2 img {
padding:0 0 0.1em 8px;
vertical-align:baseline;
}
#side ul.local_nav {
margin:0 0 10px 0;
padding:10px 0 0 0;
border-top:1px solid #000000;
}
#side ul.local_nav li {
padding:0 0 5px 0;
}
#side ul.local_nav li a {
display:block;
padding:0 0 0 18px;
background:url(/common/images/icn_square_link_r.gif) no-repeat 0 4px;
font-weight:bold;
}
#side ul.local_nav li a.on {
background:#F2F2F2 url(/common/images/icn_square_link_r.gif) no-repeat 0 4px;
}
#side ul.local_nav li ul.open,
#side ul.local_nav li ul.link_arw {
padding:5px 0 0 0;
}
#side ul.local_nav li ul.open li,
#side ul.local_nav li ul.link_arw li {
padding:0 0 0 8px;
vertical-align:bottom;
zoom:1;
}
#side ul.local_nav li ul.open li.on {
background:#F2F2F2;
}
#side ul.local_nav li ul.open li a,
#side ul.local_nav li ul.link_arw li a {
display:block;
padding:2px 3px 1px 10px;
background:url(/common/images/icn_link_arw.gif) no-repeat 0 7px;
font-weight:normal;
zoom:1;
}
#side ul.local_nav li ul.open li a.on {
background:#F2F2F2 url(/common/images/icn_link_arw.gif) no-repeat 0 7px;
}
	* html #side ul.local_nav li ul.open li a {
	background:url(/common/images/icn_link_arw.gif) no-repeat 0 6px;
	}
#side ul.local_nav li ul.open li ul.open  {
margin:0 0 0 -8px;
padding:5px 0 5px 12px;
background:#FFFFFF;
}
#side ul.local_nav li ul.open li ul.open li {
padding:0 0 0 8px;
}
#side dl.related_link{
margin:30px 0 10px 0;
padding:10px 0 0 0;
border-top:1px solid #000000;
}
#category_top #side {
margin:47px 0 0 0;
}
#category_top #side ul.line,
.release ul.line {
margin:0 0 10px 0;
padding:10px 0 0 0;
border-top:1px solid #000000;
}
#category_top #side ul li.box {
margin:0 0 15px 0;
}
#category_top #side ul li.box h2 {
height:auto;
padding:0 0 8px 0;
font-size:135%;
line-height:1.2;
}
#category_top #side ul li.box h2.global {
padding:0 0 8px 0;
margin:0 0 0 20px;
text-indent:-20px;
}
#category_top #side ul li.box h2.global a {
padding:0 0 3px 20px;
background:url(/common/images/icn_global_site.gif) no-repeat 0 0;
}
#category_top #side ul li.box h2 a {
padding:0 0 0 0;
font-weight:bold;
background:none;
}
#category_top #side ul li.box h2 img {
padding:0 0 1px 6px;
}
#category_top #side ul li.box h3 {
font-size:102%;
color:#333333;
}
#category_top #side ul li.box {
font-size:84%;
zoom:1;
}
#category_top #side ul li.box p {
margin:0 0 8px 0;
}
#category_top #side ul li.box ul.square_link {
font-size:119%;
}
#category_top #side .fll_box .pic {
padding:5px 6px 0 0;
}

/* =============================================================== 
	*** popup *** 
=============================================================== */

#popup .globalheader{
width:100%;
/*width:720px;*/
padding:0 0 28px 0;
}

#popup .globalheader .gnaviInner {
width:720px;
height:110px;
margin:0 auto;
padding:0;
position:relative;
}

#popup .globalheader .gnaviInner .logo_area {
position:absolute;
left:25px;
top:35px;
font-size:0;
}
#popup .globalheader .gnaviInner .logo_area img {
margin:0 16px 0 0;
vertical-align:middle;
}

#popup #contents{
width:100%;
padding:0;
/*padding:25px 0 0 0;
border-top:1px solid #DCDCDC;*/
}
#popup #contents #main{
width:720px;
margin:0 auto;
float:none;
}
#popup .footer{
margin:30px 0 0 0;
min-width:720px;
}
#popup .footer .inner{
padding:20px 0 35px 0;
}