@charset "utf-8";

h3.nayami{
	text-align: center;
	background-color: #f0f0f0;
}

#mainUrs, #mainChoritsu {
	width: 90%;
	margin: 5% auto;
	border: solid 1px #000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#mainUrs p, #mainChoritsu p {
	text-align: center;
}
#mainUrs p img, #mainChoritsu p img {
	max-width: 90%;
}
#mainUrs ul, #mainChoritsu ul {
	width: 100%;
	background-color: #e1ab00;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	margin-top: 4%;
}
#mainUrs ul {
	background-color: #e1ab00;
}
#mainChoritsu ul {
	background-color: #0ea982;
}
#mainUrs li, #mainChoritsu li {
	border-top: 2px dashed #fff;
}
#mainUrs li a, #mainChoritsu li a {
	display: block;
	color: #fff;
	font-weight: bold;
	background: url(../common/images/icon_arrow_w.png) no-repeat 5px;
}
#select {
	background:#fff url(../common/images/stripe.png);
	width: 100%;
	clear: both;
	overflow: hidden;
}

#selectInner {
	margin:0 auto;
	padding: 3%;
	text-align:center;
}

#selectInner a span{
	display:inline-block;
    padding: 0 0 0 30px;
    background: url(/ichoyaku/common/images/icon_arrow_b.png) no-repeat left ;
}

#selectInner img {
	vertical-align:middle;
}


#column {
	background-color: #f1ede0;
	width: 100%;
}

#column a {
	color:#000;
	height:100%;
	display:block;
	margin-left: 15px;
	padding: 10px 10px 10px 30px;
	background:url(/ichoyaku/common/images/icon_arrow_b.png) no-repeat left 13px;
}

#column a:hover {
	text-decoration:none;
}

#columnInner p {
	padding-top:10px;
	display: inline-block;
}


/* Smart Phone
-------------------------------------------------------------------------------- */

@media screen and (min-width: 0px) and (max-width: 639px) {
h3.nayami{
	padding-top: 20px;
}
/* container */
#mainUrs li a, #mainChoritsu li a {
	padding: 3% 6% 2% 30px;
}

#selectInner {
	background: none !important;
}
#selectInner dl dt {
	padding-left: 5% !important;
}
#selectInner dl dd {
	margin: 2% 6% !important;
}

}


/* Tablet
-------------------------------------------------------------------------------- */

@media all and (max-width: 768px) {

/* container */

#mainUrs li a, #mainChoritsu li a {
	padding: 3% 6% 2% 30px;
}
#selectInner {
	max-width: 767px;
	margin: 0 auto !important;
}
#selectInner dl {
	padding: 10% 5%;
}
#selectInner dl dt {
	padding-left: 3%;
}
#selectInner dl dd {
	margin: 2% 3%;
}
#columnInner {
	padding: 5% 0 5%;
}
.columnL,  .columnR {
	width: 90%;
	margin: 0 auto 5%;
	padding:15px;
	border: solid 1px #000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #fff;
}
}



/* PC
-------------------------------------------------------------------------------- */

@media all and (min-width: 769px) {

/* container */

#mainUrs,  #mainChoritsu {
	width: 45%;
	margin: 5% 2%;
	border: solid 1px #000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#mainUrs p,  #mainChoritsu p {
}
#mainUrs p img,  #mainChoritsu p img {
	margin-top:-75px;
}
#mainUrs {
	float: left;
}
#mainChoritsu {
	float: right;
}
#mainUrs li a, #mainChoritsu li a {
	padding: 10px 10px 10px 30px;
}
#columnInner {
	margin: 0 auto !important;
	padding: 5% 3% 0;
	overflow: hidden;
	max-width: 980px;
}
.columnL {
	width: 65%;
	min-height:130px;
	/* float: left;
	margin-bottom: 5%; */
	margin: 0 auto 5% !important;
	border: solid 1px #000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #fff;
}
.columnR {
	width: 30%;
	height: 310px;
	float: right;
	border: solid 1px #000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color: #fff;
}

.columnL p {
	width: 50%;
}

#columnInner .linkTrouble {
	    background:#fff url(../images/indexFooter_trouble.png) no-repeat right;
		-moz-background-size:40% auto;
		background-size:40% auto; 
}

#columnInner .linkMedicine {
	    background:#fff url(../images/indexFooter_medicine.png) no-repeat right;
		-moz-background-size:40% auto;
		background-size:40% auto; 
}

#columnInner .linkTrouble:hover {
	    background:#fff url(../images/indexFooter_trouble.png) no-repeat right;
}

#columnInner .linkMedicine:hover {
	    background:#fff url(../images/indexFooter_medicine.png) no-repeat right;
}
}