@charset "UTF-8";

/*
Theme Name: Medicine Alpha
Theme URI: http://www.softunique.net/
Description: 
Author: SoftUnique
Author URI: http://www.softunique.jp/
*/


@import "css/reset.css";
@import "css/table.css";
@import "css/flow.css";

/*---------------------------------------*/
/*　　　　　　サイト基本設定　　　　　　*/ 
/*----------------------------------------*/

/*　背景設定　*/

body {
	font-family: 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3' ,sans-serif;
	background: url(images/bd_back.gif) repeat-y center top fixed;
	text-align: center;
}

/*　リンク設定　　*/

a {
	color: #0000FF;
}

a:hover {
	color:#fb6b01;
	background: #FFFACD;	
}


/*　全体枠設定　*/

#wrap {
	margin: 0 auto 0 auto;
	width: 780px;
	text-align: left;
}

	#wrap .tit {
		background:url(images/h1back.gif) repeat-x top center;
	}

	#wrap .tit h1 {
		float: left;
		color: #FFFFFF;
		font-weight: normal;
		font-size: 13px;
		padding: 2px 0 2px 10px;
	}


	#wrap .tit h2 {
		color: #FFFFFF;
		font-weight: normal;
		font-size: 13px;
		text-align: right;
		padding: 2px 5px 2px 5px;
	}

	#wrap .tit h2 a {
		color: #FFFFFF;
		text-decoration: none;
	}

	#wrap .tit h2 a:hover {
		color: #FFFFFF;
		background: #2356b0;
		text-decoration: none;
	}

	#wrap .tit p {
		position: absolute;
		z-index:3;
		clear: both;
		font-size: 13px;
		color: #FFFFFF;
		margin: 88px 10px 10px 32px;
		line-height: 125%;
		width:305px;
	}

/*----------------------------------------*/
/*　　　　　　ヘッダー設定　　　　　　　　*/
/*----------------------------------------*/

#header {
	position: absolute;
	z-index:1;
	width: 780px;
	margin:0;	padding: 0;
}

#header .titleback {
	background: url(images/header.jpg) no-repeat;
	width: 780px;
	height: 140px;
}
	#header .logo {
		margin: 31px 0 0 28px;
		float: left;
	}

	#header .notice {
		float: right;
		font-size: 13px;
		width:300px;
		margin: 22px 0 22px 0;
	}

	#header .navi {
		clear:both;
		width: 780px;
		height:36px;
	}

	#header .navi ul {
		font-size: 14px;
		text-align: center;
		margin: 0; padding:0;
		float: left;
	}

	#header .navi ul li {
		display: inline;
	}

	#header .navi ul li.page_item a {
		width: 156px;
		font-size: 14px;
		padding: 10px 0;
		background: url(images/navi_off.gif) no-repeat center top;
		color: #FFFFFF;
		text-decoration: none;
		float: left;
	}

	#header .navi ul li.page_item a:hover {
		color: #2356b0;
		background:url(images/navi_on.gif) no-repeat center top;
	}

	#header .navi ul li.current_page_item a {
		width: 156px;
		padding: 10px 0;
		background:url(images/navi_on.gif) no-repeat center top;
		color: #2356b0;
		text-decoration: none;
	}

	#header .navi ul li.current_page_item a:hover {
		background:url(images/navi_on.gif) no-repeat center top;
	}

/*-----------------------------------------*/
/*　　　　　　メイン設定　　　　　　　　　*/
/*----------------------------------------*/

#main_wrap {
	clear:both;
	position: absolute;	z-index:2;
	text-align: justify;
	overflow: hidden;
	text-align: left;
	top:205px;
	width: 780px;
}

/*　パンくずリスト　*/

	#main_wrap .bread {
		position: absolute;
		width: 700px;
		top:5px;
		left: 12px;
		font-size: 12px;
		line-height: 140%;
		color:#555555;
		padding: 0;
	}

		#main_wrap .bread a {
			color:#2356b0;
		}
	
		#main_wrap .bread a:hover {
			color:#fb6b01;
		}

#searchbox {
	position: absolute;
	display: inline;
	top: 5px;
	left:591px;
}

