@charset "utf-8";
/* CSS Document */
/*--初期設定--*/
* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-style: normal;
}

html { font-size: 62.5%; } 

img{
	border: 0px none;
}
ul {
	list-style: none none;
}
hr {
	clear: both;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
line-height:0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* MacIE begin \*/
*+html div.clearfix{height: 1%;}

* html div.clearfix{height: 1%;}

.clearfix {display: block;}
/* Mac IE end */



/* 背景と配置 **********************************/
body {
	background: url(img/bg.png);
	margin: 0px;
	text-align: center;
	color:#333333;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 160%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: -0.5px;
}


/*　リンク設定*****************************************/
a:link {
	color:#006699; 
	text-decoration: underline;
}

a:visited {
	color:#3399bb;
	text-decoration: underline;
}

a:active { 
	color: #006699;
	text-decoration: underline;
}

a:hover {
	color: #FF9900;
}

a.ank:hover {
	text-decoration:none;
}

/*.img-a{
	border:0px;*/
}
form {
	padding: 0px;
	margin: 0px;
}
/*.mail_box01 {
	background-image: url(image/bk_001.jpg);
	padding: 6px;
	line-height: 130%;
}*/



/* 強調文字設定 *********************************************/

em {
	color: #ff0000;
}
strong {

}



/* =================================================

	layout

================================================= */

#container-kage{
	width:100%;
max-width: 970px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	clear: both;
	background: url(./img/bg-container2.png) repeat-y #ffffff top center;
}
#header {
	width:100%;
max-width: 950px;
	margin: 0 auto 0 auto;
	padding: 0px;
	background-color: #FFFFFF;
	text-align: left;
}


#container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0;
	width:100%;
max-width: 950px;
}
#main {
	width:calc(100% - 20px);
max-width: 710px;
	margin: 0 auto;
	padding: 15px 10px 30px 10px;
}
#footer {
	width: 100%;
max-width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 10px;
	background: url(./img/footer-bg.jpg) no-repeat;
	clear: both;
	text-align: left;
}


/* =================================================

	header

================================================= */

/* キャッチ********************************/

h1{
	margin: 0px;
	padding: 2px 10px;
	background: #2e82b1;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}

/* バナー ********************************************/

#bannerbox {
	position: relative;
	clear: both;
	height: 60px;
}
#logo {
	position: absolute;
	top: 20px;
	left: 10px;
}
#logo a {
	background: url(./img/gerovital-logo.gif) no-repeat;
	padding: 5px 0 5px 205px;
	color: #666666;
	text-decoration: none;
	font-size: 12px;
}
#phone {
	position: absolute;
	top: 5px;
	left: 420px;
}
#cart {
	text-align: right;
	padding: 5px 5px 0 0;
}

/* 上部メニュー ***********************************/

#headerMenuContainer{
	position:relative;
	height:56px;
	color:#E0E0E0;
	background:#143D55;
	width:100%;
}
#headerMenu {
	position:relative;
	height:33px;
	font-size:15px;
	text-transform:uppercase;
	font-weight:bold;
	background:#fff url(img/headerMenu_bg.gif) repeat-x bottom left;
	padding:0 0 0 20px;
	_background:#fff url(img/headerMenu_bg.gif) repeat-x 0px 4px;
}
#headerMenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	float:left;
}
#headerMenu li{
	display:block;
	float:left;
	margin:0 1px;
}
#headerMenu li a{
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 20px;
	height:33px;
}
#headerMenu ul li a span{
	padding:10px 20px 0 0;
	height:21px;
	float:left;
}
#headerMenu ul li a:hover{
	color:#fff;
	background:transparent url(img/headerMenu_bg-over.gif) repeat-x bottom left;
}
#headerMenu ul li a:hover span{
	display:block;
	width:auto;
	cursor:pointer;
}
#headerMenu ul li a.on,
#headerMenu ul li a.on:hover{
	color:#fff;
	background:#1D6893 url(img/headerMenu_left-on.gif) no-repeat top left;
	line-height:275%;
	_line-height:220%;
}
#headerMenu ul li a.on span{
	display:block;
	padding:0 20px 0 0;
	width:auto;
	background:#1D6893 url(img/headerMenu_right-on.gif) no-repeat top right;
	height:33px;
	}
