@charset "EUC-JP";


/* =========================================
ファイル概要：全ページ共通設定用css
目次：
  - ブラウザ依存css解除設定
  - 文字色設定
  
  - レイアウト設定
  - 背景設定
  
  - ヘッダ上部分の設定
  - ヘッダメイン部分の設定
  - グローバルナビ設定
  
  - サイドナビのリンク部分の設定
  - サイドナビ問い合わせ部分の設定
  
  - ページトップへ設定
  - フッタリンクリスト設定
  - フッタ会社情報設定
========================================= */

/* -----------------------------------------
  - ブラウザ依存css解除設定
----------------------------------------- */

body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, img, blockquote, pre, hr, table, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: none;
	font-family: "メイリオ", meiryo, verdana, "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3" ,Osaka ,arial ,sans-serif;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}
hr {
	display: none;
}

/* IEで画像にできる隙間を消去する */
img {
	vertical-align: bottom;
}


/* -----------------------------------------
  - clearfix
----------------------------------------- */
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}


/* 新 */



#header-kaigo {
	position : relative;
	height : 200px;
	background-image : url(img/common/bg-header.png);
}

#header-kaigo a {
	display : block !important;
	white-space : nowrap;
}

#header-kaigo * {
	position : absolute;
	left : 0px;
	top : 0px;
	font-size : 10px !important;
	font-weight : normal;
	color : #999999;
	text-decoration : none;
}


.header-inner {
	position : absolute !important;
	left : 50% !important;
	top : 0px;
	width : 960px;
	height : 200px;
	margin : 0px 0px 0px -480px !important;
	background-image : url(img/common/bg-header2.png);
}


h1 {
	position : absolute;
	top : 200px;
	left : 50%;
	width : 624px;
	clear : both;
	margin : 0px 0px 0px -431px;
	padding : 15px 0px 15px 18px;
	font-size : 14px;
	font-weight : bold;
	background : url("img/common/bg_teigi.png");
	border-bottom : 1px dotted #CCCCCC;
}

#header-kaigo>h1 {
	height : 30px;
	width : 550px;
}

#header-kaigo p {
	left : 0px;
	top : 2px;
}

#header-kaigo p.logohd {
	left : 0px;
	top : 45px;
}

#header-kaigo h2 {
	left : 20px;
	top : 140px;
}

#header-kaigo h3 {
	left : 20px;
	top : 160px;
}


/* -----------------------------------------
  - 電話番号
----------------------------------------- */


div.mainHeaderR {
	position : absolute;
	top : 30px;
	left : 50%;
	width : 320px;
	margin : 0px 0px 0px 160px;
	padding : 0px 0px 0px 0px;
}

div.mainHeaderR p {
	color: #ff6262;
	text-align: right;
	font-size: 94%;
	font-weight: bold;
	padding: 16px 0 7px;
}
div.mainHeaderR p.headnum {
	color: #5b441b;
	font-family: Verdana, Geneva, sans-serif;
	padding: 0 3px 0 0;
	font-size: 125%;
	font-weight: bold;
}
div.mainHeaderR p.headnum span {
	padding-left: 35px;
	background: url(img/img_phone.gif) 0px 2px no-repeat;
}

/* -----------------------------------------
  - 文字の大きさ変更
----------------------------------------- */


div.mainHeaderC div {
	position : absolute;
	top : 150px;
	left : 50%;
	width : 250px;
	margin : 0px 0px 0px 220px;
	padding : 0px 0px 0px 0px;
	text-align : right;
}

div.mainHeaderC div ul {
	display: inline;
	padding-left: 10px;
}
div.mainHeaderC div ul li {
	border:#ddd 1px solid;
	background-color: #eee;
	display: inline;
	font-size: 18px;
	line-height: 0px;
	margin: 0px;
	padding: 4px 8px 2px;
	border-radius: 5px;
}
div.mainHeaderC div ul li:hover {
	border:#ff9e9e 2px solid;
	background-color: #eee;
	cursor: pointer;
}
div.mainHeaderC div ul li.active {
	border:#ff9e9e 2px solid;
	background-color: #ffeaea;
	font-weight: bold;
}

