@charset "Shift_JIS";

/**
 *  SHOEIにつ?
 *
 *  01.TOP
 *  02.CONTENTS NAVIGATION
 *  02_1.SUB TITLE
 *  03.BUSINESS
 *  04.GLOBAL
 *  05.QUALITY-VALUE
 *  06.SAFETY-CONCEPT
 *  07.FIELD
 *  08.COMPANY-PROFILE & HISTORY
 *  09.WORLDWIDE
 *  10.ACCESS MAP
 *  11.NEWS
 *  12.RECRUIT
 *  13.MESSAGE
 *  14.PREMIUM
 *  15.NEWS DETAIL
 */



/**
 *  01.TOP
 */

/* LAYOUT */
#main_container_about_top {
	padding: 30px 0px 40px 35px;
}
ul#top_main_nav {
	width: 905px;
	margin-bottom: 20px;
}
html>/**/body ul#top_main_nav {
	margin-bottom: 7px;
}
#top_contents_box {
	position: relative;
	margin-top: 7px;
	background: #999 url(../../../common/images/left_border.gif) left top repeat-y;
}
#news_box {
	position: relative;
	float: left;
	width: 562px;
	border-left: solid 8px #999;
}
#corp_profile_box {
	float: right;
	padding-right: 35px;
	width: 260px;
	border-left: solid 8px #999;
}
#main_container_about_top .pagetop_box {
	margin-right: 35px;
}


/* MAIN NAVIGATION */
ul#top_main_nav li {
	float: left;
	margin-right: 24px;
	margin-bottom: 13px;
	width: 274px;
	height: 90px;
}
ul#top_main_nav li.last {
	margin-right: 0px;
}
ul#top_main_nav li a {
	display: block;
	width: 274px;
	height: 100%;
	text-indent: -9999px;
	text-decoration: none;
	/* HIDE FROM MACIE \*/
	overflow: hidden;
	/* END HACK */
}

/* BUTTONS */
ul#top_main_nav li#tmn_message a {
	background: url(../../en/images/top/btn_message.jpg) left top no-repeat;
}
ul#top_main_nav li#tmn_premium a {
	background: url(../../en/images/top/btn_premium.jpg) left top no-repeat;
}
ul#top_main_nav li#tmn_global a {
	background: url(../../en/images/top/btn_global.jpg) left top no-repeat;
}
ul#top_main_nav li#tmn_quality a {
	background: url(../../en/images/top/btn_quality.jpg) left top no-repeat;
}
ul#top_main_nav li#tmn_concept a {
	background: url(../../en/images/top/btn_concept.jpg) left top no-repeat;
}
ul#top_main_nav li#tmn_field a {
	background: url(../../en/images/top/btn_field.jpg) left top no-repeat;
}

/* BUTTONS OVER */
ul#top_main_nav li#tmn_message a:hover,
ul#top_main_nav li#tmn_premium a:hover,
ul#top_main_nav li#tmn_global a:hover,
ul#top_main_nav li#tmn_quality a:hover,
ul#top_main_nav li#tmn_concept a:hover,
ul#top_main_nav li#tmn_field a:hover {
	background-position: 0px -90px;
}


/* CONTENTS BOX */
#top_contents_box h3 {
	padding: 9px 12px;
	border-bottom: solid 1px #999;
}

#top_contents_box ul,
#top_contents_box ol {
	margin-left: 16px;
}

/* NEWS AND TOPICS */
html>/**/body #news_box li dl {
	margin-top: 16px;
}
#news_box dt {
	line-height: 15px;
}
#news_box dt img {
	margin-left: 8px;
}
#news_box dd {
	margin-top: .5em;
}
#news_box dd {
	padding-left: 10px;
	background: url(../../../common/images/arrow_right.gif) 0em .5em no-repeat;
}
html>/**/body #news_box dd {
	background-position: 0em .45em;
}
#news_box p {
	position: absolute;
	padding-left: 10px;
	top: 11px;
	right: 5px;
	line-height: 1.2;
	background: url(../../../common/images/arrow_right.gif) 0em .34em no-repeat;
}
html>/**/body #news_box p {
	top: 8px;
}

#news_box p a:link {
	color: #444;
}
#news_box p a:visited {
	color: #444;
}
#news_box p a:hover {
	color: #36c;
	text-decoration: none;
}
#news_box p a:active {
	color: #f60;
}

