@charset "utf-8";
/* YMOBILE_NEW_FILE */
/* ================================================================================
* new 201306
* 1:common -  / globalnav / dropdownbox / 
*/

/* --------------------------------------------------------------------------------
* globalHeaderContainer
*/

#globalHeaderContainer {
	height: 87px;
	margin: 0;
	background: url(/common2/resources/images/common/header/bg.png) repeat-x 0 0;
}
#HeaderInner {
	width: 970px;
	margin: 0 auto;
	padding: 14px 0 0;
}
#HeaderInner .logo {
	width: 80px;
	height: 60px;
	float: left;
	margin: 0;
	padding-left: 15px;
}
#HeaderInner li img {
	vertical-align: top;
}
#HeaderInner li a:hover img {
	opacity: 0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	*zoom:1;
	overflow: hidden;
}

/* utility-area */
#HeaderInner .utility-area {
	width: 452px;
	float: left;
	padding-left: 75px;
}
#HeaderInner .utility-area ul.baseLine {
	width: 320px;
	margin: 2px 0 26px;
	*margin: 2px 0 24px;
	padding-left: 132px;
}
#HeaderInner .utility-area ul.baseLine li {
	height: 12px;
	float: left;
	padding-left: 18px;
}
#HeaderInner .utility-area ul.topicLine {
	width: 452px;
}
#HeaderInner .utility-area ul.topicLine li {
	height: 18px;
	float: left;
	padding: 0 13px;
	border-left: 1px solid #f35858;
	border-right: 1px solid #c80202;
}
#HeaderInner .utility-area ul.topicLine li.first {
	padding-left: 0;
	border-left: 0 none;
}
#HeaderInner .utility-area ul.topicLine li.last {
	padding-right: 0;
	border-right: 0 none;
}

/* customer-area */
#HeaderInner .customer-area {
	width: 336px;
	float: right;
}
#HeaderInner .customer-area li {
	height: 59px;
	float: left;
	padding-left: 1px;
}
#HeaderInner .customer-area li a {
	display: block;
	text-indent: -9999px;
	line-height: 1;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}
#HeaderInner .customer-area li a:hover {
	background-position: left bottom;
}
#HeaderInner .customer-area li#btn-mypage a {
	width: 161px;
	height: 59px;
	background-image: url(/common2/resources/images/common/header/btn_mypage.png);
}
#HeaderInner .customer-area li#btn-store a {
	width: 173px;
	height: 59px;
	background-image: url(/common2/resources/images/common/header/btn_store.png);
}

/* --------------------------------------------------------------------------------
* globalNavi
*/

#globalNavi {
	margin: 0;
	color: #fff;
	background: #000 url(/common2/resources/images/common/globalnav/bg.gif) repeat-x 0 0;
	position: relative;
	overflow: visible;
	z-index: 500;
}

#globalNavi #globalNaviInner {
	width: 970px;
	margin: 0 auto;
}

.emobileContents #globalNavi {
	margin: 0;
	color: #fff;
	background: #000 url(/common2/resources/images/common/globalnav/bg.gif) repeat-x 0 0;
	position: relative;
	overflow: visible;
	z-index: 500;
}
.emobileContents #globalNavi #globalNaviInner {
	width: 970px;
	margin: 0 auto;
}

/* dropdown
---------------------------------------- */
#dropDownMenu {
	width: 798px;
	float: left;
}
#dropDownMenu .menu {
	height: 63px;
	float: left;
}
#dropDownMenu #nodrop .menu {
	height: 59px;
}
#dropDownMenu .menu a {
	display: block;
	height: 63px;
	text-indent: -9999px;
	line-height: 1;
	background: url(/common2/resources/images/common/globalnav/globalnav.png) no-repeat 0 0;
	position: relative;
	overflow: hidden;
	outline: none;
	z-index: 550;
}
#dropDownMenu #nodrop .menu a {
	height: 59px;
	background-image: url(/common2/resources/images/common/globalnav/globalnav-nodrop.png);
}
#dropDownMenu li#nav-product a	{ width: 160px; background-position: 0 top;}
#dropDownMenu li#nav-service a	{ width: 159px; background-position: -160px top;}
#dropDownMenu li#nav-charge a	{ width: 159px; background-position: -319px top;}
#dropDownMenu li#nav-area a		{ width: 159px;	background-position: -478px top;}
#dropDownMenu li#nav-support a	{ width: 161px;	background-position: -637px top;}

