﻿@import url("./reset.css");

/*--京base.css--*/

/*----------------*/
a:link{
	color:#112364;
	text-decoration:none;
}
a:visited{
	color:#203682;
	text-decoration:none;
}
a:hover{
	color:#112364;
	text-decoration:underline;
}
a:active{
	color:#112364;
	text-decoration:underline;
}
/*----------------*/

body{
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
	font-size:0.85em;
	/*font-size:small;*/
	line-height:1.5em;
	background:url(../shared/bg_body.gif);
}

/*共通*/

#container{
	width:100%;
	overflow:hidden;
}

#container_inner{}

#header , #header_home{
	width:100%;
	height:90px;
	margin:0 auto;
	background:url(../shared/flash_bg.jpg) repeat-y center;
}

#header_inner{
	width:786px;
	height:90px;
	margin:0 auto;
}

#header01{
	width:289px;
	height:60px;
	float:left;
	padding:30px 0 0 0;
	text-align:right;
}

#header_nav{
	margin-top:-2px;
}

#header_nav ul{
	height:10px;
	text-align:right;
}

#header_nav ul li{
	display:inline;
}

#header_nav ul li#hn01{
	margin-right:7px;
}

#header_guide{
	height:22px;
	width: 142px;
	padding-top:10px;
	float:left;
}

#header_purchase{
	width: 105px;
	height:20px;
	padding-top:9px;
	float:right;
}


	/*各ページヘッダ*/
	#header #header02{
		width:168px;
		height:74px;
		float:left;
		padding:16px 20px 0 20px;
	}
		
	#header #header03{
		float:right;
		width:289px;
		height:90px;
	}
	
	#header #header03 #header_pharm{
		width:167px;
		height:66px;
		padding-top:24px;
		float:left;
	}
	
	#header_links{
		width:122px;
		height:85px;
		float:right;
		padding-top:15px;
	}
	
	#header_tohome{
		height:16px;
		float:right;
		margin-top:4px;
		margin-left:233px;
	}

	/*ホームヘッダ*/
	
	#header_home #header02{
		width:168px;
		height:74px;
		float:left;
		padding:16px 20px 0 20px;
	}
	
	#header_home #header03{
		float:right;
		width:289px;
		height:75px;
		padding-top:15px;
	}

	
	
	
#nav{
	width:100%;
	height:45px;
	background:url(../shared/menu_bg.gif);
	clear:both;
}

	#nav ul{
	width:790px;
	height:45px;
	text-align:center;
	margin:0 auto;
	}
	
	#nav ul li{
		display:inline;
	}
	
#nav_shadow{
	width:786px;
	height:5px;
	margin:0 auto;
	background:url(../shared/menu_shadow.gif);
}

#nav_shadow img{
	width:786px;
	height:5px;
}
	
#main_box{
	width:100%;
	overflow:hidden;
	background:url(../shared/green_bg.gif) repeat-y center;
}

#footer{
	width:786px;
	height:70px;
	background:url(../shared/footer_bg.gif);
	margin:0 auto;
	overflow:hidden;
}

	#footer ul{
		width:786px;
		height:1em;
		line-height:1em;
		text-align:center;
		font-size:0.8em;
		padding-top:20px;
	}
	
	#footer ul li{
		display:inline;
		margin:0 0.5em;
	}
	
	#footer ul li a{
		color:#555;
	}
	
	#copyright{
		width:850px;
		height:1em;
		line-height:1em;
		padding:1.5em 0 0 0;
		text-align:center;
		font-size:0.8em;
		color:#333;
	}

/*ホーム*/
#home_flash_wrapper{
	width:100%;
	height:406px;
	margin:0 auto;
	background:url(../shared/flash_bg.jpg) repeat-y center;
}

#home_flash_box{
	width:756px;
	height:406px;
	margin:0 auto;
}

