@charset "utf-8";

/* Common
==================================================================================== */
* {
	font-family:Arial, Helvetica, sans-serif;
}

.none {
	display:none!important;
}

.bw a span {
	display:block;
	float:left;
	width:10px;
	height:9px;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -303px -44px;
	margin:4px 4px 0px 0px;
	text-decoration:none;
}

* html .bw a span {
	line-height:0px;
}

.bw a:hover span {
	text-decoration:none;
}

* html br {
	letter-spacing:0;
}

div.title {
	width:auto;
	margin:0px 0px 10px 0px;
	line-height:1.5em;
}

div.title h2 {
	font-size:133%;
	padding:0px 20px 2px 0px;
	border-bottom:3px solid #2d5393;
	float:left;
}

div.title h2 a:hover {
	text-decoration:none;
}

div.title div.line {
	height:20px;
	border-bottom:3px solid #f3f3f3;
}

p.more {
	float:right;
}


/* ClearFix -------------------------------------------------------------------------------*/
.cf:after,
.bw:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

*:first-child+html .cf,
*:first-child+html .bw {
	display: inline-table;
	min-height: 1%;
}

* html .cf,
* html .bw {
	height: 1%;
}


/* rightArea
==================================================================================== */
#rightArea {
	width:730px;
	float:right;
}

/* header
==================================================================================== */
#header {
	width:auto;
	margin:0px 0px 10px 0px;
}

#header a:hover {
	text-decoration:none;
}

/* tagLine
==================================================================================== */
#tagLine {
	width:auto;
	margin:0px 0px 15px 0px;
	background-color:#f2f2f2;
}

#tagLine div.inner {
	width:950px;
	margin:0px auto;
}

p.noScript {
	text-align:left;
	padding:26px 0px 0px 0px;
}

p.noScript span {
	font-size:16px;
	font-weight:bold;
	color:#F00;
	text-align:left;
	line-height:1.5em;
}

p.noScript a,
p.noScript a:visited {
	text-decoration:underline;
}

#tagLine div.login,
#tagLine p.catch {
	width:50%;
	float:left;
	padding:5px 0px;
}

#tagLine div.login {
	text-align:left;
	text-indent:5px;
}

#tagLine div.login a {
	text-decoration:underline
}

#tagLine div.login a:hover {
	text-decoration:none;
}

#tagLine p.catch {
	text-align:right;
}

#tagLine p.catch a {
	color:#af7b3e;
}

#tagLine p.catch a:hover {
	text-decoration:underline;
}

/* logoLine
==================================================================================== */
#logoLine {
	width:950px;
	margin:0px auto 15px auto;
}

#logoLine div.logo {
	width:40%;
	height:23px;
	float:left;
	margin:0px 0px 0px 4px;
}

#logoLine div.logo p.misumi a {
	width:101px;
	height:23px;
	float:left;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -165px -0px;
	display:block;
	margin:0px 8px 0px 0px;
}

#logoLine div.logo p.country a {
	width:auto;
	height:23px;
	line-height:23px;
	float:left;
	color:#666;
	font-size:16px;
	font-weight:bold;
}

#logoLine ul {
	height:21px;
	line-height:21px;
	margin:2px 0px 0px 0px;
	float:right;
}

#logoLine ul li {
	float:right;
	margin:0px 5px 0px 0px;
	font-size:10px;
	color:#d3d3d3;
}

#logoLine ul li.btnWos,
#logoLine ul li.btnBl {
	width:89px;
	height:21px;
}

#logoLine ul li span,
#logoLine ul li a {
	display:block;
}

.btnOn a {
	cursor:pointer;
}

.btnOn a span.txt,
#logoLine ul li.txtLink a:hover {
	text-decoration:underline;
}

#logoLine ul li span.left,
#logoLine ul li span.right {
	width:5px;
	height:21px;
	float:left;
}

#logoLine ul li.btnWos span.left {
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -341px -29px;
}

#logoLine ul li.btnWos span.right {
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -346px -29px;
}

#logoLine ul li.btnWos span.mid,
#logoLine ul li.btnBl span.mid {
	width:79px;
	height:21px;
	float:left;
	text-align:center;
}