/* CORPORATE PROFILE */
#corp_profile_box li {
	padding: 4px 0px 6px;
	background: url(../../../common/images/dot_line.gif) left bottom repeat-x;
}
#corp_profile_box li a {
	display: block;
	padding-left: 40px;
	height: 32px;
	color: #444;
	line-height: 32px;
}
#corp_profile_box li a:hover {
	color: #36c;
	text-decoration: none;
}
#corp_profile_box li a:active {
	color: #f60;
}

#corp_profile_box li#trn_company a {
	background: url(../../en/images/top/icn_image01.gif) left top no-repeat;
}
#corp_profile_box li#trn_business a {
	background: url(../../en/images/top/icn_image02.gif) left top no-repeat;
}
#corp_profile_box li#trn_access a {
	background: url(../../en/images/top/icn_image03.gif) left top no-repeat;
}
#corp_profile_box li#trn_worldwide a {
	background: url(../../en/images/top/icn_image04.gif) left top no-repeat;
}
#corp_profile_box li#trn_history a {
	background: url(../../en/images/top/icn_image05.gif) left top no-repeat;
}
#corp_profile_box li#trn_recruit a {
	background: url(../../en/images/top/icn_image06.gif) left top no-repeat;
}

#corp_profile_box li a span {
	padding-right: 12px;
}



/**
 *  02.CONTENTS NAVIGATION
 */

/* SUB MENUS DISPLAY */
.nav_access ul#abn_access_sub,
.nav_recruit ul#abn_recruit_sub {
	display: block !important;
	border-left: solid 6px #999;
}

/* BUTTONS ON */
.nav_news ul#contents_nav li#abn_news a,
.nav_message ul#contents_nav li#abn_message a,
.nav_business ul#contents_nav li#abn_business a,
.nav_premium ul#contents_nav li#abn_premium a,
.nav_global ul#contents_nav li#abn_global a,
.nav_quality ul#contents_nav li#abn_quality a,
.nav_concept ul#contents_nav li#abn_concept a,
.nav_field ul#contents_nav li#abn_field a,
.nav_company ul#contents_nav li#abn_company a,
.nav_worldwide ul#contents_nav li#abn_worldwide a,
.nav_history ul#contents_nav li#abn_history a {
	color: #36c;
	background: white url(../../../common/images/arrow_right.gif) 7px 50% no-repeat;
}
.nav_access ul#contents_nav li#abn_access a,
.nav_recruit ul#contents_nav li#abn_recruit a {
	color: #36c;
	background: white url(../../../common/images/arrow_bottom.gif) 7px 50% no-repeat;
}

.nav_access_home ul#contents_nav li#abn_access a,
.nav_access_ibaraki ul#contents_nav li#abn_access a,
.nav_access_iwate ul#contents_nav li#abn_access a,
.nav_recruit_new ul#contents_nav li#abn_recruit a,
.nav_recruit_career ul#contents_nav li#abn_recruit a {
	background-color: transparent;
}
.nav_access_home ul#contents_nav li#abn_access a:hover,
.nav_access_ibaraki ul#contents_nav li#abn_access a:hover,
.nav_access_iwate ul#contents_nav li#abn_access a:hover,
.nav_recruit_new ul#contents_nav li#abn_recruit a:hover,
.nav_recruit_career ul#contents_nav li#abn_recruit a:hover {
	background-color: white;
}


/* SUB BUTTONS */
.nav_access ul#contents_nav li#abn_access li a,
.nav_recruit ul#contents_nav li#abn_recruit li a {
	color: #444;
	background: none;
}

/* SUB BUTTONS ON */
.nav_access_home ul#contents_nav li#acn_home a,
.nav_access_ibaraki ul#contents_nav li#acn_ibaraki a,
.nav_access_iwate ul#contents_nav li#acn_iwate a,
.nav_recruit_new ul#contents_nav li#ren_new a,
.nav_recruit_career ul#contents_nav li#ren_career a {
	color: #36c !important;
	background: white !important;
}

/* CAREER */
li#ren_career {
	display: none;
}


/**
 *  02_1.SUB TITLE
 */
#subtitle_txtbox {
	font-weight: bold;
	padding: 6px 9px;
	border-bottom: 1px solid #ccc;
	border-left: 6px solid #999;
}
.subtitle_txtbox {
	font-weight: bold;
	padding: 6px 9px;
	border-bottom: 1px solid #ccc;
	border-left: 6px solid #999;
}



