@charset "utf-8";

/* CSS Document */

/* 全ページ共通のスタイルを記載 */


/* ------------------------------
 全般
------------------------------ */
* {
	margin:0;
	padding:0;
}

body {
	font-family:Arial, Helvetica, "ＭＳ Ｐゴシック", Osaka , sans-serif;
	font-size:12px;
	line-height:1.6;
	color:#333333;
	background:#f3f3f3;
	text-align:center;
}

div {
	text-align:left;
}

h1, h3, h4, h6 {
	font-weight:normal;
	text-align:left;
}

h1 { /* SEO対策テキスト */
	font-size:10px;
	margin:37px 0 0 0;
	float:left;
	text-align:left;
}

h5 { /* 本文小見出し */
	font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif , Arial, Helvetica;/* ■を表示するために設定 */
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

p { 
	line-height:1.6;
	margin:0;
	padding:0;
	text-align:left;
}

strong.keyword {
	font-weight:normal;
}

img {
	border:0;
}

img.valignBottom {
	border:0;
	vertical-align:bottom;
}

input, textarea, select, button {/* IE用　ハズレイアウト対策 */
	zoom:1;
}


/* ------------------------------
 リンク
------------------------------ */
a { text-decoration:underline; color:#333333; }
a:link { text-decoration:underline; color:#333333; }
a:visited { text-decoration:underline; color:#333333; }
a:hover { text-decoration:none; color:#333333; }
a:active { text-decoration:none; color:#333333; }


/* ------------------------------
 全体をくるむwrapper
------------------------------ */
div#wrapper {
	background:url(../images/bg_body.gif) center top repeat-y #f3f3f3;
	width:820px;
	margin:0 auto;
}


/* ------------------------------
 ヘッダー
------------------------------ */
div#header {
	width:770px;
	padding:7px 0 0 0;
	margin:0 auto 10px auto;
	background:url(../images/header_line.gif) center top repeat-x;
	height:50px;
}

div#header div.logo {
	margin:0;
	padding:0;
	width:110px;
	float:right;
}

div#header div.logo h2 { /* ピジョンハーツロゴ */
	margin:0;
	padding:0;
}


/* ------------------------------
 グローバルナビ
------------------------------ */
div#grobalNavi {
	width:770px;
	padding:0;
	margin:0 auto 10px auto;
}

div#grobalNavi div.leftNavi {
	width:652px;
	float:left;
}

div#grobalNavi div.leftNavi li {
	display:inline;
	float:left;
	list-style:none;
	line-height:0;
}

div#grobalNavi div.rightNavi {
	width:110px;
	float:right;
	padding:0;
	margin:0;
}

div#grobalNavi div.rightNavi li {
	display:inline;
	list-style:none;
	line-height:0;
}

/* ------------------------------
 メインエリア
------------------------------ */
div#mainArea {
	width:770px;
	padding:0 15px;
	margin:0 auto;
}

/*
 メインボックス
------------------------------ */
div#mainArea div#mainBox {
	width:570px;
	float:left;
}

/* パンくずリスト */
div#mainArea div#mainBox div#pankuzu {
	width:570px;
	height:24px;
	background:url(../images/bg_pankuzu.gif) no-repeat;
	margin:12px 0;
	font-family:"ＭＳ Ｐゴシック", Arial, Helvetica, Osaka , sans-serif;
}

div#mainArea div#mainBox div#pankuzu ol {
	padding-top:4px;
	margin-left:25px;
}

div#mainArea div#mainBox div#pankuzu ol li a { text-decoration:underline; color:#ed1b24; }
div#mainArea div#mainBox div#pankuzu ol li a:visited { text-decoration:underline; color:#ed1b24; }
div#mainArea div#mainBox div#pankuzu ol li a:hover { text-decoration:none; color:#ed1b24; }
div#mainArea div#mainBox div#pankuzu ol li a:active { text-decoration:none; color:#ed1b24; }

div#mainArea div#mainBox div#pankuzu ol li {
	font-size:10px;
	float:left;
	list-style:none;
}

