/*--------------------------------------
	201505 add
---------------------------------------*/


#columnMain .serachErrorMsg {
	color: #cc0000;;
}







/* ==========================================================================
   media query layout
   ========================================================================== */
@media only screen and (min-width: 0) and (max-width: 640px){

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1.5;
	text-align:center;
	height:100%;
	color:#333;
	letter-spacing:0;
	background:#fff;
	margin:0px;
	padding:0px;
	min-width:320px;
	-webkit-text-size-adjust: 100%;
	font-family: 'Times New Roman', serif;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

br { letter-spacing:0; }
img{ border:0 none; }
input,select,textarea { vertical-align:middle;color:#333; }
textarea{ padding:1px;color:#333; }
table,td,th{ color:#333;padding:0;border:none;border-collapse:separate; }
ul,ol,li { list-style:none; }
a {outline:none;}

body,input,textarea,select,option,button{
	font-size:medium;
	-webkit-text-size-adjust:none;
	text-align:left;
}

img{
	max-width: 100%;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}


/* LINK
--------------------------------------------------------------*/
a , a *{ cursor:pointer; }
a,
a:link {
	text-decoration:none;
	color:#333;
}
a:visited {
	text-decoration:none;
	color:#333;
}
a:active {
	text-decoration:none;
	color:#333;
}
a:hover {
	text-decoration:none;
	color:#333;
}

body,
ul,li {
	padding:0;
	margin:0;
	border:0;
	font-size: 14px;
	-webkit-text-size-adjust:none;
}


#skiplinkWrapper{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}

.skiplinkWrapper{
	height: 0;
	overflow: hidden;
}

.skiptargetWrapper {
	height: 0;
	overflow: hidden;
}


#pageBar,
.columnLayout #columnSub {
	display: none;
}

.subMenu,
#toPageTop a,
#spTitle,
#searchSp,
#findTextSp,
.searchControl label{
	display: none;
}


#wrapper {
	margin: 0px 0 0px 0;
	z-index:1;
	width:100%;
	background:#fff;
	overflow:auto;
}

h2 {
	margin-top: 20px;
	font-size: 115%;
}

#columnMain {
	margin: 0px;
	padding: 20px 10px 50px 10px;
}


/* fontcolor
-------------------------------------------------------------- */
a {
	color: #000;
	text-decoration: none;
}

a:hover,
a:active {
	color: #314574;
	text-decoration: none;
	cursor: pointer;
}


#content {
	color: #000;
}


#columnSub .pageNum{
	color: #565656;
}


sup a {
	border-bottom: none;
	color: #114554;
}

sup a:hover,
sup a:focus {
	color: #565656;
	border-bottom: 1px solid #314574;
}

.italic {
	font-style: italic;
}

#header {
	position: fixed;
	z-index:2;
	top:0; left:0;
	width:100%;
	height:55px;
	background-color:#d5c4b2;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #d5c4b2), color-stop(0.05, #f5f0eb), color-stop(1, #d5c4b2));
	background-image:-moz-linear-gradient(top, #d5c4b2, #f5f0eb 5%, #d5c4b2);
	background-image:-o-linear-gradient(top, #d5c4b2, #f5f0eb 5%, #d5c4b2);
	padding:0;
	box-shadow: 0px 0px 3px 2px #e8e8e8;/* CSS3 */
	overflow: hidden;
}

#header a {
}

#header .upper,
#header .lower {
	display: none;
}

#header .spHeader {
	display: block;
}


#spTitle {
	display: block;
	margin: 4px auto 0px 5px;
	padding:0px 0 0 50px;
	height: 45px;
	background: url(/en/common/images/top/logo_top.png) no-repeat;
	background-position: 0px 0px;
	background-size: contain;
	overflow: hidden;
}


#spTitle .siteName {
	margin-top: 2px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 143%;
	text-decoration: none;
	color: #4c3d2d;
	text-shadow: 1px 1px 1px #fff;
	line-height: 1em;
	display: block;
}