#searchbox1 {
	display: inline;
	width:90%;
	margin: 10px 10px 60px 0; padding:0;
}

	#searchbox .search-box {
		float: left;
		background: url(images/search-bg.gif) no-repeat;
		font-size: 12px;
		border: #B6C9D3 solid;
		border-width: 1px 0 1px 1px;
		width: 150px;
		height: 15px;
		padding:3px 0 3px 5px;
		margin:0;
	}

	* html #searchbox .search-box { /* ie6ハック*/
		float: none;
	}

	#searchbox1 .search-box1 {
		float: left;
		background: url(images/search-bg.gif) no-repeat;
		font-size: 12px;
		border: #B6C9D3 solid;
		border-width: 1px 0 1px 1px;
		width: 150px;
		height: 15px;
		padding:3px 0 3px 5px;
		margin: 0 0 0 35px;
	}

	* html #searchbox1 .search-box1 { /* ie6ハック*/
		float: none;
	}


	#searchbox .search-button {
		background:url(images/search-button.gif) no-repeat;
		border: 0;
		width:23px; height: 23px;
		padding:3px 0 3px 5px; margin:0;
	}

	#searchbox1 .search-button1 {
		background:url(images/search-button.gif) no-repeat;
		border: 0;
		width:23px; height: 23px;
		padding:3px 0 3px 5px;
		margin: 0;
	}


/*　コンテンツスペース　*/

#content {
	clear: left;
	overflow: hidden;
	float: right;
	width: 570px;
	margin: 40px 10px 0 5px;	padding: 0;
	display: inline;
}


	#content .story {
		overflow: hidden;
		width: 560px;
		margin: 0 0 20px 10px;	padding: 0;
	}
	
	#content .storyNext {
		overflow: hidden;
		clear:both;
		width: 560px;
		margin: 0;	padding: 20px 0 20px 0;
	}


	#content .story h3,#content .storyNext h3 {
		background: url(images/h2_title.gif) no-repeat top left;
		color: #333333;
		width:560px; height: 31px;
		font-size: 15px;		
		margin: 0 0 15px 10px;	padding: 7px 0 0 20px;
	}


	
	#content .story h4,#content .storyNext h4 {
		background:url(images/mtb01.gif) no-repeat top left;
		border-bottom: 1px #2356b0 solid;
		color: #333333;
		font-size: 15px;
		margin: 25px 0 10px 13px;	padding: 4px 0 3px 15px;
	}

	#content .storysup {
		float: right;
		display: inline;
		width: 400px;
		color: #333333;
		font-size: 14px;
		padding: 12px 10px 5px 0;
	}

	#content .storysup:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}	

	#content .story h5,#content .storysup h5 {
		color: #0000FF;
		font-size: 15px;
		border-bottom: 1px #2356b0 solid;
	}

	#content .story p {
		line-height: 180%;	
		color: #222222;
		font-size: 14px;
		margin: 1em 0 1em 1em;	padding: 3px 5px 3px 15px;
	}

	#content .storysup p {
		line-height: 180%;	
		color: #222222;
		font-size: 14px;
		margin: 0.5em 0 1em 0;	padding: 0 0 3px 0;
	}


	#content .story ul {
		list-style-type: none;
		line-height: 180%;
		margin: 5px 0 5px 0;
	}

	#content .story ul li {
		color: #222222;
		background: url(images/ya11r_08.gif) no-repeat 5px 8px;
		font-size: 14px;
		line-height: 180%;
		margin: 3px 5px 3px 35px;	padding: 0 0 0 20px;
	}

		#content .story ul li ul{
			list-style-type: none;
			line-height: 180%;
			margin: 5px 0 5px 0;
		}

		#content .story ul li ul li{
			color: #222222;
			font-size: 14px;
			background: url(images/ya11r_08.gif) no-repeat 5px 8px;
			line-height: 180%;
			margin: 3px 5px 3px 15px;	padding: 0 0 0 20px;
		}

	#content .story ol,#content .storyNext ol {
		list-style-type: none;
		line-height: 180%;
		margin: 3px 0 20px 0;
		padding: 0;
	}

	#content .story ol li,#content .storyNext ol li {
		color: #222222;
		background: url(images/pin16.png) #FFFCDB no-repeat 7px 9px;
		border: 1px #FDE0A3 solid;
		font-size: 14px;
		line-height: 180%;
		margin: 5px 25px 10px 28px;
		padding: 5px 0 5px 28px;
	}

	#content .story dl,#content .storyNext dl {
		list-style-type: none;
		line-height: 180%;
		margin: 5px 0 15px 0px; 
	}

	#content .story dt,#content .storyNext dt {
		color: #333333;
		background:url(images/pin16.png) #FFFCDB no-repeat 5px 6px;
		border: 1px #FDE0A3 solid;
		border-bottom: 1px #c17912 solid;
		border-right: 1px #c17912 solid;
		line-height: 180%;
		font-weight: bold;
		font-size: 14px;
		margin: 20px 0 10px 15px;
		padding: 2px 0 2px 25px;
	}

	#content .story dd,#content .storyNext dd {
		font-size: 14px;
		color: #333333;
		line-height: 180%;
		margin: 0 10px 20px 40px;
		padding: 0;
	}

