@charset "shift_jis";

/* --------------------------------------------------------------------
	common　共通エレメント
-------------------------------------------------------------------- */
body {
	color:#404040;
	margin:auto; 
	text-align:center;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:12px;
	line-height: 1.67;
	background: #Fff;
}
@media (max-width: 700px) {
  body {
    width: 100%;
  }
}
ol li {
	margin-left: 2em;
	list-style: decimal;
}
img {
	border: none;
	vertical-align: middle;
	}
strong {
	font-weight: bold;
}
input {
	vertical-align: middle;
}
input {
	font-family:  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
}
textarea {
	font-family:  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
}

select {<a href="../../i-drugmart/list"></a>
	font-family:  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
}

label {
	margin: 0 20px 0 5px;
}
a:link {
	color:#363636;
	text-decoration: none;
}
a:visited {
	color:#363636;
	text-decoration: none;
}
a:hover {
	color:#0850a3;
	text-decoration: underline;
}


.focus {
	background: #ECF7FF!important;
}

a{outline:none;
　}


element.style {
    opacity: 1;
}

#topic-path{margin-bottom:20px;}

.text_bk{background:#F3F3F3;
         padding:10px;
		 margin:15px 0;}
/* --------------------------------------------------------------------
	common　汎用クラス
-------------------------------------------------------------------- */
/* 文字サイズ */
.large_ {
	font-size: 120%;
}
.xlarge_ {
	font-size: 144%;
}
.small_ {
	font-size: 80%;
}
.xsmall_ {
	font-size: 64%;
}

span{color:#404040}

span.blue{color:#0850a3;}
span.blue_b{color:#0850a3;
font-weight:bold;
font-size:13px;}


span.red{color:red;
         }
span.under{text-decoration:underline ;
           color:#CC0000;
		   }

span.bold{font-weight:bold;}
/**/


/* フロート */
.leftfloat_ {
	float: left;
	display: inline;
}
.rightfloat_ {
	float: right;
	display: inline;
}

img.leftfloat_ {
	margin: 0 10px 10px 0;
}
img.rightfloat_ {
	margin: 0 0 10px 10px;
}

/* フロートクリア */
.clearfloat_:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfloat_ {
	display: inline-block;
}
.clear{clear:both;}
/* Hides from IE-mac \*/
* html .clearfloat_ {
	height: 1%;
}
.clearfloat_ {
	display: block;
}
/* End hide from IE-mac */

/**/

/* 文整列 */
.lefttext_ {
	text-align: left;
}
.righttext_ {
	text-align: right;
}
.centertext_ {
	text-align: center;
}
/**/



/* 共通クラス(その他) */
.hidden_ {
	visibility: hidden;
}
.nocell_ {
	border:none!important;
	background-color:transparent!important;
}
.hiddenEnter_ {
	width:0;
	height:0;
}



/* ページトップへ */
.scroll_top_ {
	text-align: left;
	margin: 30px 0 20px 0;
}
.scroll_top_ a.btn_pagetop_ {
	float: right;
	display: block;
	background: url(../img/icon/icon_arrow_pagetop.gif) no-repeat right center;
	padding-right: 15px;
	line-height: 15px;
	height: 15px;
	font-size: 12px;
}



/* --------------------------------------------------------------------
	common　マージン・パディング
-------------------------------------------------------------------- */

.mgt5_ {
	margin-top:5px!important;
}

.mgt10_ {
	margin-top:10px!important;
}
.mgt20_ {
	margin-top:20px!important;
}
.mgt30_ {
	margin-top:30px!important;
}
.mgb10_ {
	margin-bottom:10px!important;
}
.mgb20_ {
	margin-bottom:20px!important;
}
.mgb30_ {
	margin-bottom:30px!important;
}


.pgt10_ {
	padding-top:10px!important;
}
.pgt20_ {
	padding-top:20px!important;
}
.pgt30_ {
	padding-top:30px!important;
}
.pgb10_ {
	padding-bottom:10px!important;
}
.pgb20_ {
	padding-bottom:20px!important;
}
.pgb30_ {
	padding-bottom:30px!important;
}

.red{
    color:#ff0000;
}
@media (max-width: 700px) {
  .red {
    font-size: 2px;
  }
}

#p-header{
	margin: auto!important;
	background-color:#FF8FB6; 
	font-size:14px; 
	line-height:22px; 
	overflow:hidden; 
	padding:6px 0; 
	color:#FFF
}

.align-center{
	text-align: center!important;
}