/* 本文 */
div#mainArea div#mainBox div.mainBoxBody {
	background:url(../images/mainbox_bg.gif) left repeat-y;
	padding:13px 14px 0 14px;
}
div#mainArea div#mainBox div.mainBoxBody div.innerBox {
	padding:10px 11px 30px;
}
div#mainArea div#mainBox div.mainBoxBody div.innerBox h4 {
	margin:0 0 10px 0;
}
div#mainArea div#mainBox div.mainBoxBody div.innerBox div.box {
	padding:0px 0px 20px;
}
div#mainArea div#mainBox div.mainBoxBody div.innerBox div.h5Box {
	padding:0 0 10px 1em;
}
div#mainArea div#mainBox div.mainBoxBody div.innerBox div.h5BoxB {/* 一番下の配置の際に利用。 */
	padding:0 0 0 1em;
}
div#mainArea div#mainBox div.mainBoxBody div.innerBox ul,
div#mainArea div#mainBox div.mainBoxBody div.innerBox ol {
	margin:0 0 0 1.5em;
	text-align:left;
}

/* 新着情報 */
div#mainArea div#mainBox div.mainBoxBody div.newsBoxBody div.news1line,/* カテゴリTOP用 */
div#mainArea div#mainBox div.mainBoxBody div.newsListBox div.news1line {/* 新着情報一覧用 */
	margin:0 10px;
	background:url(../images/line_w200.gif) bottom repeat-x;
}
div#mainArea div#mainBox div.mainBoxBody div.newsBoxBody div.news1line div.date,
div#mainArea div#mainBox div.mainBoxBody div.newsListBox div.news1line div.date {
	background:url(../images/list_circle.gif) left 5px no-repeat;
	padding:5px 0 0 15px;
	width:70px;
	float:left;
}
div#mainArea div#mainBox div.mainBoxBody div.newsBoxBody div.news1line div.date p,
div#mainArea div#mainBox div.mainBoxBody div.newsListBox div.news1line div.date p {
	color:#666666;
	line-height:1.3;
}
div#mainArea div#mainBox div.mainBoxBody div.newsBoxBody div.news1line div.text {
	float:right;
	width:435px;
	padding:5px 0px 0px;
}
div#mainArea div#mainBox div.mainBoxBody div.newsListBox div.news1line div.text {
	float:right;
	width:415px;
	padding:5px 0px 0px;
}
div#mainArea div#mainBox div.mainBoxBody div.newsBoxBody div.news1line div.text p,
div#mainArea div#mainBox div.mainBoxBody div.newsListBox div.news1line div.text p {
	line-height:1.3;
	padding:0 0 8px 0px;
}
div#mainArea div#mainBox div.mainBoxBody div.newsListBox p.newsListTitle {
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 10px;
}
div#mainArea div#mainBox div.mainBoxBody div#newsDetailTitle {
	background-color:#EEEEEE;
	padding:5px 10px;
}
div#mainArea div#mainBox div.mainBoxBody div#newsDetailTitle p {
	color:#666666;
}
div#mainArea div#mainBox div.mainBoxBody div#newsDetailTitle h4 {
	font-size:14px;
	font-weight:bold;
	margin:0;
}
div#mainArea div#mainBox div.mainBoxBody div#newsDetailBox {
	margin:10px 0;
}
div#mainArea div#mainBox div.mainBoxBody p#newsDetailToTop {
	text-align:center;
}

/* LightBox */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* このページのTOPへ */
div#mainArea div#mainBox div.pagetop {
	width:124px;
	margin:5px 0 0 auto;
}

/* このページのTOPへ（本文中） */
div#mainArea div#mainBox div.innerBox div.pagetop {
	width:120px;
	margin:10px 0 0 auto;
}

/*
 サイドボックス
------------------------------ */
div#mainArea div#sideBox {
	width:185px;
	float:right;
}

div#mainArea div#sideBox div.btnList {
	width:84px;
	margin:7px 10px 0 auto;
}

/* メニュー */
div#mainArea div#sideBox div#sideMenu ul li {
	list-style:none;
	line-height:0;
	font-size:0;
}

/* 新着情報 */
div#mainArea div#sideBox div#news {
	margin:15px 0 0 0;
	background:url(../images/side_bg.gif) repeat-y;
}

div#mainArea div#sideBox div#news div.news1line {
	margin:0 10px;
}

div#mainArea div#sideBox div#news div.news1line div.date {
	background:url(../images/list_arrow.gif) left top no-repeat;
	margin:5px 0 0 0;
	padding:0 0 0 10px;
}

div#mainArea div#sideBox div#news div.news1line div.date p {
	color:#666666;
	line-height:1.3;
}

div#mainArea div#sideBox div#news div.news1line div.text p {
	line-height:1.3;
	padding:0 0 8px 10px;
	background:url(../images/line_w200.gif) bottom repeat-x;
}

/* お問合せ */
div#mainArea div#sideBox div#contact {
	margin:10px 0 0 0;
	padding:0 0 5px 0;
	background:url(../images/line_w200.gif) bottom repeat-x;
}