/*　枠　*/

	#content .sq {
		border: 1px #FDE0A3 solid;
		background:#FFFCDB;
		padding: 10px 0;
		margin: 15px 10px 15px 30px;
	}

	#content .sq ul {
		list-style-type: none;
		line-height: 180%;
		margin: 5px 0 5px 0;
	}

	#content .sq ul li {
		color: #222222;
		background: url(images/limark01.png) no-repeat 7px 4px;
		font-size: 14px;
		line-height: 180%;
		margin: 3px 5px 3px 15px;
		padding: 0 0 0 27px;
	}


	#content .sq01 {
		border: 1px #333333 solid;
		background:#FFFCDB;
		padding: 10px 10px;
		margin: 15px 20px 15px 25px;
	}

	#content .sq01 p {
		font-size: 12px;
		padding: 2px 0;
		margin: 0;
	}

	#content .anshin {
		overflow: hidden;
		width:520px;
		border: 1px #b7bcf7 solid;
		background: #f4fafe;
		padding: 0;
		margin: 10px 0 50px 30px;
	}

	#content .sq_blank {
		overflow: hidden;
		clear:both;
		padding: 0;
		margin: 10px 5px 10px 10px;
	}


/*　写真配置　*/

	#content .photoc {
		color: #666666;
		text-align:center;
		margin: 10px 0 15px 10px;	padding: 2px 0;
		font-size: 13px;
	}

	#content .photor {
		float: right;
		color: #666666;
		text-align:center;
		font-size: 13px;
		margin: 0 0 7px 7px;	padding: 10px 0 2px 0;
	}

	#content .photol {
		float: left;
		color: #666666;
		text-align:center;
		font-size: 13px;
		margin: 0 12px 7px 30px;	padding: 10px 0 2px 0;
	}

/*　よくある質問　*/

	#content .qa dl {
		list-style-type: none;
		line-height: 180%;
		margin: 3px 0 12px 0;
		padding: 0;
	}

	#content .qa dt {
		color: #333333;
		background: url(images/q01.gif) #FFFCDB no-repeat 5px 8px;
		line-height: 180%;
		font-weight: bold;
		margin: 25px 5px 15px 17px;
		padding: 3px 0 3px 35px;
	}

	#content .qa dd {
		color: #222222;
		background: url(images/a01.gif) no-repeat 5px 5px;
		line-height: 180%;
		margin: 15px 5px 35px 17px;
		padding: 0 0 0 35px;
	}

	#content .qa hr {
		width: 98%;
		text-align:center;
		border: 1px #CCCCCC dotted;
	}

/*	検索結果	*/

	#content .search {
		overflow: hidden;
		width: 560px;
		margin: 0 0 20px 10px;	padding: 0;
	}

		#content .search h3 {
			background: url(images/h2_title.gif) no-repeat top left;
			color: #333333;
			width:560px; height: 31px;
			font-size: 15px;		
			margin: 0 0 15px 10px;	padding: 7px 0 0 20px;
		}
	
		#content .search ul {
			line-height: 180%;
			margin: 3px 0 20px 25px;
			padding: 0;
		}

		#content .search ul li{
			color: #222222;
			font-size: 14px;
			line-height: 180%;
			margin: 5px 25px 10px 25px;
			padding: 5px 0 5px 10px;
		}

		#content .search p {
			line-height: 180%;	
			color: #222222;
			font-size: 14px;
			margin: 1em 0 1em 1em;	padding: 3px 5px 3px 15px;
		}



