@charset "UTF-8";

/********************************************************
  GLOBAL SETTING
  Total : 791px
           9 + 773 +  9px
          18 + 737 + 18px
*********************************************************/

*  { margin:  0; padding: 0; }
ul { list-style:  none; }
fieldset, img { border: none; }
table { border-collapse: collapse; }

body {
	margin:      3px 0 15px 0;
	padding:     0;
	background:  #7ac7d7;
	text-align:  center;
	font-family: verdana, arial, sans-serif;
	font-size:   80%;
	color:       #333333;
}

#container {
	width:       791px;
	margin:      0 auto;
	padding:     0;
	background:  #7ac7d7;
	text-align:  left;
}

/********************************************************
  TAG
*********************************************************/

a:link, 
a:visited {
	text-decoration: none;
	color:           #333333;
	color:           #4fa7b8;
}
a:hover, 
a:active {
	text-decoration: underline;
	color:           #6de7ff;
}

h1 {
	position:    relative;
	z-index:     999;
	top:         2px;
	left:        9px;
	width:       773px;
	margin:      0;
	padding:     0;
	font-size:   10px;
	line-height: 105%;
	font-weight: normal;
	color:       #ffffff;
	text-align:  center;
}
h1 a:link, 
h1 a:visited, 
h1 a:hover, 
h1 a:active {
	text-decoration: none;
	color:           #ffffff;
}



/********************************************************
  header
*********************************************************/

#header {
	position:    relative;
	width:       791px;
	height:      96px;
	background:  url(../img_common/bg_header.gif) no-repeat;
}

#header img {
	vertical-align: bottom;
}

#header p#logo_01 {
	position:    absolute;
	top:         12px;
	left:        25px;
	width:       358px;
	height:      26px;
}

#header p#logo_02 {
	position:    absolute;
	top:         42px;
	left:        25px;
	width:       200px;
	height:      27px;
}

#header p#contacts {
	position:    absolute;
	top:         14px;
	right:       160px;
	right:       26px;
	width:       99px;
	height:      24px;
}

#header p#tel {
	position:    absolute;
	top:         15px;
	right:       130px;
	width:       150px;
	height:      24px;
}

#header p#license {
	position:    absolute;
	top:         61px;
	right:       27px;
	font-size:   10px;
	color:       #58bacd;
}



#header ul#header_ul {
	position:    absolute;
	top:         42px;
	right:       25px;
	height:      14px;
	list-style:  none;
}

#header ul#header_ul li {
	float:       left;
	margin:      0 0 0 6px;
}

#header ul#header_ul li img {
	vertical-align: top;
}



/********************************************************
  footer
*********************************************************/

#footer {
	clear:       both;
	margin:      0 27px 0px 27px;
	padding:     2px 0 8px 0;
	font-size:   10px;
	text-align:  center;
	color:       #58bacd;
}
#footer a:link, 
#footer a:visited {
	text-decoration: none;
	color:       #58bacd;
}
#footer a:hover, 
#footer a:active {
	text-decoration: underline;
	color:       #6de7ff;
}



#footer #footer_l {
	float:       left;
	margin:      0 0 0 2px;
	text-align:  left;
}

#footer #footer_r {
	float:       right;
	margin:      0 2px 0 0;
	text-align:  right;
	font-size:   11px;
}

#footer #footer_l p {
	margin:      0 0 5px 0;
}

#footer #footer_l p.nv {
	margin:      0 0 3px 0;
}

/********************************************************
  contents
*********************************************************/

#contents {
	width:       791px;
	background:  url(../img_common/bg_contents.gif) repeat-y 0% 0%;
}

#con_bottom {
	clear:       both;
	width:       791px;
	height:      18px;
	background:  url(../img_common/bg_con_bottom.gif) no-repeat;
}



/********************************************************/



#entry {
	position:    relative;
	width:       773px;
	height:      220px;
	margin:      0 0 0px 9px;
	padding:     0;
	background:  url(../img_common/bg_entry.gif) no-repeat;

}

#entry p#entry_mess_01 {
	position:    absolute;
	top:         0px;
	left:        18px;
	width:       196px;
	height:      17px;
}

#entry p#entry_mess_02 {
	position:    absolute;
	top:         194px;
	left:        18px;
	width:       606px;
	height:      22px;
}

/* Guideページ用 */
#entry p#entry_mess_03 {
	position:    absolute;
	top:         0px;
	left:        18px;
	width:       606px;
	height:      22px;
}



#entry p#entry_guide {
	position:    absolute;
	top:         194px;
	right:       18px;
	width:       120px;
	height:      22px;
	text-align:  right;
}

#entry p#entry_doctor {
	position:    absolute;
	top:         18px;
	left:        60px;
	width:       174px;
	height:      174px;
}

#entry p#entry_nurse {
	position:    absolute;
	top:         18px;
	left:        298px;
	width:       174px;
	height:      174px;
}

#entry p#entry_pharmacist {
	position:    absolute;
	top:         18px;
	left:        537px;
	width:       174px;
	height:      174px;
}




