@charset "utf-8";

/* ------------------------------
 リセット
------------------------------ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

/* ------------------------------
 ページ全体
------------------------------ */
body {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #333;
	font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align: center;
	background: #fff;
}

.clear {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.arrow24a5c8 {
	padding-left: 10px;
	background: url(/shared/img/arrow24a5c8.gif) no-repeat 0 center;
}

.arrow333 {
	padding-left: 10px;
	background: url(/shared/img/arrow333.gif) no-repeat 0 center;
}

.err, .red {
	color: #ce454e;
}

.biggest {
	margin: -1px 0 23px;
	padding: 14px 0 35px;
	border-bottom: 2px solid #dddcd5;
	font-weight: bold;
}

.b1 { /* 下1行分 */
	margin-bottom: 1.5em;
}

.mt-3 {
	margin-top: -3px;
}

.mt-13 {
	margin-top: -13px;
}

.mt3 {
	margin-top: 3px;
}

.mt14 {
	margin-top: 14px;
}

.mt20 {
	margin-top: 20px;
}

.mt22 {
	margin-top: 22px;
}

.mt23 {
	margin-top: 23px;
}

.mt40 {
	margin-top: 40px;
}

.mb-4 {
	margin-bottom: -4px;
}

.mb19 {
	margin-bottom: 19px;
}

.mb22 {
	margin-bottom: 22px;
}

.mb23 {
	margin-bottom: 23px;
}

.mb36 {
	margin-bottom: 36px;
}
.ml20 {
	margin-left: 20px;
}

/* ------------------------------
 リンク
------------------------------ */
a:link, a:visited {
	color: #24a5c8;
	text-decoration: none;
}

a:active, a:hover {
	color: #24a5c8;
	text-decoration: underline;
}

/* ------------------------------
 フォーム
------------------------------ */
form {
	margin: 0;
	padding: 0;
}

input, select {
	color: #1a1a1a;
	font-size: 100%;
	font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
}

textarea {
	color: #333;
	font-size: 100%;
	font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
	line-height: 1.5em;
}

/* ------------------------------
 コンテナ
------------------------------ */
#container {
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 4px solid #52483e;
	text-align: center;
}

/* ------------------------------
 ヘッダ
------------------------------ */
#header {
	width: 950px;
	height: 74px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#logo { /* ロゴ */
	width: 470px;
	margin: 0;
	padding: 13px 0 0;
	float: left;
}

#logo img {
	margin-left: 10px;
}

#logo p {
	margin-top: 10px;
	font-size: 10px;
}

#lc {
	width: 329px;
	height: 46px;
	margin: 6px 0 0;
	padding: 0;
	background: url(/shared/img/lc_bg.gif) no-repeat 0 0;
	float: left;
}

#loginout {
	width: 159px;
	margin: 4px 0 0;
	padding: 0;
	text-align: right;
	float: left;
}

#cart {
	width: 158px;
	margin: 4px 0 0;
	padding: 0;
	text-align: right;
	float: left;
}

#textsize { /* 文字サイズ変更 */
	width: 151px;
	height: 28px;
	margin: 12px 0 0;
	padding: 0;
	background: url(/shared/img/textsize_bg.gif) no-repeat 0 0;
	float: left;
}

#textsizein {
	margin: 0 0 0 10px;
	padding: 6px 0 0 0;
}

/* ------------------------------
 グローバルナビ
------------------------------ */
#globalnavi {
	width: 100%;
	height: 35px;
	margin: 0;
	padding: 0;
	background: url(/shared/img/globalnavi_bg.gif) repeat-x 0 0;
	text-align: center;
}

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

#globalnaviin ul li {
	padding-right: 1px;
	background: url(/shared/img/separator.gif) no-repeat right 0;
	float: left;
}

#globalnaviin ul li.last {
	padding-right: 0px;
	background: none;
}

#globalnaviin ul li img {
	vertical-align: bottom;
}

/* ------------------------------
 コンテンツ
------------------------------ */
#contents {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#headinghome { /* ヘディングホーム用 */
	width: 100%;
	height: 275px;
	margin: 0;
	padding: 0;
	background: url(/shared/img/headinghome_bg.gif) repeat-x 0 0;
	text-align: center;
}