#spTitle .subText {
	margin-top: 7px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	text-decoration: none;
	color: #4c3d2d;
	text-shadow: 1px 1px 1px #fff;
	font-size: 100%;
	line-height: 1em;
	display: block;
	letter-spacing: 0.1em;
}

#columnMain {
	margin-top: 50px;
	background: url(/en/common/images/top/sp_bg_top.png) no-repeat;
	background-position: 0px 0px;
	background-size: contain;
}

#columnMain div.siteInfo {
	display: none;
}


#columnMain div.siteIndroduction {
	margin: 0px auto;
	width: 100%;
	overflow: hidden;
}

#columnMain div.siteIndroduction p {
	font-size: 100%;
	line-height: 1.5;
}

#columnMain div.siteIndroduction .more {
	display: block;
	float: right;
}

#columnMain div.siteIndroduction .more a {
	width: 5em;
	text-align: center;
	display: block;
	font-size: 86%;
	border: 1px solid #938374;
}

#columnMain div.siteIndroduction .more a:active,
#columnMain div.siteIndroduction .more a:hover,
#columnMain div.siteIndroduction .more a:focus {
	background-color: #fafaf0;
}


#columnMain div.menuWrapper {
	display: none;
}

#columnMain div.menuWrapperSp {
	display: block;
	margin: 30px auto 0px auto;
	overflow: hidden;
}

#columnMain div.menuWrapperSp div.menuBox {
	margin: 0px auto 20px auto;
	width: 96%;
	border: 1px solid #b9b2ae;
	text-align: left;
	overflow: hidden;
	background-color: #fff;
	background: url(/en/common/images/top/sp_arrow.png) no-repeat;
	background-position: right 50%;
}


#columnMain div.menuWrapperSp div.menuBox.WND {
	background: none;
}

#columnMain div.menuWrapperSp div.menuBox .menuBoxInner {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#columnMain div.menuWrapperSp div.menuBox .menuBoxInner .imgBox {
	padding: 5px 5px 0px 5px;
	width: 40px;
	float: left;
}

#columnMain div.menuWrapperSp div.menuBox.WND .menuBoxInner .imgBox {
	padding: 15px 10px 0px 5px;
	width: 70px;
	float: left;
}

#columnMain div.menuWrapperSp div.menuBox .menuBoxInner .imgBox img {
	margin: 0;
	padding: 0;
}

#columnMain div.menuWrapperSp div.menuBox.WND .menuBoxInner div.btns {
	position: relative;
	margin-left: 80px;
}

#columnMain div.menuWrapperSp div.menuBox.WND .menuBoxInner div.btns .menuTitle {
	background: url(/en/common/images/top/sp_arrow.png) no-repeat;
	background-position: right 50%;
	display: block;
}

#columnMain div.menuWrapperSp div.menuBox .menuBoxInner div.btns {
	position: relative;
	margin-left: 60px;
}

#columnMain div.menuWrapperSp div.menuBox .menuBoxInner div.btns .menuTitle {
	padding-right: 20px;
}

#columnMain div.menuWrapperSp div.menuBox.WND .menuBoxInner div.btns .menuTitle:first-child {
	border-bottom: 1px solid #b9b2ae;
}
#columnMain div.menuWrapperSp div.menuBox .menuBoxInner div.btns span {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}



#columnMain div.menuWrapperSp div.menuBox.WND .menuBoxInner {
	border-left: 5px solid #690002;
}

#columnMain div.menuWrapperSp div.menuBox.Lotus .menuBoxInner {
	border-left: 5px solid #bee0c3;
}

#columnMain div.menuWrapperSp div.menuBox.OTT .menuBoxInner {
	border-left: 5px solid #003856;
}

#columnMain div.menuWrapperSp div.menuBox.Dictionary .menuBoxInner {
	border-left: 5px solid #cc5319;
}






#columnMain div.searchWpper {
	display: none;
}


#columnMain div.searchWpperSp div.serachBox dt,
#columnMain div.searchWpperSp div.pageToBox dt {
	display: none;
}