/********************************************************
  contents_body
*********************************************************/

#contents_body {
	clear:       both;
	width:       737px;
	margin:      0 27px;
}

#contents_l {
	float:       left;
	width:       520px;
}

#contents_r {
	float:       right;
	width:       190px;
}

#contents_title {
	clear:       both;
	width:       737px;
	margin:      0 27px;
}



/********************************************************/
/* Topics */

#contents_l h2 {
	clear:       both;
	margin:      0 0 0px 0px;
	padding:     0;
	font-size:   12px;
}

#contents_l h3 {
	clear:       both;
	margin:      0 0 8px 10px;
	padding:     0;
	font-size:   10px;
	font-weight: normal;
	line-height: 120%;
	color:       #999999;
}

/***********************/

#contents_l dl.topics {
	clear:       both;
	margin:      0 0 5px 5px;
	padding:     0;
	font-size:   12px;
}

#contents_l dl.topics dt {
	clear:       both;
	float:       left;
	width:       85px;
	margin:      0 0px 15px 0px;
	padding:     0 0 0 16px;
	line-height: 150%;
}

#contents_l dl.topics dt.doctor     { background: url(../img_common/p1.gif) no-repeat 0% 50%; }
#contents_l dl.topics dt.nurse      { background: url(../img_common/p2.gif) no-repeat 0% 50%; }
#contents_l dl.topics dt.pharmacist { background: url(../img_common/p3.gif) no-repeat 0% 50%; }

#contents_l dl.topics dt.blank {
	width:       485px;
	margin:      0 0px 10px 0px;
	padding:     0 0 0 16px;
	line-height: 150%;
	background: url(../img_common/p_blank.gif) no-repeat 0% 50%;
}

* html #contents_l dl.topics dd {
	padding:     4px 0 0 0;
	line-height: 180%;
}

#contents_l dl.topics dd {
	float:       left;
	width:       410px;
	margin:      0 0 15px 0px;
	padding:     0;
	line-height: 160%;
}

/***********************/

#contents_l ul {
	clear:       both;
	margin:      0 0 10px 12px;
	padding:     0 0px 0 0px;
	font-size:   12px;
/*
	background: url(../img_common/t_topics_entry_bot.gif) no-repeat 0% 100%;
*/
}

#contents_l li {
	margin:      0 0 8px 0;
	padding:     0 0 0 16px;
	background: url(../img_common/p_arrow5.gif) no-repeat 0% 50%;
}



/***********************/

#contents_l p.ex_icon { /* アイコン説明 */
	clear:          both;
	margin:         0 0 30px 7px;
	padding:        0;
	font-size:      12px;
	line-height:    100%;
	text-align:     right;
	vertical-align: bottom;
}

* html #contents_l p.ex_icon img {
	vertical-align: top;
}

#contents_l p.ex_icon img {
	margin:         0 4px 0 1em;
	vertical-align: bottom;
}

* html #contents_l dl.topics .img_new {
	vertical-align: -1px;
}

#contents_l dl.topics .img_new {
	margin:         0;
	padding:        0;
	vertical-align: -2px;
}

/********************************************************/

/* Topics   Newバージョン */
#contents_l dl.topics dt.p1 { background: url(../img_common/p1.gif) no-repeat 0% 50%; }
#contents_l dl.topics dt.p2 { background: url(../img_common/p2.gif) no-repeat 0% 50%; }
#contents_l dl.topics dt.p3 { background: url(../img_common/p3.gif) no-repeat 0% 50%; }
#contents_l dl.topics dt.p4 { background: url(../img_common/p4.gif) no-repeat 0% 50%; }


#contents_l dl.topics a.p5 {
	margin:      0 0 0 5px;
	padding:     0 0 0 14px;
	background: url(../img_common/p_arrow5.gif) no-repeat 0% 50%;
}

#contents_l dl.topics dd a.job {
	color: #cc0000;
}

/********************************************************/

#contents_r .blog_archive {
	clear:         both;
	width:         188px;
	margin:        0 0 15px 0px;
	padding:       10px 0 5px 0;
	background:    #f5fff0;
	border-bottom: 1px solid #9dc471;
	border-left:   1px solid #9dc471;
	border-right:  1px solid #9dc471;

	border-bottom: 1px solid #a8d279;
	border-left:   1px solid #a8d279;
	border-right:  1px solid #a8d279;
}

#contents_r .news_archive {
	clear:         both;
	width:         188px;
	margin:        0 0 15px 0px;
	padding:       10px 0 5px 0;
	background:    #eefcff;
	border-bottom: 1px solid #74bbe7;
	border-left:   1px solid #74bbe7;
	border-right:  1px solid #74bbe7;

	border-bottom: 1px solid #89c3e7;
	border-left:   1px solid #89c3e7;
	border-right:  1px solid #89c3e7;
}

#contents_r .information_archive {
	clear:         both;
	width:         188px;
	margin:        0 0 15px 0px;
	padding:       10px 0 5px 0;
	background:    #f3fafb;

	border-bottom: 1px solid #9dc1c5;
	border-left:   1px solid #9dc1c5;
	border-right:  1px solid #9dc1c5;
}

