@charset "utf-8";

img {
    height: auto;
    max-width: 100%;
    width: auto;
}

/* =========================================================
◇section
========================================================= */

address{ font-style:normal !important;}

#Main h1.textTtl{ background:url(/_resource/images/common/sp/bg_textTtl.gif) left bottom no-repeat; padding:20px; margin-bottom:20px; position:relative;}
#Main h1.textTtl span{ font-size:18px; line-height:1.3; font-weight:bold;}

#Main h1.imgTtl{ border-bottom:2px solid #A01036; margin-bottom:30px;}

.subNavi{ border-top:1px solid #DDD; border-bottom:1px solid #DDD; margin-top:20px;}
.subNavi ul{ padding:0 3.125%; overflow:hidden !important;}
.subNavi ul li { border-top:1px dotted #999999; background:url(/_resource/images/common/sp/ico_001.gif) right center no-repeat; background-size:8px auto; padding-right:15px; margin-top:-1px;}
.oldie .subNavi ul li{ background:url(/_resource/images/common/sp/ico_001_2.gif) right center no-repeat;}
.subNavi ul li a{ display:block; padding:12px 0;}

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

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

/* =========================================================
◇common parts
========================================================= */

.box01In { margin:0px 2%;}
.box01In p{ margin-bottom:15px;}

.lastSp{ margin-bottom:0 !important;}
.topTxt{ margin-bottom:20px;}

.spMlr10{ margin:0 10px;}

.spmb10{ margin-bottom:10px;}
.spmb20{ margin-bottom:20px;}

.column2OrangeIco{ width:100%; display:block;  overflow:hidden; margin-right:-1px; margin-top:-1px; /*border-bottom:1px dotted #ccc;*/}
.column2OrangeIco li{ float:left; width:50%; /*border-top:1px dotted #ccc; border-right:1px dotted #ccc;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.column2OrangeIco li a{ padding:10px;  display:block; background:url(/_resource/images/common/sp/ico_001.gif) right center no-repeat; background-size:8px; background-origin:content-box;}
.column2OrangeIco li a span{ padding-left:10px;}

.oldie .column2OrangeIco li a{background:url(/_resource/images/common/sp/ico_001_2.gif) right center no-repeat;}

/* box */
.grayBox {
    background: none repeat scroll 0 0 #EEEEEE;
    padding: 10px;
}
.hiddenBlock{ display:none;}
.boxLayoutParent {
	display: -moz-box;
	display: -webkit-box;
	display: -o-box;
  display: box;
}
.boxSizing{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}
	
.boxLayout2column li {
	margin: 5px 5px 5px 0;
	width: 48%;
	float: left;
	clear: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.boxLayout2column li:nth-child(even) {
	float: right;
	margin-left: 5px;
	margin-right: 0;
}

.boxLayoutBnr2column li {
	margin: 5px 5px 5px 0;
	width: 46%;
	float: left;
	clear: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.boxLayoutBnr2column li:nth-child(even) {
	float: right;
	margin-left: 5px;
}
.boxLayoutBnr2column li img {
	width: 100%;
}
.boxLayoutParent {
	display: -moz-box;
	display: -webkit-box;
}
.boxLayoutValignCenter {
	-moz-box-align: center;
	-webkit-box-align: center;
	-box-align: center;
}
.boxLayoutParent .boxLayoutMain {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
}
.boxRadius10{
	-webkit-border-radius: 0.4em;
	-moz-border-radius:0.4em;
	border-radius: 0.4em;
margin:0 12px;
overflow:hidden !important;}
.boxRadius5{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
.boxRadius10Top{
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius:10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
overflow:hidden !important;}

.boxShadow{
-webkit-box-shadow: 0px 0px 5px #C0C0C0;
-moz-box-shadow: 0px 0px 5px #C0C0C0;
box-shadow: 0px 0px 5px #C0C0C0;

}
.bdrBox {  
 -moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}


/*見出し*/
.ttl_text { border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; line-height:1; padding:10px 0; margin-bottom:15px;}
.ttl_text span{ display:block; border-left:4px solid #A01036; padding:2px 0 2px 10px; font-size:16px; font-weight:bold; line-height:1.5;}

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

.greenImgTtl { margin-bottom:15px;}
.greenImgTtl span img{ /*max-width:70%;*/}

.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;}

.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;}

/* 背景 */
.bgOrange{ background:#FFE599;}
.bgGray{ background:#EEEEEE;}

/* border */
.grayBdr{ border:1px solid #CCCCCC;}


/* button */
.fotmBtn input {
    height: auto;
    width: 240px;
}

/* text */
.small{ font-size:12px;}
.lightGray{ color:#666666;}
.red{color:#A01036;}
.gray{ color:#666666;}

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

/* 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;}

.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:15px;}
.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;}


/* icon */
.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_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_newwin{ background:url(/_resource/images/common/ico_newwin.gif) left 0.5em no-repeat; padding-left:15px;}
.ico_newwin a{color:#000;}


/* =========================================================
◆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; display:block;}
:root .newsText {ackground:url(/_resource/images/common/ico_001.gif) left 0.2em no-repeat;}
.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-bottom:10px; margin:0 10px; line-height:1.5; border-bottom:1px dotted #CCCCCC; margin-bottom:10px;}
.irRelease li a{ color:#A01036; font-size:16px;}
.irRelease li img{ width:80px; margin:0 10px;} 

.irRelease li ul li{ margin:0 0px 10px;}
.irRelease li ul li a,
.oldie .irRelease li ul li a{ font-size:14px; color:#000; background:none; padding-left:0;}

#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;}


/* =========================================================
◆appliDL
========================================================= */
.recordBox{ margin-bottom:15px;}
.recordBox .left{ margin-bottom:10px;}
.recordBox .right{ text-align:center;}

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


/* =========================================================
◆FAQ
========================================================= */
.faqAnswer dt {
    background: url("/_resource/images/common/ico_q.gif") no-repeat scroll 0 9px transparent;
    border-top: 1px dotted #999999;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    padding: 10px 0 10px 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:8px; text-align:left; border-bottom:1px solid #DDDDDD; border-right:1px solid #DDDDDD;}
.faqAnswer dd table th  { background:#EEEEEE; font-weight:normal;}
.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;}