@charset "utf-8";
/*
Theme Name: MYM Corporation
Theme URI: http://mym-d.co.jp/
Description: MYM Corporation
Version: 1.0
Author: MYM Corporation.
Author URI: http://mym-d.co.jp/
*/

*{ margin:0; padding:0; }
img{ border:0; }
a{ color:#FF6600; text-decoration:none; }
a:hover{ color:#3399FF; text-decoration:underline; }
.hidden{ display:none; }


/*----------------------------------------------------------------------
    ベースレイアウト
  ----------------------------------------------------------------------*/
body{ background:#FFFFFF url(images/bg.png) repeat-x top; font-size:12px; text-align:center; color:#666666; font-family:"ＭＳ Ｐゴシック", "sans-serif"; }
#page{ width:896px; background:url(images/bg_page.png) no-repeat top; margin:0 auto; text-align:center; }
#content-box{ width:864px; margin:0 auto; text-align:left; }
#sidebar{ width:196px; float:left; margin-left:12px; _margin-left:6px; background:url(images/bg_sidebar.png) no-repeat top; }
#content{ width:616px; float:right; margin-right:20px; _margin-right:10px; }


/*----------------------------------------------------------------------
    ヘッダー
  ----------------------------------------------------------------------*/
#header{ width:864px; height:80px; background:url(images/bg_header.png) no-repeat top; margin:0 auto; text-align:center; position:relative; overflow:hidden; }
.description{ padding-top:2px; padding-right:8px; text-align:right; font-size:10px; color:#FFFFFF; }
.sitelogo{ position:absolute; top:30px; left:26px; }
.sitelogo h1 a{ width:232px; height:32px; display:block; }
.sitelogo span{ display:none; }
.headermenu{ width:864px; position:absolute; top:60px; left:0; }
.headermenu ul{ list-style:none; padding-right:6px; }
.headermenu li{ width:102px; padding:4px 0; float:right; background:url(images/btn_headermenu.png) no-repeat center top; }
.headermenu li a{ color:#999999; }
.headermenu li a:hover{ color:#3399FF; text-decoration:none; }
.headerimage-top{ width:864px; height:456px; background:url(images/img_header-top.jpg) no-repeat top; margin:0 auto; text-align:center; }
.headerimage-sub{ width:864px; height:90px; background:url(images/img_header-sub.jpg) no-repeat top; margin:0 auto; text-align:center; }


/*----------------------------------------------------------------------
    フッター
  ----------------------------------------------------------------------*/
#footer{ text-align:center; padding:32px 0 8px; color:#CCCCCC; line-height:150%; }
#footer a{ color:#666666; padding:0 4px; }
#footer a:hover{ color:#3399FF; text-decoration:none; }
#footer p{ margin-top:8px; color:#999999; }


/*----------------------------------------------------------------------
    サイドバー
  ----------------------------------------------------------------------*/
#mainmenu{ background:url(images/bg_mainmenu.png) no-repeat top; padding:52px 4px 16px; overflow:hidden; }
#mainmenu ul{ list-style:none; }
#mainmenu li{ float:left; }
#mainmenu li.activities{ display:block; width:188px; height:48px; background:url(images/btn_mainmenu.png); background-position:0px 0px; }
#mainmenu li.company{ display:block; width:188px; height:48px; background:url(images/btn_mainmenu.png); background-position:0px -48px; }
#mainmenu li span{ display:none; }
#mainmenu a{ display:block; width:188px; }
#mainmenu a.sub-pi{ height:24px; background:url(images/btn_mainmenu_sub.png); background-position:0px 0px; }
#mainmenu a.sub-pi:hover{ background-position:-188px 0px; }
#mainmenu a.sub-cs{ height:24px; background:url(images/btn_mainmenu_sub.png); background-position:0px -24px; }
#mainmenu a.sub-cs:hover{ background-position:-188px -24px; }
#mainmenu a.sub-heart{ height:24px; background:url(images/btn_mainmenu_sub.png); background-position:0px -48px; }
#mainmenu a.sub-heart:hover{ background-position:-188px -48px; }
#mainmenu a.sub-sp{ height:24px; background:url(images/btn_mainmenu_sub.png); background-position:0px -72px; }
#mainmenu a.sub-sp:hover{ background-position:-188px -72px; }
#mainmenu a.sub-eye{ height:24px; background:url(images/btn_mainmenu_sub.png); background-position:0px -96px; }
#mainmenu a.sub-eye:hover{ background-position:-188px -96px; }
#mainmenu a.sub-policy{ height:24px; background:url(images/btn_mainmenu_sub.png); background-position:0px -120px; }
#mainmenu a.sub-policy:hover{ background-position:-188px -120px; }
#mainmenu a.sub-data{ height:24px; background:url(images/btn_mainmenu_sub.png); background-position:0px -144px; }
#mainmenu a.sub-data:hover{ background-position:-188px -144px; }
#mainmenu a.sub-access{ height:24px; background:url(images/btn_mainmenu_sub.png); background-position:0px -168px; }
#mainmenu a.sub-access:hover{ background-position:-188px -168px; }
#mainmenu a.recruit{ height:48px; background:url(images/btn_mainmenu.png); background-position:0px -96px; }
#mainmenu a.recruit:hover{ background-position:-188px -96px; }
#mainmenu a.privacy{ height:48px; background:url(images/btn_mainmenu.png); background-position:0px -144px; }
#mainmenu a.privacy:hover{ background-position:-188px -144px; }
#mainmenu a.links{ height:48px; background:url(images/btn_mainmenu.png); background-position:0px -192px; }
#mainmenu a.links:hover{ background-position:-188px -192px; }
#mainmenu a.contact{ height:48px; background:url(images/btn_mainmenu.png); background-position:0px -240px; }
#mainmenu a.contact:hover{ background-position:-188px -240px; }
#mainmenu a.partner{ height:48px; background:url(images/btn_mainmenu.png); background-position:0px -288px; }
#mainmenu a.partner:hover{ background-position:-188px -288px; }
#mymcorp{ background:url(images/img_side_mym.png) no-repeat top; padding:46px 16px 64px; line-height:125%; }


/*----------------------------------------------------------------------
    メイン共通部（通常記事・単ページ）
  ----------------------------------------------------------------------*/
.post{ line-height:150%; }
.post h2{ margin-bottom:16px; }
.post h3{ background:url(images/bg_h3.png) no-repeat left top; margin:32px 0 8px; padding:1px 0 8px 24px; font-size:18px; color:#3399FF; }
.post h3 a{ color:#3399FF; }
.post h4{ margin:0 0 12px; padding:0 0 6px 0; font-size:16px; color:#666666; border-bottom:2px #666666 solid; }
.post h5{ background:url(images/icon_li.png) no-repeat; padding-left:14px; margin-bottom:4px; font-size:14px; color:#3399FF; }

.post ul{ margin-left:1.5em; list-style:none; }
.post ul li{ background:url(images/icon_li.png) no-repeat; padding-left:16px; margin-bottom:4px; }
.post ul.check li{ background:url(images/icon_li-check.png) no-repeat; padding-left:18px; margin-bottom:4px; }
.post ol{ margin-left:2.5em; }
.post th{ padding:12px 16px 12px 12px; background:#E8F3FF; border-left:4px #88C4FF solid; border-bottom:2px #BFDFFF solid; }
.post td{ padding:12px 24px 12px 12px; border-bottom:2px #BFDFFF solid; }
.post p, .post table, .post ul, .post ol, .post dl{ margin-bottom:24px; }

.post .entry{ margin-left:8px; margin-bottom:24px; }
.post .entry h4{ margin-left:16px; }
.post .entry p, .post .entry table, .post .entry dl{ margin-left:16px; }

.post .postmetadata{ background:#F6F6F6; margin:16px 16px 32px 16px; padding:8px 16px; }

.navigation{ margin:0 auto; padding:8px 0; clear:both; }
.alignleft{ width:50%; float:left; text-align:left; }
.alignright{ width:50%; float:right; text-align:right; }
.nextpage a, a.nextpage{ padding:3px 0 4px 18px; background:url(images/icon_next.png) no-repeat; line-height:200%; }


dl.qanda dt{ margin-bottom:8px; padding-top:2px; padding-left:48px; background:url(images/icon_q.png) no-repeat left top; color:#3399FF; font-weight:bold; font-size:14px; }
dl.qanda dd{ margin-bottom:16px; padding-top:2px; padding-left:48px; background:url(images/icon_a.png) no-repeat left top; color:#666666; font-weight:bold; }

dl.pickup dt{ color:#FF0000; font-weight:bold; font-size:14px; }



/*----------------------------------------------------------------------
   ホーム
  ----------------------------------------------------------------------*/
#toppage h2{ margin:0 0 24px; }
#toppage p{ margin:0 0 16px; }
#top_policy{ margin:32px 0 16px; }
#top_policy .mission{ height:96px; background:url(images/title_top_mission.png) no-repeat; }
#top_policy .vision{ height:96px; background:url(images/title_top_vision.png) no-repeat; }
#top_policy .value{ height:96px; background:url(images/title_top_value.png) no-repeat; }
#top_policy h3{ display:none; }
#top_policy p{ padding-top:32px; padding-left:192px; }
#top_policy p span{ font-weight:bold; color:#FF6600; padding:0px 4px; }
#top_policy p strong{ font-size:16px; line-height:175%; }


/*----------------------------------------------------------------------
   アイメディカル促進
  ----------------------------------------------------------------------*/
.eye-shop li{ float:left; margin-right:32px; padding-bottom:12px; }
.eye-voice{ width:276px; margin:8px; border:1px #CCCCCC solid; border-collapse:collapse; border-spacing:0; text-align:center; font-size:12px; vertical-align:middle; float:left; table-layout:fixed; }
.eye-voice th{ background:#FFECEC; border:1px #CCCCCC solid; padding:4px 0; }
.eye-voice td{ border:1px #CCCCCC solid; padding:4px 0; }
.eye-voice .title-l{ text-align:left; border-right:none; padding:4px 6px; }
.eye-voice .title-r{ text-align:right; border-left:none; padding:4px 6px; }
.eye-voice .title{ background:#A4C6FF; }
.eye-voice .next{ color:#ff0033; font-weight:bold; font-size:14px; }
.eye-voice .text{ text-align:left; padding:4px 6px; }


/*----------------------------------------------------------------------
    会社概要
  ----------------------------------------------------------------------*/
#company strong{ margin:4px 0; font-size:14px; color:#009900; }
#company th{ width:80px; }


/*----------------------------------------------------------------------
    パートナー企業様
  ----------------------------------------------------------------------*/
#partner h4{ font-size:14px; border:none; margin:0 16px 2px; padding:0; }


/*----------------------------------------------------------------------
    お問い合わせ
  ----------------------------------------------------------------------*/
#contact .flow{ font-size:14px; color:#999999; padding-bottom:16px; }
#contact .flow strong{ color:#FF6600; }
#contact .flow span{ color:#CCCCCC; }
#contact .flow .error{ color:#FF0000; font-size:12px; font-weight:bold; }
#contact .send{ margin:32px 0 64px; line-height:200%; }
#contact .send .error{ color:#FF0000; font-weight:bold; }
#contact th span{ color:#FF6600; }
#contact input, #contact  textarea, #contact select{ padding:4px; }
#contact input.error, #contact  textarea.error{ background:#FFF0F0; }


/*----------------------------------------------------------------------
    404エラーページ
  ----------------------------------------------------------------------*/
#error404 h2{ margin:32px 16px; padding:24px 0 24px 80px; background:url(images/icon_error.png) no-repeat left top; font-size:18px; color:#999999; }
#error404 p{ margin:4px 16px 64px 32px; line-height:200%; }