#columnMain div.searchWpperSp {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	margin: 20px auto 0px auto;
	width: 100%;
	overflow: hidden;
	background: url(/en/common/images/top/bg_search.png) repeat-x;
	background-position: 0px 0px;
	font-size: 100%;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#columnMain div.searchWpperSp div.serachBox {
	overflow: hidden;
	text-align: center;
	padding-bottom: 5px;
}

#columnMain div.searchWpperSp div.serachBox dl {
	width: 260px;
	margin: 16px auto 0px auto;
	padding: 0px 10px 5px 10px;
	overflow: hidden;
}

#columnMain div.searchWpperSp div.serachBox dd {
	float: left;
}

#columnMain div.searchWpperSp div.serachBox dd select {
	margin: 0px 0px 6px 0px;
	width: 180px;
}

#columnMain div.searchWpperSp div.serachBox dd input[type="text"]  {
	width: 180px;
}


#columnMain div.searchWpperSp div.serachBox dd:last-child {
	float: right;
}


#columnMain div.searchWpperSp div.serachBox dd input[type="submit"] {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	background: url(/en/common/images/top/sp_btn_search.png) no-repeat;
	background-position: 0px 0px;
	background-size: contain;
	border: none;
}

#columnMain div.searchWpperSp div.serachBox dd input[type="submit"]:active {
	background: url(/en/common/images/top/sp_btn_search_on.png) no-repeat;
}




#columnMain div.searchWpperSp div.pageToBox {
	margin-bottom: 5px;
}

#columnMain div.searchWpperSp div.pageToBox p {
	width: 260px;
	margin: 10px auto 0px auto;
	padding: 0px 10px 0px 10px;
}

#columnMain div.searchWpperSp div.pageToBox dl {
	width: 260px;
	margin: 0px auto 0px auto;
	padding: 0px 10px 10px 10px;
	overflow: hidden;
}

#columnMain div.searchWpperSp div.pageToBox dl dd {
	width: 200px;
	float: left;
}


#columnMain div.searchWpperSp div.pageToBox dd:last-child {
	float: right;
	width: 50px;
}

#columnMain div.searchWpperSp div.pageToBox dd:last-child label {
	display: none;
}




#columnMain div.searchWpperSp div.pageToBox dd input[type="submit"] {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	background: url(/en/common/images/top/sp_btn_pagego.png) no-repeat;
	background-position: 0px 0px;
	background-size: contain;
	border: none;
}

#columnMain div.searchWpperSp div.pageToBox dd input[type="submit"]:active {
	background: url(/en/common/images/top/sp_btn_pagego_on.png) no-repeat;
}

#columnMain div.searchWpperSp div.pageToBox input {
	vertical-align: middle;
}


#columnMain div.searchWpperSp div.pageToBox dd label {
	vertical-align: middle;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#columnMain div.searchWpperSp div.pageToBox dd input[type="text"]  {
	width: 80px;
}






#footer {
	padding: 0 0px;
}

.langSelect {
	margin: 40px auto 0px auto;
	width: 100%;
}

.langSelect ul,
#fLinks,
#siteLinks {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin: 0px auto 20px auto;
	overflow: hidden;
	font-size: 100%;
}

.langSelect ul li {
	display: block;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px ;
	width: 96%;
	border-top: 1px solid #b9b2ae;
	border-left: 1px solid #b9b2ae;
	border-right: 1px solid #b9b2ae;
	text-align: left;
	overflow: hidden;
	background-color: #fff;
}

#fLinks li,
#siteLinks li {
	display: block;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px ;
	width: 92%;
	border-top: 1px solid #b9b2ae;
	border-left: 1px solid #b9b2ae;
	border-right: 1px solid #b9b2ae;
	text-align: left;
	overflow: hidden;
	background-color: #fff;
}

.langSelect ul li:last-child,
#siteLinks li:last-child,
#fLinks li:last-child {
	border-bottom: 1px solid #b9b2ae;
}