#headerSubmenu {
	text-align: right;
	font-size:12px;
	margin-top: 2px;
}
#headerSubmenu li {
	display: inline;
	margin-right: 10px;
}
#headerSubmenu li a {
	color: #6699cc;
	text-decoration: none;
}
#headerSubmenu li a:hover {
	color: #FF9900;
}


/* キャッチ 上部メニューのclearfix ***********************************/

#catchbox:after,
#headerMenu:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
* html #catchbox,
* html #headerMenu {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ==============================================

   サイドナビ
   
============================================== */

#left-side p {
	margin: 10px 0;
}
.cyui {	/* 金ラベルについて */
	font-size: 12px;
	line-height: 140%;
}

/* お買い物会員登録 ********************************** */

#free_shipping {
	border: 1px solid #006699;
	margin: 10px 0;
}
#free_shipping p {
	text-align: center;
}
#free_shipping strong {
	color: #ff0000;
	font-size: 20px;
}
#side_member {
	background: url(img/bg-member.png) no-repeat;
	padding: 10px 0 15px 0;
}
#side_member p#point1 {
	margin: 0 10px 5px 80px;
	line-height: 130%;
}
#side_member p#point2 {
	font-size: 16px;
	font-weight: bold;
}
#side_member p {
	margin: 5px 10px;
	line-height: 130%;
}

/* サイドメニュー ********************************** */

#navi a {
	text-decoration: none;
	font-size: 13px;
	line-height: 120%;
	font-weight: bold;
}

#navi-pf00 {
	background: url(./img/bg-side_navi-pf00.png) no-repeat;
	display: block;
	width: 200px;
	height: 25px;
	_height: 35px;
	padding: 7px 0 3px;
	color: #fff;
	text-align: center;
	font-size: 15px;
}
#navi li {
	margin: 0;
	padding: 0;
	border-color: #006699;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	height: 60px;
}
#navi li a,
#navi li a:visited {
	display: block;
	width:140px;
	_width: 198px;
	margin: 0;
	padding: 31px 50px 13px 8px;
	color: #333333;
}
#navi li a:active { 
	color: #ff9900;
}
#navi li a:hover {
	color: #ff9900;
}
#navi-h3_1 a {
	background: url(./img/bg-side_navi-h3_1.png) no-repeat;
}
#navi-h3_2 a {
	background: url(./img/bg-side_navi-h3_2.png) no-repeat;
}
#navi li#navi-h3_5 a {
	background: url(./img/bg-side_navi-h3_5.png) no-repeat;
	padding: 24px 50px 4px 8px;
}
#navi-h3_7 a {
	background: url(./img/bg-side_navi-h3_7.png) no-repeat;
}

#navi li#navi-evo_1 a {
	background: url(./img/bg-side_navi-evo_1.png) no-repeat;
}
#navi li#navi-evo_2 a {
	background: url(./img/bg-side_navi-evo_2.png) no-repeat;
}
#navi li#navi-evo_3 a {
	background: url(./img/bg-side_navi-evo_3.png) no-repeat;
	padding: 24px 50px 4px 8px;
}

#navi li#navi-pf02 a {
	background: url(./img/bg-side_navi-pf02.png) no-repeat;
	padding: 24px 50px 4px 8px;
}

#navi-h3 {
	margin: 10px 0;
}
#navi-h3 a:hover img,
.navi-sub a:hover img {
	opacity:0.8;
	filter: alpha(style=0, opacity=80);
}


.navi2 {
	padding: 10px 0 20px 0;
	background: url(./img/dot-line.gif) no-repeat bottom left #ffffff;
}
.navi2 li {
	background: url(./img/navi-li.png) no-repeat 10px 6px;
	padding-left: 23px;
}
#fax,
#blog {
	text-align: center;
	margin: 0;
	padding: 0 0 20px 0;
	background: url(./img/dot-line.gif) no-repeat bottom left #ffffff;
}
#pdf_dl {
	background: url(./img/pdf_dl-icon.gif) no-repeat;
	padding-left: 25px;
}

