@charset "shift_jis";


/******************************************************************** structure
*/

/*#wrapper { width: 97.5%; text-align: left; margin: 0 auto;}*/

#headerNavs {
	position: relative;
	margin: 0 10px;
	padding: 3px 0 0;
}

/*#header {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: -60px;
	padding: 6px 0 0;
}*/

#globalNav {
	clear: both;
	width: 100%;
	min-height: 48px;
	height: auto !important;
	height: 48px;
	text-align: center;
}

/*
*:first-child+html #globalNav { width: 99.5%;}
*/

#globalNav #gn00 { width: 13%; background: url(../img/gn_0_bg.gif) repeat-x;}
#globalNav #gn01 { width: 12%; background: url(../img/gn_1_bg.gif) repeat-x;}
#globalNav #gn02 { width: 13%; background: url(../img/gn_1_bg.gif) repeat-x;}
#globalNav #gn03 { width: 18%; background: url(../img/gn_1_bg.gif) repeat-x;}
#globalNav #gn04 { width: 15%; background: url(../img/gn_3_bg.gif) repeat-x;}
#globalNav #gn05 { width: 14%; background: url(../img/gn_4_bg.gif) repeat-x;}
#globalNav #gn06 { width: 15%; background: url(../img/gn_5_bg.gif) repeat-x;}

* html #globalNav #gn03 { width: 17%;}
*:first-child+html #globalNav #gn03 { width: 17.9%;}

*:first-child+html #globalNav #gn00 { min-width: 89px;}
*:first-child+html #globalNav #gn01 { min-width: 85px;}
*:first-child+html #globalNav #gn02 { min-width: 89px;}
*:first-child+html #globalNav #gn03 { min-width: 124px;}
*:first-child+html #globalNav #gn04 { min-width: 109px;}
*:first-child+html #globalNav #gn05 { min-width: 98px;}
*:first-child+html #globalNav #gn06 { min-width: 105px;}

#globalNav li a {
	display: block;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #eee;
}

#globalNav #gn06 a { border-right: none;}

* html #globalNav li a { width: 100%;}

#gn0 { width: 9%;}
#gn1 { width: 15%;}
#gn2 { width: 8%;}
#gn3 { width: 14%;}
#gn4 { width: 11%;}
#gn5 { width: 10%;}
#gn6 { width: 11%;}
#gn7 { width: 10%;}
#gn8 { width: 12%;}

* html #gn1 { width: 14%;}
*:first-child+html #gn1 { width: 14.9%;}

.gn-a { background: url(../img/gn_a_bg.gif) repeat-x;}
.gn-b { background: url(../img/gn_b_bg.gif) repeat-x;}
.gn-c { background: url(../img/gn_c_bg.gif) repeat-x;}

#container { padding-right: 238px;}

#breadcrumbsList {
	clear: both;
	margin: 0 0 10px;
	padding: 12px 0 0;
	border-top: 1px solid #ddd;
	background: url(../img/breadcrumb_bg.gif) repeat-x;
	line-height: 1.2;
}


/*#contents {
	display: inline;
	position: relative;
	float: left;
	width: 99%;
	margin-right: 0.5%;
	padding: 0 0 20px 0;
}*/


#navigations {
	display: inline;
	position: relative;
	float: right;
	width: 238px;
	margin-right: -238px;
	padding: 4px 0;
	background: url(../img/bg_nav.gif) no-repeat;
}

#pageNav {
	clear: both;
	background: url(../img/dotted.gif) repeat-x 0 100%;
}

#footer {
	clear: both;
	padding: 40px 0 0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#contact { padding: 0 20px; background: url(../img/contact_border.gif) repeat-x 0 32px;}


/******************************************************************** ul [ Init -  Navigation list styles ]
*/

#headerNavs ul,
#headerNavs p,
#utility,
#utility ul,
#globalNav,
#navigations ul,
#pageNav,
#footerNav,
.links,
.link-list,
.notes-float,
.extraLinks,
.notes { list-style: none; margin: 0; padding: 0;}

#globalNav {
	margin-top: 7px;
}

#headerNavs li,
#globalNav li,
#navigations li,
#footerNav li,
.links li,
.notes-float li { display: inline;}


/******************************************************************** a [ arrow stlyes ]
*/

