@charset "UTF-8";

/* layout
-------------------------------------------------------------------------------- */

.mvp-pro-box {
	padding: 25px;
	border: solid 5px #ebebeb;
	overflow: hidden;
	zoom: 1;
}

#main a {
	text-decoration:underline;
}

/* logo
-------------------------------------------------------------------------------- */

#main #mvp-logo-urso {
	width: 118px;
	height: 41px;
	padding: 0;
	text-indent: -9999px;
	background: url(../images/di.png) no-repeat -110px top;
	border: none;
	float: left;
}

/* detail banner
-------------------------------------------------------------------------------- */

.mvp-detail-bnr {
	float: right;
}

/* contents menu
-------------------------------------------------------------------------------- */

#productdetail #mvp-title-area {
	margin: 0 0 20px 0;
	padding: 10px 10px 20px 10px;
	border-top: solid 1px #006bb1;
	background:url(../../../common/images/bg_main_cap.png) repeat-x left bottom;
	color: #333333;
}

#productdetail #mvp-title-area h1 {
	font-size:125%;
	line-height:150%;
	margin:0 0 10px 0;
	padding:0;
	border:none;
	background:none;
	font-weight: bold;
}

#productdetail #mvp-title {
	width:420px;
	float:left;
}

#productdetail #mvp-title li {
	font-size:90%;
	line-height:150%;
	letter-spacing:1px;
	margin:0 0 1px 12px;
	font-weight:bold;
}

#productdetail #mvp-title-area .mvp-contents-menu {
	width:207px;
	float:right;
	margin:0;
	clear:inherit;
	padding:8px 0 8px 10px;
}

#productdetail #mvp-title-area .mvp-contents-menu li {
	width:190px;
	float:none;
	margin:0 0 5px 0;
}

.mvp-contents-menu {
	margin: 0 0 20px 0;
	padding: 10px;
	clear: both;
	border: solid 1px #f1f1e9;
	background: #f7f7ed;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	zoom: 1;
}

*:first-child+html .mvp-contents-menu {
	padding-bottom: 20px;
}

.mvp-contents-menu ul {
	margin: 0 -20px -8px 0;
	overflow: hidden;
}

.mvp-contents-menu li {
	width: 208px;
	margin: 0 8px 8px 0;
	padding: 2px;
	float: left;
	background-color: #eaeaea;
	border: solid 1px #d8d8d8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.mvp-contents-menu li a {
	display: block;
	background: #fff url(../../../common/images/bg_tit.png) repeat-x left bottom;
	border: solid 1px #fff;
	color: #4c4c4c!important;
	text-decoration: none!important;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	zoom: 1;
}

.mvp-contents-menu li a:hover {
	background: #eaebeb;
	color: #fff!important;
	text-shadow: none;
}

.mvp-contents-menu li span {
	padding: 4px 5px 4px 20px;
	display: block;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.mvp-contents-menu li.current a span {
	color: #fff;
	text-shadow: none;
}

#mvp-m-info span { background-position: 10px 6px;}
#mvp-m-code span { background-position: 10px -117px;}
#mvp-m-annex span { background-position: 10px -241px;}
#mvp-m-direction span { background-position: 10px -364px;}
#mvp-m-intev span { background-position: 10px -487px;}
#mvp-m-photo span { background-position: 10px -611px;}
#mvp-m-shiori span { background-position: 10px -734px;}
#mvp-m-guide span { background-position: 10px -857px;}
#mvp-m-pres span { background-position: 10px -980px;}

/* hover, current */
#mvp-m-info a:hover span,#mvp-m-info.current a span { background: #8561b2 url(../images/icon.png) no-repeat 10px -51px;}
#mvp-m-code a:hover span,#mvp-m-code.current a span { background: #e8a93b url(../images/icon.png) no-repeat 10px -174px;}
#mvp-m-annex a:hover span,#mvp-m-annex.current a span { background: #53782b url(../images/icon.png) no-repeat 10px -301px;}
#mvp-m-direction a:hover span,#mvp-m-direction.current a span { background: #58b5c0 url(../images/icon.png) no-repeat 10px -422px;}
#mvp-m-intev a:hover span,#mvp-m-intev.current a span { background: #5387b7 url(../images/icon.png) no-repeat 10px -548px;}
#mvp-m-photo a:hover span,#mvp-m-photo.current a span { background: #bf4d96 url(../images/icon.png) no-repeat 10px -671px;}
#mvp-m-shiori a:hover span,#mvp-m-shiori.current a span { background: #e88340 url(../images/icon.png) no-repeat 10px -792px;}
#mvp-m-guide a:hover span,#mvp-m-guide.current a span { background: #86bf49 url(../images/icon.png) no-repeat 10px -918px;}
#mvp-m-pres a:hover span,#mvp-m-pres.current a span { background: #e37d8c url(../images/icon.png) no-repeat 10px -1039px;}



#mvp-btn li {
	width: 208px;
	margin: 0 8px 8px 0;
	padding: 2px;
	float: left;
}

