@charset "shift_jis";

body,td,th,div{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	line-height:160%;
	color:#555;
}

body {
	background:url(../images/hl_bg.gif) repeat-x left top;
	text-align:center;
	margin:0px;
	padding:0px;
}

a:link, a:visited{
	text-decoration:none;
	color:#555;
}

a:hover{
	text-decoration:underline;
	color:#f60;
}

.clear { clear:both; }
.clear hr { display:none; }

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


.pd10{padding:10px;}
.pd20{padding:10px 20px;}



/*///////////////////////////////////////////////////
ヘッドライン
///////////////////////////////////////////////////*/

#headline{
	width:950px;
	text-align:left;
	margin:0 auto;
	height:95px;
}

#headline div#ttl{
	float:left;
	margin:0px;
	padding:0px;
	width:580px;
}

#headline h1{
	font-size:11px;
	line-height:25px;
	margin:0px;
	padding-top:5px;
	font-weight:normal;
}

#headline div.logo a{
	display:block;
	width:300px;
	height: 50px;
	background:url(../images/logo.gif) no-repeat left top;
}

#headline div.logo a span{
	position:absolute;
	width:0px;
	height:0px;
	overflow:hidden;
}

#headline div#nav{
	float:right;
	margin:0px;
	padding:0px;
	width:350px;
}

ul#hl_nav {
	margin:0px;
	padding:0px;
	height:30px;
	width:350px;
	list-style-type: none;
}

ul#hl_nav li {
	float: left;
}

ul#hl_nav li a span{
	position:absolute;
	width:0px;
	height:0px;
	overflow:hidden;
}

ul#hl_nav li a {
	display:block;
}


/*home*/
ul#hl_nav li#home a {
	width:64px;
	height:30px;
	background:url(../images/hl_nav.gif) no-repeat;
	background-position: 0px 0px;
}

ul#hl_nav li#home a:hover {
	background:url(../images/hl_nav.gif) no-repeat;
	background-position: 0px -30px;
}

/*一般問い合わせ*/
ul#hl_nav li#mail a {
	width:143px;
	height:30px;
	background:url(../images/hl_nav.gif) no-repeat;
	background-position: -64px 0px;
}

ul#hl_nav li#mail a:hover {
	background:url(../images/hl_nav.gif) no-repeat;
	background-position: -64px -30px;
}

/*採用問い合わせ*/
ul#hl_nav li#form a {
	width:143px;
	height:30px;
	background:url(../images/hl_nav.gif) no-repeat;
	background-position: -207px 0px;
}

ul#hl_nav li#form a:hover {
	background:url(../images/hl_nav.gif) no-repeat;
	background-position: -207px -30px;
}



/*電話番号*/
#headline div.tel{
	display:block;
	width:350px;
	height:50px;
	background:url(../images/hl_tel.gif) no-repeat left top;
}

#headline div.tel span{
	position:absolute;
	width:0px;
	height:0px;
	overflow:hidden;
}




/*///////////////////////////////////////////////////
トップjavascript/コンテンツタイトル
///////////////////////////////////////////////////*/

#top_image{
	text-align:center;
	background:url(../images/top_image_bg.gif) repeat-x left top;
	padding-top:20px;
}

#top_image iframe{
	background-color:#fff;
}


#stl{
	text-align:center;
	background:url(../images/stl_bg.gif) repeat-x left top;
	padding-top:20px;
}


/*///////////////////////////////////////////////////
コンテンツページ幅
///////////////////////////////////////////////////*/

#outline {
	width:950px;
	text-align:left;
	margin:0 auto;
}


/*///////////////////////////////////////////////////
共通メニューボタン
///////////////////////////////////////////////////*/

ul#menu {
	margin:0px;
	padding:0px;
	height:90px;
	width:950px;
	list-style-type: none;
}

ul#menu li {
	float: left;
}

ul#menu li a span{
	position:absolute;
	width:0px;
	height:0px;
	overflow:hidden;
	height:85px;
}

ul#menu li a {
	display:block;
	width:190px;
	height:75px;
}


/*ご挨拶*/
ul#menu li#message a {
	background:url(../images/menu.gif) no-repeat;
	background-position: 0px 0px;
}

ul#menu li#message a:hover {
	background:url(../images/menu.gif) no-repeat;
	background-position: 0px -75px;
}

/*企業理念*/
ul#menu li#philosophy a {
	background:url(../images/menu.gif) no-repeat;
	background-position: -190px 0px;
}