#headingimg { /* ヘディングイメージ入り */
	width: 100%;
	height: 124px;
	margin: 0;
	padding: 0;
	background: url(/shared/img/headingimg_bg.gif) repeat-x 0 0;
	text-align: center;
}

#heading { /* ヘディング */
	width: 100%;
	height: 141px;
	margin: 0;
	padding: 0;
	background: url(/shared/img/heading_bg.gif) repeat-x 0 0;
	text-align: center;
}

#headingin {
	width: 950px;
	height: 97px;
	margin: 0 auto;
	padding: 0;
	background: url(/shared/img/headingin_bg.jpg) no-repeat 0 0;
	text-align: left;
}

#headingin img {
	margin: 41px 0 0 28px;
}

#headings { /* ヘディングショート */
	width: 100%;
	height: 47px;
	margin: 0;
	padding: 0;
	background: url(/shared/img/headings_bg.gif) repeat-x 0 0;
	text-align: center;
}

#headingsin {
	width: 950px;
	height: 3px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#crumb { /* パンくず */
	width: 950px;
	height: 44px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#crumb p.smaller {
	padding-left: 5px;
	line-height: 44px;
}

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

/* ------------------------------
 ローカルナビ
------------------------------ */
#localnavi {
	width: 264px;
	margin: 0;
	padding: 0;
	float: left;
}

#loginname {
	width: 238px;
	margin: 0 0 6px;
	padding: 0;
}

#mypageout {
	width: 238px;
	margin: 0 0 10px;
	padding: 0;
}

#mypagein {
	width: 238px;
	margin: 0 0 10px;
	padding: 0;
}

#logout {
	width: 238px;
	margin: 6px 0 10px;
	padding: 0;
}

#mypagemenu {
	width: 238px;
	margin: 0 0 7px;
	padding: 0;
	background: url(/shared/img/mypagemenu_bg.gif) repeat 0 0;
}

#mypagemenuin {
	margin: 0;
	padding: 10px;
}

#mypagemenuin ul {
	padding: 0 4px;
	border: 1px solid #dddcd5;
	border-top: none;
	background: #fff;
}

#mypagemenuin ul li {
	width: 208px;
	background: url(/shared/img/dotn.gif) repeat-x 0 bottom;
	font-weight: bold;
}

#mypagemenuin ul li.dotnone {
	width: 208px;
	background: none;
	font-weight: bold;
}

#mypagemenuin ul li a:link, #mypagemenuin ul li a:visited {
	padding: 14px 0 14px 20px;
	background: url(/shared/img/mypagemenu_off.gif) no-repeat 0 0;
	display: block;
}

#mypagemenuin ul li a:active, #mypagemenuin ul li a:hover {
	padding: 14px 0 14px 20px;
	background: url(/shared/img/mypagemenu_on.gif) no-repeat 0 0;
	display: block;
}

#mypagemenuin ul li.dotnone a:link, #mypagemenuin ul li.dotnone a:visited {
	padding: 13px 0 14px 20px;
	background: url(/shared/img/mypagemenu_off.gif) no-repeat 0 0;
	display: block;
}

#mypagemenuin ul li.dotnone a:active, #mypagemenuin ul li.dotnone a:hover {
	padding: 13px 0 14px 20px;
	background: url(/shared/img/mypagemenu_on.gif) no-repeat 0 0;
	display: block;
}

#mypagemenuin ul li p {
	padding: 14px 0 14px 20px;
	color: #999;
	background: url(/shared/img/mypagemenu_off.gif) no-repeat 0 0;
}

#mypagemenuin ul li.dotnone p {
	padding: 13px 0 14px 20px;
	color: #999;
	background: url(/shared/img/mypagemenu_off.gif) no-repeat 0 0;
}

#mypagein p.arrow333 {
	padding-bottom: 3px;
}

#category {
	width: 238px;
	margin: 0;
	padding: 0;
	background: #827971;
}