#mvp-btn .mvp-btn1 { background: #00a498;border: solid 1px #00a498;}
#mvp-btn .mvp-btn2 { background: #f29600;border: solid 1px #f29600;}
#mvp-btn .mvp-btn3 { background: #0b499d;border: solid 1px #0b499d;}

#mvp-btn .mvp-btn1 a span { background: url(../images/icon.png) no-repeat left -1352px;}
#mvp-btn .mvp-btn2 a span { background: url(../images/icon.png) no-repeat left -1533px;}
#mvp-btn .mvp-btn3 a span { background: url(../images/icon.png) no-repeat left -1714px;}

#mvp-btn .mvp-btn1 a:hover { background: #00a498;}
#mvp-btn .mvp-btn2 a:hover { background: #f29600;}
#mvp-btn .mvp-btn3 a:hover { background: #0b499d;}

#mvp-btn li a {
	display: block;
	color: #4c4c4c!important;
	text-decoration: none!important;
	text-align: center;
	text-shadow: 1px 1px 0 #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: none;
	zoom: 1;
}

#mvp-btn li a:hover {
	background: #eaebeb;
	color: #fff!important;
	text-shadow: none;
}

#mvp-btn li span {
	padding: 4px 5px 4px 20px;
	display: block;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#sec-info h2 {background:none;padding-left:10px;border-left:5px solid #8561b2;}
#sec-code h2 {background:none;padding-left:10px;border-left:5px solid #e8a93b;}
#sec-annex h2 {background:none;padding-left:10px;border-left:5px solid #53782b;}
#sec-direction h2 {background:none;padding-left:10px;border-left:5px solid #58B5C0;}
#sec-intev h2 {background:none;padding-left:10px;border-left:5px solid #5387b7;}
#sec-shiori h2 {background:none;padding-left:10px;border-left:5px solid #e88340;}
#sec-photo h2 {background:none;padding-left:10px;border-left:5px solid #bf4d96;}
#sec-guide h2 {background:none;padding-left:10px;border-left:5px solid #86bf49;}
#sec-prescribe h2 {background:none;padding-left:10px;border-left:5px solid #e37d8c;}

/* guide menu
-------------------------------------------------------------------------------- */

#mvp-guide-menu li {
	width: 135px;
	padding: 0;
	background: #b8d5e5;
	border: solid 1px #a1bce0;
}

#mvp-guide-menu li a {
	padding-right: 5px;
	background: #e4f3fa url(../images/bg_blue_btn.png) repeat-x left bottom;
	border: solid 1px #d6e7f0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none;
	color: #4c4c4c;
	zoom: 1;
}

#mvp-guide-menu li a:hover {
	background: #fff;
	border: solid 1px #fff;
	color: #4c4c4c!important;
}

#mvp-guide-menu li.current a {
	background: #fff;
	border: solid 1px #fff;
	color: #4c4c4c!important;
}

#mvp-guide-menu li a span {
	padding: 6px 0 6px 20px;
	background: url(../images/icon.png) no-repeat 10px -1095px;
}

#mvp-guide-menu li.current a span {
	background: url(../images/icon.png) no-repeat 10px -1209px!important;
	color: #4c4c4c!important;
}

#mvp-guide-menu li a:hover span {
	background: url(../images/icon.png) no-repeat 10px -1209px;
}


/* button action */

#mvp-search #mvp-search-btn:active
,#mvp-search li a:active
,#mvp-reg a:active {
	position: relative;
	top: 1px;
	left: 1px;
}


/* 50 list
-------------------------------------------------------------------------------- */

#floatMenu-box {
	position:relative;
	width:740px;
	height:94px;
}

#floatMenu {
	position:absolute;
	width:740px;
	top :0px;
	left:0px;
	_left:0px;
	background:#FFFFFF;
	padding:10px 0 0 0;
}

.di-top #floatMenu .di-table {
	margin-bottom:0;
/*	border-bottom:0;*/
	height:55px;
	width:740px;
}

.di-top #floatMenu .di-table th {
	border-bottom:0;
}

.di-50 {
	width:740px;
	overflow: hidden;
}

.di-50 li {
	list-style:none;
	float:left;
	margin:0 1px 0 0;
}

.di-50 li.di-50-totop {
	float:right;
	margin-top:10px;
}

.di-50 li {
	background-repeat: no-repeat;
}

.di-50 li a {
	width: 50px;
	height: 30px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/di.png);
	background-repeat: no-repeat;
	zoom:1;
}

.di-50 #di-all a {
	width: 71px;
}

.di-50 ul {
	text-align:left;
}

