/* ******************************************************************** */
/* CSS for 薬ネット
/* Date.2011/9/1
/* Copyright 2011 MedicalValue All rights reserved.
/* For HP
/* ******************************************************************** */

/* Homepage css ------------------------ */

body {
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	font-family:;
	vertical-align:middle;
	line-height:1.4;
	color:#000;
	font-size:14px;
}

/* link ----------------------------------------------------- */

a:link {
	color:#003399;
	text-decoration:none;
	line-height: 1.2;
}
a:visited {
	color:#003399;
	text-decoration:none;
}
a:hover {
	color:#ff3300;
	text-decoration:underline;
}


a.topnav {color:#fff;text-decoration:none;font-weight:none ;font-size:18px;}
a.topnav:active {color:#fff;text-decoration:underline;}
a.topnav:visited {color:#fff;text-decoration:underline;}
a.topnav:hover {color:#fff;text-decoration:underline;}

a.navw {color:#fff;text-decoration:none;font-weight:none ;}
a.navw:active {color:#fff;text-decoration:underline;}
a.navw:visited {color:#fff;text-decoration:underline;}
a.navw:hover {color:#fff;text-decoration:underline;}

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

#header {
    border-top: solid 4px #78c1fc;
	width: 100%;
	height: 130px;
}

#header_top {
    color: #000;
    width: 100%;
    height: 80px;
}

#header_under {
	background: #96d2dc;
	color: #000;
	width: 100%;
	height: 50px;
}

#topbar {
    margin:0px auto;
	line-height: 1;
	color: #000000;
	width: 980px;
	height: 80px;
}

#navibar {
    margin:0px auto;
	line-height: 1;
	background:#000;
	color: #000000;
	width: 980px;
	height: 50px;
}

/* css ----------------------------------------------- */

#topimageGroup {
     width: auto;
     height: 360px;
     margin:0;
     /* background-image:url("../image/bg_topimage.jpg"); */
     background-color: #f3fdff;
     border-bottom:solid 8px #449fb0;
}

#topimage {
     width: 980px;
     height: 360px;
     margin-left:auto;
     margin-right:auto;
     background-color: #f4f4f4;

}


#slider {
	width:980px;
	height:390px;
	/*IE bugfix*/
	padding:0;
	margin:0;
}
			
#slider li { list-style:none; }

/* footer ------------------------------------------------------- */

#footer {
	padding:20px;
	width:auto;
	
}

#underspace {
	height:50px;
}


/* 3段 ---------------------------------------------------------- */

#contents {
	margin:0px auto;
	width: 980px;
	/*height:800px;*/
	baackground: #ccc;
	margin-top:12px;
}

#container {
 width:980px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}

#wrapper {
 width:980px;
 float:left;
 margin-right:20px;
}

#boxA {
 height:20px;
} 

#boxD {
 width:180px;
 float:left;
}

#boxE {
 width:100%;
 height:50px;
 clear:left;
}

#boxB {
 width:270px;
 float:right;
 margin-left:20px
}

#boxC {
 width:490px;
 float:right;
}


#boxA2 {
 height:20px;
} 

#boxD2 {
 z-index: -100;
	width:180px;
	height;auto;
 float:left;
}

#boxE2 {
 width:100%;
 min-height:100px;
 clear:left;
}

#boxB2 {
 width:270px;
 float:right;
 margin-left:20px
}

#boxC2 {
 z-index: 100;
	width:780px;
 float:right;
}



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


.LboxR {
 width:auto;
 border:1px solid #999;
 text-align:center;
 margin-bottom:20px;
}

.Lbox_top {
 width:auto;
 margin-bottom:4px;
 height:8px;
 background:#449fb0;
}


.Lbox_bar {
 text-align:left;
 color:#000;
 font-size:14px;
 font-weight:bold;
 padding-top:10px;
 padding-left:20px;
 height:24px;
 background:#f4f4f4;
 border:1px solid #ccc;
 border-left:4px solid #449fb0;
 margin-bottom:4px;
}

.Lbox_bar_orange {
 text-align:left;
 color:#F00;
 font-size:18px;
 font-weight:bold;
 padding-top:30px;
 padding-left:20px;
 height:60px;
 background:#F90;
 border:1px solid #ccc;
 border-left:4px solid #F30;
 margin-bottom:4px;
}