.langSelect ul li a,
#siteLinks li a,
#fLinks li a {
	border-left: 5px solid #504030;
	padding: 10px 0px 10px 15px;
	display: block;
	height: 100%;
	background: url(/en/common/images/top/sp_arrow.png) no-repeat;
	background-position: right 50%;
}

.copyright {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 72%;
	margin: 40px 0px 0px 0px;
	padding: 2px 2px 2px 10px;
	color: #fff;
	background-color: #4c3d2d;
}

#basic-modal,#basic-modalSp {
	width: auto;
	margin: 0 auto 0 10px;
	padding; 0 10px 15px;
	text-align: left;
}

#basic-modal a,#basic-modalSp a {
	color: #314574;
	text-decoration: underline;
}

.basic-modal-content {display:none;}


.ui-autocomplete.ui-menu {
    padding: 0;
    background-image: none;
    border: none;
	display: block;
	-webkit-box-shadow: -0px 0px 10px 0px #999; /* WebKit */
	-moz-box-shadow: -0px 0px 10px 0px #999; /* Firefox */
	box-shadow: -0px 0px 10px 0px #999; /* Standard */
}

.ui-autocomplete.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #fff;
    border-left: 1px solid #7e6b5a;
    border-right: 1px solid #7e6b5a;
    border-top: 1px solid #7e6b5a;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
}

.ui-autocomplete li:last-child {
	border-bottom: 1px solid #7E6B5A;
}

.ui-autocomplete li.ui-menu-item a {
	padding: 10px 50px 10px 10px ;
	display: block;
	background: url(/en/common/images/btn_sug.png) no-repeat;
	background-size: 40px 100px;
	background-position: right 50%;
}
.ui-autocomplete li.ui-menu-item a:hover {
	text-decoration: underline;
	cursor: pointer;
	color: #314574;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}


}










@media only screen and (min-width: 641px){

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

html {
}

input,textarea {
	margin: 0;
	padding: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}

caption,th {
	text-align: left;
}

embed {
	vertical-align: top;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

li {
	list-style-type: none;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-family: Constantia, 'Times New Roman', serif;
	background-color: #f8f8f8;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.5;
	min-width: 960px;
	text-transform: none;
}

.skiplinkWrapper {
	height: 0;
	overflow: hidden;
}

#skiplinkWrapper a {
	position: absolute;
	top: 0;
	height: 20px;
	overflow: hidden;
	z-index: 999;
	display: block;
}
#skiplinkWrapper a span {
	padding-top: 30px;
	display: block;
}
#skiplinkWrapper a.show{
	text-align: center;
	position: absolute;
	top: 0;
	text-indent: none;
	font-size: 0.88em;
	height: 20px;
	width: 100%;
	display: block;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	color: #fff;
	background-color: #000;
}
#skiplinkWrapper a.show span{
	padding-top: 0px;
}

.skiptargetWrapper {
	height: 0;
	overflow: hidden;
}

/* font
-------------------------------------------------------------- */

.notesNum {
	font-family: 'Symbol', 'Times New Roman', serif;
}

a {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #333;
}

a:hover,
a:active {
	color: #314574;
	text-decoration: none;
	cursor: pointer;
}

.italic {
	font-style: italic;
}

#content {
	color: #333;
}

/* Column
-------------------------------------------------------------- */

#container {
	margin: 0 auto;
	width: 1000px;
	min-height: 100%;
	background-color: #fff;
	-webkit-box-shadow: -0px 0px 10px 0px #999; /* WebKit */
	-moz-box-shadow: -0px 0px 10px 0px #999; /* Firefox */
	box-shadow: -0px 0px 10px 0px #999; /* Standard */
	background: url(/en/common/images/top/bg_top.png) no-repeat;
	background-position: 0px 0px;
	background-color: #fff;
}

header {
	display: none;
}

#content {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	overflow: hidden;
	min-height: 400px;
}