/* バナー */
div#mainArea div#sideBox div#banner {
	margin:20px 0 0 0;
	padding:0 0 5px 0;
	text-align:center;
}

div#mainArea div#sideBox div#banner div p {
	text-align:center;
}

div#mainArea div#sideBox div#banner div div {
	text-align:center;
}


/* ------------------------------
 フッター
------------------------------ */
div#footer {
	width:800px;
	height:47px;
	margin:30px auto 0 auto;
	background:url(../images/footer_bg.gif) center top repeat-x;
}

div#footer div.footerLeft {
	width:500px;
	float:left;
	margin:9px 0 0 15px;
}

div#footer div.footerLeft p.copyright {
	font-size:10px;
	color:#666666;
}


div#footer div.footerRight {
	width:207px;
	float:right;
	margin:11px 13px 0 0;
}

div#footer div.footerRight li {
	display:inline;
	float:left;
}


/* ------------------------------
 ClearFix
------------------------------ */
.clearfix {	zoom:1; }
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix{
  height: 1%;
  overflow: visible;
}
/* End hide from IE-mac */


/* ------------------------------
 フロート
------------------------------ */
.floatL {
	float:left;
}
.floatR {
	float:right;
}


/* ------------------------------
 マージン指定
------------------------------ */
.marginT3 {
	margin-top:3px;
}
.marginT4 {
	margin-top:4px;
}
.marginT5 {
	margin-top:5px;
}
.marginT10 {
	margin-top:10px;
}
.marginT15 {
	margin-top:15px;
}
.marginT20 {
	margin-top:20px;
}
.marginT30 {
	margin-top:30px;
}
.marginB3 {
	margin-bottom:3px;
}
.marginB5 {
	margin-bottom:5px;
}
.marginB10 {
	margin-bottom:10px;
}
.marginB15 {
	margin-bottom:15px;
}
.marginB20 {
	margin-bottom:20px;
}
.marginL3 {
	margin-left:3px;
}
.marginL10 {
	margin-left:10px;
}
.marginL15 {
	margin-left:15px;
}
.marginL50 {
	margin-left:50px;
}
.marginL30 {
	margin-left:30px;
}
.marginL50 {
	margin-left:50px;
}
.marginR5 {
	margin-right:5px;
}
.marginR10 {
	margin-right:10px;
}
.marginR15 {
	margin-right:15px;
}
.marginR20 {
	margin-right:20px;
}
.marginTB5 {
	margin-top:5px;
	margin-bottom:5px;
}
.marginTB20 {
	margin-top:20px;
	margin-bottom:20px;
}
.marginT20B10 {
	margin-top:20px;
	margin-bottom:10px;
}
.marginLR20 {
	margin-left:20px;
	margin-right:20px;
}


/* ------------------------------
 パディング指定
------------------------------ */
.paddingT5 {
	padding-top:5px;
}
.paddingT7 {
	padding-top:7px;
}
.paddingT10 {
	padding-top:10px;
}
.paddingT15 {
	padding-top:15px;
}
.paddingB10 {
	padding-bottom:10px;
}
.paddingB20 {
	padding-bottom:20px;
}
.paddingB30 {
	padding-bottom:30px;
}
.paddingL5 {
	padding-left:5px;
}


/* ------------------------------
 行揃え
------------------------------ */
.textAlignC {
	text-align:center !important ;
}
.textAlignR {
	text-align:right !important ;
}


/* ------------------------------
 フォントサイズ
------------------------------ */
.text10 {
	font-size:10px;
	line-height:1.4;
}
.text10R {
	font-size:10px;
	line-height:1.4;
	text-align:right;
}
.text14 {
	font-size:14px;
	line-height:1.4;
}

/* ------------------------------
 フォントカラー
------------------------------ */
.textRed {
	color:#ed1b24;
}
.textRedB {
	color:#ed1b24;
	font-weight:bold;
}
.textPink {
	color:#fb738a;
}
.textOrange {
	color:#ff8a00;
}
.textBlue {
	color:#005fbf;
}

.textGray {
	color:#777777;
}

/* ------------------------------
 ボーダー
------------------------------ */
.borderB {
	background:url(../images/line_w520.gif) bottom repeat-x;
}

/* ------------------------------
 テーブルボーダー
------------------------------ */
div#mainArea table.border {
	margin-bottom:10px;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
}

div#mainArea table.border th {
	font-weight:normal;
	text-align:center;
	padding:4px 0;
	background:#eeeded;
	border-right:1px solid #cccccc;
}

div#mainArea table.border td {
	padding:4px 10px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}