@charset "utf-8";
/* ------------------------------------------------
CSS Information : common.css 全体の共通スタイル設定
--------------------------------------------------- */

/* ---------------------------------------------------
汎用
--------------------------------------------------- */

.width300{
	width:300px;
}

/* ---------------------------------------------------
ベース
--------------------------------------------------- */
body {
	color: #333333;
	text-align:center;
	font-size: 80%;
	/*line-height: 1.7;*/
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


/* ---------------------------------------------------
 #container
--------------------------------------------------- */
#container {
	width:100%;
	text-align: center;
	overflow: hidden;
	margin:0 auto;
}

/* ---------------------------------------------------
 #header
--------------------------------------------------- */

/*#header {
	position:relative;
	text-align: left;
	margin: 0 auto 21px auto;
}
#header-inner {
	width: 950px;
	overflow: hidden;
}

#header-topline{
	height:auto;
	padding:5px 10px;
}

#header-topline .header-topline_navi {
	float: right;
	width:auto;
	padding:0;
	margin:0;
}

#header-topline .header-topline_navi ul {
	height:auto;
}

#header-topline .header-topline_navi ul li {
	display: inline;
	margin-left:20px;
}


#header-topline h1{
	font-size: 90%;
	font-weight: normal;
	width:auto;
	margin:0;
	float:left;
}

#header .logo {
	text-align: left;
	float: left;
	width: 200px;
	padding: 10px 0 20px 0;
}


#header #header_box {
	position: absolute;
	top: 45px;
	right: 14px;
	width:600px;
	height:100px;
	overflow: hidden;
}

#header #header_box ul {
	text-align: right;
	width: auto;
	overflow: hidden;
}

#header #header_box li {
	float:left;
	margin-top:25px;
	display: inline;
	margin-left:15px;
}

#header #header_box li img{
	margin:0;
}*/

#cart_btn a{
	width:140px;
	height:47px;
	margin:5px 0 0 0;
	padding: 0px;
	/*background-image: url(../images/btn_cart_off.png);
	background-repeat: no-repeat;*/
	background-color: #FFFFFF;
	background-position: 0px;
	float:left;	
}

#cart_btn a:hover {
	width:140px;
	height:47px;
	padding: 0px;
	padding: 0px;
	/*background:url(../images/btn_cart_on.png);
	background-repeat: no-repeat;*/
	background-color: #FFFFFF;
	background-position: 0px;
	float:left;	
}

#login_btn a{
	width:140px;
	height:47px;
	margin:5px 0 0 0;
	padding: 0px;
	/*background-image: url(../images/btn_login_off.png);
	background-repeat: no-repeat;*/
	background-color: #FFFFFF;
	background-position: 0px;
	float:left;	
}

#login_btn a:hover {
	width:140px;
	height:47px;
	padding: 0px;
	padding: 0px;
	/*background:url(../images/btn_login_on.png);
	background-repeat: no-repeat;*/
	background-color: #FFFFFF;
	background-position: 0px;
	float:left;	
}

#search_box_block{
	text-align:right;
	margin-bottom:-15px;
}

#_search_box{
    border:#A9A9A9 1px solid;
    padding:5px;
    font-size:14px;
    background: -moz-linear-gradient(top, #eeeeee, #ffffff);
    background: -webkit-gradient(linear, center top, center bottom, from(#eeeeee), to(#ffffff));
}

#_search_box { color:#999;}

#search_btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f7c5c0;
	box-shadow:inset 0px 1px 0px 0px #f7f5f5;
	background-color:#b1a8a7;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #bbbbbb;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	padding:3px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #b88a87;
}
#search_btn:hover {
	background-color:#cac6c5;
}
#search_btn:active {
	position:relative;
	top:1px;
}

/* ---------------------------------------------------
 #topic_path
--------------------------------------------------- */
#topic_path{
	margin: 0 ;
}

#topic_path li {
	color: #333333;
	font-size: 90%;
	float:left;
	display:inline;
	height:20px;
	line-height:20px;
}

#topic_path li a {
	padding:0 20px 0 0 ;
	background:url(../images/topic_path_arrow.gif);
	background-repeat:no-repeat;
	background-position:right center;
}

#topic_path strong {
	font-weight: normal;
}




/* ---------------------------------------------------
#global_navi
--------------------------------------------------- */

    #globalnavi{  
      margin: 0;  
      padding: 0;  
      width:950px; 
	  border-bottom:#00265a 5px solid; 
    }  
      
    #globalnavi ul{  
      list-style-type: none;  
      margin: 0;  
      padding: 0;  
    }  
      
    #globalnavi li{  
      float: left;  
      margin: 0;  
      padding: 0;  
    }  
	
.global_homelink{
      width:145px;
	  height:45px;
}

.global_link{
      width:115px;
	  height:45px;
}
      