.columnLayout #columnMain {
	margin: 15px 0 20px 0;
	padding: 0;
	height: auto;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 2;
}

footer {
	margin: 60px auto 0px 0px;
	overflow: hidden;
}


/* footer
-------------------------------------------------------------- */

.copyright {
	background-color: #ece3d9;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 93%;
	padding: 20px 0 20px 30px;
	margin: 0px 0px 0px 0px;
	color: #504030;
}


footer {
	background: url(/en/common/images/top/bg_footer.png) no-repeat;
	background-position: top 50%;
	padding-top: 10px;
}

div.footerUpper {
	padding: 20px 0 30px 0;
	background-color: #f6f1ec;
	overflow: hidden;
}
#fLinks {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin: 0px auto 0 auto;
	padding-left: 30px;
	padding-top: 1ex;
	overflow: hidden;
	font-size: 86%;
	float: left;
}
#siteLinks {
	border-left: 2px solid #e0d0c0;
	width: 320px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin: 0px auto 0 auto;
	padding-left: 30px;
	overflow: hidden;
	font-size: 86%;
	float: right;
}

#siteLinks li a {
	display: block;
	padding-left: 36px;
	padding-top: 4px;
	min-height: 24px;
}

#siteLinks li.sgiLink a {
	background: url(/en/common/images/sgi_logo.png) top left no-repeat;
	background-position: 4px 0px;
}

#siteLinks li.diLink a {
	background: url(/en/common/images/di_logo.png) top left no-repeat;
	background-position: 0px 0px;
}

#fLinks li {
	margin-right: 20px;
	overflow: hidden;
	float: left;
}

#fLinks a {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	text-decoration: none;
}

#fLinks a:hover,
#fLinks a:focus {
	text-decoration: underline;
}


#fLinks li:last-child {
	border-right: none;
}


/* columnMain.pageLayout
-------------------------------------------------------------- */

#columnMain.pageLayout {
	width: 100%;
	margin: 0px auto 0px auto;
}


#columnMain div.siteInfo {
	margin: 60px auto 0px auto;
	padding:0px 0 0 90px;
	width: 490px;
	height: 80px;
	background: url(/en/common/images/top/logo_top.png) no-repeat;
	background-position: 0px 0px;
	overflow: hidden;
}


#siteName {
	margin-top: 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 271%;
	text-decoration: none;
	color: #4c3d2d;
	text-shadow: 1px 1px 1px #fff;
	line-height: 1em;
	display: block;
	letter-spacing: 0.03em;
}

.siteInfo .subText {
	margin-top: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	text-decoration: none;
	color: #4c3d2d;
	text-shadow: 1px 1px 1px #fff;
	font-size: 129%;
	line-height: 1em;
	display: block;
	letter-spacing: 0.1em;
}


.langSelect {
	position: relative;
	overflow: hidden;
}

.langSelect ul {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	margin: 40px auto 0px auto;
	font-size: 100%;
	position: relative;
	left: 50%;
	float: left;
}

.langSelect ul li {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 40px 0px 40px ;
	border-right: 1px solid #ccc;
	float: left;
	text-align: center;
	position: relative;
	left: -50%;
	float: left;
}

.langSelect ul li:last-child {
	border-right: none;
}

.langSelect a {
	color: #565656;
}



#columnMain div.siteIndroduction {
	margin: 20px auto;
	width: 560px;
	overflow: hidden;
}

#columnMain div.siteIndroduction p {
	font-size: 108%;
	line-height: 1.7;
	text-align:justify;
	text-justify:inter-ideograph;
	/*text-indent: 1em;*/
}

#columnMain div.siteIndroduction .more {
	margin-top: 5px;
	display: block;
	float: right;
}

#columnMain div.siteIndroduction .more a {
	width: 5em;
	text-align: center;
	display: block;
	font-size: 100%;
	border: 1px solid #938374;
}

#columnMain div.siteIndroduction .more a:hover,
#columnMain div.siteIndroduction .more a:focus {
	background-color: #fafaf0;
}