/* -----------------------------------------
  - 文字色設定
----------------------------------------- */
body {
	color: #333333;
}
a:link {
	color: #50290d;
	text-decoration: underline;
}
a:visited {
	color: #C63;
	text-decoration: underline;
}
a:hover {
	color: #C63;
	text-decoration: underline;
}



/* -----------------------------------------
  - レイアウト設定 
----------------------------------------- */
div#container {
	width: 960px;
	margin: 0 auto;
}

div#mainContainer {
	clear: both;
	width: 960px;
}
div#mainContent {
	float: right;
	margin-bottom: 20px;
	width: 680px;
}
div.mainContentArea {
	margin: 130px 0 20px 0;
}
div#snav {
	float: left;
	width: 280px;
}

div.pageTop {
	clear: both;
}

div#footer {
	width: 960px;
	margin : 0px auto 0px auto;
}
div.footerArea {
}


/* -----------------------------------------
  - フォーム設定 
----------------------------------------- */

textarea {
	font-size : 12px;
	line-height : 20px;
}

form {
	margin : 0px;
	padding : 0px;
}


/* -----------------------------------------
  - 背景設定 
----------------------------------------- */
body {
	background-color: #FFFFFF;
}

div#container {
}

div#topImgArea {
}
div#mainContainer {
}
div#snav {
}

div#footer {
	border-top: 3px solid #f8b3a3;
	overflow: hidden;
}
div.footerComInfo {
	border-top: 3px solid #f8b3a3;
	overflow: hidden;
}






/* -----------------------------------------
  - グローバルナビ設定
----------------------------------------- */

div#gnav {
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

div#gnav ul.gNavList {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	text-align: center;
	border-radius: 7px;
}
div#gnav ul.gNavList li {
	width:160px;
	float:left;
	font-size:14px;
	text-align: center;
}
div#gnav ul.gNavList li a {
	display: block;
	position: relative; /* IE6用 */
	padding: 10px 2px 7px;
	height:16px;
	
	text-decoration: none;
	font-weight: bold;
	
	background-color:#ff7f7f; /* IE用 */
	background: -moz-linear-gradient(top, #ffcccc, #ff7f7f);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffcccc), to(#ff7f7f));
	
	border-top: 3px double #FFFFFF;
	border-right: 1px double #ffcccc;
	border-bottom: 3px double #ff7f7f;
	border-left: 1px double #ff7f7f;
	color: #fff;
}
div#gnav ul.gNavList li a span {
	display: block;
}
div#gnav ul.gNavList li a:hover,
div#gnav ul.gNavList li.active a
{
	background-color:#ffeaea; /* IE6用 */
	background: -moz-linear-gradient(top, #ffeaea, #ffcccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffeaea), to(#ffcccc));
	border-bottom: 3px double #ffcccc;
	color: #ff7f7f;
}


/* -----------------------------------------
  - グローバルナビのトップのみ適用
----------------------------------------- */


div#gnav-index {
	position : absolute;
	top : 205px;
	left : 50%;
	width : 960px;
	margin : 0px 0px 0px -480px;
	padding : 0px 0px 0px 0px;
}