#dropDownMenu #nodrop li#nav-product a:hover{ background-position: 0 bottom;}
#dropDownMenu #nodrop li#nav-service a:hover{ width: 160px; margin-left: -1px;	background-position: -159px bottom;}
#dropDownMenu #nodrop li#nav-charge a:hover	{ width: 160px;	margin-left: -1px;	background-position: -318px bottom;}
#dropDownMenu #nodrop li#nav-area a:hover	{ width: 160px;	margin-left: -1px;	background-position: -477px bottom;}
#dropDownMenu #nodrop li#nav-support a:hover{ width: 162px;	margin-left: -1px;	background-position: -636px bottom;}

.click#dropDownMenu li#nav-product a:hover{ background-position: 0 bottom;}
.click#dropDownMenu li#nav-service a:hover{ width: 160px; margin-left: -1px;	background-position: -159px bottom;}
.click#dropDownMenu li#nav-charge a:hover	{ width: 160px;	margin-left: -1px;	background-position: -318px bottom;}
.click#dropDownMenu li#nav-area a:hover	{ width: 160px;	margin-left: -1px;	background-position: -477px bottom;}
.click#dropDownMenu li#nav-support a:hover{ width: 162px;	margin-left: -1px;	background-position: -636px bottom;}

.touch#dropDownMenu li#nav-product a.touchstart{ background-position: 0 bottom;}
.touch#dropDownMenu li#nav-service a.touchstart{ width: 160px; margin-left: -1px;	background-position: -159px bottom;}
.touch#dropDownMenu li#nav-charge a.touchstart{ width: 160px;	margin-left: -1px;	background-position: -318px bottom;}
.touch#dropDownMenu li#nav-area a.touchstart	{ width: 160px;	margin-left: -1px;	background-position: -477px bottom;}
.touch#dropDownMenu li#nav-support a.touchstart{ width: 162px;	margin-left: -1px;	background-position: -636px bottom;}

/* dropdown-box
-------------------------------------------------- */
#dropDownMenu .dropDownBox {
	display: none;
	width: 100%;
	height: 400px;
	color: #303030;
	background: #e9e9e9 url(/common2/resources/images/common/globalnav/bg_dropbox.jpg) repeat-x left top;
	border-bottom: 2px solid #dbdbdb;
	position: absolute;
	top: 59px;
	left: 0;
}
* html #dropDownMenu .dropDownBox {width: 970px;}
#dropDownMenu .dropDownBox .dropBoxFactor {
	width: 970px;
	height: 10px;
	margin: 0 auto;
	position: relative;
}
#dropDownMenu .dropDownBox .dropBoxFactor .shadeL {
	width: 970px;
	height: 355px;
	background: url(/common2/resources/images/common/globalnav/bg_dropbox_ll.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: -970px;
	z-index: 600;
}
#dropDownMenu .dropDownBox .dropBoxFactor .shadeR {
	width: 970px;
	height: 355px;
	background: url(/common2/resources/images/common/globalnav/bg_dropbox_lr.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 970px;
	z-index: 600;
}

/* boxContainer */
#dropDownMenu .dropDownBox .boxContainer {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/* box */
#dropDownMenu .dropDownBox .box {
	width: 890px;
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
	background: none;
}
* html #dropDownMenu .dropDownBox .box {width: 900px;}
#dropDownMenu .dropDownBox .box .close {
	display: block;
	width: 38px;
	height: 38px;
	text-indent: -9999px;
	background: url(/common2/resources/images/common/globalnav/btn_close.png) no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	top: 10px;
	right: 0;
}
#dropDownMenu .dropDownBox .box .leftbox {
	float: left;
	padding-bottom: 5px;
}
#dropDownMenu .dropDownBox .box .rightbox {
	float: right;
	padding-bottom: 5px;
}
/* box -header */
#dropDownMenu .dropDownBox .header {
	height: 45px;
	margin-bottom: 10px;
}
#dropDownMenu .dropDownBox .header a {
	display: block;
	width: 285px;
	height: 36px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}