#categoryin {
	margin: 0;
	padding: 20px 10px 10px;
}

#accordion { /* アコーディオンメニュー */
	width: 218px;
	margin: 17px 0 0 0;
	padding: 2px 0 0 0;
	background: #fff;
	text-align: center;
}

#accordion .menuheader { /* アコーディオンメニューヘッダー */
	width: 214px;
	height: 56px;
	margin: 0 auto;
	padding: 0;
	background: url(/shared/img/menuheader_bg.gif) no-repeat 0 0;
	text-align: left;
	cursor: pointer;
	/* ステータスアイコン使用の場合、以下の2行が必要 */
	display: block;
	position: relative;
}

#accordion .menuheaderg { /* アコーディオンメニューヘッダーリンクなし */
	width: 214px;
	height: 56px;
	margin: 0 auto;
	padding: 0;
	background: url(/shared/img/menuheader_bg.gif) no-repeat 0 0;
	text-align: left;
}

#accordion .menuheader .statusicon { /* ステータスアイコン */
	position: absolute;
	top: 18px;
	left: 10px;
}

#accordion .menuheader a {
	height: 54px;
	display: block;
}

#accordion .menuheader img.menu { /* メニューアイテムあり */
	margin: 19px 0 0 33px;
}

#accordion .menuheader img.nomenu, #accordion .menuheaderg img.nomenu { /* メニューアイテムなし */
	margin: 18px 0 0 10px;
}

#accordion div.menuitems { /* メニューアイテム */
	width: 214px;
	margin: 0 auto 2px;
	padding: 0;
	text-align: left;
}

#accordion div.menuitems ul {
	width: 214px;
	padding: 6px 0;
	background: #f6f5ef;
	text-align: left;
}

#accordion div.menuitems ul li {
	_padding-bottom: 1px;
}

#accordion div.menuitems ul li a {
	padding-left: 43px;
	background: url(/shared/img/arrow333.gif) no-repeat 33px center;
	display: block;
}

.banner {
	width: 238px;
	margin: 10px 0 0;
	padding: 0;
}

/* ------------------------------
 メイン
------------------------------ */
#main {
	width: 686px;
	margin: 0;
	padding: 0;
	float: left;
}

.subheading {
	width: 686px;
	height: 37px;
	margin: 0 0 26px;
	padding: 0;
	background: url(/shared/img/subheading_bg.gif) no-repeat 0 0;
}

.subheading h1, .subheading h2 {
	padding: 12px 0 0 30px;
}

#subheadingsdt { /* 性感染症詳細用 */
	width: 686px;
	height: 37px;
	margin: 0 0 26px;
	padding: 0;
	background: url(/shared/img/subheadingsdt_bg.gif) no-repeat 0 0;
}

#subheadingsdt h1 {
	padding-left: 20px;
	font-weight: bold;
}

#pagetop { /* ページトップ */
	width: 950px;
	margin: 0;
	padding: 60px 0 22px;
	text-align: right;
}

/* ------------------------------
 フッタ
------------------------------ */
#footer {
	width: 100%;
	height: 120px;
	margin: 0;
	padding: 0;
	background: #f2f0e7;
	text-align: center;
}

#footernavi { /* フッタナビ */
	width: 100%;
	height: 38px;
	margin: 0;
	padding: 0;
	background: #52483e;
	text-align: center;
}

#footernaviin {
	width: 930px;
	margin: 0 auto;
	padding: 12px 0 0;
	text-align: left;
}

#footernavi ul li {
	padding-right: 20px;
	line-height: 0;
	float: left;
}

#footernavi ul li img {
	vertical-align: bottom;
}

#copyright {
	width: 930px;
	margin: 0 auto;
	padding: 20px 0 0;
	color: #6e6359;
	text-align: left;
}
/* ------------------------------
 ノースクリプト
------------------------------ */
#nojs { /* ノースクリプト位置 */
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}

#nojs p { /* ノースクリプト */
	width: 100%;
	margin: 0 auto;
	padding: 3px 0;
	color: #fff;
	text-align: center;
	background: #52483e;
}