/*	フォームテーブル	*/

#content .form1 {
	width: 540px;
	text-align: center;
	margin:7px 0 20px 15px;
}

	#content .form1 p {
		font-size: 13px;
		color:#333333;
		padding:5px 7px 15px 7px;
	}

	#content .form1 table {
		width: 535px;
		border:1px #DCDAFA solid;
		margin: 5px 0 5px 0;
		border-spacing: 1px;
	}

	#content .form1 td,th {
		font-size: 13px;
		line-height: 150%;
		color:#333333;
		text-align: left;
	}

	#content .form1 th {
		width: 185px;
		font-weight: bold;
		background-color: #D3EDFB;
		border: 0;
		padding: 5px 0 5px 10px;
	}

	#content .form1 td {
		width: 325px;		
		text-align:left;
		background-color: #ECF5FA;
		padding: 5px;
	}

	#content .form1 textarea {
		font-size: 13px;
		line-height: 150%;
	} 

	#content .form1 input {
		margin: 2px 0 0 0;	padding: 2px 0;
	} 



#content .ERR {
	color: #d44;
}

/*　オリジナル商品　*/

	#content .product ol li {
		list-style-type: decimal;
		background:none;
		border:none;
		font-size:14px;
		line-height: 120%;
		color:#333333;
		margin: 0 0 0 30px;	padding: 2px 0;
	}

	#content .product p {
		font-size: 14px;
		line-height: 120%;
		color:#333333;
		margin:0; padding:0;
	}

/*　最新情報　*/

	#content .cate {
		overflow: hidden;
		width: 550px;
		background: url(images/hr_post.gif) repeat-x top left;
		margin: 40px 0 0 10px;	padding: 30px 0 20px 0;
	}

	#content .cate_news h3 {
		background: url(images/h2_title.gif) no-repeat top left;
		color: #333333;
		width:560px; height: 31px;
		font-size: 15px;		
		margin: 0 0 15px 10px;	padding: 7px 0 0 20px;
	}

	#content .cate_news h4 {
		background:url(images/mtb01.gif) no-repeat top left;
		border-bottom: 1px #2356b0 solid;
		color: #333333;
		font-size: 15px;
		margin: 30px 0 10px 13px;	padding: 4px 0 3px 15px;
	}

	#content .cate_news h4 a {
		text-decoration: none;
	}

	#content .cate_news2 {
		width:523px;
		color: #333333;
		background: #f8fafd;
		border: 1px #e0e7ff solid;
		font-family: Osaka, Verdana, sans-serif;
		line-height: 180%;
		margin: 25px 0 35px 10px;
		padding: 0 25px 15px 0;
	}

		#content .cate_news2 p {
			color: #222222;
			font-size: 14px;
			margin: 10px 0 0 0;	padding: 3px 5px 3px 15px;
		}


		#content .cate_news2 ul {
			margin: 0 0 0 40px; padding:0;
		}

			#content .cate_news2 ul li.cat-item {
				background: none;
				margin:0;
				padding: 0 17px 5px 0;
				float: left;
			}

			#content .cate_news2 ul li.cat-item a {
				font-size: 13px;
			}

			#content .cate_news2 ul li.cat-item a:hover {
				color: #fb6b01;
				text-decoration: none;
			}

			#content .cate_news2 ul li.current_cat a {
				padding: 0 17px 5px 0;
				color: #fb6b01;
				text-decoration: none;
			}

		#content .cate_news2_img {
			margin: 15px 0 0 0; padding:0;
		}


	#content .cate_date {
		text-align: right;
		font-size: 10pt;
		color:#555555;
		margin:0; padding:0 10px 0 0;
	}

/*　404エラーページ　*/

	#content .er {
		text-align: center;
		font-size: 15px;
		margin: 30px 0 30px 0;
	}

		#content .er p {
			font-size: 15px;
			margin: 0; padding: 10px 0;
		}


/*　分割リンク　*/