#logoLine ul li.btnWos span.mid {
	background-color:#af7b3e;
}

#logoLine ul li.btnBl span.left {
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -352px -29px;
}

#logoLine ul li.btnBl span.right {
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -357px -29px;
}

#logoLine ul li.btnBl span.mid {
	background-color:#2d5393;
}

* html #logoLine ul li span.mid {
	line-height:1;
}

#logoLine ul li span.mid {
	color:#FFF;
}

#lg01 span.ico {
	width:15px;
	height:14px;
	float:left;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -314px -29px;
	margin:4px 7px 0px 13px;
}

* html #lg01 span.ico {
	margin:4px 7px 0px 6px;
}

#lg02 span.ico {
	width:10px;
	height:14px;
	float:left;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -330px -29px;
	margin:4px 5px 0px 9px;
}


* html #lg02 span.ico {
	margin:4px 5px 0px 4px;
}

#logoLine ul li span.txt {
	float:left;
	color:#FFF;
}

#logoLine ul li.btnWos span.txt {
	float:none;
}

* html #logoLine ul li span.txt {
	height:21px;
	line-height:21px;
}


/* gNav
==================================================================================== */
#gNav {
	width:950px;
	margin:0px auto 15px auto;
	position:relative;
	z-index:999;
}

#gNav ul li {
	float:left;
	height:22px;
}

#gNav ul li.gn01 {
	width:206px;
}

#gNav ul li.gn02 {
	width:227px;
}

#gNav ul li.gn03 {
	width:246px;
}

#gNav ul li.emp {
	width:271px;
	height:3px;
	padding:19px 0px 0px 0px;
}

#gNav ul li a {
	cursor:pointer;
}

/* inner -------------------------------------------------------------------------------*/
#gNav ul li span {
	display:block;
}

#gNav ul li span.none {
	display:none;
}

#gNav ul li span.inner {
	margin:0px 0px 4px 0px;
	border-right:1px solid #d3d3d3;
}

#gNav ul li.gn01 span.inner,
#gNav ul li.gn01 span.line {
	width:205px;
}

#gNav ul li.gn02 span.inner,
#gNav ul li.gn02 span.line {
	width:226px;
}

#gNav ul li.gn03 span.inner,
#gNav ul li.gn03 span.line {
	width:245px;
}


/* name -------------------------------------------------------------------------------*/
#gNav ul li span.name {
	height:15px;
	margin:0px auto;
}

#gNav ul li.gn01 span.name {
	width:126px;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll 0px 0px;
}

#gNav ul li.gn02 span.name {
	width:147px;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll 0px -16px;
}

#gNav ul li.gn03 span.name {
	width:166px;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll 0px -32px;
}

/* line -------------------------------------------------------------------------------*/
#gNav ul li span.line {
	height:3px;
	background-color:#f3f3f3;
}

#gNav ul li.current span.line,
#gNav ul li.on span.line {
	background-color:#427fdd;
}


/* search
==================================================================================== */
#search {
	width:950px;
	margin:0px auto;
	position:relative;
	z-index:2;
}

#search div.left,
#search div.right {
	height:46px;
	float:left;
}
#search div.left {
	width:5px;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -363px 0px;
}
#search div.right {
	width:7px;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -369px 0px;
}

#search div.mid {
	width:938px;
	height:45px;
	float:left;
	background-color:#f2f2f2;
	border-bottom:1px solid #e9e9e9;
}

#search div.mid div.inner {
	width:100%;
	height:44px;
	border-bottom:1px solid #bcbcbc;
}

/* srcBox -------------------------------------------------------------------------------*/
#search div.mid div.srcBox {
	width:395px;
	float:left;
	height:34px;
	margin:10px 15px 0px 0px;
	position:relative;
}

#search div.mid div.srcBox input.textBox {
	width:266px;
	height:22px;
	line-height:22px;
	border:2px solid #427fdd;
	background:#FFF url(/common/images/header_bg.png) no-repeat scroll -377px 0px;
	position:absolute;
	left:10px;
	top:0px;
	padding:0px 0px 0px 18px;
}

#search div.mid div.srcBox input.btn {
	width:94px;
	height:28px;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -268px 0px;
	cursor:pointer;
	border:none;
	position:absolute;
	right:0px;
	top:0px;
}