/* ==============================================

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

/*フッター部分メニュー*/
.menuf-txt ul{
	font-size: 13px;
	line-height: 140%;
	float: left;
	margin: 20px 40px 20px 20px;
}
.menuf-txt li a, .menuf-txt li a:visited { color: #ffffff;}
.menuf-txt li a:hover { color: #EEDD8D;}

address{
	clear: both;
	text-align: right;
	margin: 20px 20px 0;
	font-size: 12px;
	font-weight: normal;
}



/* ==============================================

   メイン
   
============================================== */

/* ----------------------------------------------

   共通
   
---------------------------------------------- */

#main p {
	margin: 0 0 10px 0;
}
#main p.line {
	margin: 0;
	padding: 5px 0;
}
#main p.b-line {	/* floatのずれを防ぐ */
	margin: 0;
	padding:0;
	clear: both;
}
#main p.page_top {　/* ページのトップへ */
	clear: both;
	margin: 1em 0 3em 0;
	text-align: right;
}


.chapter {	/* 章 */
	clear: both;
	margin: 0 0 10px;
	padding: 6px 15px 7px 15px;
	font-size: 14px; font-weight: bold;
	background: url(./img/chapter01.png) no-repeat 0px 0px;
}
#PF .chapter {
	background: url(./img/chapter01-pf.png) no-repeat 0px 0px;
}
#evo .chapter {
	background: url(./img/chapter01-evo.png) no-repeat 0px 0px;
}
.chapter-h2 {	/* 章 */
	clear: both;
	margin: 10px 0 1em 0;
	padding: 30px 25px;
	font-size: 18px; font-weight: bold; line-height: 100%;
	background: url(./img/chapter02.png) no-repeat 0px 0px;
	color: #ffffff;
/*	color: #143d55;*/
	text-shadow: 2px 2px 3px #000;	/* CSS3 */
}
.chapter_pf,
.chapter_h3,
.chapter_evo {
	clear: both;
	color: #71a946;
	font-size: 18px;
	background: url(./img/chapter_pf.gif) no-repeat;
	margin: 0 0 10px;
	padding: 5px 0 5px 90px;
	border-bottom: 3px double #71a946;
}
.chapter_h3 {
	background: url(./img/chapter_h3.gif) no-repeat;
	color: #1d6893;
	border-bottom: 3px double #2e82b1;
}
.chapter_evo {
	background: url(./img/chapter_evo.png) no-repeat;
	color: #980048;
	border-bottom: 3px double #980048;
}

.chapter_pf span,
.chapter_h3 span,
.chapter_evo span {
	display: block;
	font-size: 15px;
	color: #333333;
}
.chapter_pf span.h2-item_name {
	font-size: 18px;
	margin: 10px;
}

.section {
	clear: both;
	background: url(./img/section01.png) no-repeat;
	margin: 0 0 1em 0;
	padding: 0 0 0 30px;
	font-size: 14px;
	color: #1d6893;

/*	border: 1px solid #006699;
	background: #80c5e8;
	margin: 15px 0 5px 0;
	padding: 1px 10px;*/
}


/*　パンくずリスト	*****************************************/

#pathList {
	margin: 0 2px 5px 2px;
}
#pathList li {
	display: inline;
}
#pathList li a {
	padding-right: 20px;
	background: url(img/pathlist.gif) no-repeat right center;
}

/*　onmouseでフィルター	*****************************************/

a.filter:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/*　物理的指定	*****************************************/

.right{
	text-align:right;
}

.left{
	text-align:left;
}

.center{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
/*画像左よせ*/
.float-left {
	float: left;
	padding: 0px 10px 10px 0px;
}
/*画像右よせ*/
.float-right {
	float: right;
	padding: 0px 0px 10px 10px;
}
.float-right span {
	display: block;
	font-size: 12px;
	line-height: 120%;
	color: #999999;
}
.right-img {
	float: right;
	margin: 0px 0px 20px 15px;
}

.clear {
	clear: both;
}



/* -----------------------------------------------

   index.html
   
------------------------------------------------ */

#main {
	position: relative;
}
#VisualArea {
	margin: 0;
	width: 710px;
	height: 300px;
	position: relative;
}
#VisualArea #loading {
	position: absolute;
	top: 130px;
	left: 320px;
}
#video {
	position: absolute;
	top: 185px;
	left: 503px;
	z-index: 1000;
}