.globalnavi01 a{
	display: block;
	height:45px;
	width:145px;
	background: url(../images/global_navi_btn_fixed.jpg) no-repeat;
	text-align:center;
	line-height:50px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
.globalnavi01 a:hover{
	display: block;
	background: url(../images/global_navi_btn_fixed.jpg) no-repeat;
	color:#FFC;
}
.globalnavi02 a{
	display: block;
	height:45px;
	width:115px;
	background: url(../images/global_navi_btn_off.jpg) no-repeat;
	text-align:center;
	line-height:50px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}
.globalnavi02 a:hover{
	display: block;
	background: url(../images/global_navi_btn_on.jpg) no-repeat;
	color:#FFC;
}





/* ---------------------------------------------------
 #middle_area
--------------------------------------------------- */
#middle_area {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	overflow: hidden;
}

#middle_topimg {
	width: 750px;
	height:300px;
	margin: 0 0 25px 0;
	overflow: hidden;
}

#middle_toplink{
	width: auto;
	height:300px;
	margin: 0 0 10px 0;
	overflow: hidden;
	background-color:#92d2fb;	
}

#middle_toplink01box{
	width: 179px;
	height:140px;
	border:#92d2fb 3px solid;
	margin:0;
	overflow: hidden;
	background:url(../images/middle_toplink01.gif) no-repeat;
	text-align:center;
}

#middle_toplink01box_btn{
	width:158px;
	height:39px;
	margin:85px auto;
}

#middle_toplink01box_btn span{
	display:none;
}


#middle_toplink01box_btn a{
	width:158px;
	height:39px;
	display:block;
	background:url(../images/middle_toplink01_btn_off.gif) no-repeat;
}

#middle_toplink01box_btn a:hover{
	background:url(../images/middle_toplink01_btn_on.gif) no-repeat;
}

#middle_toplink02box{
	width: 185px;
	height:100%;
	margin:auto;
	overflow: hidden;
	text-align:center;
}

#middle_toplink02box_btn{
	width:158px;
	margin:auto;
}


#middle_toplink02box_btn a{
	width:158px;
	height:39px;
	display:block;
	background:url(../images/middle_toplink02_btn_bg_off.png) no-repeat;
	background-position:top center;
	margin-top:10px;
}

#middle_toplink02box_btn a:hover{
	background:url(../images/middle_toplink02_btn_bg_on.png) no-repeat;
}

#main_contents_box{
	margin:0 0 10px 0;
	
}

#navi_left{
	float: left;
	width: 185px;
	height:auto;
	margin: 0 10px 10px 0;
	overflow: hidden;
}

#navi_right{
	float: right;
	width: 185px;
	height:auto;
	margin: 0 0 10px 10px;
	overflow: hidden;
}

.ranking_box{
	width:auto;
	height:auto;
	margin:0;
	padding:5px;
	overflow: hidden;
	border:#01357c 1px solid;
	text-align:left;
}


.ranking_boxt dl{
margin:10px 0 0 0 ;
padding:0;
}

.ranking_box dt{
margin-top:10px;
padding:0px;
width:80px;
float:left;
}

.ranking_box dd{
color:#333333;
font-size:12px;
margin-top:10px;
margin-left:5px;
padding-left:3px;
padding-top:2px;
line-height:12px;
float:left;
width:80px;
text-align:left;
}

.ranking_box dd a{
	text-decoration:none;
}


.ranking_box_br{
	clear:both;
	margin-bottom:10px;
}


.recommend_box{
	width:auto;
	height:auto;
	margin:0;
	padding:5px;
	margin-top:10px;
	overflow: hidden;
	border:#01357c 1px solid;
	text-align:left;
}


.recommend_box dl{
margin:10px 0 0 0 ;
padding:0;
}

.recommend_box dt{
margin-top:10px;
padding:0px;
width:40px;
float:left;
}

.recommend_box dd{
color:#333333;
font-size:12px;
margin-top:10px;
margin-left:5px;
padding-left:3px;
padding-top:2px;
line-height:12px;
float:left;
width:100px;
text-align:left;
}

.recommend_box dd a{
	text-decoration:none;
}

.recommend_box_br{
	clear:both;
	margin-bottom:10px;
}




.side_menu_box{
	width:auto;
	height:auto;
	margin:10px 0 0 0;
	padding:5px;
	overflow: hidden;
	border:#92d2fb 1px solid;
	background-color:#FFFFFF;
	text-align:left;
}

.side_menu_box_img {
	text-align:center;
}

.side_menu_box_img  img{
	text-align:center;
	margin:5px auto;
}
	


/* 2016.11.11 NPHARMA-602 【EC】Myページリニューアル　デザイン修正 UPD t.kobayashi START */
#contents_holder{
	/*float: right;*/
	clear: both;
	width: 750px;
	height:auto;
	/*margin: 0 0 10px 5px;*/
	margin: 0 auto 10px;
	overflow: hidden;
	background-color:#FFFFFF;
}
/* 2016.11.11 NPHARMA-602 【EC】Myページリニューアル　デザイン修正 UPD t.kobayashi END */