#home{
	width:786px;
	margin:0 auto;
	overflow:hidden;
	padding-bottom:30px;
}

	#home_catch{
		height:130px;
		width:720px;
		margin:0 auto;
	}

	#column0102_wrapper{
		width:745px;
		overflow:hidden;
		margin:-9px 0 0 8px;
		padding-bottom:85px;
	}
	#column0102_wrapper .catch_bn{
		width:692px;
		margin:0 0 20px 40px;
		}
	#home #column01{
		width:406px;
		height:370px;
		float:left;
		position:relative;
		top:0;
		left:0;
	}
	
		#home_products{
			width:406px;
			height:280px;
			position:relative;
			top:0;
			left:0;
			z-index:0;
		}
		
		#home_products_img{
			width:406px;
			height:316px;
			position:absolute;
			top:-50;
			left:-50;
			z-index:1;
		}
		
		#home_products_btn{
	margin:0 0 2px;
	width:406px;
	height:30px;
	position:absolute;
	bottom:-100px;
	left:0;
	z-index:2;
	text-align:center;
		}
		
		#bn_yuryo{
	width:319px;
	height:97px;
	position:absolute;
	top:380px;
	left:50px;
		}
	
		#home #column02{
		width:335px;
		overflow:hidden;
		float:right;
	}
	
		#column02 #topics{
		width:335px;
		overflow:hidden;
		}
	
		#column02 #topics h2{
			width:335px;
			height:30px;
			margin-bottom:16px;
		}
		
		#column02 #topics ul{
			width:335px;
			overflow:hidden;
		}
		
		#column02 #topics ul li{
			background:url(../shared/tri01.gif) no-repeat 5px 0.8em;
			line-height:1.4em;
			font-size:0.9em;
			border-bottom:1px dotted #ccc;
			padding:0.4em 0.4em 0.4em 18px; 
		}
		

/*ページ*/

#pages{
	width:740px;
	margin:0 auto;
	overflow:hidden;
}

#topicpath{
	font-size:0.8em;
	height:1em;
	padding:0.8em 0;
	margin:0 auto;
}

#content_ttl{
	width:740px;
	height:86px;
	margin:0 auto;
}

	#content_ttl h1{}
	
#column_a{
	width:200px;
	float:left;
	background:url(../shared/bg_column_a.gif) repeat-x;
	padding-top:16px;
	min-height:450px;
	height:auto !important;
	height:450px;
}

	#sub_nav{}
	
		#sub_nav ul{
			width:179px;
			overflow:hidden;
			margin:0 auto;
		}
		
			#sub_nav ul li{
				width:179px;
				height:40px;
				margin:0 0 1px 0;
			}
			
	#lc_prd{
		width:152px;
		overflow:hidden;
		padding:3px;
		border:1px solid #ccc;
		background:#fff;
		margin:20px auto 0 auto;
	}
	
		#lc_prd01{
			height:56px;
		}
		#lc_prd02{
			height:71px;
			margin-bottom:5px;
		}
		#lc_prd03{
			height:71px;
			margin-bottom:5px;
		}
		#lc_prd04{
			height:25px;
			text-align:center;
			margin-bottom:5px;
		}
		#lc_prd05{
			height:71px;
			margin-bottom:5px;
		}
		
		