#contents_r .review_archive {
	clear:         both;
	width:         188px;
	margin:        0 0 15px 0px;
	padding:       10px 0 5px 0;
	background:    #fffcf9;

	border-bottom: 1px solid #cab4a1;
	border-left:   1px solid #cab4a1;
	border-right:  1px solid #cab4a1;
}

#contents_r .review_archive a:link, 
#contents_r .review_archive a:visited {
	text-decoration: none;
	color:           #9d8c7d;
	color:           #c87878;
}
#contents_r .review_archive a:hover, 
#contents_r .review_archive a:active {
	text-decoration: underline;
	color:           #d3bfac;
	color:           #e1a9a9;
}





#contents_r .blog_line_dot {
	clear:       both;
	width:       176px;
	height:      14px;
	margin:      0 5px;
	padding:     0;
	background:  url(../img_common/line_dot_02.gif) repeat-x 50% 0%;
}

#contents_r .news_line_dot {
	clear:       both;
	width:       176px;
	height:      12px;
	margin:      0 5px;
	padding:     0;
	background:  url(../img_common/line_dot_03.gif) repeat-x 50% 0%;
	font-size:   8px;
}

#contents_r .information_line_dot {
	clear:       both;
	width:       176px;
	height:      12px;
	margin:      0 5px;
	padding:     0;
	background:  url(../img_common/line_dot_05.gif) repeat-x 50% 0%;
	font-size:   8px;
}

#contents_r .review_line_dot {
	clear:       both;
	width:       176px;
	height:      12px;
	margin:      0px 5px 0 5px;
	padding:     0;
	background:  url(../img_common/line_dot_06.gif) repeat-x 50% 0%;
	font-size:   8px;
}



#contents_r h3 {
	clear:       both;
	width:       190px;
	height:      30px;
	margin:      0 0 0px 0px;
	padding:     0;
	font-size:   10px;
	text-align:  center;
}

#contents_r h3.banner {
	clear:       both;
	width:       190px;
	height:      60px;
	margin:      0 0 12px 0px;
	padding:     0;
	font-size:   10px;
	text-align:  center;
}



#contents_r p.news_date {
	clear:       both;
	float:       left;
	width:       40px;
	margin:      0 0 8px 0;
	padding:     0 2px 0 5px;
	font-size:   11px;
	line-height: 110%;
}

#contents_r p.news_headline {
	float:       left;
	width:       135px;
	margin:      0 0 8px 0px;
	padding:     0;
	font-size:   12px;
	line-height: 110%;
}

#contents_r p.review_headline {
	clear:       both;
	margin:      0 0 5px 0px;
	padding:     0 9px;
	font-size:   12px;
	line-height: 110%;
}

#contents_r p.user_list {
	clear:       both;
	margin:      0 0 7px 0px;
	padding:     0 9px;
	font-size:   11px;
	line-height: 120%;
	color:       #777777;
	text-align:  right;

	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, arial, palatino, sans-serif;

}



/********************************************************
  CLASS
*********************************************************/

.cr {
	clear: both;
}
.mb03 {
	margin:      0 0  3px 0;
}
.mb05 {
	margin:      0 0  5px 0;
}
.mb10 {
	margin:      0 0 10px 0;
}
.mb15 {
	margin:      0 0 15px 0;
}
.mb20 {
	margin:      0 0 20px 0;
}
.mb30 {
	margin:      0 0 30px 0;
}

.h05 {
	height:      5px;
	margin:      0;
	padding:     0;
}

.h10 {
	height:      10px;
	margin:      0;
	padding:     0;
}

.h20 {
	height:      20px;
	margin:      0;
	padding:     0;
}

.necess {
	color: #bb0000;
}



.line_solid {
	clear:       both;
	height:      10px;
	margin:      0 27px 0px 27px;
	padding:     0;
	font-size:   8px;
	border-top:  1px solid #58bacd;
}

.line_nomargin {
	clear:       both;
	height:      10px;
	margin:      0;
	padding:     0;
	font-size:   8px;
	border-top:  1px solid #58bacd;
}

.line_pit {
	clear:       both;
	width:       791px;
	height:      14px;
	font-size:   8px;
	background:  url(../img_common/line_pit_01.gif) no-repeat;
}

.line_dot {
	clear:       both;
	height:      10px;
	font-size:   8px;
	background:  url(../img_common/line_dot_04.gif) repeat-x 50% 0%;
}


#entry p#entry_guide .pagetop, 
.pagetop {
	clear:       both;
	margin:      0 0px 10px 0px;
	text-align:  right;
}

#entry p#entry_guide a:link, 
#entry p#entry_guide a:visited, 
#entry p#entry_guide a:hover, 
#entry p#entry_guide a:active, 
#container .pagetop a:link, 
#container .pagetop a:visited, 
#container .pagetop a:hover, 
#container .pagetop a:active {
	text-decoration: none;
	color:           #58bacd;
	font-size:       10px;
}

/********************************************************/