/*
#headerNavs a { padding: 0 10px; background: url(../img/arrow_green.gif) no-repeat 0 50%;}
#footer a,
.rightArrowLink a { padding: 0 15px; background: url(../img/arrow_green.gif) no-repeat 0 50%;}

#siteNav a,
#footer p a,
.rightArrowLink a { padding: 0 0 0 30px; background-position: 15px 50%;}
*/

#headerNavs li { padding: 0 10px; background: no-repeat 0 50%;}
#footer li,
.rightArrowLink li { padding: 0 15px; background: url(../img/arrow_green.gif) no-repeat 0 50%;}

#siteNav li,
#footer p li,
.rightArrowLink li { padding: 0 0 0 30px; background-position: 15px 50%;}

#siteNav a {
	white-space: nowrap;
}

/******************************************************************** headerNavs
*/

#topNav { float: left;}

#languageNav { overflow: hidden;}
#languageNav li { margin-left: -1px; padding: 0 0 0 5px; border-left: 1px solid #333; background: none;}

ul#siteNav { clear: both; margin-top: 6px; padding-top: 4px; padding-bottom: 60px; border-top: 1px solid #ccc; text-align: right;}

li#skip { padding-left: 20px; background-image: url(../img/goto_contents.gif);}
li#mobile { padding-left: 13px; background-image: url(../img/goto_mobile.gif);}

#headerNavs p {
	float: right;
}

#headerNavs p a {
	padding-left: 18px;
	padding-right: 0;
}

/******************************************************************** header
*/

#header h1 {
	float: left;
	padding: 1px 0 8px 10px;
}

#header address {
	float: left;
	padding: 0 0 0 10px;
}
/***201407***/

#header div#headerlogo {
	float: left;
	padding: 0 0 0 10px;
}

#utility {
	float: right;
	padding-right: 10px;
	margin-top: -6px;
	width: 190px;
	height: 60px;
}

#utility li { text-align: right; font-size: 12px;}
#utility a { text-decoration: none;}

#utility ul,
#utility li li { display: inline;}
#utility li ul { padding-left: 5px;}
#utility li li img { padding: 3px 0 1px;}

/*
#speaker a { padding-left: 43px; background: url(../img/icon_speaker.gif) no-repeat 10px 50%;}
#speaker a:hover { background-image: url(../img/icon_speaker_o.gif);}
*/

#headerNavs #siteNav li#speaker {
	background: none;
	padding-left: 10px;
}

#furigana a { padding-left: 43px; background: url(../img/icon_furigana.gif) no-repeat 10px 50%;}
#furigana a:hover { background-image: url(../img/icon_furigana_o.gif);}

#header form {
	text-align: center;
}

#header form ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	float: right;
padding-left: 10px;
}

/**201407**/
/**
#header form ul#searchbtn li {
	height: 27px;
}
**/

#header form li {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
}

#header fieldset {
	display: inline-block;
	margin: 0 auto;
	padding-top: 7px;
	padding-bottom: 7px;
	background: url(../img/search_box.png) repeat-x 0 100%;
	border: 1px solid #999;
	width: 310px;
}

#header div#fieldset {
	display: inline-block;
	margin: 0 auto;
	padding-top: 7px;
	padding-bottom: 7px;
	background: url(../img/search_box.png) repeat-x 0 100%;
	border: 1px solid #999;
padding-left: 15px;
padding-right: 15px;
*width: 310px;
}

#header div#fieldset_english {
	display: inline-block;
	margin: 0 auto;
	padding-top: 7px;
	padding-bottom: 7px;
	background: url(../img/search_box.png) repeat-x 0 100%;
	border: 1px solid #999;
padding-left: 15px;
padding-right: 15px;
}

#header div#fieldset_chinese{
	display: inline-block;
	margin: 0 auto;
	padding-top: 7px;
	padding-bottom: 7px;
	background: url(../img/search_box.png) repeat-x 0 100%;
	border: 1px solid #999;
padding-left: 15px;
padding-right: 15px;
}

#header div#fieldset_chtrad{
	display: inline-block;
	margin: 0 auto;
	padding-top: 7px;
	padding-bottom: 7px;
	background: url(../img/search_box.png) repeat-x 0 100%;
	border: 1px solid #999;
padding-left: 15px;
padding-right: 15px;
}