#column_b{
	width:510px;
	overflow:hidden;
	float:right;
	padding-bottom:30px;
}

	#content_main{}
	
	#content_main .sub_ttl{
		width:490px;
		height:25px;
		padding-top:10px;
		margin-bottom:20px;
	}
	
	#content_main .sub_ttl h2{}
	
	
	#content_main .sub_ttl2{
		width:490px;
		height:80px;
		padding-top:10px;
		margin-bottom:20px;
	}
	
	#content_main .sub_ttl2 h2{}
	
	#content_main p{
		padding:0 10px;
		margin-bottom:1em;
		line-height:1.8em;
	}
	#content_main p.heading_txt{
		padding:60px 10px 0 0;
		line-height:1.8em;
		margin-bottom:0px;
	}
	
	#content_main h3.heading{
		background:url(../shared/h3_heading.gif) no-repeat left top;
		padding:4px 0 0 15px;
		font-size:15px;
		color:#003d84;
		margin:2em 0 1em 0;
		line-height:1.4em;
		clear:both;
	}
	#content_main h3.heading_txt{
		background:url(../shared/h3_heading.gif) no-repeat left top;
		padding:4px 0 0 15px;
		font-size:15px;
		color:#003d84;
		margin:0 0 1em 0;
		line-height:1.4em;
		clear:both;
	}
	
	#content_main .cflink_list{
		clear:both;
		width:450px;
		margin:0 auto 1em auto;
		border-top:1px dotted #ccc;
		padding:10px;
	}
	
	#content_main .cflink_list ul{}
	
	#content_main .cflink_list ul li{
		background:url(../shared/tri02.gif) no-repeat left 0.4em;
		margin-bottom:0.4em;
		padding-left:16px;
	}
	
	#content_main h4.heading{}
	
	.pagetop{}
	
	#bg_content{
		clear:both;
		text-align:right;
	}
	
/*shoping用 1カラム*/
	#column0102_wrapper_ #column_shop{
		width:745px;
		overflow:hidden;
		margin:-9px 0 0 8px;
	}
	
	#home #column01 #column_shop{
		width:406px;
		overflow:hidden;
		float:left;
	}
	
		#home_products #column_shop{
			width:406px;
			height:274px;
			position:relative;
			top:0;
			left:0;
			z-index:0;
		}
		
		#home_products_img #column_shop{
			width:406px;
			height:274px;
			position:absolute;
			top:-50;
			left:-50;
			z-index:1;
		}
		
		#home_products_btn #column_shop{
			margin:0 0 2px;
			width:406px;
			height:30px;
			position:absolute;
			bottom:42px;
			left:0;
			z-index:2;
			text-align:center;
		}
	



	#column_shop{
		width:742px;
		margin:0 auto;
		min-height:350px;
		height: auto !important;
		height: 350px;
	}
	
	
		#column_shop h2{
			font-size:1.2em;
			height:47px;
			width:680px;
			margin:0 auto 10px auto;
		}
		
		#column_shop h2 img{
			vertical-align:middle;
			margin-right:10px;
		}
		
		#column_shop h3{
			font-weight:bold;
			color:#000066;
			width:660px;
			margin:0 auto 5px auto;
			font-size:1.05em;
		}
		
		.shop_tbl{
			margin-bottom:40px;
		}
		
		#content_main .shop_tbl p{
			color:#CC0000;
			margin:0 auto;
			padding:0;
			width:650px;
		}
		
		.shop_tbl table{
			border-collapse:collapse;
			width:680px;
			margin:0 auto;
			font-size:1.05em;
			border:1px solid #ddd;
			}
			
		.shop_tbl table th{
			white-space: nowrap;
			border:1px solid #fff;
			padding:0.3em;
		}
		
		.shop_tbl table td{
			border:1px solid #ddd;
			padding:0.3em;
		}
		
		.shop_tbl table thead th{
			text-align:center;
			background:#eee;
			border:1px solid #ddd;
		}
		
		.shop_tbl table tbody th{
			width:210px;
			background:#fff09e;
		}
		
		.shop_tbl table tbody td input{
			font-size:1.05em;
			padding:0.1em;
		}
		
		.shop_tbl table tbody .cau{
			font-size:0.9em;
		}
		
		.white-normal{
			white-space:normal;
		}
		
		.white-nowrap{
			white-space:nowrap;
		}
		
		.shop_tbl .b_teiki{
			margin:2px;
			padding:2px;
			color:#000066;
		}
		
		#shop_goods_tbl table{
			width:520px;
			margin:0 auto;
		}
		
			#shop_goods_tbl table td{
				text-align:center;
				width:50%;
				padding:5px 0;
			}
	.fax_txt{
	margin:0 0 0 58px;
	}
				
	.err_list{}
	
	.err_list p{
	}
	
	.err_list ul{
		padding-left:16px;
	}
	
	.err_list ul li{
		padding-left:16px;
		background:url(../shared/tri02.gif) no-repeat left 0.4em;
	}	
	