ul#menu li#philosophy a:hover {
	background:url(../images/menu.gif) no-repeat;
	background-position: -190px -75px;
}

/*採用情報*/
ul#menu li#recruit a {
	background:url(../images/menu.gif) no-repeat;
	background-position: -380px 0px;
}

ul#menu li#recruit a:hover {
	background:url(../images/menu.gif) no-repeat;
	background-position: -380px -75px;
}

/*先輩薬剤師*/
ul#menu li#oneday a {
	background:url(../images/menu.gif) no-repeat;
	background-position: -570px 0px;
}

ul#menu li#oneday a:hover {
	background:url(../images/menu.gif) no-repeat;
	background-position: -570px -75px;
}

/*店舗情報*/
ul#menu li#access a {
	background:url(../images/menu.gif) no-repeat;
	background-position: -760px 0px;
}

ul#menu li#access a:hover {
	background:url(../images/menu.gif) no-repeat;
	background-position: -760px -75px;
}



/*///////////////////////////////////////////////////
メイン/ライトナビ
///////////////////////////////////////////////////*/

#main {
	width:700px;
	float:left;
}

#right {
	width:230px;
	float:right;
}



/*採用情報バナー*/

#right div#bnr_recruit{
	background:url(../images/bnr_recruit.jpg) no-repeat left top;
}

#right div#bnr_recruit a span{
	position:absolute;
	width:0px;
	height:0px;
	overflow:hidden;
}

#right div#bnr_recruit a {
	display:block;
	width:230px;
	height:190px;
}



/*店舗リンク*/
#right div#top_shop{
	height:222px;
	margin:0px;
	padding:0px;
	background:url(../images/top_shop.gif) no-repeat;
}

#right div#top_shop span {
	position:absolute;
	width:0px;
	height:0px;
	overflow:hidden;
}

#right div#top_shop a {
	display:block;
	width:230px;
	height:54px;
}


/*タイトル*/
#right div#top_shop div#shop_tl {
	display:block;
	width:230px;
	height:44px;
	background:url(../images/top_shop.gif) no-repeat;
	background-position: 0px 0px;
}

/*ヤマガタ薬局*/
#right div#top_shop div#shop_y a {
	background:url(../images/top_shop.gif) no-repeat;
	background-position: 0px -44px;
}

/*ニコニコ薬局*/
#right div#top_shop div#shop_n a {
	background:url(../images/top_shop.gif) no-repeat;
	background-position: 0px -98px;
}

/*いこい薬局*/
#right div#top_shop div#shop_i a {
	background:url(../images/top_shop.gif) no-repeat;
	background-position: 0px -152px;
}



/*QRコードバナー*/

#right div#bnr_qr{
	background:url(../images/bnr_qr.gif) no-repeat left top;
	width:230px;
	height:120px;
	display:block;
}

#right div#bnr_qr span{
	position:absolute;
	width:0px;
	height:0px;
	overflow:hidden;
}


/*///////////////////////////////////////////////////
フッター
///////////////////////////////////////////////////*/

#footer_link{
	margin-top:30px;
	text-align:center;
	padding:8px 0px 15px 0px;
	font-size:12px;
	border-top:solid 1px #ddd;
}

#copy{
	font-size:10px;
	text-align:center;
	color:#fff;
	background:url(../images/copy_bg.gif) no-repeat center top;
	padding:10px;
}





/*///////////////////////////////////////////////////
トップページ
///////////////////////////////////////////////////*/

/*最新情報*/

div.news{
	width:700px;
	height:350px;
	overflow:auto;
	margin:10px 0px 20px 0px;
}

div.news dl {
	width: 100%;
	margin: 0;
}

div.news dt {
	width: 9.7em;
	float: left;
	line-height: 150%;
}

div.news dt span{
	padding: 7px 0 6px 10px;
	display:block;
	position:relative;
}

div.news dd {
	margin: 0;
	padding: 7px 3px 6px 9.6em;
	border-bottom: 1px #ccc dotted;
	line-height: 150%;
}


/*許可・資格*/

div.top_kyoka_ph{
	float:left;
	width:250px;
	padding-top:15px;
}

div.top_kyoka_txt{
	float:right;
	width:440px;
}

ul.top_kyoka{
	margin: 0px;
	padding:20px 0px 0px 0px;
	list-style-type: none;
	width:440px;
}