/**
 *  03.BUSINESS
 */

#business_concept {
	margin: 40px 0px 24px;
	width: 650px;
	text-align: center;
}
#business_concept ol {
	margin-top: 20px;
}
#business_concept li {
	float: left;
	display: inline;
	width: 208px;
}
#business_concept li#business_concept02 {
	margin-left: 4px;
	width: 237px;
}
#business_concept li#business_concept03 {
	margin-left: -23px;
	width: 201px;
}
dl#business_plan {
	margin-top: .5em;
	margin-bottom: 4em;
}
dl#business_plan dt {
	font-weight: bold;
}
dl#business_plan dd {
	margin-left: 1.6em;
	margin-bottom: .5em;
}



/**
 *  04.GLOBAL
 */

#global_section01 {
	margin-bottom: 50px;
	width: 650px;
}
#global_section01 .boxLeft {
	width: 448px;
	float: left;
}
#global_section01 .boxLeft h2 {
	margin-bottom: 13px;
}
#global_section01 .boxRight {
	text-align: right;
	width: 192px;
	float: left;
	margin-top: 9px;
}
#global_section02 {
	width: 650px;
}
#global_section02 h2 {
	margin-bottom: 19px;
}
#global_section02 .boxLeft {
	width: 230px;
	float: left;
}
#global_section02 .boxLeft img {
	margin-left: 4px;
}
#global_section02 .boxRight {
	width: 410px;
	float: left;
}



/**
 *  05.QUALITY-VALUE
 */

.clr {
	zoom: 100%
}
.clr:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
}

#quality_section01 {
	width: 650px;
	margin-bottom: 37px;
}
#quality_section01 .boxLeft {
	width: 393px;
	float: left;
}
#quality_section01 .boxRight {
	text-align: right;
	width: 257px;
	float: left;
	margin-top: 17px;
}
#quality_section02 {
}
#quality_section02 .ph_box01 {
	text-align: right;
	float: left;
	padding-top: 37px;
	padding-left: 60px;
}
#quality_section02 .ph_box02 {
	text-align: right;
	float: left;
	padding-top: 37px;
	padding-left: 24px;
}
#quality_section02 .ph_box01 img,
#quality_section02 .ph_box02 img {
	margin-bottom: 3px;
	border: solid 1px #d0d0d0;
}
#quality_section01 .boxLeft h2,
#quality_section02 h2 {
	margin-bottom: 17px;
}



/**
 *  06.SAFETY-CONCEPT
 */

.concept_section01 {
	margin-bottom: 70px;
	width: 650px;
}
.concept_section01 .boxLeft {
	width: 411px;
	float: left;
}
.concept_section01 .boxLeft h2 {
	margin-bottom: 14px;
}
.concept_section01 .boxRight {
	text-align: right;
	width: 239px;
	float: left;
	margin-top: 13px;
}
.concept_section02 {
	margin-bottom: 75px;
	width: 650px;
}
.concept_section02 .boxLeft {
	width: 219px;
	float: left;
	margin-top: 2px;
}
.concept_section02 .boxRight {
	width: 430px;
	float: left;
}
.concept_section02 .boxRight h2 {
	text-align: right;
	margin-bottom: 14px;
}
.concept_section03 {
	margin-bottom: 40px;
	width: 650px;
}
.concept_section03 .boxLeft {
	width: 428px;
	float: left;
}
.concept_section03 .boxLeft h2 {
	margin-bottom: 14px;
}
.concept_section03 .boxRight {
	text-align: right;
	width: 222px;
	float: left;
}



/**
 *  07.FIELD
 */
h2.field_sub {
	margin-bottom: 33px;
}
#field_section01 {
	margin-bottom: 43px;
	width: 650px;
}
#field_section01 .boxLeft {
	width: 288px;
	float: left;
}
#field_section01 .boxRight {
	width: 362px;
	float: left;
}
#field_section02 {
	margin-bottom: 40px;
	width: 650px;
}
#field_section02 .boxLeft {
	width: 363px;
	float: left;
}
#field_section02 .boxRight {
	text-align: right;
	width: 286px;
	float: left;
	font-size: .85em;
}
#field_section01 .boxRight h3,
#field_section02 .boxLeft h3 {
	margin-top: 2px;
	margin-bottom: 16px;
}