#main_right {
	float: right;
	width: 200px;
	margin-top: 15px;

}
#top_report {
	border: 1px solid #9ac279;
	margin-bottom: 13px;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
	position:relative;            /* PIEを動作させるために追加 */
    behavior: url( http://gerovital-shop.com/image/css/PIE-1.0beta5/PIE.htc ) ;       /* CSS3 PIE */
}
#top_report h2 {
	background: url(img/section02.png) repeat-x left bottom;
	padding: 5px 10px 0;
}
#top_report dl {
	padding: 5px 10px;
}

#main_left {
	float: left;
	width: 500px;
	margin: 15px 0 0 0;
	padding: 0 0px 10px 0;
}
#member #otoku {
	border: 2px solid #006699;
	padding: 5px 10px 0;
	position: relative;
	background: url(img/member-bg.jpg) repeat-x left top;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
	position:relative;            /* PIEを動作させるために追加 */
    behavior: url( http://gerovital-shop.com/image/css/PIE-1.0beta5/PIE.htc ) ;       /* CSS3 PIE */
}
#member strong {
	color: #ff0000;
	font-size: 16px;
}
#member strong.big {
	font-size: 20px;
}
#member #touroku {
	position: absolute;
	top: 70px;
	left: 305px;
}

#top_greeting {
	clear: both;
	border: 1px solid #cccccc;
	margin: 10px 0;
}
#top_greeting p {
	margin: 1em 10px;
}

#PF {
	margin-bottom: 50px;
}
#item_PF a {
	display: block;
	background: url(./img/bg-item_name-PF.png) no-repeat right top;
	width: 200px;
	padding: 2px 0px 3px 0px;
	line-height: 130%;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	text-align: center;
}
#item_PF a span {
	display: block;
	font-size: 12px;
	line-height: 130%;
	color: #fff;
}

p.item_price {
	background: url(img/bg-item-form_price.gif) no-repeat 230px 10px;
	padding: 30px 0 30px 375px;
}


.item_all-top {
	width: 715px;
	margin: 0 -5px 0 0;
	_zoom: 1;   
	overflow: hidden;
}
.item_h3 {
	width: 350px;
	float: left;
	border: 1px solid #2e82b1;
	margin: 0 5px 5px 0;
	padding: 0;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
	position:relative;            /* PIEを動作させるために追加 */
    behavior: url( http://gerovital-shop.com/image/css/PIE-1.0beta5/PIE.htc ) ;       /* CSS3 PIE */
}
/* div全体をリンク */
.item_h3_hover {
	background: #e3f5ff;
	cursor: pointer;
}
.item_evo {
	width: 350px;
	float: left;
	border: 1px solid #980048;
	margin: 0 5px 5px 0;
	padding: 0;
border-radius: 5px;        /* CSS3草案 */  
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
	position:relative;            /* PIEを動作させるために追加 */
    behavior: url( http://gerovital-shop.com/image/css/PIE-1.0beta5/PIE.htc ) ;       /* CSS3 PIE */
}
/* div全体をリンク */
.item_evo_hover {
	background: #fef2f8;
	cursor: pointer;
}

.none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
}
.item_h3 dt,
.item_evo dt {
	float: left;
	padding-top: 4px;
	width: 110px;
}
.item_h3 dd,
.item_evo dd {
	margin: 3px 3px 3px 0;
	padding-left: 110px;
	font-size: 12px;
}

.item_name_h3 a {
	display: block;
	background: url(./img/bg-item_name-h3.png) no-repeat right top;
	width: 235px;
	padding: 2px 0px 3px 0px;
	line-height: 130%;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	text-align: center;
}
.item_name_evo a {
	display: block;
	background: url(./img/bg-item_name-evo.png) no-repeat right top;
	width: 235px;
	padding: 2px 0px 3px 0px;
	line-height: 130%;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	text-align: center;
}

.item_name_h3 a span {
	display: block;
	font-size: 12px;
	line-height: 130%;
	color: #80c5e8;
}
.item_name_evo a span {
	display: block;
	font-size: 12px;
	line-height: 130%;
	color: #c886a5;
}

.item_name_h3 a:visited,
.item_name_evo a:visited {
	text-decoration: none;
	color: #fff;
}
.item_name_h3 a:hover {
	background-position: right bottom;
}
.item_point {
	position: absolute;
	top: 0px;
	left: -105px;
}

/* -----------------------------------------------

   ジェロビタールとは
   
------------------------------------------------ */

#main p.about-jump,
#main p.about-jump2 {
	margin: 3em auto 5em auto;
	text-align: center;
	border: 1px solid #1d6893;
	background: #3399bb;
	width: 350px;
}
#main p.about-jump2 {
	border: 1px solid #336633;
	background: #71a946;
}
#main p.about-jump a,
#main p.about-jump2 a {
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	padding: 10px;
	display: block;
}
#main p.about-jump a:hover {
	background: #80c5e8;
}
#main p.about-jump2 a:hover {
	background: #9ac279;
}