#dropDownMenu .dropDownBox .header a:hover {
	background-position: left bottom;
}
/* box -menulist */
#dropDownMenu .dropDownBox .menulist .out1 { margin-bottom: 40px;}
#dropDownMenu .dropDownBox .menulist .out2 { margin-bottom: 80px;}
#dropDownMenu .dropDownBox .menulist .out3 { margin-bottom: 120px;}
#dropDownMenu .dropDownBox .menulist .ttl {
	padding: 0 0 16px 18px;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
}
#dropDownMenu .dropDownBox .menulist .ttl img {
	float: left;
	margin: 3px 12px 0 0;
}
#dropDownMenu .dropDownBox .menulist li {
	border-bottom: 1px solid #c7c7c7;
}
#dropDownMenu .dropDownBox .menulist li a {
	display: block;
	height: 44px;
	padding-left: 34px;
	font-weight: bold;
	font-size: 14px;
	line-height: 44px;
	color: #303030;
	background: transparent url(/common2/resources/images/common/marker_link.png) no-repeat 20px center;
}
#dropDownMenu .dropDownBox .menulist li a.ttl {
	padding: 0 20px 0 0;
	line-height: 44px;
	background: url(/common2/resources/images/common/marker_link_sq.png) no-repeat 260px center;
}


#dropDownMenu .dropDownBox .menulist li a.blink {
	display: block;
	padding-left: 52px;
	font-size: 12px;
	line-height: 44px;
	background: url(/common2/resources/images/common/marker_link_bk.png)  no-repeat 34px center;	
}



#dropDownMenu .dropDownBox .menulist li.cols a {
	height: auto;
	margin: 8px 0;
	line-height: 22px;
	background-position: 20px 0.5em;
}

#dropDownMenu .dropDownBox .menulist li a:hover {
	color: #303030;
	background-color: #d9d9d9;
	text-decoration: none;
}
#dropDownMenu .dropDownBox .menulist li .linkwin {
	vertical-align: baseline;
	padding-left: 10px;
}
#dropDownMenu .dropDownBox .menulist .child {
	border-bottom: 1px solid #c7c7c7;
}
#dropDownMenu .dropDownBox .menulist .child li {
	border-top: 1px dotted #c7c7c7;
	border-bottom: 0 none;
}
#dropDownMenu .dropDownBox .menulist .child li a {
	font-weight: normal;
	background-image: url(/common2/resources/images/common/marker_link-s.png);
}
#dropDownMenu .dropDownBox .menulist li li {
	border-top: 1px dotted #c7c7c7;
	border-bottom: 0 none;
}
#dropDownMenu .dropDownBox .menulist li li a {
	padding-left: 51px;
	font-weight: normal;
	background: url(/common2/resources/images/common/marker_link-s.png) no-repeat 35px center;
}
#dropDownMenu .dropDownBox .menulist li li li {
	border-top: 0 none;
}
#dropDownMenu .dropDownBox .menulist dt {
	margin: 14px 0 14px 18px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	border-left: 3px solid #e10000;
}
#dropDownMenu .dropDownBox .menulist dd {
	margin-bottom: 10px;
	border-bottom: 1px solid #c7c7c7;
}
#dropDownMenu .dropDownBox .menulist dd.pl {
	border-bottom: 1px dotted #c7c7c7;
}
#dropDownMenu .dropDownBox .menulist dd li {
	border-top: 1px dotted #c7c7c7;
	border-bottom: 0 none;
}
#dropDownMenu .dropDownBox .menulist dd li a {
	padding-left: 30px;
	font-weight: normal;
	background: url(/common2/resources/images/common/marker_link-s.png) no-repeat 16px center;
}
/* box -bottomlist */
#dropDownMenu .dropDownBox .bottomlist {
	padding: 10px 0;
	border-top: 1px solid #c7c7c7;
}
#dropDownMenu .dropDownBox .bottomlist li {
	display: inline;
	padding-left: 34px;
}
#dropDownMenu .dropDownBox .bottomlist li a {
	padding-left: 16px;
	font-size: 12px;
	line-height: 20px;
	background: url(/common2/resources/images/common/marker_link_bk.png) no-repeat left center;
}