#newsbar {

 font-weight:bold;
 padding-top:6px;
 padding-left:10px;
 height:22px;
 border-top:4px solid #449fb0;
 border-bottom:1px solid #ccc;
 background-color: #f4f4f4;
 
   /* 角丸の指定
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;  */
 color:#000;
 font-size:12px;
}

#newsbox {
	width:auto;
	line-height:1.4;
	margin-top:10px;
	
}


.title {
	width:auto;
	line-height:1;
	margin-bottom:20px;
	padding-left:20px;
	padding-top:20px;
	height:40px;
	font-size:24px;
	font-weight:bold;
	border-bottom:4px solid #78c1fc;
	border-left:2px solid #78c1fc;
	background:#f3fdff;
}


.cbox1 {
	width:auto;
	line-height:1.4;
	border:1px solid #ccc;
	border-top:8px solid #449fb0;
	padding:10px;
	
}

.cbox2 {
	width:auto;
	line-height:1.4;
	margin-top:10px;
	margin-bottom:10px;
	
}

.cbox3 {
	width:auto;
	line-height:1.4;
	margin-top:10px;
	margin-bottom:10px;
	
}

.link {
	width:auto;
    text-align:left;
	height:auto;
	line-height:1.2;
	padding-left:10px;
	margin-bottom:2px;
	
}

.rbox {
	width:auto;
	height:60px;
	margin-top:6px;
}

.rbox1 {
	width:auto;
	line-height:1.4;
	background:#FC6;
	color:#fff;
	height:50px;
	padding-top:25px;
    text-align:center;	
	font-size:22px;
	font-weight:bold;
}

.rbox2 {
	width:auto;
	line-height:1.4;
	background:#e4e4e4;
	border:1px solid #ccc;
	height:30px;
	padding-top:15px;
	text-align:center;
	
}

.rbox3 {
	width:auto;
	line-height:1.4;
	background:#6CF;
	color:#fff;
	height:50px;
	padding-top:25px;
    text-align:center;	
	font-size:22px;
	font-weight:bold;
}

.rbox4 {
	width:auto;
	line-height:1.4;
	background:#e49415;
	color:#fff;
	height:50px;
	padding-top:25px;
    text-align:center;	
	font-size:22px;
	font-weight:bold;
}

.rbox5 {
	width:auto;
	background:#F90;
	color:#ffffff;
	height:50px;
	font-size:20px;
	font-weight:bold;
	line-height:2.4;
	text-align:center;
	cursor:pointer;

}

.rbox6 {
	width:auto;
	background:#C00;
	color:#ffffff;
	height:60px;
	font-size:16px;
	font-weight:bold;
	line-height:4;
	text-align:center;
	cursor:pointer;
border-radius: 6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;

}

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

#content {
          display:;
          position:relative;
		  z-index:100;
          left:50%;
          font-size: 13px;
          font-family: ;
          background: #fff;
          padding: 0px 0px 0px 0px;
          border: 1px solid #b3b3b3;
          margin: 0 0 0 -480px;
          line-height: 1.8;
          color: #000000;
          width: 972px;
          /*height: 100%;*/
          overflow-y: hidden;
          overflow-x: hidden;
          white-space: normal;
	      background: #fff;
		  
border-radius: 12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;

-moz-box-shadow: 3px 3px 10px rgba(180,180,180,0.8);
-webkit-box-shadow: 3px 3px 10px rgba(180,180,180,0.8);
box-shadow: 3px 3px 10px rgba(180,180,180,0.8);

}

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

.toptitle {
	width:932px;
	padding:20px 20px 5px 20px;
	font-size:26px;
	font-weight:;
	color:#39C;
	text-align:center;
}

.topsubtitle {
	width:932px;
	padding:20px;
	font-size:18px;
	color:#999;
	padding:5px 20px 20px 20px;
	text-align:center;
}




.topshobox {
	width:932px;
	padding:20px 20px 5px 20px;
	font-size:26px;
	font-weight:;
	color:#39C;
	text-align:center;
}

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

div.box_login {
	width:320px;
	font-size:14px;
	font-weight:;
	vertical-align:bottom;
	padding:0;
	line-height:2.4;
	margin:0 auto;
}


input.input_text {
border:0;
padding:6px;
font-size:14px;
font-family:Arial, sans-serif;
border:solid 1px #ccc;
margin:0 0 10px;
width:300px;	
}