#header div#fieldset_french{
	display: inline-block;
	margin: 0 auto;
	padding-top: 7px;
	padding-bottom: 7px;
	background: url(../img/search_box.png) repeat-x 0 100%;
	border: 1px solid #999;
padding-left: 15px;
padding-right: 15px;
}

#header div#fieldset_korean{
	display: inline-block;
	margin: 0 auto;
	padding-top: 7px;
	padding-bottom: 7px;
	background: url(../img/search_box.png) repeat-x 0 100%;
	border: 1px solid #999;
padding-left: 15px;
padding-right: 15px;
}

#header div#fieldset_portuguese{
	display: inline-block;
	margin: 0 auto;
	padding-top: 7px;
	padding-bottom: 7px;
	background: url(../img/search_box.png) repeat-x 0 100%;
	border: 1px solid #999;
padding-left: 15px;
padding-right: 15px;
}

#header div#fieldset_spanish{
	display: inline-block;
	margin: 0 auto;
	padding-top: 7px;
	padding-bottom: 7px;
	background: url(../img/search_box.png) repeat-x 0 100%;
	border: 1px solid #999;
padding-left: 15px;
padding-right: 15px;
}

#header div#fieldset_vietnam{
	display: inline-block;
	margin: 0 auto;
	padding-top: 7px;
	padding-bottom: 7px;
	background: url(../img/search_box.png) repeat-x 0 100%;
	border: 1px solid #999;
padding-left: 15px;
padding-right: 15px;
}


* html #header fieldset { background-image: url(../img/search_box.gif);}

* html #header div#fieldset { background-image: url(../img/search_box.gif);}

* html #header div#fieldset_english { background-image: url(../img/search_box.gif);}

* html #header div#fieldset_chinese { background-image: url(../img/search_box.gif);}

* html #header div#fieldset_chtrad{ background-image: url(../img/search_box.gif);}
* html #header div#fieldset_french{ background-image: url(../img/search_box.gif);}
* html #header div#fieldset_korean{ background-image: url(../img/search_box.gif);}
* html #header div#fieldset_portuguese{ background-image: url(../img/search_box.gif);}

* html #header div#fieldset_spanish{ background-image: url(../img/search_box.gif);}

* html #header div#fieldset_vietnam{ background-image: url(../img/search_box.gif);}



input#search {
	width: 145px;
	height: 1.45em;
	line-height: 1.45em;
	padding: 1px;
	border-color: #7c7c7c #c3c3c3 #c3c3c3 #7c7c7c;
	border-style: solid;
	border-width: 1px;
	font-size: 100%;
}

.google { background: #fff url(../img/google.gif) no-repeat 4px 5px;}

#searchButton { height: 23px; margin: 0; padding: 0; vertical-align: top;}
/* for IE7 */
*:first-child+html #searchButton { vertical-align: top; margin-top: 1px;}
/* for IE 6 or sooner */
* html #searchButton { vertical-align: top; margin-top: 1px;}

#searchButton:hover,
#searchButton:focus,
#searchButton:active { background: #fff;}

#header fieldset img { vertical-align: top;}

#header div#fieldset img { vertical-align: top;}

#header div#fieldset_english img { vertical-align: top;}

#header div#fieldset_chinese img { vertical-align: top;}

#header div#fieldset_chtrad img { vertical-align: top;}

#header div#fieldset_french img { vertical-align: top;}

#header div#fieldset_korean img { vertical-align: top;}

#header div#fieldset_portuguese img { vertical-align: top;}

#header div#fieldset_spanish img { vertical-align: top;}

#header div#fieldset_vietnam img { vertical-align: top;}



#header p.address { clear: both; padding: 0 0 3px 10px;}
#header p.address span { padding-left: 18px; background: url(../img/arrow_green.gif) no-repeat 0 50%;}

/******************************************************************** globalNav
*/

#globalNav li { float: left;}
#globalNav img { vertical-align: top;}

/******************************************************************** catch
*/

#catch { margin-bottom: 10px; padding: 0; background-color: #eee; text-align: center;}

/******************************************************************** container
*/

/******************************************************************** breadcrumbsList
*/

#breadcrumbsList img { margin-top: -3px; padding-right: 4px; vertical-align: top;}

/******************************************************************** navigations
*/

#navigations ul { padding: 0 0 12px 4px;}

#navigations li { display: inline;}

#navigations ul a {
	display: block;
	text-decoration: none;
}

#navigations ul a:hover {}