#columnMain div.menuWrapper {
	margin: 80px auto 40px 14px;
	overflow: hidden;
}

#columnMain div.menuWrapper div.menuBox {
	margin: 3px 3px 3px 3px;
	border: 1px solid transparent;
	width: 235px;
	float: left;
	text-align: left;
	overflow: hidden;
}

#columnMain div.menuWrapper div.menuBox:hover,
#columnMain div.menuWrapper div.menuBox:focus {
	border: 1px solid #aaa;
	width: 235px;
	box-shadow: 0px 0px 2px 2px #aaa;/* CSS3 */
	-moz-box-shadow: 0px 0px 2px 2px #aaa;/* Mozilla */
	-webkit-box-shadow: 0px 0px 2px 2px #aaa;/* Webkit */
}


#columnMain div.menuWrapper div.menuBox p.menuTitle {
	width: 235px;
	height: 150px;
	display: block;
	background: url(/en/common/images/top/gnavi_top.png) no-repeat;
	overflow: hidden;
}
#columnMain div.menuWrapper div.menuBox p.menuTitle span {
	height: 0;
	padding-top: 175px;
	display: block;
}







#columnMain div.menuWrapper div.menuBox.WND p.menuTitle {
	background-position: -18px -13px;
}

#columnMain div.menuWrapper div.menuBox.Lotus p.menuTitle {
	background-position: -261px -13px;
}

#columnMain div.menuWrapper div.menuBox.OTT p.menuTitle {
	background-position: -504px -13px;
}

#columnMain div.menuWrapper div.menuBox.Dictionary p.menuTitle {
	background-position: -747px -13px;
}

#columnMain div.menuWrapper div.menuBox p.menuText {
	padding: 0 10px 10px;
	width: 215px;
	height: auto;
	display: block;
	overflow: hidden;
}






#columnMain div.menuBox.WND ul {
	padding: 0 10px 10px;
	width: 215px;
	overflow: hidden;
	list-style-type: none;
}

#columnMain div.menuBox.WND ul li {
	padding-left: 13px;
	margin-right: 20px;
	float: left;
	background: url(/en/common/images/top/arrow.png) no-repeat;
	background-position: 0px 4px;
}

#columnMain div.menuBox.WND ul li a:hover {
	text-decoration: underline;
}



#columnMain div.searchWpper {
	padding: 15px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	margin: 20px auto;
	width: 510px;
	overflow: hidden;
	background: url(/en/common/images/top/bg_search.png) repeat-x;
	background-position: 0px 0px;
	font-size: 100%;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#columnMain div.searchWpper div.serachBox {
	overflow: hidden;
}


#columnMain div.searchWpper div.serachBox dd {
	padding-top: 5px;
	margin-right: 8px;
	float: left;
}

#columnMain div.searchWpper div.serachBox dd.searchSubmit {
	padding-top: 0px;
	margin-right: 0px;
	float: right;
}

#columnMain div.searchWpper div.serachBox dt,
#columnMain div.searchWpper div.pageToBox dt {
	display: none;
}


#columnMain div.searchWpper div.serachBox dd input[type="text"] {
	height: 20px;
	width: 350px;
	margin-left: 40px;
	padding: 1px 7px 1px;
	border-top: 1px solid #acadb2;
	border-right: 1px solid #e2e9ef;
	border-bottom: 1px solid #e2e9ef;
	border-left: 1px solid #e2e9ef;
}

#columnMain div.searchWpper div.serachBox dd input[type="submit"] {
	width: 40px;
	height: 30px;
	overflow: hidden;
	background: url(/en/common/images/top/btn_top.png) no-repeat;
	background-position: 0px 0px;
	cursor: pointer;
	border: none;
}
#columnMain div.searchWpper div.serachBox dd input[type="submit"]:hover,
#columnMain div.searchWpper div.serachBox dd input[type="submit"]:focus {
	background-position: -40px 0px;
	cursor: pointer;
}