/* -----------------------------------------------

   プラントフォンテ
   
------------------------------------------------ */

/*　アイテム一覧	*****************************************/

.item_list {
	border-bottom: 1px dashed #cccccc;
	padding: 15px 0;
	clear: both;
}
.item_list dt {
	float: left;
	margin-right: 15px;
}
.item_list-name {
	font-weight: bold;
}
.item_list-name strong {
	font-size: 15px;
}
.concept {
	border: 3px double #cccccc;
	padding: 10px;
}
.concept li {
	list-style-type: square;
	margin: 0.5em 0 0.5em 3em;
}

/*　商品詳細	*****************************************/

.item-form dt {
	padding-top: 15px;
	font-weight: bold;
	font-size: 15px;
	color: #143d55;
}
.item-form dd {
	padding: 15px 0 0 200px;
}

.item-form2 {
	border-top: 1px solid #cccccc;
	padding: 15px 0;
}
.item-form2:after	{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }

.item-form2 dl {
	float: left;
	width: 380px;
}
.item-form2 dt {
	font-weight: bold;
	font-size: 15px;
	color: #71a946;
	padding-left: 10px;
}
.item-form2 dd {
	padding: 10px 0 0 10px;
	text-indent: -10px;
}
.item-form2_form {
	float: right;
	width: 290px;
	border: 3px double #ccc;
	padding: 5px;
}


.movie {
	float: right;
	width: 300px;
	margin-left: 10px;
}
.movie p {
	border-width: 3px 1px 1px 1px;
	border-style: solid;
	border-color: #000000;
}
.effect {
	font-weight: bold;
	color: #1d6893;
	padding-left: 1em;
	text-indent: -1em;
}

/*　金額（送料・代引き手数料無料）	*****************************************/

.item_list dd.item-form_price,
.item-form dd.item-form_price {
	background: url(img/bg-item-form_price.gif) no-repeat 180px 10px;
	padding: 30px 0 3px 180px;
}
.item-form_price2 {
	background: url(img/bg-item-form_price.gif) no-repeat left top;
	padding: 20px 0 0 0px;
}
.item-form_price span,
.item-form_price2 span {
	font-size: 20px;
	color: #ff0000;
	margin-left: 145px;
}

/*　店長のオススメコメント	*****************************************/

div.manager_comment	{
	clear: both;
	width: 700px;
	margin-bottom: 20px;
	position: relative;
}
div.manager_comment .imgL	{
	float: left;
	text-align: center;
	border: 2px solid #CCC;
}
div.manager_comment .commentContents	{
	width: 580px;
	float: right;
	background: url(img/manager_comment_bottom.gif) no-repeat left bottom;
}
div.manager_comment .commentContents	div	{
	background: url(img/manager_comment_top.gif) no-repeat;
	padding: 12px 20px;
}
div.manager_comment p.img	{
	position: absolute;
	left: 90px;
	top: 50px;
}
div.manager_comment:after	{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }

/*　ページ下　全商品一覧	*****************************************/