/**
 *  08.COMPANY-PROFILE & HISTORY
 */
table.comp_table {
	border-width: 0;
}
th.comp_th {
	font-weight: normal;
	background-image: url(../../en/images/company/line01.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align: left;
	vertical-align: top;
	width: 130px;
	padding: 16px 0 14px;
}
td.comp_td {
	background-image: url(../../en/images/company/line02.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 520px;
	padding: 16px 0 14px 35px;
}
td.comp_td td.comp_td02 {
	vertical-align: top;
}
td.comp_td td.comp_td03 {
	padding: 0 0 0 12px;
}
div.comp_date {
	text-align: right;
	width: 650px;
	padding: 6px 0 35px;
}
div.comp_img {
	text-align: center;
	width: 650px;
}



/**
 *  09.WORLDWIDE
 */
h2.world_sub {
	margin-bottom: 17px;
}
div.world_img {
	padding: 22px 0 52px 52px;
}
.world_catch h3 {
	font-weight: bold;
	margin-bottom: 15px;
	padding: 6px 9px;
	border-bottom: 1px solid #ccc;
	border-left: 6px solid #999;
}
.world_catch p {
	padding: 0 10px 45px 2px;
} 
.world_catch th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding-left: 2px;
}
.world_catch td {
	padding-left: 20px;
}



/**
 *  10.ACCESS MAP
 */
#map_index_box {
	margin-bottom: 210px;
	width: 650px;
}
#map_index_box .map_box {
	width: 198px;
	float: left;
	border-left: 6px solid #999;
}
#map_index_box .mar_l19 {
	margin-left: 18px;
}
#map_index_box .map_box .map_ph {
	padding: 0 0 19px 7px;
}
#map_index_box .map_box .map_name {
	padding: 0 0 14px 12px;
}
#map_index_box .map_box .map_name a {
	width: 170px;
	display: block;
}
#map_index_box .map_box p {
	padding: 0 0 22px 12px;
}
h2.map_title {
	margin-bottom: 28px;
}
#map_area {
	padding-left: 22px;
	padding-bottom: 1.5em;
}
#map_area td {
	padding-right: 18px;
}
#map_area img {
	margin-top: 25px;
}
#map_area dd {
	margin-left: 1em;
	margin-bottom: .5em;
}
img#map_img {
	margin-left: 75px;
}
#map_subwin {
	background-color: #fff;
	background-image: none;
	text-align: left;
	margin: 0;
	padding: 30px 0 0 10px;
}
#map_subwin h2 {
	padding-bottom: 40px;
}
#map_subwin .mapbox {
	padding-bottom: 48px;
}
#map_subwin .window_close {
	color: #36c;
	text-align: right;
	padding-right: 36px;
}
#map_subwin .window_close a {
	cursor: pointer;
}
#map_subwin .window_close a:link,
#map_subwin .window_close a:visited {
	color: #36c;
	text-decoration: none;
}
#map_subwin .window_close a:active,
#map_subwin .window_close a:hover {
	color: #36c;
	text-decoration: underline;
}



/**
 *  11.NEWS
 */
#aboutnews_titlebox {
	position: relative;
	width: 650px;
}
#aboutnews_titlebox #aboutnews_title_link {
	position: absolute;
	top: 2px;
	right: 0px;
}
.aboutnews_box {
	width: 650px;
	margin-bottom: 30px;
}
.aboutnews_box .aboutnews_date {
	width: 650px;
}
.aboutnews_box .aboutnews_date div {
	float: left;
	padding-right: 8px;
	line-height: 15px;
}
.aboutnews_box .aboutnews_date img {
	float: left;
}
.aboutnews_box dl {
	width: 650px;
	clear: both;
}
.aboutnews_box dt {
	font-size: 1.2em;
	width: 650px;
	padding-top: 5px;
	padding-bottom: 3px;
}
.aboutnews_box dd {
	background-image: url(../../../about/ja/images/news/news_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 650px;
	padding-bottom: 22px;
}



/**
 *  12.RECRUIT
 */

h3#recruit_top_title {
	padding-bottom: 33px;
}
#recruit_top_link {
	padding: 0 0 100px 5px;
	width: 645px;
}
#recruit_top_link .link_box {
	width: 297px;
	height: 174px;
	float: left;
	border-left: 7px solid #999;
}
#recruit_top_link .marginL36 {
	margin-left: 36px;
}
#recruit_top_link .link_box img.link_ph {
	margin: 1px 0 19px 9px;
}
#recruit_top_link .link_box .link_tit {
	background-image: url(../../../common/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 12px 5px;
	padding: 0 0 13px 24px;
}
#recruit_top_link .link_box p {
	padding-left: 24px;
}
h4.recruit_new_subtit {
	font-weight: bold;
	margin-top: 30px;
	padding: 6px 9px;
	border-bottom: 1px solid #ccc;
	border-left: 6px solid #999;
}
th.recruit_table_th {
	font-weight: normal;
	background-image: url(../../../about/ja/recruit/images/line01.gif);
	background-repeat: repeat-x; background-position: left bottom;
	text-align: right;
	vertical-align: top;
	width: 130px;
	padding: 15px 0;
}
td.recruit_table_td {
	background-image: url(../../../about/ja/recruit/images/line02.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 485px;
	padding: 15px 20px 15px 35px;
}
#recruit_btn {
	margin: 30px 0;
}