/*コンテンツ・ページごと*/

/*about*/
#about_imgs_wrapper{}

	#about_imgs_wrapper ul{
		width:360px;
		height:140px;
		margin:2em auto;
	}
	
	#about_imgs_wrapper ul li{
		width:96px;
		height:72px;
		padding:5px 10px;
		float:left;
	}
	
	#about_imgs_wrapper ul li img{
		border:1px solid #ccc;
	}

	.about_text_yose{
		margin-left:44px;
	}
	
	.about_imgs_kassei img{
		border:1px solid #ccc;
	}
/*products*/
#products_anchor{
	text-align:center;
	height:1em;
	padding:0.5em 0;
	border-top:1px dotted #ddd;
	border-bottom:1px dotted #ddd;
	margin-top:16px;
}

#products_anchor ul{}

	#products_anchor ul li{
		display:inline;
		margin-right:20px;
		padding-left:12px;
		background:url(../shared/tri01.gif) no-repeat left 0.5em;
	}
	
	.product_box{
		width:470px;
		margin:0 auto;
		overflow:hidden;
	}
	
	.product_img{
		width:200px;
		overflow:hidden;
		float:left;
	}
	
	.product_txt{
		width:260px;
		overflow:hidden;
		float:right;
	}
	
	.product_txt h2{}
	
	.product_txt p{}
	
	.product_txt ul{
		margin-bottom:18px;
	}
	
		.product_txt ul li{
			background:url(../shared/cir_brw.gif) no-repeat left 0.35em;
			padding-left:18px;
			margin-bottom:0.2em;
			line-height:1.5em;
		}
	
	.product_footer{
		clear:both;
	}
	
.senji_right{
	width:350px;
	overflow:hidden;
	float:left;
	padding-top:30px;
}

.senji_long{
	width:440px;
	overflow:hidden;
	clear:both;
	background:url(../products/images/img_micon.jpg) right top no-repeat;
}

.senji_long p{
	width:250px;
}

.senji_long table , .senji_long div{
	width:420px;
	margin:10px auto;
}

.senji_long table td{
	padding:3px 10px;
	vertical-align:top;
}

.senji_long table td.va_bottom{
	vertical-align:bottom;
}

.senji_rt_top{
	text-align:right;
	padding:0.5em 0;
	clear:both;
	border-top:1px dotted #ccc;
}

.senji_rt_top img{
	vertical-align:middle;
	margin-right:8px;
}

.tejun_list ol li{
	padding-left:36px;
	line-height:1.5em;
	margin-bottom:1.5em;
	min-height:25px;
	height: auto !important;
	height: 25px;
}

.tejun_list ol li#no01{
	background:url(../products/images/no1.gif) no-repeat left top;
}
.tejun_list ol li#no02{
	background:url(../products/images/no2.gif) no-repeat left top;
}
.tejun_list ol li#no03{
	background:url(../products/images/no3.gif) no-repeat left top;
}
.tejun_list ol li#no04{
	background:url(../products/images/no4.gif) no-repeat left top;
}

#senjikata_a_menu{
	height:20px;
	margin-bottom:20px;
}

	#senjikata_a_menu ul{
		height:20px;
		text-align:center;
	}
	
	#senjikata_a_menu ul li{
		display:inline;
		margin-right:1px;
	}
	
#senjikata01 h3 , #senjikata02 h3 , #senjikata03 h3{
	width:90px;
	height:200px;
	float:left;
}