#columnMain div.searchWpper div.pageToBox {
	margin-top: 10px;
	overflow: hidden;
}


#columnMain div.searchWpper div.pageToBox dl {
	overflow: hidden;
}

#columnMain div.searchWpper div.pageToBox dd {
	padding-top: 5px;
	margin-right: 0px;
	margin-left: 15px;
	float: left;
}

#columnMain div.searchWpper div.pageToBox dd.pageSubmit {
	float: right;
	width: 40px;
	height: 30px;
	padding-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


#columnMain div.searchWpper div.pageToBox dd input {
	margin-right: 5px;
}

#columnMain div.searchWpper div.pageToBox dd label.submit {
	display: none;
}


#columnMain div.searchWpper div.pageToBox dd input[type="submit"] {
	width: 40px;
	height: 30px;
	overflow: hidden;
	background: url(/en/common/images/top/btn_top.png) no-repeat;
	background-position: 0px -30px;
	cursor: pointer;
	border: none;
}
#columnMain div.searchWpper div.pageToBox dd input[type="submit"]:hover,
#columnMain div.searchWpper div.pageToBox dd input[type="submit"]:focus {
	background-position: -40px -30px;
	cursor: pointer;
}


#columnMain div.searchWpper div.pageToBox dd input[type="text"] {
	margin-left: 130px;
	height: 20px;
	width: 90px;
	padding: 1px 7px 1px;
	border-top: 1px solid #acadb2;
	border-right: 1px solid #e2e9ef;
	border-bottom: 1px solid #e2e9ef;
	border-left: 1px solid #e2e9ef;
}



.searchResult .search input[type="submit"] {
	left: 380px;
	top: 1px;
	width: 38px;
	height: 38px;
	float: left;
	overflow: hidden;
	background: url(/en/common/images/parts_all.png) no-repeat;
	background-position: -300px 0px;
	cursor: pointer;
	border: none;
	text-indent: -10000px;
	position: absolute;
}

.searchResult .search input[type="submit"]:hover,
.searchResult .search input[type="submit"]:focus {
	background-position: -338px 0px;
	cursor: pointer;
}



#bookSelectModal_mat {
	z-index: 1004;
}
div.sctble_mat.nooptgroup div.body {
	width: 160px;
}


#basic-modal {
	font-size: 86%;
	margin: 5px 17px 0 0;
	text-align: right;
}

#basic-modal a.basic {
	color: #314574;
	text-decoration: underline;
}

.basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {
	height:90%;
	width:800px;
	background-color:#fff;
	border:4px solid #cbbaa9;
	padding:4px;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#simplemodal-container .heading {
	margin: 8px;
	padding: 0px 0px 0px 10px;
	border-bottom: 2px solid #E0D0C0;
	overflow: hidden;
}


#simplemodal-container h3 {
	padding: 0px 0px 0px 10px;
	font-size: 186%;
	font-weight: normal;
	float: left;
}

#simplemodal-container h5 {
	padding: 0px 0px 0px 10px;
	font-size: 143%;
	font-weight: normal;
	float: left;
}

#simplemodal-container .heading a {
	margin-bottom: 10px;
	display: block;
	font-size: 100%;
	float: right;
}


#simplemodal-container .heading a {
	height: 28px;
	width: 28px;
	display: block;
	background: url(/en/common/images/parts_all.png) no-repeat;
	background-position: -149px -146px;
	overflow: hidden;
}

#simplemodal-container .heading a span {
	height: 0;
	padding-top: 35px;
	display: block;
	margin-left: 10px;
}


#simplemodal-container .heading a:hover,
#simplemodal-container .heading a:focus {
	background-position: -149px -174px;
}

#simplemodal-container #simplemodal-wrap {
	overflow: auto !important;
}

#simplemodal-container div.searchCaution {
	margin-top: 5px;
	float: right;
}

.howtoSearch p {
	margin: 15px 20px 15px 20px;
	overflow: hidden;
	text-indent: 0;
}

