﻿@charset "utf-8";

/*-----------------------------------------------------

下層ページ用スタイル
YUI Font-size Adjustment
10px = 77%     11px = 85%	  12px = 93%     13px = 100%
14px = 108%	   15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/

/* =========================================================
◆base
========================================================= */

#Cont { line-height:1.5;}



/* =========================================================
◆parts
========================================================= */

.bold { font-weight:bold !important; }
.weightNormal { font-weight:normal !important; }
.small{ font-size:85.7%;}

.blue { color:#1E49B9; }
.pink { color:#EC6F91; }
.yellow { color:#ecd60c; }
.orange { color:#ff6500; }
.red{ color:#A01036;}
.gray{ color:#666666;}

.bdrGray{ border:1px solid #DDDDDD;}

.pctx_R{ text-align:right;}
.va_M{ vertical-align:middle;}

.pcmb20{ margin-bottom:20px !important;}
.pcmb30{ margin-bottom:30px !important;}
.pcmb50{ margin-bottom:50px !important;}
.pcmb60{ margin-bottom:60px;}

a,
area{ cursor:pointer;}
.searchBtn{ text-align:center;}
.searchBtn img{ width:240px;}

input[type="checkbox"],
input[type="radio"]{ margin-right:5px; vertical-align:baseline; padding:0;}


.mbText{ margin-bottom:20px;}
.topTxt{ margin-bottom:40px;}
.greenImgTtl { margin-bottom:40px;}
.greenImgTtl span img{ }

.fotmBtn input{ width:240px; height:auto;}
.oldie select{ vertical-align:top; padding:3px; width:auto; position:relative; top:-5px;}

a.underLine{color:#A01036; text-decoration:underline;}


/* ico*/
.ico_pdf{ background:url(/_resource/images/common/ico_pdf.gif) left top no-repeat; background-size:20px auto; padding-left:30px; min-height:20px; line-height:20px;}
.oldie .ico_pdf{background:url(/_resource/images/common/ico_pdf_2.gif) left top no-repeat;}
.ico_pdf a{ color:#000;}

.ico_privacy{ background:url(/_resource/images/about/ico_001.png) left center no-repeat; background-size:12px auto; padding-left:18px; min-height:20px; line-height:20px;}
.oldie .ico_privacy{background:url(/_resource/images/about/ico_001_2.gif) left center no-repeat;}
.ico_privacy a{ color:#000;}

.ico_mail{ background: url(/_resource/images/about/ico_002.png) left center no-repeat; background-size:21px auto; padding-left:28px; min-height:20px; line-height:20px;}
.oldie .ico_mail{background:url(/_resource/images/about/ico_002_2.gif) left center no-repeat;}
.ico_mail a{ color:#000;}

.ico_newwin{ background:url(/_resource/images/common/ico_newwin.gif) left 0.5em no-repeat; padding-left:15px;}
.ico_newwin a{color:#000;}

.ico_agree{ background:url(/_resource/images/common/ico_agreement.gif) left center no-repeat; padding-left:20px;}
h3.ico_agree{ font-weight:bold; font-size:114%; margin-bottom:10px;}

/* list */
ul.ico_redArrow{ line-height:1.5;}
ul.ico_redArrow li{background:url(/_resource/images/common/ico_001.gif) left 0.5em no-repeat; background-size:4px auto; padding-left:10px; color:#000;}
.oldie ul.ico_redArrow li{background:url(/_resource/images/common/ico_001_2.gif) left 0.5em no-repeat; }

ul.ico_redArrow li a,
.oldie ul.ico_redArrow li a{ background:none; padding-left:0;}

.ico_redArrow a{ background:url(/_resource/images/common/ico_001.gif) left 0.2em no-repeat; background-size:4px auto; padding-left:7px; color:#000;}
.oldie .ico_redArrow a{ background:url(/_resource/images/common/ico_001_2.gif) left 0.2em no-repeat; }

.red1stTextList{ margin-bottom:10px;}
.red1stTextList li,
.conNaviBox .red1stTextList li{color:#9F1034; text-indent:-1em; padding-left:1em; margin-bottom:5px; list-style:none; margin-left:0;}
.red1stTextList li span{ color:#000;}

.ico_attention{ background:url(/_resource/images/common/ico_attention.gif) left center no-repeat; background-size:16px auto; padding-left:20px; font-weight:bold; font-size:114.3%; margin-bottom:10px;}
.oldie .ico_attention{ background:url(/_resource/images/common/ico_attention_2.gif) left center no-repeat;}

.ico_tel{background: url(/_resource/images/common/ico_tel_2.gif) left center no-repeat; background-size:16px auto; padding-left:20px; font-weight:bold; font-size:114.3%; margin-bottom:10px;}
.oldie .ico_tel{ background:url(/_resource/images/common/ico_tel.gif) left center no-repeat;}

.rectIcoList li{background:url(/_resource/images/common/ico_005.gif) left 0.5em no-repeat; background-size:5px auto; padding-left:10px; margin-bottom:10px;}
.oldie .rectIcoList li{ background:url(/_resource/images/common/ico_005_2.gif) left 0.4em no-repeat;}

ul.grayRectIcoList li{ background:url(/_resource/images/common/ico_grayRect.png) left 0.5em no-repeat; padding-left:10px; margin-bottom:10px;}

/* dlList*/
#pharmacy .rectIcoList{ margin-bottom:30px;}
.rectIcoList dt{ font-size:114.3%; font-weight:bold; color:#9F1034; margin-bottom:10px;}
.rectIcoList dd{ background:url(/_resource/images/common/ico_005.gif) left 0.5em no-repeat; background-size:5px auto; padding-left:10px; margin-bottom:10px;}
.oldie .rectIcoList dd{ background:url(/_resource/images/common/ico_005_2.gif) left 0.4em no-repeat;}

/* =========================================================
◆common section
========================================================= */

/*#Cont .section {
	margin:0 25px 0;
}*/

.grayBox{ background:#EEEEEE; padding:12px;}
.subNavi{ border-top:1px dotted #999999; padding-top:30px; width:100%; overflow:hidden; margin-top:30px; }

.subNavi ul:before, .subNavi ul:after { content: ""; display: table; }
.subNavi ul:after { clear: both; }
.subNavi ul { zoom:1; width:100%; }
.subNavi ul{ }
.subNavi ul li{ width:32.558139534%; margin-right:1.162790697%; border:1px solid #DDDDDD; margin-bottom:10px; padding-right:10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
/*display:inline-block;*/
float:left;
vertical-align: top;
margin-left:0;
padding-left:0;
font-size:100%;
min-height:51px\9;

}
.ie7 .subNavi ul li{ width:31%; margin-right:1%;
display: inline; /* display: inline-block;の代わり */
  /*zoom: 1;*/
		}
.subNavi ul li a{ background:url(/_resource/images/common/ico_004_2.gif) right center no-repeat; background-size:13px auto; color:#000; padding:15px 13px 15px 10px; display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
 max-width: 100%;
	height:100%;

}
.oldie .subNavi ul li a{background:url(/_resource/images/common/ico_004.gif) right center no-repeat;}
.subNavi ul li.last{ margin-right:0;}

/* =========================================================
◆Headings
========================================================= */

#Main h1.textTtl{ font-size:15px; background:url(/_resource/images/common/bg_textTtl.gif) left bottom no-repeat #DDD; line-height:1;  margin-bottom:47px; padding-bottom:3px;}
#Main h1.textTtl span{ font-size:200%; display:block; background:#FFF; padding:40px 4.255319148%;}

#Main h1.imgTtl{ border-bottom:2px solid #A01036; margin-bottom:50px; text-align:right; position:relative; height:197px;}
#Main h1.imgTtl span{ position:absolute; left:30px; top:51px;}
#Main h1.imgTtl.irTop span{ left:40px; top:31px;}

#Main h1.imgTtl.about{ background:url(/_resource/images/about/h1_about.jpg) right top no-repeat;}
#Main h1.imgTtl.pharmacy{ background:url(/_resource/images/pharmacy/h1_pharmacy.jpg) right top no-repeat;}
#Main h1.imgTtl.network{ background:url(/_resource/images/network/head_001.jpg) right top no-repeat;}

#Main h1.imgTtl.irTop{ background:url(/_resource/images/ir/mainVis_ir001.jpg) right top no-repeat;}
#Main h1.imgTtl.shareholder{ background:url(/_resource/images/ir/bg_shareholder001.jpg) right top no-repeat;}
#Main h1.imgTtl.financial{ background:url(/_resource/images/ir/bg_financial001.jpg) right top no-repeat;}
#Main h1.imgTtl.faq{ background:url(/_resource/images/ir/bg_faq_001.jpg) right top no-repeat;}


.ttl_text { border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; line-height:1; padding:18px 0; margin-bottom:20px;}
.ttl_text span{ display:block; border-left:4px solid #A01036; padding:2px 0 2px 10px; font-size:114.3%; font-weight:bold;  line-height:1.5;}

.redTtlMb10{ font-size:114.3%; color:#A01036; margin-bottom:10px; font-weight:bold; }
.redTtlMb20{ font-size:114.3%; color:#A01036; margin-bottom:20px; font-weight:bold; }

/* =========================================================
◆news
========================================================= */
#tabIndex{ margin-bottom:10px;  padding-top:1px;}
#tabIndex li{ float:left; list-style:none; border-right:1px solid #FFF; border-left:1px solid #FFF;width:25%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.ie7 #tabIndex li{ width:24.3%;}
#tabIndex li img{ width:100% !important;}

.newsText { background:url(/_resource/images/common/ico_001.gif) left 0.3em no-repeat; background-size:4px auto; padding-left:10px;}
:root .newsText {background:url(/_resource/images/common/ico_001.gif) left 0.5em no-repeat; background-size:4px auto;}
.oldie .newsText {background:url(/_resource/images/common/ico_001_2.gif) left 0.4em no-repeat;}
.newsText a:link,
.newsText a:visited,
.newsText a:hover,
.newsText a:active{ color:#000;}

.irRelease{ padding-bottom:20px;}
.irRelease li{ padding:0 20px 10px; line-height:1.5; border-bottom:1px dotted #CCCCCC; margin-bottom:10px;
display:table;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.irRelease li img{ width:80px !important; padding:0 10px; float:left;}
.irRelease li span.date{ display:block; float:left; width:8.5em !important;}

.irRelease li span.newsText{ float:left; max-width:59%; display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

#new .ico_rightArrow,
#report .ico_rightArrow,
#shop .ico_rightArrow,
#newstab .ico_rightArrow{ background:url(/_resource/images/common/ico_003.gif) right center no-repeat; background-size:13px auto; padding-right:20px; text-align:right; margin-right:20px;}

.oldie #new .ico_rightArrow,
.oldie #report .ico_rightArrow,
.oldie #shop .ico_rightArrow,
.oldie #newstab .ico_rightArrow{background:url(/_resource/images/common/ico_003_2.gif) right center no-repeat;}

ul.acc li a.head{ display:block; background:url(/_resource/images/common/btn_open_002.gif) right top no-repeat; }
	ul.acc li a.head.selected{background:url(/_resource/images/common/btn_close_001.gif) right top no-repeat; padding:0 0 10px 0;}



.oldie ul.acc li a.head em{background:url(/_resource/images/common/btn_open_001_2.gif) right top no-repeat; border:none;}
ul.acc li a.head.selected em{ background-position:left top;}



/* =========================================================
◆appliDL
========================================================= */
.recordBox{ margin-bottom:30px;}
.recordBox .left{ float:left; width:47.441860465%;}
.recordBox .right{ float:right; width:50%; }

.appDlArea{ border:2px solid #ddd; padding:1px; width:91.627906976%; text-align:left;}
.appDlArea h3{ text-align:center; padding:10px; background:#A01036; margin-bottom:15px;}
.appDlArea .appDlAreaInner{ padding:0 12px;}
.appDlArea .appDlAreaInner p{ margin-bottom:10px;}
.appDlArea .appDlAreaInner ul{ max-width:320px; margin:0 auto;}
.appDlArea .appDlAreaInner ul li{ width:49%; margin-bottom:15px; list-style:none;}

/* =========================================================
◆FAQ
========================================================= */
.faqAnswer dt {
    background: url("/_resource/images/common/ico_q.gif") no-repeat scroll 0 28px transparent;
    border-top: 1px dotted #999999;
    font-size: 116%;
    font-weight: bold;
    margin-top: 20px;
    padding: 30px 0 30px 35px;
}
.faqAnswer dt.top{background: url("/_resource/images/common/ico_q.gif") no-repeat scroll 0 0px transparent;  border-top:none; padding-top:0;}
.faqAnswer dd {
    background: url("/_resource/images/common/ico_a.gif") no-repeat scroll 0 0 transparent;
    line-height: 1.5;
    padding: 0 0 5px 35px;
}

.faqAnswer dd table{ border-top:1px solid #DDDDDD; border-left:1px solid #DDDDDD; width:100%;}
.faqAnswer dd table th,
.faqAnswer dd table td{ padding:12px; text-align:left; border-bottom:1px solid #DDDDDD; border-right:1px solid #DDDDDD;}
.faqAnswer dd table th  { background:#EEEEEE;}
.faqAnswer dd table td{ vertical-align:middle;}

.faqAnswer dd p a {
    background: url("/_resource/images/common/ico_001_2.gif") no-repeat scroll 0 50% transparent;
    color: #000000;
    display: block;
    margin-right: 10px;
    padding: 0 10px;
}

.indent{}
.indent li{ padding-left:1em; text-indent:-1em;}