#senjikata01{
	background:url(../products/images/bg01.jpg) no-repeat;
	width:460px;
	margin:0 auto 20px auto;
	min-height:350px;
	height: auto !important;
	height: 350px;
	border-top:2px solid #cec1a3;
}
#senjikata02{
	background:url(../products/images/bg02.jpg) no-repeat;
	width:460px;
	margin:0 auto 20px auto;
	min-height:350px;
	height: auto !important;
	height: 350px;
	border-top:2px solid #cec1a3;
}

#senjikata03{
	background:url(../products/images/bg03.jpg) no-repeat;
	width:460px;
	margin:0 auto 20px auto;
	min-height:350px;
	height: auto !important;
	height: 350px;
	border-top:2px solid #cec1a3;
}

#nomikata_box{
	background:url(../products/images/bg_nomikata.jpg) no-repeat center center;
	overflow:hidden;
}

.tejun_list_micon{
	width:540px;
	height:241px;
	margin:0 auto;
	background:url(../products/images/img_micon.jpg) no-repeat right top;
	overflow:hidden;
}

#nomikata_anchor_menu{
	width:440px;
	margin:0 auto;
	padding:10px;
	overflow:hidden;
	border:1px solid #87a575;
}

#nomikata_anchor_menu ul{
	clear:both;
	width:440px;
	margin:0 auto;
	line-height:1.5em;
}

#nomikata_anchor_menu ul li{
	background:url(../shared/tri02.gif) no-repeat left 0.4em;
	float:left;
	width:202px;
	padding-left:16px;
}

#nomikata_anchor_menu ul li.long{
	width:424px;
	float:none;
	clear:both;
}

#tanoshimu_check{
	width:300px;
	margin:0 0 0 95px;
	border:1px solid #87a575;
}

#tanoshimu_check ul{
	margin:5px 0 5px 2px;
}

#tanoshimu_check ul li{
	margin:0 0 0 10px;
	padding:0 0 0 25px;
	background:url(../products/images/img_check.gif) no-repeat left 0.4em;
	height:28px;
	line-height:28px;
}
	
/*qa*/
#qa_list{
	width:470px;
	margin:0 auto;
	overflow:hidden;
}

	#qa_list dl{}
	
	#qa_list dl dt{
		background:url(../qa/images/lbl_q.gif) no-repeat left top;
		height:30px;
		font-weight:bold;
		padding:4px 0 0 38px;
		border-bottom:1px dotted #aaa;
		margin-bottom:10px;
	}
	
	#qa_list dl dd{
		background:url(../qa/images/lbl_a.gif) no-repeat left top;
		padding:2px 0 0 38px;
		line-height:1.5em;
		margin-bottom:30px;
	}

/*contactus*/

#contactus_box{
	width:430px;
	margin:0 auto 20px auto;
	border:1px solid #aaa;
	padding:20px 10px;
	overflow:hidden;
	text-align:center;
}

	#contactus_box h2{
		height:30px;
		margin-bottom:20px;
	}

	#cb01{
		height:16px;
		margin-bottom:8px;
	}
	
	#cb02{
		height:30px;
		margin-bottom:10px;
	}
	
	#cb03{
		height:20px;
		margin-bottom:8px;
	}
	
	#cb04{
		height:20px;
	}
	
	#cb05{
		height:16px;
		margin-bottom:15px;
	}
	
/*corporate*/
#corporate_tbl{
	padding-top:1em;
}

#corporate_tbl table{
	width:470px;
}

	#corporate_tbl table th , #corporate_tbl table td{
		border:1px solid #ccc;
		padding:0.6em;
	}
	#corporate_tbl table th{
		background:#fcffea;
		vertical-align:top
	}
	
	#corporate_tbl table td{
		line-height:1.6em;
	}
	
	#corporate_tbl table td ol{
		padding-left:2em;
		list-style:decimal;
	}
	
		#corporate_tbl table td ol li{}