input:focus {
    border:solid 1px #28aae1;
}


input.input_text2 {
border:0;
padding:6px;
font-size:14px;
font-family:Arial, sans-serif;
border:solid 1px #ccc;
margin:0 0 10px;
width:420px;	
}

input.bluebtn {
  	margin: 0px;
	padding:1px;
	font-size: 14px;
	height:30px;
	width:120px;
	vertical-align:middle;
    background: #2c4bd3;
    color:#ffffff;
	font-weight:bold;
	cursor:pointer;
}

/* goods box ---------------------------------------------------- */

.goodsbox {
	width: 972px;
	height:160px;
	margin: 20px 0px 20px 18px;
}

.goods, .goodsL, .goods2, .goods3 {
	float: left;
	display: inline;
	margin-left: 0px;
	padding:10px;
	margin-top:9px;
	margin-bottom:9px;
	font-size:22px;
	
}

.goods {width:280px;height:160px;background:#fff;}
.goodsL {width:448px;height:220px;background:#fff;}
.goods3 {width:914px;height:260px;background:#ececec;text-align:center;}
.first {margin-left: 0;clear: left;}


/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix {zoom: 1;}
/* IE7 */
*:first-child+html .clearfix {zoom: 1;} 


.copyright {
	margin:20px 20px 20px 20px;
	padding-top:20px;
}

/* subpage -----------------------------------------------------------------------*/

.topspace {
	height:50px;
}

#sidebox {
	margin-left:20px;
	margin-right:30px;
	padding:20px;
	height:320px;
	background-color:#ececec;
}

table td {
	vertical-align:top;
    font-size:14px;
	line-height:1.4;
}


#subtitle {
	font-size:22px;
	font-weight:bold;
	margin-bottom:30px;
	border-bottom:1px solid #999;
}

#pagetxt {
	
}

#pagebox {
	margin-right:30px;
	min-height: 800px;
}

.lineGray {
	border-bottom:2px solid #ccc;
}



table.table_p  td {
     vertical-align: top;
     font-size: 13px;
     text-align:center;
     color:#000000;
     border:1px solid #999;
     padding: 5px;
     line-height:1.4;
}

.table_r {
     text-align:left;
}

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

#reso {
	display:none;
    position:absolute;
    top:0px;
	left: 0px;
    width: 100%;
	height: 100%;
	z-index:200;
	background: #000000;
    filter: alpha(opacity=40);
    -moz-opacity:0.4;
    opacity:0.4;
	
}


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

input {
  	margin: 0px;
	padding:1px;
	font-family:;
	font-size: 14px;
	line-height:1.2;
	vertical-align:middle;
background: #ececec;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
border-left: 1px solid #999;
border-top:1px solid #999;
color:#000000;
}


.orderbtn {
  	margin: 0px;
	padding:1px;
	font-size: 18px;
	height:60px;
	width:520px;
	vertical-align:middle;
background: #4daa00;
color:#ffffff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	cursor:pointer;

}

input.btnRed {
  	margin: 0px;
	padding:1px;
	font-family:;
	font-size: 14px;
	line-height:1.2;
	vertical-align:middle;
background: #FFA6A6;
border-bottom: 1px solid #FF0000;
border-right: 1px solid #FF0000;
border-left: 1px solid #FF0000;
border-top:1px solid #FF0000;
color:#ff0000;
}

.btn01 {
  	margin: 0px;
	padding:1px;
	font-size: 18px;
	height:80px;
	width:320px;
	vertical-align:middle;
    background: #2c4bd3;
    color:#ffffff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	cursor:pointer;
}

.btn02 {
  	margin: 0px;
	padding:1px;
	font-size: 18px;
	height:80px;
	width:320px;
	vertical-align:middle;
    background: #e8822f;
    color:#ffffff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	cursor:pointer;
}




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

table.frm td {
	vertical-align:middle;
}


/* grid ---------------------------------------------------------- */

.container1 {
     width: 630px;
     height:60px;
     margin: 0 auto;
}

.grid11, .grid12 {
     float: left;
     display: inline;
     margin-left: 30px;
}

.grid11 {width:300px;height:60px;}
.grid12 {width:300px;height:60px;}
.first {margin-left: 0;clear: left;}


/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
/* IE6 */
* html .clearfix {zoom: 1;}
/* IE7 */
*:first-child+html .clearfix {zoom: 1;}

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