#all_item {
	width: 710px;
}
#all_item p {
	float: left;
	width: 155px;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	margin: 3px;
	padding: 5px;
}
#all_item p.pf {
	border: 1px solid #71a946;
}
#all_item p.h3 {
	border: 1px solid #2e82b1;
}
#all_item p.evo {
	border: 1px solid #980048;
}

#guide-shiharai {
width:49%; float:left;
}
#guide-souryou {
width:49%; float:right;
}
#guide-henpin {
clear:both;
}
#guide table {
border-top: 1px solid #333333;
margin-bottom: 1em;
border-collapse: collapse;
border-spacing: 0;
}
#guide th {
padding: 5px 10px;
background: #1d6893;
color: #fff;
text-align: center;
border-bottom: 1px solid #333333;
vertical-align: middle;
}
#guide td {
padding: 5px 10px;
text-align: right;
border-bottom: 1px solid #333333;
vertical-align: middle;
}
#guide .list {
list-style-type: disc;
margin-left: 15px;
}


/* -----------------------------------------------

   アンチエイジングのコツ
   
------------------------------------------------ */

.subtips {
	margin-left: 2em;
}

.subtips .subsection {
	background: url(./img/icon01.png) no-repeat 0px 3px;
	margin: 2em 0 1em 0;
	padding: 0 0 0 15px;
	font-size: 14px;
	color: #336633;
}

/* -----------------------------------------------

   お客様の声
   
------------------------------------------------ */

.voice{
	clear: both;
	border: 3px solid #999999;
	margin: 15px;
	padding: 5px 15px;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  	
	position:relative;            /* PIEを動作させるために追加 */
    behavior: url( http://gerovital-shop.com/image/css/PIE-1.0beta5/PIE.htc ) ;       /* CSS3 PIE */
}
#main p.voice-name{
	text-align: right;
	margin-bottom: 0;
}

/* -----------------------------------------------

   会社情報 プライバシーポリシー FAQ サイトマップ
   
------------------------------------------------ */

.tbl_a{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6699CC;
}
.tbl_a th{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6699CC;
	text-align: left;
	padding: 3px;
	vertical-align: top;
}
.tbl_a td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6699CC;
	padding: 3px;
}

#privacy ul {
	margin-bottom: 20px;
}
#privacy li {
	margin-left: 20px;
	list-style-type: square;
}

/*　Q & A	*****************************************/

.qa {
	border: 1px dashed #cccccc;
	margin: 2em 0;
	padding: 10px;
}
.qa dt {
	background: url(./img/qa-q.gif) no-repeat;
	padding: 10px 0 0 40px;
	font-weight: bold;
	color: #3c6179;
	margin: 0 0 1em 0;
}
.qa dd {
	background: url(./img/qa-a.gif) no-repeat;
	padding: 10px 0 0 40px;
}
.qa dd dt {
	background: none;
	margin: 0;
	padding: 0;
	color: #71a946;
}
.qa dd dd {
	background: none;
	padding: 0 0 1em 0;
}

/*　サイトマップ	*****************************************/

.sitemap {
	margin-bottom: 5em;
}
.sitemap ul {
	margin-bottom: 20px;
}
.sitemap li {
	list-style-type: square;
	margin-left: 45px;
}

/*　リンク	*****************************************/

.linkList {
	margin: 0 5px 30px;
}
.linkList dt {
	padding: 10px 15px 0;
}
.linkList dd {
	padding: 5px 10px 10px 30px;
	border-bottom: 1px dashed #80c5e8;
}
.link-page {
	padding: 30px 0;
}
.link-page a:hover,
.link-page span.current {
	border-color: #006699;
	background: #80c5e8;
	color: #fff;
}
.link-page a,
.link-page span {
	margin: 3px;
	padding: 5px 8px;
	text-decoration: none;
	border: 1px solid #999999;
	font-weight: bold;
}


/* -----------------------------------------------

   メールフォーム
   
------------------------------------------------ */