.howtoSearch span.caption {
	vertical-align: middle;
	width: 40%;
	padding: 3px 0 3px 7px;
	display: block;
	float: left;
}

.howtoSearch span.sText {
	display: block;
	font-size: 86%;
}

.howtoSearch span.sample {
	vertical-align: middle;
	font-size: 93%;
	color: #565656;
	padding: 3px 5px 3px 7px;
	display: block;
	float: right;
}

.howtoSearch span.example {
	display: block;
	float: right;
	vertical-align: middle;
	width: 302px;
	padding: 3px 14px 3px;
	border-top: 1px solid #acadb2;
	border-right: 1px solid #e2e9ef;
	border-bottom: 1px solid #e2e9ef;
	border-left: 1px solid #e2e9ef;
}

.howtoUse .howtoSearch span.example {
	margin-right: 70px;
}

.diagramContents .diagramImage {
	text-align: center;
}

.diagramContents .diagramImage img {
	width: 600px;
	margin: 10px auto 10px auto;
}

#simplemodal-container p.diagramBody {
	font-family: Constantia, 'Times New Roman', serif;
	width: 80%;
	margin: 10px auto 20px auto;
	line-height: 1.5;
	font-size: 122%;
}

/* lightbox */
#lightbox {
	background-color: #eee;
	padding: 3px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid white;
}
#lightboxOverallView,
#overlay {
	background-color: #000;
	opacity: 0.5;
}
* html #lightboxOverallView,
* html #overlay {
	background-color: #000;
	filter: Alpha(opacity=50);
}


.basic-modal-content .search {
	margin: 10px 20px 10px 0px;
	width: 606px;
	float: right;
	position: relative;
	overflow: hidden;
}

.basic-modal-content .search label {
	display: none;
}


.basic-modal-content .search p {
	width: 100%;
	text-align: right;
}


.basic-modal-content .search p a {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	text-decoration: none;
	color: #4c3d2d;
	font-size: 93%;
}
.basic-modal-content .search p a:hover,
.basic-modal-content .search p a:focus {
	color: #3c2a20;
}

.basic-modal-content .search input[type="text"] {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 46px 5px 10px;
	font-size: 100%;
	line-height: 1.25;
	vertical-align: baseline;
	float: left;
	width: 372px;
	height: 28px;
	border: 1px solid #7e6b5a;
	color: #333333;
background: rgb(242,227,218);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZTNkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZiZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(242,227,218,1) 0%, rgba(252,251,251,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,227,218,1)), color-stop(100%,rgba(252,251,251,1)));
background: -webkit-linear-gradient(top,  rgba(242,227,218,1) 0%,rgba(252,251,251,1) 100%);
background: -o-linear-gradient(top,  rgba(242,227,218,1) 0%,rgba(252,251,251,1) 100%);
background: -ms-linear-gradient(top,  rgba(242,227,218,1) 0%,rgba(252,251,251,1) 100%);
background: linear-gradient(to bottom,  rgba(242,227,218,1) 0%,rgba(252,251,251,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e3da', endColorstr='#fcfbfb',GradientType=0 );
}
.basic-modal-content .search .selectableModal {
	margin-right: 5px;
	float: left;
	width: 169px;
}
.ui-selecting {border:1px dotted green; background-color: #f0fff0;}

.basic-modal-content .search input[type="submit"] {
	left: 390px;
	top: 1px;
	width: 38px;
	height: 38px;
	float: left;
	overflow: hidden;
	background: url(/en/common/images/parts_all.png) no-repeat;
	background-position: -300px 0px;
	cursor: pointer;
	border: none;
	text-indent: -10000px;
	position: absolute;
}

.basic-modal-content .search input[type="submit"]:hover,
.basic-modal-content .search input[type="submit"]:focus {
	background-position: -338px 0px;
	cursor: pointer;
}

select.selectable {
	width: 170px;
	padding: 4px 2px;
}
select.selectableModal {
	width: 170px;
	padding: 4px 2px;
}

.hide {
	display: none;
}



}