/* srcMenu -------------------------------------------------------------------------------*/
#search div.mid ul.srcMenu {
	width:528px;
	height:26px;
	float:left;
	margin:10px 0px 0px 0px;
}

#search div.mid ul.srcMenu li {
	width:auto;
	float:left;
	padding:0px 10px 0px 0px;
}

#search div.mid ul.srcMenu li.s01 {
	position:relative;
	width:90px;
	padding:0px;
	margin:0px 10px 0px 0px;
}

#search div.mid ul.srcMenu li.s01 div.dd {
	width:auto;
	padding:0px 8px;
}

#search div.mid ul.srcMenu li div.ico,
#search div.mid ul.srcMenu li p.name {
	float:left;
}

#search div.mid ul.srcMenu li p.name {
	height:26px;
	line-height:26px;
}

/*
#search div.mid ul.srcMenu li.s02 p.name,
#search div.mid ul.srcMenu li.s03 p.name {
	line-height:1.2em;
}
*/

#search div.mid ul.srcMenu li p.name,
#search div.mid ul.srcMenu li.s04 p.name {
	font-size:10px;
	color:#104a9b;
}

#search div.mid ul.srcMenu li p.name a:hover,
#search div.mid ul.srcMenu li.s04 p.name a {
	text-decoration:underline;
}

#search div.mid ul.srcMenu li.s04 p.name a:hover {
	text-decoration:none;
}

#search div.mid ul.srcMenu li.on p.name,
#search div.mid ul.srcMenu li.on p.name a,
#search div.mid ul.srcMenu li.on p.name a:hover {
	color:#FFF;
	text-decoration:none;
}

#search div.mid ul.srcMenu li.s01 div.ico {
	width:7px;
	height:4px;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -283px -57px;
	margin:12px 3px 0px 0px;
}

#search div.mid ul.srcMenu li.on div.ico {
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -291px -57px;
}

#search div.mid ul li.s02 {
	border-right:1px solid #d3d3d3;
}

/*
#search div.mid ul li.s03 {
	border-left:1px solid #fff;
	padding:0px 10px 0px 10px;
}
*/

#search div.mid ul.srcMenu li.s02 div.ico {
	width:10px;
	height:10px;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -303px -29px;
	margin:9px 3px 0px 0px;
}

#search div.mid ul.srcMenu li.s03 div.ico {
	width:19px;
	height:19px;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -283px -29px;
	margin:4px 3px 0px 0px;
}

/* corp -------------------------------------------------------------------------------*/
#search div.mid ul.srcMenu li.s04 {
	float:right;
	text-align:right;
	padding:0px 6px;
	height:26px;
	position:relative;
}

#search div.mid ul.srcMenu li.s04 div.dialog{
	text-align:center;
	position:absolute;
	right:0px;
	top:26px;
	z-index:100;
	background-color:#FFF;
	width:290px;
	border:2px solid #2d5393;
}

#search div.mid ul.srcMenu li.s04 div.title{
	background-color:#FFF;
	width:294px;
}

#search div.mid ul.srcMenu li.s04 div.title p{
	display:block;
	background-color:#2d5393;
	text-align:right;
	color:#FFF;
	padding:5px 10px 5px 10px;
	margin:0;
	font-size:10px;
	float:right;
}

#search div.mid ul.srcMenu li.s04 div.close{
	width:290px;
	height:18px;
}
#search div.mid ul.srcMenu li.s04 div.close a{
	display:block;
	float:right;
	width:18px;
	height:18px;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -167px -24px;
	text-indent:-9999px;
}

#search div.mid ul.srcMenu li.s04 div.switch {
	clear:both;
	min-height:140px;
	line-height:1.3em;
}

#search div.mid ul.srcMenu li.s04 p.sub{
	text-align:left;
	color:#000;
	font-size:10px;
	padding:0px 13px;
}

#search div.mid ul.srcMenu li.s04 p.thanks{
	text-align:center;
	padding:55px 0px 15px 0px;
}

#search div.mid ul.srcMenu li.s04 div.switch a{
	display:block;
	text-decoration:underline;
	color:#104a9b;
}