div#gnav-index ul.gNavList {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	text-align: center;
	border-radius: 7px;
}
div#gnav-index ul.gNavList li {
	width:160px;
	float:left;
	font-size:14px;
	text-align: center;
}
div#gnav-index ul.gNavList li a {
	display: block;
	position: relative; /* IE6用 */
	padding: 8px 2px 9px;
	height:16px;
	
	text-decoration: none;
	font-weight: bold;
	
	
	background-color:#ff7f7f; /* IE用 */
	background: -moz-linear-gradient(top, #ffcccc, #ff7f7f);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffcccc), to(#ff7f7f));
	
	border-top: 3px double #FFFFFF;
	border-right: 1px double #ffcccc;
	border-bottom: 3px double #ff7f7f;
	border-left: 1px double #ff7f7f;
	color: #fff;
}
div#gnav-index ul.gNavList li a span {
	display: block;
}
div#gnav-index ul.gNavList li a:hover,
div#gnav-index ul.gNavList li a.active
{
	background-color:#ffeaea; /* IE6用 */
	background: -moz-linear-gradient(top, #ffeaea, #ffcccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffeaea), to(#ffcccc));
	border-bottom: 3px double #ffcccc;
	color: #ff7f7f;
}

/* -----------------------------------------
  - サイドナビのリンク部分の設定
----------------------------------------- */
div.snavArea {
	width : 260px;
	padding : 70px 0px 20px 0px;
}
div.snavArea ul.sNavList li a.active {
	background: url(img/snav_bg_7pointOv.gif) no-repeat left bottom;
}
div.snavArea h3 {
	background-color: #c66ebb;	/* サイドナビ　背景色 */
}
div.snavArea dl {
	margin-bottom: 20px;
	border-bottom: 1px solid #c66ebc;
}
div.snavArea dl dt.first {
	border-radius: 5px 5px 0 0;
}
div.snavArea dl dt.end {
	border-radius: 0 0 5px 5px;
}
div.snavArea dl dt {
	font-size: 14px;
	line-height:1.2;
	color: #FFF;
	padding: 14px 16px 10px;
	background-color: #c66ebc;	/* サイドナビ　背景色 */
	border-bottom: 2px solid #e09edb;	/* サイドナビ　背景色 */
	cursor: pointer;
}
div.snavArea dl dt:hover {
	background-color: #d280c8;
}
div.snavArea dl dd {
	border-left: 1px solid #5ba51c;
	border-right: 1px solid #5ba51c;
}
div.snavArea dl dd ul {
	margin-top:0px;
	margin-bottom:0px;
	list-style-type: none;
}
div.snavArea dl dd ul li a {
	display: block;
	text-decoration: none;
	background: url(img/img_arrow.png) no-repeat 10px center;
	height: 40px;
	width: 258px;
	cursor: pointer;
	font-size: 14px;
	background-color: #FFF;
}
div.snavArea dl dd ul li a:hover {
	background: url(img/img_arrow.png) no-repeat 10px center;
	background-color: #e2f3c7;
}
div.snavArea dl dd ul li a.active {
	background: url(img/img_arrow.png) no-repeat 10px center;
	background-color: #e2f3c7;
}
div.snavArea dl dd ul li span {
	display:block;
	margin: 0px;
	padding: 10px 5px 0 35px;
}



div.snavArea ul.sNavList li.step1 a {
	background: url(img/snav_bg_7point1.gif) no-repeat left bottom;
}
div.snavArea ul.sNavList li.step1 a:hover,
div.snavArea ul.sNavList li.step1 a.active {
	background: url(img/snav_bg_7point1Ov.gif) no-repeat left bottom;
}
div.snavArea ul.sNavList li.step2 a {
	background: url(img/snav_bg_7point2.gif) no-repeat left bottom;
}
div.snavArea ul.sNavList li.step2 a:hover,
div.snavArea ul.sNavList li.step2 a.active {
	background: url(img/snav_bg_7point2Ov.gif) no-repeat left bottom;
}
div.snavArea ul.sNavList li.step3 a {
	background: url(img/snav_bg_7point3.gif) no-repeat left bottom;
}
div.snavArea ul.sNavList li.step3 a:hover,
div.snavArea ul.sNavList li.step3 a.active {
	background: url(img/snav_bg_7point3Ov.gif) no-repeat left bottom;
}
div.snavArea ul.sNavList li.step4 a {
	background: url(img/snav_bg_7point4.gif) no-repeat left bottom;
}
div.snavArea ul.sNavList li.step4 a:hover,
div.snavArea ul.sNavList li.step4 a.active {
	background: url(img/snav_bg_7point4Ov.gif) no-repeat left bottom;
}
div.snavArea ul.sNavList li.step5 a {
	background: url(img/snav_bg_7point5.gif) no-repeat left bottom;
}
div.snavArea ul.sNavList li.step5 a:hover,
div.snavArea ul.sNavList li.step5 a.active {
	background: url(img/snav_bg_7point5Ov.gif) no-repeat left bottom;
}
div.snavArea ul.sNavList li.step6 a {
	background: url(img/snav_bg_7point6.gif) no-repeat left bottom;
}
div.snavArea ul.sNavList li.step6 a:hover,
div.snavArea ul.sNavList li.step6 a.active {
	background: url(img/snav_bg_7point6Ov.gif) no-repeat left bottom;
}
div.snavArea ul.sNavList li.step7 a {
	background: url(img/snav_bg_7point7.gif) no-repeat left bottom;
}
div.snavArea ul.sNavList li.step7 a:hover,
div.snavArea ul.sNavList li.step7 a.active {
	background: url(img/snav_bg_7point7Ov.gif) no-repeat left bottom;
}
div.snavArea div.sNavBan img {
	padding-bottom:15px;
}

/* ブログサイド */
div.snavArea div.blogSideBox p.blogSideTit {
	font-size: 14px;
	line-height:1.2;
	font-weight:bold;
	color: #FFF;
	padding: 8px 12px 6px;
	background: #ff7f7f;
	border-radius: 5px 5px 0 0;
}
div.snavArea div.blogSideBox ul {
	margin: 15px 15px 25px;
}
div.snavArea div.blogSideBox ul li {
	line-height: 1.3;
	margin-bottom: 5px;
	font-size: 88%;
}
div.snavArea div.blogSideBox table {
	border: 1px solid #d9d5d4;
	border-collapse: collapse;
	margin-bottom: 25px;
	margin-left: 25px;
	width: 210px;
}
div.snavArea div.blogSideBox table th {
	background-color: #ededed;
	border: 1px solid #d9d5d4;
	font-size: 88%;
	text-align: center;
	padding: 2px;
	vertical-align: top;
	line-height: 1.5;
}
div.snavArea div.blogSideBox table th.blog_calender_sunday {
	background-color: #ffddff;
}
div.snavArea div.blogSideBox table th.blog_calender_saturday {
	background-color: #ddffff;
}
div.snavArea div.blogSideBox table td {
	background-color: #ffffff;
	border: 1px solid #d9d5d4;
	font-size: 88%;
	padding: 2px;
	line-height: 1.5;
	text-align: center;
}
div.snavArea div.blogSideBox table td a {
	font-size: 100%;
	font-weight: bold;
}
div.snavArea div.blogSideBox div.cal_month {
	font-size: 88%;
	line-height: 1.5;
	text-align: center;
}



/* -----------------------------------------
  - サイドナビ問い合わせ部分の設定
----------------------------------------- */
div.snavArea div.sNavInqu	{
	background-color:#e3e3e3;
	font-size: 75%;
	clear:both;
	padding: 15px 0px;
}
div.snavArea div.sNavInqu p.Nam	{
	font-size: 88%;
	font-weight:bold;
	margin: 0px 15px;
	line-height:1.4;
}
div.snavArea div.sNavInqu p.Add	{
	margin: 0px 15px;
	line-height:1.4;
}
div.snavArea div.sNavInqu p.Abo	{
	margin: 0px 15px;
	line-height:1.4;
	text-align:right;
}
div.snavArea div.sNavInqu p.Abo img	{
	vertical-align:inherit;
	margin: 0px 4px 0px 8px;
}

/* -----------------------------------------
  - ページトップへ設定
----------------------------------------- */

div.pageTop p {
	text-align: right;
	margin-bottom: 20px;
}

/* -----------------------------------------
  - フッタリンクリスト設定
----------------------------------------- */
div.footerList {
	padding: 10px 0;
}
div.footerList ul {
}
div.footerList ul li {
	display: inline;
	font-size: 69%;
	line-height:1.4;
}
div.footerList ul li a:link, div.footerList ul li a:visited, div.footerList ul li a:hover {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}

/* -----------------------------------------
  - フッタ会社情報設定
----------------------------------------- */
div.footerComInfo {
	padding-bottom: 17px;
}

h3.footerComNam {
	padding-top: 12px !important;
	font-size: 14px !important;
	font-weight: bold !important;
	margin-bottom: 8px !important;
}
div.footerComInfo p.footerComAdd {
	font-size: 81%;
	margin-bottom: 8px;
}
div.footerComInfo p.footerComAdd span {
	font-weight: bold;
}
div.footerComInfo p.footerCopyRight {
	font-size: 75%;
}
div.footerComInfo p.footerCopyRight a {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}