#contents_holder p{
	text-align:left;
	padding:5px 10px;
}

#main_contents_bnrarea{
	margin:0;
	overflow:visible;
}

#main_contents_bnrarea li{
	float:right;
	margin:0 10px 5px auto;
}

#info_box{
	padding:10px auto 10px 10px;
	margin:10px 0;
	text-align:left;
}

#info_box img{
	margin:0 0 10px 0;
}

#info_box dl{
	border-left:#CECECE 3px solid;
}

#info_box dt{
	float:left;
	width:70px;
	margin:5px 0 0 10px;
}

#info_box dd{
	float:left;
	width:650px;
	margin:5px 0 0 0;
}

.content_box_title01{
	margin:0 0 10px 0;
	padding:10px 35px 0 0;
	background:url(../images/content_box_title01.jpg) no-repeat;
	background-position:bottom;
	text-align:right;
	line-height:30px;
	font-weight:normal;
}

.content_box_title01 a:hover{
	color:#07b4c3;
}



.content_box_bg01_top{
	width:750px;
	height:25px;
	background:url(../images/content_bg_750a_01.gif) no-repeat;
	margin:0;
}

.content_box_bg01_middle{
	width:750px;
	height:auto;
	background:url(../images/content_bg_750a_02.gif) repeat-y;
	margin:0;
}

.content_box_bg01_middle p{
	margin:0 20px;
}

.content_box_bg01_bottom{
	width:750px;
	height:25px;
	background:url(../images/content_bg_750a_03.gif) no-repeat;
	margin:0;
}

.item_box{
	margin:0 20px;
}

.item_box dl{
	float:left;
	width:140px;
	padding-left:29px;
}

.item_box dd span{
	text-align:left;
	}





.pagetop{
	/*height:30px;
	background:url(../images/pagetop_bg.jpg) no-repeat;
	background-position:bottom right;
	text-align:right;
	line-height:30px;*/
}

.pagetop span{
	padding-right:43px;
	font-size:10px;
	color:#01357c;
}

.pagetop span a{
	text-decoration:none;
}

/* ---------------------------------------------------
 #footer #copyright
--------------------------------------------------- */
#footer {text-align:left;  margin:0 auto 0 auto; padding:0;}

#footer_box {text-align:left;  margin:0 auto 0 auto; padding:20px; background-color:#01357c;}

#footer_remotelink_box{float:left; margin-right:20px; }

#footer_remotelink_box span { color:#9dd7fd;; font-weight:bold;}

.footer_remotelink_block{margin:10px auto;}

.footer_remotelink_block li{padding:5px 0 5px 20px; height:auto;background:url(../images/footer_listicon.gif) no-repeat; background-position:left;list-style-type:none; line-height:12px;}

.footer_remotelink_block li a{ color:#FFFFFF;}

.footer_remotelink_block li a:hover{ color:#fcf5ac;}


#copyright{ padding-right:10px; color:#FFFFFF; text-align:right; background-color:#FFFFFF;}

#paging_header
{
    font-size:0.95em;
    border-bottom:1px dotted #e7b4b4;   
    padding:3px 3px 5px 3px;
}

#paging_footer
{
    font-size:0.95em;
    padding:3px 3px 5px 3px;
    margin-top:10px;
}

#paging_header p,
#paging_footer p
{
    float:left;
}

#paging_header ul,
#paging_footer ul
{
    text-align:right;
}

#paging_header li,
#paging_footer li
{ 
    display: inline; 
    padding-right:3px;
}

/* NPHARMA-2574 ADD START */
/* ---------------------------------------------------
 ZEUS 3Dセキュア2.0
--------------------------------------------------- */
/* .modal-3ds */
.modal-3ds {
    position: fixed;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.modal-3ds.is-open {
    opacity: 1;
    pointer-events: auto;
}

.modal-3ds__overlay {
    position: absolute;
    background-color: rgba(17, 17, 17, 0.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.modal-3ds__inner {
    position: relative;
    background-color: #fff;
    width: 100%;
    max-width: 70rem;
    /*border-radius: 0.7rem;*/
    z-index: 9;
}

@media screen and (max-width: 768px) {
    .modal-3ds__inner {
        max-width: 67rem;
    }
}

.challenge_window {
    height:50vh;
}

.tds_agree-form-cart {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    .tds_agree-form-cart {
        margin-top: 4rem;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.tds_agree-form-cart__inner {
    position: relative;
    padding-left: 4rem;
    font-size: 1.6rem;
    letter-spacing: 0.12em;
    line-height: 1.78571;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .tds_agree-form-cart__inner {
        display: -ms-flexbox;
        display: flex;
        padding-left: 7rem;
        padding-right: 2.2rem;
        font-size: 2.5rem;
        line-height: 1.6;
    }
}
/* NPHARMA-2574 ADD END */