#search div.mid ul.srcMenu li.s04 textarea.mess{
	width:268px;
	height:85px;
	margin:9px 9px 8px 9px;
	background-color:#FFF;
	border:1px solid #767676;
}

#search div.mid ul.srcMenu li.s04 a.submit{
	display:block;
	width:61px;
	height:20px;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -186px -24px;
	text-indent:-9999px;
	margin:auto;
}

#search div.mid ul.srcMenu li.s04 p.caution{
	color:#999;
	font-size:10px;
	line-height:1.3em;
	text-align:left;
	padding:11px 13px;
}



/* Drop Down Menu
==================================================================================== */
#serviceBox,
#subMenu {
	position:absolute;
	background-color:#FFF;
	border:1px solid #2d5393;
}

/* serviceBox -------------------------------------------------------------------------------*/
#serviceBox {
	left:10px;
	top:26px;
	z-index:99;
	width:286px;
	display: none;
}

#serviceBox li.sb01 {
	padding:9px 10px;
	border-bottom:1px dotted #104A9B;
}

#serviceBox li.sb01 p {
	width:20%;
	float:left;
	color:#888888;
}

#serviceBox li.sb01 p.right {
	width:80%;
	text-align:right;
	float:right;
}

#serviceBox li.sb01 p strong {
	color:#000;
}

#serviceBox li.sb02 {
	margin:10px 0px;
}

*:first-child+html #serviceBox li.sb02 {
	margin:0px 0px 10px 0px;
}

#serviceBox li.sb02 a {
	display:block;
	width:auto;
	height:16px;
	padding:2px 10px;
}

#serviceBox li.sb02 a,
#serviceBox li.sb02 a:visited {
	color:#104A9B;
}

#serviceBox li.sb02 a:hover,
#serviceBox li.sb02 a.supportKeywordFocus {
	background-color:#104A9B;
	color:#FFFFFF;
}

#serviceBox #suggest_list_box {
	padding:5px;
}

#serviceBox li.sb03 {
	width:85px;
	margin:0px 10px 10px 191px;
}

#serviceBox li.sb03 div {
	width:40px;
	height:15px;
	line-height:15px;
	float:left;
}

#serviceBox li.sb03 div.back,
#serviceBox li.sb03 div.back_off {
	margin:0px 3px 0px 0px;
}

#serviceBox li.sb03 div span {
	display:block;
	height:15px;
}

#serviceBox li.sb03 div span.none {
	display:none;
}

#serviceBox li.sb03 div span.left,
#serviceBox li.sb03 div span.right {
	width:2px;
	float:left;
}

#serviceBox li.sb03 div span.left {
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -377px -23px;
}

#serviceBox li.sb03 div span.right {
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -383px -23px;
}

#serviceBox li.sb03 div.back_off span.left,
#serviceBox li.sb03 div.prev_off span.left {
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -377px -39px;
}

#serviceBox li.sb03 div.back_off span.right,
#serviceBox li.sb03 div.prev_off span.right {
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -383px -39px;
}

#serviceBox li.sb03 div span.mid {
	width:36px;
	float:left;
	text-align:center;
}

#serviceBox li.sb03 div span.mid {
	background-color:#2d5393;
}

#serviceBox li.sb03 div.back_off span.mid,
#serviceBox li.sb03 div.prev_off span.mid {
	background-color:#ededed;
}

#serviceBox li.sb03 div span.mid a {
	color:#FFF;
}

#serviceBox li.sb03 div span.ico {
	width:4px;
	height:7px;
}

#serviceBox li.sb03 div span.txt {
	font-size:9px;
	color:#FFF;
}

#serviceBox li.sb03 div.back span.ico,
#serviceBox li.sb03 div.back_off span.ico {
	float:left;
	margin:4px 2px 0px 5px;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -293px -49px;
}

* html #serviceBox li.sb03 div.back span.ico,
* html #serviceBox li.sb03 div.back_off span.ico {
	margin:4px 2px 0px 2px;
}

#serviceBox li.sb03 div.back span.txt,
#serviceBox li.sb03 div.back_off span.txt {
	float:left;
}