.mailform dt {
	clear: both;
	float: left;
	width: 14em;
	padding: 10px;
	color: #1d6893;
}
.mailform dd {
	padding: 10px 0 10px 14em;
	border-top: 1px dashed #cccccc;
}
.mailform input,
.mailform textarea {
	width: 250px;
	padding: 3px;
	color: #333333;
}
.mailform input#age {
	width: 80px;
}

/* 上部ナビフォント ***********************************/
#navitxt{
	font-size:85%;
	padding-left: 0px;
	padding-bottom: 5px;
	line-height: 120%;
	background: url(./img/dot-line-l.gif) no-repeat bottom left;
}
/*BOX*/
.left-box{
	width:197px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 13px;
	margin-left: 3px;
	margin-right: 0px;
}


/*　その他フォント　***********************************/
.SidSub{
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	padding-bottom: 8px;
}
.txt_center{
	text-align: center;
	padding-bottom: 10px;
}
.hissu{
	color: #990000;
	font-weight: bold;
	margin-bottom: 2px;
	font-size: 12px;
}

.hissu span.hissusub{
	font-size: 12px;
	line-height: 15px;
}




/*　商品一覧表示用　***********************************/
.box1{
	float: left;
	width: 160px;
	border: 1px solid #999999;
	background-color: #EBEBEB;
	height: 160px;
	padding: 3px;
	margin-right: 3px;
}

.box2{
	float: left;
	width: 314px;
	margin-bottom: 10px;
	padding-left: 5px;
}

.box2-txt{
	line-height: 18px;
}

.box2-txt2{
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
	
.box3{
	clear:both;
	border: 1px solid #999999;
	margin-bottom: 60px;
	padding: 5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 20px;
	font-size: 80%;
	line-height: 10px;
}

.box4{
	width: 160px;
	border: 1px solid #999999;
	background-color: #EBEBEB;
	padding: 3px;
}

.box5{
	float: right;
	height: 230px;
	width: 176px;
	padding-left: 10px;
}

.squ{
	border: 3px double #999999;
	padding: 10px;
}	



/*　問い合わせフォーム用　***********************************/
.toi th{
	font-weight: bold;
	background-color:#3399bb;
	text-align: center;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	color: #FFFFFF;
}

.toi td{
	padding:3px;
	background-color:#F8F1DE;
	text-align: left;
}


/*　その他　***********************************/
.t-dgn1 table {
	padding:3px;
	margin: 0px;
	border: none;
	vertical-align: top;
}
.th1{
	text-align: left;
}

.th2{
	padding-left: 20px;
	text-align: left;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
}

.both{
	clear: both;
}

.t-dgn1 table {
	padding:3px;
	margin: 0px;
	border: none;
	vertical-align: top;
}
.t-dgn1 td{
	padding: 2px;
	margin: 0px;
	font-size: 13px;
	line-height: 140%;
	vertical-align: top;
	background-color: #FFFFFF;

}

.t-dgn1 th{
	font-weight: bold;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
}

.main-box{
	background:url(image/box_bg.jpg);
	height:200px;
	width:500px;

}

.main-box-txt{
	padding: 100px 150px 20px 20px;
}

.topic_item {
	width: 500px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	padding-bottom: 10px;
}

.item_name {
	font-size: 15px;
	line-height: 130%;
	width: 280px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #990000;
	font-weight: bold;
}
.topic_item_kakaku {
	padding: 5px;
	clear: both;
	text-align: right;
}
.topic_item_setumei {
	padding: 5px;
}

.topic_item_img {
	padding: 5px;
	float: right;
	border: 1px solid #CCCCCC;
	margin-left: 10px;
}

.item_sum {
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-bottom: 20px;
}
.item_sum_img {
	padding: 3px;
	float: left;
	border: 1px solid #CCCCFF;
	margin-right: 20px;
}

.item_sum_kago {
	clear: none;
	background-position: right;
	margin-top: 10px;
}
.line_space {
	margin-top: 15px;
	margin-bottom: 15px;
}


/* ==============================================

   590px以下（スマホ）
   
============================================== */

@media only screen and (max-width: 599px) {

	.mailform dd {
	padding: 10px 0 10px 1em;
	}
	#main p.about-jump, #main p.about-jump2 {
	width: 80%;
	}
}