/*links*/
#links_list ul{
	padding-top:1em;
}

#links_list ul li{
	padding-left:12px;
	background:url(../shared/tri01.gif) no-repeat left 0.4em;
	margin-bottom:1em;
}

/*sitemap*/
#sitemap_list{
	padding-top:1em;
}

	#sitemap_list ul{}
	
	#sitemap_list ul li{
		font-size:1.1em;
		margin-bottom:1.5em;
		background:url(../sitemap/images/list_head.gif) no-repeat left top;
		padding-left:16px;
	}
	
	#sitemap_list ul li a{
		display:block;
	}
	
	#sitemap_list ul li ul{
		margin-top:0.5em;
	}
	
	#sitemap_list ul li ul li{
		font-size:0.9em;
		margin:0 0 0.5em 0.5em;
		padding-left:16px;
		background:url(../shared/tri01.gif) no-repeat left 0.4em;
	}
	
	#sitemap_list ul li ul li a{
		display:inline;
	}

/*topics*/
#topics_list{
	padding-top:1em;
}

	#topics_list ul{
		width:470px;
		overflow:hidden;
	}
	
	#topics_list ul li{
		background:url(../shared/tri01.gif) left 0.8em no-repeat;
		padding:0.5em 0 0.5em 16px;
		border-bottom:1px dotted #ccc;
	}
	
	
#topics_detail{}

	#topics_date{
		text-align:right;
		padding:4px;
		font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
	}

	#topics_ttl{
		border-bottom:1px dotted #aaa;
		padding-bottom:8px;
	}
	
	#topics_ttl	h1{
		background:url(../shared/h3_heading.gif) no-repeat left top;
		padding:4px 0 0 15px;
		font-size:15px;
		color:#003d84;
		line-height:1.4em;
		clear:both;
	}
	
	#topics_detail table{
		font-size:0.95em;
		width:480px;
		margin:0 auto 1em auto;
	}
	
	#topics_detail table th{
		vertical-align:top;
		padding:0 5px 0.5em 0;
		white-space:nowrap;
	}
	
	#topics_detail table td{
		vertical-align:top;
		padding-bottom:0.5em;
	}
	
	#return_topicslist{
		clear:both;
		text-align:right;
		padding:5px;
		font-size:0.9em;
		border-top:1px dotted #aaa;
		margin-top:2em;
	}
	
/*policy*/

#privacy_box{}

#privacy_box dl{
	padding:0 10px;
	margin-bottom:1em;
	line-height:1.8em;
}

#privacy_box dl dt{
	font-weight:bold;
	margin-bottom:0.3em;
}

#privacy_box dl dd{
	margin:0 0.5em 1em 0.5em;
	line-height:1.5em;
}

#privacy_box dl dd ul{}

#privacy_box dl dd ul li{}

/*sitemap*/
.6pxaki{
	margin-left:-6px;
}

/*汎用*/

.fc_red{
	color:red;
}

.fc_blue{
	color:#0000ff;
}

.fw_bold{
	font-weight:bold;
}

.ta_center{
	text-align:center;
}

.ta_right{
	text-align:right;
}

.fl_right{
	float:right;
	margin-left:10px;
}

.fl_left{
	float:left;
	margin-right:10px;
}

.ff_msp{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.fs_1p05em{
	font-size:1.05em;
}

.fs_12px{
	font-size:12px;
}

.img_border{
	border:1px solid #ccc;
}

/*.td_uline{
	text-decoration:underline;
}*/

.t4em {
	width:4em !important;
}
.text-right{
	text-align:right !important;
}
.h17px {
	height:17px !important;
}

.color-red {
	color:#f00 !important;
}

/*横幅*/
.w7em{
	width:7em;
}

.w14em{
	width:14em;
}

.w25em{
	width:25em;
}.heading {
	background-image: url(../shared/sub_title.gif);
	font-size: 115%;
	padding-left: 30px;
}