ul.top_kyoka li{
	display:block;
	position:relative;
	padding: 2px 0px 2px 22px;
	background : url(../images/list.gif) no-repeat 5px 4px;
}




/*///////////////////////////////////////////////////
ご挨拶
///////////////////////////////////////////////////*/

.message_ph{
	float:left;
	width:300px;
	line-height:170%;
}

.message_txt{
	float:right;
	width:360px;
	line-height:170%;
}


/*///////////////////////////////////////////////////
企業理念
///////////////////////////////////////////////////*/

table.jisseki {
	width:680px;
	border-collapse: collapse;
}

table.jisseki th, table.jisseki td {
	border:solid 1px #ccc;
	padding:10px;
	line-height:170%;
	text-align:center;
	font-weight:normal;
}

table.jisseki th{
	background:url(../images/bg_gy.gif) #e5e5e5;
}

table.jisseki td{
	background-color:#fff;
}



/*///////////////////////////////////////////////////
採用情報
///////////////////////////////////////////////////*/

table.recruit {
	width:680px;
	border-collapse: collapse;
}

table.recruit th, table.recruit td {
	border:solid 1px #ccc;
	padding:10px 15px;
	line-height:170%;
	text-align:left;
	font-weight:normal;
}

table.recruit th{
	width:20%;
	background:url(../images/bg_gy.gif) #e5e5e5;
}

table.recruit td{
	background-color:#fff;
}

table.recruit td.recruit_t{
	text-align:center;
	font-size:18px;
	line-height:120%;
	padding:13px 0px 10px 0px;
	background-color:#8cc01d;
	color:#fff;
}




/*///////////////////////////////////////////////////
店舗情報
///////////////////////////////////////////////////*/

ul.access{
	width:700px;
	margin:0 0 15px 0;
	padding:0px;
	list-style: none;
	overflow: hidden;
}

ul.access li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	text-align:center;
	padding:0px;
	margin:10px 0px 0px 0px;
	width:350px;
}

ul.access li img{
	vertical-align:bottom;
	margin:0px;
	width:340px;
	height:255px;
	border:0px;
}

.access_txt_left{
	float:left;
	width:330px;
}

.access_txt_right{
	float:right;
	width:330px;
}

div.access_txt b{
	color:#8cc01d;
	font-size:16px;
	line-height:160%;
}

div.access_txt hr{
	border-width:1px 0px 0px 0px;
	border-style:dotted;
	border-color:#ccc;
	height:1px;
	margin:20px 0px;
}




/*///////////////////////////////////////////////////
先輩薬剤師の一日
///////////////////////////////////////////////////*/

.oneday_ph{
	float:left;
	width:280px;
}

.oneday_ph img{
	border:0px;
	margin:0px;
}

.oneday_txt{
	float:right;
	width:380px;
}

.oneday_txt span.name{
	font-size:28px;
	line-height:120%;
}

table.schedule {
	width:680px;
	border-collapse: collapse;
}

table.schedule th, table.schedule td {
	padding:0px 0px 15px 0px;
	text-align:left;
	vertical-align:top;
}

table.schedule th{
	background:url(../images/1day_schedule_bg.gif) repeat-y left top #fff;
	width:50px;
}

table.schedule td{
	font-size:13px;
	line-height:170%;
}

table.schedule td img{
	float:right;
	magrin:5px 0px 5px 10px;
	border:0px;
}

table.schedule td div.time{
	font-size:28px;
	line-height:120%;
	border-bottom:dashed 1px #8cc01d;
	color:#8cc01d;
	margin-bottom:5px;
	width:375px;
}

span.tstl{
	font-size:20px;
}



/*///////////////////////////////////////////////////
問い合わせ
///////////////////////////////////////////////////*/

form{
	margin:0px;
}

table.form {
	width:700px;
	border-collapse: collapse;
}

table.form th, table.form td {
	border:solid 1px #ccc;
	padding:10px 15px;
	line-height:170%;
	text-align:left;
	font-weight:normal;
}

table.form th{
	width:30%;
	background:url(../images/bg_gy.gif) #e5e5e5;
}

table.form th img{
	vertical-align:middle;
}

table.form td{
	background-color:#fff;
}


table.form td table{
	width:auto;
}

table.form td td{
	border:0px;
	padding:5px;
}

.char{ime-mode:disabled;}

.preview{width:100%;}
.preview td{padding:5px;}
.preview td#m{background-color:#eee;border-left:8px solid #ccc;width:120px;}