/******************************************************************** subCategories
*/

#subCategories {
	background: #fafbfd url(../img/subCate_btm.gif) no-repeat 50% 100%;
	width: 230px;
	margin: 0 auto 16px;
}

#subCategories h2 {
	background: #005096 url(../img/subCate_head.gif) no-repeat 50% 0;
	font-size: 115%;
	color: #fff;
	padding: 10px 0 8px 38px;
	height: 100%;
}

#subCategories ul {
	padding: 2px 10px 15px;
}

#subCategories li a,
#subCategories li.present,
#subCategories li.present2 a {
	padding: 5px 0 4px 24px;
	background: url(../img/arw3.gif) no-repeat 11px .8em;
	border-bottom: 1px dashed #c5c7ca;
	color: #005caf;
	text-decoration: underline;
	height: 100%;
}

#subCategories li a:hover {
	color: #f15824;
	background-image: url(../img/arw5.gif);
}

#subCategories ul li.present {
	display: block;
	background: #f2f3f5 url(../img/arw6.gif) no-repeat 11px .8em;
	font-weight: bold;
	border-bottom: 1px solid #d3d9d9;
	color: #d32f23;
	text-decoration: none;
}

#subCategories li.present2 a {
	display: block;
	color: #d32f23;
	background: #f2f3f5 url(../img/arw6.gif) no-repeat 11px .8em;
	font-weight: bold;
	border-bottom: 1px solid #d3d9d9;
}

#subCategories li.present2 a:hover {
	color: #f15824;
	background-image: url(../img/arw5.gif);
}

/******************************************************************** pageNav
*/

#gotoHome,
#gotoPageTop { display: block; float: left; padding: 8px 20px 8px 34px; background: url(../img/goto_home.gif) no-repeat 10px 50%;}

#gotoPageTop { float: right; padding-left: 22px; background: url(../img/goto_pagetop.gif) no-repeat 0 50%;}


/******************************************************************** footer
*/

#footerNav { padding: 1em 20px 2em; background: url(../img/dotted.gif) repeat-x;}


#footer address { padding: 0 20px 1em; letter-spacing: 0.05em; color: #666;}
/**201407**/
#footer div#copyright { padding: 0 20px 1em; letter-spacing: 0.05em; color: #666;}


.pageTop { float: right;}


#contact h2 { float: left; height: 46px;}
#contact p { float: right;}
#contact dl { clear: both; height: auto !important; height: 86px; min-height: 86px; padding-right: 180px; background: url(../img/city_of_design_logo.gif) no-repeat 100% 49%;}
#contact dt { margin: 0 0 .4em; color: #6e6e6e; font-size: 130%; font-weight: bold;}
#contact dd address { padding: 0 0 .5em; color: #232428;}

#footer .contactLink {
	background: url(../img/contact_icon.gif) no-repeat 0 50%;
}

#footer .contactLink a {
	background: none;
	margin-left: 18px;
}

@media only screen and (max-width:767px) {
#footer {
	clear: both;
	padding: 20px 0 0;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#contact {
	padding: 0 20px; 
	background: url(../img/contact_border.gif) repeat-x 0 32px;
}
#footerNav { 
	padding: 1em 20px 2em;
	background: url(../img/dotted.gif) repeat-x;
	font-size:80%;
}


#footer address { padding: 0 20px 1em; letter-spacing: 0.05em; color: #666;}
/**201407**/
#footer div#copyright { padding: 0 20px 1em; letter-spacing: 0.05em; color: #666;}


.pageTop { float: right;}


#contact h2 { 
	float: left; 
	height: 46px;
	width: 180px;
}
#contact p { float: right;}
#contact dl {
	clear: both; 
	height: auto !important; 
	min-height: 86px; 
	padding-right: 110px; 
	background: url(../img/city_of_design_logo.gif) no-repeat 100% 49%;
	background-size:100px;
	line-height:130%;
}
#contact dt { 
	margin: 0 0 .4em; 
	color: #6e6e6e; 
	font-size: 100%; 
	font-weight: bold;
}
#contact dd {
	font-size:90%;
}
#contact dd address { padding: 0 0 .5em; color: #232428;}

#footer .contactLink {
	background: url(../img/contact_icon.gif) no-repeat 0 50%;
}

#footer .contactLink a {
	background: none;
	margin-left: 18px;
}

}