#content .navilink {
	width: 100%;
	font-size: 14px;
	text-align: center;
	margin: 0 0 30px 0;
}

/*　　問合せ枠　*/

#content .askspace {
	text-align: center;
	margin: 25px 0 15px 20px;
	padding: 15px 0 0 0;
}


/*　　テキスト右配置　*/

#content .textr {
	font-size: 14px;
	text-align: right;
	margin: 10px 0 10px 0;
}


/*　　ページトップへ　*/

#content .page_top {
	text-align: right;
	font-size: 13px;
	margin: 30px 0 30px 0;
}


/*--------------------------------------*/
/*　　　　　　左メニュー設定　　　　　　*/
/*---------------------------------------*/


#left {
	float: left;
	width: 180px;
	margin: 40px 0 20px 10px;  
	display: inline;
}

	#left .menu_img {
		border:0;
		margin:5px 0 0 0;	padding:0;
	}


/*　メニュー　*/

	#left .menu,#left .menuB {
		width: 180px;
		background: #e4f2fd;
		margin: 0;	padding:0 0 15px 0;
		/*border: 1px #020b6f solid;*/
	}

		#left .menu h4,#left .menuB h4,#left .menu h5 {
			width: 173px;
			background:url(images/mtb01.gif) repeat-x top;
			border-bottom: 1px #020b6f solid;
			font-size: 13px;
			color:#FFFFFF;		
			margin:0;	padding: 4px 0 4px 7px;
		}

		#left .menu p,#left .menuB p {
			color: #333333;
			font-size: 13px;
			line-height: 130%;
			margin: 15px 5px 10px 10px;	padding:0;
		}

		#left .menu ul,#left .menu ul.page_item,
		#left .menu ul.current_page_item {
			list-style-type: none;
			text-align: left;
			margin: 15px 3px 0 3px;	padding:0;
		}

		#left .menuB ul {
			list-style-type: none;
			font-weight: bold;
			text-align: left;
			margin: 15px 3px 0 3px;	padding:0;
		}

			#left .menu ul li,	
			#left .menu ul li.page_item,
			#left .menu ul li.current_page_item,
			#left .menuB ul li {
				color: #333333;
				background: url(images/ywa08r_08.gif) no-repeat 0 4px;
				font-size: 13px;
				line-height: 120%;
				margin: 0 0 0 3px;	padding: 0 0 5px 13px;
			}

				#left .menu ul li ul,#left .menu ul li ul.page_item,
				#left .menu ul li ul.current_page_item {
					list-style-type: none;
					text-align: left;
					margin: 0 3px 0 0;	padding: 5px 0 0 0;
				}

					#left .menu ul li ul li,	
					#left .menu ul li ul li.page_item,
					#left .menu ul li ul li.current_page_item {
						color: #333333;
						background: url(images/yd08r_08.gif) no-repeat 0 5px;
						font-size: 13px;
						line-height: 120%;
						margin: 0;	padding: 0 0 5px 12px;
				}

		#left .menu dl {
			list-style-type: none;
			line-height: 180%;
		}

			#left .menu dt {
				color: #FFFFFF;
				background: #BF740C;
				line-height: 180%;
				font-weight: bold;
				padding: 3px 0;
				text-align: center;
			}

			#left .menu dd {
				font-size: 13px;
				color: #5F5F5F;
				background: url(images/yd08r_08.gif) no-repeat 0 5px;
				line-height: 130%;
				margin: 0 0 7px 5px;	padding: 0 0 0 12px;
			}

		#left .menu hr {
			width: 98%;
			text-align:center;
			border: 1px #CCCCCC dotted;
		}

		#left .menu img {
			border:0;
			margin: 3px 0 3px 5px;	padding:0;
		}

/*　地図　*/
	#left .map {
		background:url(images/map.gif) no-repeat center center;
		margin:0;
		padding:10px 0 0 0;
	}

	#left .map p {
		color: #555555;
		font-size: 12px;
		line-height: 120%;
		margin:0;
		padding:10px;
	}

/*　W3C　*/

	#left .w3c{
		text-align: center;
		margin: 0;	padding: 10px 0;
	}

	#left .w3c p {
		text-align: left;
		font-weight: normal;
		font-size: 13px;
		color: #444444;
		margin: 5px 5px 0 5px;
	}