/**
 *  13.MESSAGE
 */
#message_titbox {
	margin-bottom: 28px;
	padding: 2px;
	width: 644px;
	border: solid 1px #ccc;
}
#message_titbox .boxLeft {
	width: 219px;
	float: left;
}
#message_titbox .boxRight {
	width: 425px;
	float: left;
}
#message_titbox .boxRight img.message_catch {
	margin-top: 50px;
}
#message_titbox .boxRight img.ceo_name {
	margin-top: 40px;
}
#message_date {
	text-align: right;
	padding-top: 15px;
}



/**
 *  14.PREMIUM
 */
#premium_section01 {
	margin-bottom: 25px;
	width: 650px;
}
#premium_section01 .boxLeft {
	width: 387px;
	float: left;
}
#premium_section01 .boxLeft h2 {
	margin-bottom: 18px;
}
#premium_section01 .boxRight {
	text-align: right;
	width: 258px;
	float: left;
	margin-top: 7px;
}
#premium_section02 {
	margin-bottom: 40px;
	width: 650px;
}
#premium_section02 .boxLeft {
	width: 297px;
	float: left;
}
#premium_section02 h2 {
	margin-bottom: 18px;
}
#premium_section02 .boxRight {
	width: 352px;
	float: left;
}
#premium_section03 {
	margin-bottom: 40px;
	width: 650px;
}
#premium_section03 .boxLeft {
	width: 350px;
	float: left;
}
#premium_section03 .boxLeft h2 {
	margin-bottom: 16px;
}
#premium_section03 .boxRight {
	text-align: right;
	width: 300px;
	float: left;
	margin-top: 85px;
}



/**
 *  15.NEWS DETAIL
 */

#newsdetail_box {
	width: 650px;
	margin-top: 20px;
}

#newsdetail_box ul.newsdetail_photo li {
	float: left;
	display: block;
	margin-right: 15px;
	margin-bottom: 15px;
}
#newsdetail_box #newsdetail_body {
	margin-top: 10px;
}

#newsdetail_box table th {
	vertical-align: top;
	padding-right: 3em;
	font-weight: normal;
}

#newsdetail_box ul.newsdetail_link {
	width: 650px;
	margin-top: 20px;
}
#newsdetail_box ul.newsdetail_link li {
	margin-top: .5em;
	padding-left: 10px;
	text-indent: -10px;
}
#newsdetail_box ul.newsdetail_link li img {
	margin-right: 6px;
	margin-left: 4px;
}

.backtolist {
	text-align: right;
}


.premium p {
	float: left;
	width: 450px;
}

.premium img {
	float: right;
}




/**
 * CLEAR HACK
 */

ul#top_main_nav,
#top_contents_box,
#business_concept,
ul.newsdetail_photo,
.premium {
    overflow:hidden;
}

ul#top_main_nav:after,
#top_contents_box:after,
#business_concept:after,
ul.newsdetail_photo:after,
.premium:after {
    content:"";
    display:block;
    clear:both;
    height:0px;
    overflow:hidden;
}

/* HIDE FROM MACIE \*/
* html ul#top_main_nav,
* html #top_contents_box,
* html #business_concept,
* html ul.newsdetail_photo,
* html .premium {
    height:1em;
    overflow:visible;
}
/* END HACK */


