@charset "UTF-8";

/**
 *  mecsumai.com Styles
 */


/**
 *  =RESET
 */
	html,body,div,p,ul,ol,li,dl,dt,dd,pre,h1,h2,h3,h4,h5,h6,table,th,td,form,fieldset,input,textarea,select,img { margin: 0px; padding: 0px; }
	ul,ol { list-style: none; }
	table { border-collapse: collapse; border-spacing: 0; }
	caption,th { text-align: left; }
	th,td { empty-cells: show; }
	img,fieldset { border: 0px; }
	img { vertical-align: bottom; }
	label { margin-left: .3em; }
	input { vertical-align: baseline; }
	textarea { font-size: 1em; }
	sub { margin: 0 .1em; font-size: .688em; font-size: .813em\9; vertical-align: 0em; }
	sup { margin: 0 .4em; font-size: .688em; vertical-align: .5em; }

/**
 *  =FONTS
 *
 *	18px: 1.5em
 *	17px: 1.417em
 *	16px: 1.334em
 *	15px: 1.25em
 *	14px: 1.167em
 *	13px: 1.084em
 *	12px: 1em
 *	11px: .917em
 *	10px: .834em
 */
	body { font-size: 100.01%; line-height: 1.5; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS UI Gothic"; }
	div,p,pre,ul,ol,dl,dt,dd,table,h1,h2,h3,h4,h5,h6 { font-size: 12px; font-size: 75%\9; }
	div,p,pre,ul,ol,dl,dt,dd,em { font-style: normal; }
	div div,div p,div pre,div ul,div ol,div dl,div dt,div dd,div table,div h1,div h2,div h3,div h4,div h5,div h6 { font-size: 100%; }
/**
 *  =GENERAL
 */
	ul.button li, ul.button li a{ display: none; }
	a:link { color: #008446; text-decoration: none; outline: 0; font-weight: bold; }
	a:visited { color: #008446; text-decoration: none; font-weight: bold; }
	a:hover { color: #008446; text-decoration: underline; font-weight: bold; }
	a:active { color: #008446; text-decoration: none; font-weight: bold; }
	body { padding: 0 0 50px; text-align: left; background: #fff; }

/**
 *  =MODULES
 */
	#btn_pagetop { position: absolute; display: none; top: 0; right: 0; }
	#btn_pagetop a { display: block; width: 20px; height: 135px; text-indent: -9999px; background: url(../img/global/btn_pagetop.png) center top no-repeat; }
	.title_tab_style { display: inline; background: #003106 url(../img/global/tab_green.png) right top no-repeat; zoom: 1; }
	html>/**/body .title_tab_style { display: inline-block; }
	.title_tab_style span { display: block; margin: 0 27px 0 0; padding: 0 0 0 27px; color: white; font-weight: normal; letter-spacing: .3em; text-indent: .3em; text-align: center; line-height: 31px; background: #003106 url(../img/global/tab_green.png) left top no-repeat; }
	.border_box { border: solid 1px #c2c2c2; border-right: solid 1px #999; border-bottom: solid 1px #666; }
	.icn_new { display: inline-block; margin: 0 0 0 5px; line-height: 1.0; vertical-align: -.1em; }
	.title_gray { margin: 0 0 15px; border: solid 1px #c2c2c2; }
	.title_gray span { display: block; padding: 9px 14px 7px; font-size: 1.334em; font-weight: normal; line-height: 1.3; border: solid 1px white; background: #efefef url(../img/global/bg_gray_title.png) left top repeat-x; }
	.title_border_first { margin: 15px 0 10px; padding: 0 0 0 5px; font-size: 1.167em; font-weight: normal; border-left: solid 5px #008446; }
	.title_border_second { margin: 15px 0 10px 10px; padding: 0 0 0 5px; font-size: 1.167em; font-weight: normal; border-left: solid 4px #dcf4db; }
	.title_square_list { margin: 0 9px 10px; }
	.title_square_list li { padding: 0 0 0 20px; background: url(../img/global/icn_square.gif) left .6em no-repeat; }
	.title_square_list li li { padding: 0; background: none; }
	.bottom_border { border-bottom: dotted 1px #c4c4c4; }
	.link_right_bracket { padding: 5px 0 0 20px; background: url(../img/global/icn_arrow_right.png) 5px .6em no-repeat; }
	.page-feed { margin-top: 10px; text-align: center; }
	.page-feed a { padding: 0em .5em; }
	.page-feed span { padding: 0em .5em; font-size: 1.334em; font-weight: bold; }
	.title_box { margin: 0 0 11px; padding: 1px; }
	.title_box_inner { padding: 10px; background: url(../img/global/bg_title_box.png) left top repeat-x; }
	.tb_title { color: #005627; font-size: 1.334em; line-height: 1.2; }
	.tb_title span { display: block; margin: 7px 0 0; color: black; font-size: .75em; font-weight: normal; }
	.tb_lead { margin: 9px 0 0; padding: 9px 0 0; background: url(../img/global/dot.gif) left top repeat-x; }
	.tb_result { font-size: 1.167em; }
	.red { color: red; }
	.contents_box { margin: 0 0 20px; padding: 10px; }

/**
 *  =LAYOUT
 */
	#header { min-width: 1000px; padding: 0 0 10px; background: #001006 url(../img/global/bg_header.png) left top repeat-x; }
	#main, #footer { margin: 0 auto; padding: 0 20px; width: 960px; background: url(../img/global/bg_body.png) center top repeat-y; }
	#main { padding: 0 30px 30px; width: 940px; }
	#footer { text-align: left; border: none; }
	/* COLUMNS */
	#container { float: right; width: 735px; }
	#left_column { float: left; width: 195px; margin: 0 10px 0 0; }
	#center_column { float: left; width: 530px; }
	#right_column { float: right; width: 195px; }
	.no_right_column #center_column { width: 735px; }

/**
 *  =HEADER
 */
	#header_inner { position: relative; margin: 0 auto; padding: 20px 30px 0; width: 940px; }
	#site_logo { float: left; display: inline; margin: 0 20px 15px 0; }
	#sl_link { position: relative; display: block; width: 223px; height: 44px; overflow: hidden; }
	#sl_img { position: absolute; top: 0; left: 0; }
	#site_logo_branch { float: left; display: inline; padding: 21px 0 0; margin: 0 20px 0 -10px; }
	#site_catch { padding: 29px 0 0; font-size: .917em; color: #b6e7cf; line-height: 1.1; overflow: hidden; zoom: 1; }
	#parkhouse_logo { position: absolute; top: 21px; right: 50px; width: 147px; height: 41px; overflow: hidden; }
	#pl_img { position: absolute; top: -54px; left: 0; }
	#nav_container { clear: left; padding: 1px; background: #002b15; }
	#keyword-search { float: right; padding: 6px 7px 0; _padding: 5px 7px 0; }
	#keyword-search-input { margin: 0 7px; padding: 0 .3em; width: 180px; height: auto; line-height: 21px; vertical-align: 6px; border: none; }
	head~/* */body #keyword-search-input { height: 21px; }
	html:not(:target) #keyword-search-input { padding: 3px .3em 0; height: 18px; }
	#keyword-search input { vertical-align: middle; }
	
	/* GLOBAL NAVIGATION */
	#global_nav { float: left; }
	#global_nav li { float: left; display: inline; margin: 0 1px 0 0; }
	#global_nav a { display: block; border: solid 0px white; }
	#global_nav a:hover { border: solid 0px gray; }
	#global_nav a:hover img { visibility: hidden; }
	#gn_shutoken a { background: url(../img/global/navi/shutoken_o.png) left top no-repeat; }
	#gn_kansai a { background: url(../img/global/navi/kansai_o.png) left top no-repeat; }
	#gn_chukyo a { background: url(../img/global/navi/chukyo_o.png) left top no-repeat; }
	#gn_hiroshima a { background: url(../img/global/navi/hiroshima_o.png) left top no-repeat; }
	#gn_fukuoka a { background: url(../img/global/navi/fukuoka_o.png) left top no-repeat; }
	#gn_brand a { background: url(../img/global/navi/brand_o.png) left top no-repeat; }
	#gn_support a { background: url(../img/global/navi/support_o.png) left top no-repeat; }
	#gn_members a { background: url(../img/global/navi/members_o.png) left top no-repeat; }
	
	/* GLOBAL NAVIGATION CHOSEN */
	.selected img { visibility: hidden; }
	
	/* TOPIC PATH */
	#topic_path { float: left; padding: 20px 0; width: 725px; overflow: hidden; }
	#topic_path li { float: left; _padding: 4px 0 0; line-height: 1.1; }
	#topic_path li:before { content: ">"; }
	head~/* */body #topic_path li { margin: 0 10px 0 -10px; }
	#topic_path a { display: inline-block; margin: 0 0 0 .25em; padding: 4px 0; }
	head~/* */body #topic_path a { margin: 0 .5em; }
	#topic_path strong { display: inline-block; margin: 0 .25em; padding: 3px 6px; font-weight: normal; border: solid 1px #ccc; background: #f5faf6; }
	head~/* */body #topic_path strong { margin: 0 .6em; }
	.tp_arrow { display: inline-block; padding: 4px 0; }
	
	/* TEXT SIZE */
	#text_size { float: right; padding: 20px 0; width: 195px; text-align: center; }
	#text_size a { display: inline-block; margin: 0 5px; vertical-align: middle; line-height: 19px; }

/**
 *  =FOOTER
 */
	#footer a { color: #333; }
	#footer_border { height: 1px; font-size: 0; background: #d5d5d5; }
	#footer_inner { padding: 20px 0 24px; line-height: 1.1; text-align: center; border: solid 1px white; background: #e6e6e6; }
	#site-search { margin: 0 0 18px; }
	#site-search-input { margin: 0 7px; padding: 0 .3em; width: 200px; height: auto; line-height: 21px; }
	head~/* */body #site-search-input { height: 18px; }
	#site-search input { vertical-align: middle; }
	#footer_links li, #footer_links_contents li { display: inline; zoom: 1; }
	head~/* */body #footer_links li, head~/* */body #footer_links_contents li { display: -moz-inline-box; display: inline-block; }
	#footer_links a, #footer_links_contents a { margin: 0 1.5em; }
	#footer_links { margin: 0 0 16px; }
	#footer_links_contents { margin: 0 0 40px; }
	#footer_catch { margin: 0 0 20px; font-size: 1em; }
	#footer_logo_box { margin: 0 0 20px; }
	#footer_logo { position: relative; display: inline; width: 180px; height: 22px; overflow: hidden; zoom: 1; }
	head~/* */body #footer_logo { display: -moz-inline-box; display: inline-block; }
	#fl_img { position: absolute; top: -105px; left: 0; }
	#copyright { font-size: 1em; }
	#contents_bottom { margin: 0 auto; width: 1000px; height: 5px; font-size: 0; background: url(../img/global/bg_contents_bottom.png) center top no-repeat; }

/**
 *  =MAIN
 */
	#main_contents { clear: both; }

/**
 *  =LEFT COLUMN
 */
	/* SEARCH PANEL */
	#search_panel { position: relative; margin: 0 0 20px; padding: 9px 0 1px; color: white; background: #002624 url(../img/global/bg_search_panel.png) left top repeat-x; }
	#search_panel a, #search_panel span { color: white; line-height: 1.1; }
	#sp_map, .spm_dummy, .spm_box { width: 175px; height: 175px; }
	.spm_dummy, .spm_box { position: absolute; top: 0; left: 0; }
	#sp_map { position: relative; margin: 0 9px 10px; overflow: hidden; border: solid 1px white; }
	.spm_dummy { z-index: 2; }
	.spm_box { z-index: 1; }
	/* ZOOM */
	.spm_zoom_box { position: absolute; display: none; top: -28px; left: 121px; width: 483px; height: 401px; background: url(../img/global/map/zoom_bg.png) left top no-repeat; z-index: 5; }
	* html .spm_zoom_box { background-image: none !important; }
	* html .spm_zoom_bg { position: absolute; top: 0; left: 0; width: 483px; height: 401px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/global/map/zoom_bg.png', sizingMethod='scale'); z-index: 4; }
	.zoom_title, .zoom_map, .zoom_btn { position: absolute; z-index: 5; }
	.zoom_title { top: 15px; left: 21px; }
	.zoom_btn { top: 11px; right: 49px; cursor: pointer; }
	.zoom_map, .spm_zoom_box .spm_dummy, .spm_zoom_box .spm_box { width: 413px; height: 311px; overflow: hidden; }
	.zoom_map { top: 41px; left: 21px; }
	/* MAP */
	.zenkoku { background: url(../img/global/map/zenkoku.png) left top no-repeat; }
	.shutoken { background: url(../img/global/map/shutoken.png) left top no-repeat; }
	.kansai { background: url(../img/global/map/kansai.png) left top no-repeat; }
	.hiroshima { background: url(../img/global/map/hiroshima.png) left top no-repeat; }
	.chukyo { background: url(../img/global/map/chukyo.png) left top no-repeat; }
	/* MAP ZOOM */
	.tokyo { background: url(../img/global/map/zoom_tokyo.png) left top no-repeat; }
	.kanagawa { background: url(../img/global/map/zoom_kanagawa.png) left top no-repeat; }
	.osaka { background: url(../img/global/map/zoom_osaka.png) left top no-repeat; }
	.hyogo { background: url(../img/global/map/zoom_osaka.png) left top no-repeat; }
	.aichi { background: url(../img/global/map/zoom_aichi.png) left top no-repeat; }
	#sp_map area, .zoom_map area { outline: 0; }
	
/*
	#sp_gmap_link { margin: 10px 0; text-align: center; }
	#sp_gmap_link a { display: block; margin: 0 5px; padding: 5px 0; }
	#sp_gmap_link a:hover { background: #25a062; }
*/
	#sp_branch_list { margin: 10px 0px; text-align: center; }
	#sp_branch_list li { display: inline; zoom: 1; }
	html>/**/body #sp_branch_list li { display: inline-block; }
	#sp_branch_list a { display: inline-block; padding: 5px .5em; letter-spacing: .5em; vertical-align: middle; }
	html>/**/body #sp_branch_list a { padding-right: 0; }
	#sp_branch_list a:hover { background: #25a062; }
	#sp_branch_list span { display: inline-block; margin: 0; _margin: 0; padding: 5px 0; vertical-align: middle; }
	.sp_links { margin: 0; padding: 0 0 10px; background: url(../img/global/bg_search_panel_separator.png) center bottom no-repeat; }
	.sp_links li { margin: 8px 0 0; }
	.sp_links a { display: block; margin: 0 5px; padding: 5px 12px; width: 161px; }
	.sp_links a:hover { background: #25a062; }

/**
 *  =RIGHT COLUMN
 */
	/* MEMBER PANEL */
	#mp_links { margin: 0 0 10px; padding: 13px 0; background: #002a14 url(../img/global/bg_darkgreen_r_bottom_195.png) left bottom no-repeat; }
	#mp_links li { margin: 0 0 1px; }
	#mp_links a { display: block; _display: inline-block; margin: 0 5px; padding: 5px 12px; width: 161px; color: white; line-height: 1.1; }
	#mp_links a:hover { background: #25a062; }
	#mp_username { position: relative; margin: -3px 0 -12px; padding: 13px 17px 0; color: white; background: #002a14; z-index: 10; }
	head~/* */body #mp_username { margin-top: 0; }
	
	/* RECENTLY VIEWED */
	#recently_viewed {}
	#recently_viewed .title_tab_style { width: 195px; }
	#recently_viewed .title_tab_style span { margin: 0 10px 0 0; padding: 0 0 0 10px; }
	#recently_viewed_box { margin: 0 0 20px; padding: 10px 0 0; background: url(../img/global/bg_recently_viewed.png) left top no-repeat; }
	#recently_viewed_list { min-height: 16px; _height: 16px; }
	#recently_viewed_list li { margin: 0 0 1px; }
	#recently_viewed_list a { display: block; _display: inline-block; margin: 0 5px; padding: 5px 12px; width: 161px; line-height: 1.1; }
	#recently_viewed_list a:hover { background: #dcf4db; cursor: pointer; }
	#recently_viewed_list_bottom { padding: 3px 0 0; height: 5px; font-size: 0; background: url(../img/global/bg_recently_viewed_bottom.png) left bottom no-repeat; }
	
	/* RECENTLY KODAWARI */
	#recently_kodawari { margin: 0 0 20px; }
	#recently_kodawari_list { padding: 0 0 10px; border-bottom: solid 1px #c2c2c2; }
	#recently_kodawari_list li { margin: 0 0 10px; }
	#recently_kodawari_list a { position: relative; display: block; padding: 5px; min-height: 60px; _height: 60px; line-height: 1.3; text-decoration: none; }
	#recently_kodawari_list a:hover { background: #f1f1f1; cursor: pointer; }
	#recently_kodawari_list a:hover .rk_title { text-decoration: underline; }
	.rk_title, .rk_lead { padding: 0 0 0 65px; }
	.rk_title { font-size: 1.167em; }
	.rk_new { margin: 0 3px 0 0; vertical-align: -.1em; }
	.rk_lead { color: black; font-weight: normal; }
	.rk_photo { position: absolute; top: 5px; left: 5px; }
	
	/* RECENTLY BRAND */
	#recently_brand { margin: 0 0 20px; }
	#recently_brand_list { padding: 0 0 10px; border-bottom: solid 1px #c2c2c2; }
	#recently_brand_list li { margin: 0 0 10px; }
	#recently_brand_list a { position: relative; display: block; padding: 5px; min-height: 60px; _height: 60px; line-height: 1.3; text-decoration: none; }
	#recently_brand_list a:hover { background: #f1f1f1; cursor: pointer; }
	#recently_brand_list a:hover .rb_title { text-decoration: underline; }
	.rb_title, .rb_lead { padding: 0 0 0 65px; }
	.rb_title { font-size: 1.167em; }
	.rb_new { margin: 0 3px 0 0; vertical-align: -.1em; }
	.rb_lead { color: black; font-weight: normal; }
	.rb_photo { position: absolute; top: 5px; left: 5px; }
	
	/* SUPPORT MENU */
	.support_menu {}
	.sm_title { color: white; text-align: center; line-height: 31px; background: #2f7453; }
	.sm_links { padding: 6px 0; border: solid 1px #d4d4d4; border-bottom: none; background: #e7f1e7; }
	.sm_links li { margin: 0 0 1px; }
	.sm_links a { display: block; _display:inline-block; margin: 0 5px; padding: 5px; width: 173px; line-height: 1.1; }
	.sm_links a:hover { background: white; cursor: pointer; }
	
	/* INQUIRY MENU */
	.inquiry_menu { margin: 0 0 20px; }
	.im_title { color: white; text-align: center; line-height: 31px; background: #2f7453; }
	.im_links { padding: 6px 0; border: solid 1px #d4d4d4; border-top: none; background: #e7f1e7; }
	.im_links li { margin: 0 0 1px; }
	.im_links a { display: block; _display:inline-block; margin: 0 5px; padding: 5px; width: 173px; line-height: 1.1; }
	.im_links a:hover { background: white; cursor: pointer; }

/**
 *  =BANNER
 */
	#bn-1 { padding: 10px 0 0; }
	#bn-10, #bn-11, #bn-12 { margin: 0 0 20px; }
	#bn-1 .bn, #bn-10 .bn, #bn-11 .bn, #bn-12 .bn { margin: 0; }
	#bn-4 .bn { padding: 0; }
	a.bn_area_link { display: block; padding: 5px; text-decoration: none !important; zoom: 1; }
	a.bn_area_link:hover { background: #f1f1f1; cursor: pointer; }
	a.bn_area_link .bn-4_lead { color: black; font-weight: normal; overflow: hidden; zoom: 1; }
	a.bn_area_link .bn-4_title { margin: 0 0 .2em; line-height: 1.2; }
	a.bn_area_link:hover .bn-4_title { text-decoration: underline; }
	a.bn_area_link:after { content: ""; display: block; clear: both; height: 0.1px; overflow: hidden; }
	/* OVERWRITE */
	div.bn-box .bn { margin: 0 0 10px; font-size: 1em; }

/**
 * 04.tvcm
 */
#main_contents .tvcmHead {
    background-color: #745335;
}
#main_contents .flashArea {
    text-align: center;
    padding: 12px 0 8px 0;
}
#main_contents #cm-swf-wrapper {
    margin: 10px auto;
    padding: 8px 10px 0px;
    width: 320px;
    height: 329px;
    background: url(../img/cm/cm_bg.gif) left top no-repeat;
}
#main_contents #cm-swf-wrapper #cm-img-box { margin-top: 5px; }
#main_contents #cm-swf-wrapper #cm-swf-box {
    margin: 0px auto;
    width: 320px;
    height: 282px;
    text-align: center;
}
#main_contents #cm-swf-wrapper #cm-swf-box img {  }
#main_contents .cmList {
    margin: 10px 5px;
    padding: 10px 0 0;
    border-top: dotted 1px #c4c4c4;
}
#main_contents .cmList .cmInBox .cmListTit {
    padding-bottom: 9px;
}
#main_contents .cmList .cmInBox ul.cmUl {
}
.cmInBox ul.cmUl li:after { content: ""; display: block; clear: both; height: 0.1px; overflow: hidden; }
.cmInBox ul.cmUl li { float: left; }

.cmInBox ul.cmUl li.lastLine {
    background: none !important;
}
.cmInBox ul.cmUl li .cmPh {
    float: left;
    width: 60px;
}
.cmInBox ul.cmUl li .cmTxt {
    float: left;
    width: 170px;
    margin: 0px;
    padding: 0px;
}
.cmInBox ul.cmUl li a {
    background: none !important;
    padding: 0px !important;
}


/**
 * CLEAR HACK
 */
	div:after,ul:after,ol:after,dl:after { content: ""; display: block; clear: both; height: 0.1px; overflow: hidden; }
	div,ul,ol,dl { zoom: 1; }