.di-50 #di-a a { background-position:left top;}
.di-50 #di-k a { background-position:left -40px;}
.di-50 #di-s a { background-position:left -80px;}
.di-50 #di-t a { background-position:left -120px;}
.di-50 #di-n a { background-position:left -160px;}
.di-50 #di-h a { background-position:left -200px;}
.di-50 #di-m a { background-position:left -240px;}
.di-50 #di-y a { background-position:left -280px;}
.di-50 #di-r a { background-position:left -320px;}
.di-50 #di-w a { background-position:left -360px;}
.di-50 #di-all a { background-position:left -396px;}

/* hover, current */
.di-50 #di-a a:hover,.di-50 #di-a.current a { background-position:-50px top;}
.di-50 #di-k a:hover,.di-50 #di-k.current a { background-position:-50px -40px;}
.di-50 #di-s a:hover,.di-50 #di-s.current a { background-position:-50px -80px;}
.di-50 #di-t a:hover,.di-50 #di-t.current a { background-position:-50px -120px;}
.di-50 #di-n a:hover,.di-50 #di-n.current a { background-position:-50px -160px;}
.di-50 #di-h a:hover,.di-50 #di-h.current a { background-position:-50px -200px;}
.di-50 #di-m a:hover,.di-50 #di-m.current a { background-position:-50px -240px;}
.di-50 #di-y a:hover,.di-50 #di-y.current a { background-position:-50px -280px;}
.di-50 #di-r a:hover,.di-50 #di-r.current a { background-position:-50px -320px;}
.di-50 #di-w a:hover,.di-50 #di-w.current a { background-position:-50px -360px;}
.di-50 #di-all a:hover,.di-50 #di-all.current a { background-position:-71px -396px;}


/* zebra table
-------------------------------------------------------------------------------- */

#main .di-table	{
	border:1px solid #a7b8d2;
	border-top: none;
	border-right:none;
	border-collapse:collapse;
	margin:0 0 10px 0;
	width:100%;
}

#main .di-table th,
#main .di-table td {
	padding:4px;
	text-align:center;
	font-size:80%;
	line-height:120%;
	border-right:1px solid #a7b8d2;
}

/* #main .di-table td:hover {
	cursor:pointer;
} */

#main .di-table th {
	background:#e1e9f6 url(../images/bg_th.png) no-repeat left top;
	font-weight:normal;
	letter-spacing:-1px;
	border-top:1px solid #a7b8d2;
	border-bottom:1px solid #a7b8d2;
}

#main .di-table tr.odd {
	background:#f1f5fa;
}

#main .di-table tr.highlight {
	background:#8493aa;
}

#main .di-table tr.selected td {
	background:#8493aa;
	color:#FFFFFF;
}

#main .di-table tr.highlight td,
#main .di-table tr.highlight td a,
#main .di-table tr.selected td a {
	color:#FFFFFF;
}

#main .di-table td .icon {
	display:block;
	padding:2px;
	margin:0 auto;
	color:#FFFFFF;
	text-align:center;
	width:50px;
	text-decoration:none;
	font-size:90%;
}

#main .di-table td .icon-info {background:#8561b2;}
#main .di-table td .icon-info:hover {background:#b6a0d1;}

#main .di-table td .icon-code {background:#e8a93b;}
#main .di-table td .icon-code:hover {background:#f1cc88;}

#main .di-table td .icon-annex {background:#53782b;}
#main .di-table td .icon-annex:hover {background:#98ae80;}

#main .di-table td .icon-direction {background:#57b5c0;}
#main .di-table td .icon-direction:hover {background:#9ad3da;}

#main .di-table td .icon-intev {background:#5387b7;}
#main .di-table td .icon-intev:hover {background:#98b7d4;}

#main .di-table td .icon-photo {background:#da67bd;}
#main .di-table td .icon-photo:hover {background:#e8a4d5;}

#main .di-table td .icon-shiori {background:#e88340;}
#main .di-table td .icon-shiori:hover {background:#f6b484;}

#main .di-table td .icon-guide {background:#86bf49;}
#main .di-table td .icon-guide:hover {background:#b7db91;}

#main .di-table td .icon-prescribe {background:#e26a8a;}
#main .di-table td .icon-prescribe:hover {background:#eea6ba;}

#mvp-search .mvp-box-inner {
	background: #bddff3 url(../images/bg_search.png) repeat-x left top;
}


/* code list
-------------------------------------------------------------------------------- */

#mvp-code-menu li {
	width: 228px;
	margin-left: 3px;
	_margin-left: 2px;
	padding: 0;
	background: #b8d5e5;
	border: solid 1px #a1bce0;
}

#mvp-code-menu li a {
	padding: 15px 0;
	background: #cde7f6 url(../images/bg_blue_btn_code.png) repeat-x left bottom;
	border: solid 1px #d6e7f0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none;
	color: #4c4c4c;
	zoom: 1;
}

#mvp-code-menu li a:hover {
	background: #fff;
	border: solid 1px #fff;
	color: #4c4c4c!important;
}