#serviceBox li.sb03 div.prev span.ico,
#serviceBox li.sb03 div.prev_off span.ico {
	float:right;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -288px -49px;
	margin:4px 3px 0px 1px;
}

* html #serviceBox li.sb03 div.prev span.ico,
* html #serviceBox li.sb03 div.prev_off span.ico {
	margin:4px 1px 0px 1px;
}

#serviceBox li.sb03 div.prev span.txt,
#serviceBox li.sb03 div.prev_off span.txt {
	float:right;
	margin:0px 2px 0px 3px;
}

/* subMenu -------------------------------------------------------------------------------*/
#subMenu {
	left:0px;
	top:26px;
	z-index:100;
	width:188px;
	display:none;
}

#subMenu li a {
	display:block;
	width:178px;
	height:16px;
	padding:4px 0px 4px 10px;
	cursor:pointer;
}

#subMenu li.sm01 a {
	padding:6px 0px 6px 10px;
}

#subMenu a,
#subMenu a:visited {
	color:#104a9b;
}

#subMenu li ul li a {
	display:block;
	width:168px;
	height:16px;
	padding:4px 0px 4px 20px;
}

#subMenu li {
	border-bottom:1px dotted #104A9B;
}

#subMenu li span {
	display:block;
	float:left;
}

#subMenu span.none {
	display:none;
}

#subMenu li p.title {
	float:none;
	margin:8px 0px 0px 10px;
	color:#888;
}

#subMenu li.sm03 {
	border-bottom:none;
}

#subMenu li ul li {
	padding:0px;
	border-bottom:none;
}

/* subMenu ON -------------------------------------------------------------------------------*/
#search div.mid ul.srcMenu li.on #subMenu {
	display:block;
}

#search div.mid ul.srcMenu li.on #subMenu li {
	width:100%;
	padding:0px;
}

#search div.mid ul.srcMenu li.on {
	background-color:#104a9b;
}

#subMenu li span.arr {
	float:left;
	width:4px;
	height:7px;
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -283px -49px;
	margin:5px 3px 0px 0px;
}

#subMenu li.listOn span.arr {
	background:transparent url(/common/images/header_bg.png) no-repeat scroll -288px -49px;
}

#subMenu li.listOn {
	background-color:#104A9B;
}

#subMenu li.listOn a,
#subMenu li.listOn a:visited,
#subMenu li.listOn a:hover {
	color:#FFF;
}


/* bread crumb
==================================================================================== */
.head_btm {
	width:950px;
	margin:3px 0 0 0;
	padding:0 0 5px 0 ;
	text-align:left;
}
.head_btm strong {
	font-weight:normal;
}
.head_btm ul {
	padding:0;
	margin:0;
}
.head_btm li {
	float:left;
	padding:0 0 0 3px;
	margin:0;
}


/* mark
==================================================================================== */
.maph {
	background:url(/contents/images/navi_pct.gif) no-repeat scroll left center transparent;
	margin-left:0;
	padding-left:40px;
	padding-right:10px;
}
.mapi {
	background:url(/contents/images/mark.gif) no-repeat scroll 0 5px transparent;
	margin-left:8px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
}
.mark {
	background:url(/contents/images/mark.gif) no-repeat scroll left center transparent;
	font-size:10px;
	padding-left:11px;
}
.mark2 {
	background:url(/contents/images/mark.gif) no-repeat scroll 2px 5px transparent;
	margin:5px 0 5px 12px;
	padding-left:15px;
}
.mark2b {
	background:url(/contents/images/mark.gif) no-repeat scroll 2px 5px transparent;
	float:right;
	margin:5px 0 5px 5px;
	padding-left:15px;
}
.mark2c {
	background:url(/contents/images/mark_2.gif) no-repeat scroll 2px 5px transparent;
	float:left;
	margin:40px 0 12px 10px;
	padding-left:15px;
}
.mark3 {
	background:url(/contents/images/navi_pct.gif) no-repeat scroll 0 3px transparent;
	margin:5px 0 5px 8px;
	padding-left:15px;
}
.mark4 {
	background:url(/contents/images/mark.gif) no-repeat scroll 2px 5px transparent;
	padding-left:14px;
}
.login_txb {
	background-image:url(/contents/images/loginmark.gif);
}