/*--------------------------------------*/
/*　　　　　　フッター設定　　　　　　*/
/*--------------------------------------*/

#footer {
	clear: both;
	color: #333333;
	font-size: 14px;
	text-align: center;
	line-height: 140%;
	width: 780px;
	margin:0;	padding: 0;
}

	#footer .f_menu {
		color: #333333;
		text-align: center;
		line-height: 180%;
		width: 780px;
		margin:0;	padding: 12px 0 12px 0;
	}

	#footer a {
		color: #0000FF;
	}

	#footer a:hover {
		color:#fb6b01;
		background: #FFFACD;
	}

	#footer .b_menu {
		color: #FFFFFF;
		background: url(images/footerback.gif);
		font-size:12px;
		text-align: center;
		line-height: 140%;
		width: 780px;
		margin:0;	padding: 10px 0 10px 0;
	}

		#footer .b_menu h3 {
			color: #FFFFFF;
			font-size:12px;
			line-height: 140%;
		}

		#footer .b_menu a {
			color: #FFFFFF;
			text-decoration: none;
		}

		#footer .b_menu a:hover {
			text-decoration: none;
			color:#fb6b01;
			background: #2356b0;
		}

	#footer .showtem_link {
		text-align:right;
		border: none;
		margin:0 10px 0 0;
		padding: 0;
	}

.navigation {
	display: block;
	font-size: 14px;
	margin: 10px 10px 30px 20px;
}

.alignright {
	display: inline;
	float: right;
	margin: 10px 0 10px 10px; 
}

	
.alignleft {
	display: inline;
	float: left;
	margin: 10px 10px 10px 10px; 
}
	.alignleft:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}	


/*-----------------------------------*/
/*　　フォントカラー設定　　　　*/
/*---------------------------------*/

.fred {
	color: #FF0000;
}

.fredb {
	color: #FF0000;
	font-weight:bold;
}

.fored {
	color: #ff3300;
}

.fblue {
	color: #0000FF;
}

.fgreen {
	color: #008000;
}

.fgray {
	color: #808080;
}

.foran {
	color: #FFA500;
}

.bfred {
	color: #FF0000;
	font-weight:bold;
}

.bfored {
	color: #ff3300;
	font-weight:bold;
}

.bfblue {
	color: #0000FF;
	font-weight:bold;
}

.bfgreen {
	color: #008000;
	font-weight:bold;
}

.bfgray {
	color: #808080;
	font-weight:bold;
}

.bforan {
	font-weight:bold;
	color: #FFA500;
}

.bfred1,.bfored1,.bfblue1,.bfgreen1,
.bfgray1,.bforan1,.bfbrown1 {
	font-weight:bold;
	font-size:16px;
}


.bfred1 {
	color: #FF0000;
}

.bfored1 {
	color: #ff3300;
}

.bfblue1 {
	color: #0000FF;
}

.bfgreen1 {
	color: #008000;
}

.bfgray1 {
	color: #808080;
}

.bfbrown1 {
	color: #993333;
}

.bforan1 {
	color: #FFA500;
}


/*------------------------------------*/
/*　　　　　　文字装飾　　　　　　　　　*/
/*---------------------------------*/
.under {
	text-decoration: underline;
}

.under_red {
	border-bottom: 1px #E60012 solid;
}

.under_ored {
	border-bottom: 1px #FF3300 solid;
}

.bg_yel {
	color: #333333;
	font-weight:bold;
	background-color: #FFFF00;
}



/*--------------------------------*/
/*　　　　　　画像設定　　　*/
/*-------------------------------*/

.img_topt{
	border: none;
	margin:0 0 10px 10px;
}

.img_bn{
	border: none;
}

.img_b1{
	border: 1px #FFFFFF solid;
}

.img_marg{
	border: none;
	margin: 5px 0;
}

.img_google{
	width: 75px;
	height: 32px;
	border: none;
	/*background: #FFFFFF;*/
	vertical-align: middle;	
}

.img_fr {
	float: right;
	border: 0;	margin: 0 5px 10px 10px;
}



/*--------------------------------*/
/*　　　　　　フロー解除　　　*/
/*-------------------------------*/

.clear {
	clear: both;
}