/* ---------- box -product ---------- */
#box-product .header { margin-bottom: 5px!important;}
#box-product .header a { background-image: url(/common2/resources/images/common/globalnav/btn_product-top.png);}
#box-product .menulist {
	width: 289px;
	float: left;
}
#box-product .menulist li li a {
	font-size: 12px!important;
}
#box-product .piks {
	width: 565px;
	float: right;
	margin: 11px 0 30px;
	border-left: 1px solid #c7c7c7;
	overflow: hidden;
}
#box-product .piks li {
	height: 246px;
	float: left;
	border-right: 1px solid #c7c7c7;
}
#box-product .piks li a {
	display: block;
	height: 246px;
}
#box-product .piks li a:hover {
	color: #303030;
	background-color: #d9d9d9;
}
* html #box-product .piks {
	width: 570px;
}
* html #box-product .piks li {
	width: 188px;
	padding: 0;
}

/* ---------- box -service ---------- */
#box-service .header a { background-image: url(/common2/resources/images/common/globalnav/btn_service-top.png);}
#box-service .leftbox {
	width: 640px;
	border-right: 1px solid #e2e2e2;
}
#box-service .leftbox .menulist {
	width: 280px;
	margin: 0 40px 5px 0;
	float: left;
}
#box-service .leftbox .menulist li {
	border-bottom: 0 none!important;
}
#box-service .leftbox .bottomlist {
	clear: both;
	width: 600px;
}
#box-service .rightbox {
	width: 210px;
}
#box-service .rightbox .menulist {
	width: 210px;
}

/* ---------- box -charge ---------- */
#box-charge .header a { background-image: url(/common2/resources/images/common/globalnav/btn_charge-top.png);}
#box-charge .leftbox {
	width: 640px;
	margin-top: 5px;
	border-right: 1px solid #e2e2e2;
}
#box-charge .leftbox .menulist {
	width: 280px;
	margin: 0 40px 0 0;
	float: left;
}
#box-charge .leftbox .menulist dl {
	padding: 1px 0;
}
#box-charge .rightbox {
	width: 210px;
}
#box-charge .rightbox .menulist {
	width: 210px;
}

/* ---------- box -area ---------- */
#box-area .header a { background-image: url(/common2/resources/images/common/globalnav/btn_area-top.png);}
#box-area .leftbox ul,
#box-area .rightbox ul{
	border-top: 0 none!important;
	border-bottom: 0 none!important;
}
#box-area .leftbox {
	width: 276px;
}
#box-area .leftbox ul li {
	width: 138px;
	float: left;
}
#box-area .leftbox ul li.cols2 {
	width: 276px;
}
#box-area .rightbox {
	width: 580px;
}
#box-area .rightbox .leftbox {
	width: 265px;
}
#box-area .rightbox .rightbox {
	width: 295px;
}
#box-area .rightbox .rightbox li ul {
	padding-bottom: 5px;
}
#box-area .rightbox .rightbox li li {
	padding-left: 50px;
}
#box-area .rightbox .rightbox li li a {
	display: inline;
	padding-left: 16px;
	line-height: 20px;
	font-size: 12px;
	background-position: left center;
}


#box-area .rightbox .pt10{padding-top:10px;}



/* ---------- box -support ---------- */
#box-support .header a { background-image: url(/common2/resources/images/common/globalnav/btn_support-top.png);}
#box-support .menulist {
	width: 276px;
	float: left;
	margin-right: 30px;
}
#box-support .rightbox {
	width: 278px;
	float: right;
}
#box-support .rightbox .menulist {
	margin-right: 0;
}
#box-support .rightbox .bottomlist {
	border-top: 0 none;
}

/* searchForm
-------------------------------------------------- */
#globalNavi #globalNaviInner form.searchForm {
	width: 165px;
	float: right;
	padding: 18px 0 0;
}
#globalNavi #globalNaviInner form.searchForm input#i_search_input {
	width: 108px;
	float: left;
	margin-right: 3px;
	padding: 5px 10px;
	font-size: 65%;
	color: #303030;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 1px;
}
#globalNavi #globalNaviInner form.searchForm input#i_search_input.textFocus {
	color: #000;
	background-color: #fff;
}
#globalNavi #globalNaviInner form.searchForm input.submit {
	width: 26px;
	height: 24px;
	padding: 0;
	border: 0 none;
}