/**
 * 2009/4/10
 * cssテーマ:シンプルブルー(左ナビ)
 *
 * 構成
 * body
 * #cmsMain 
 * #cmsHeader
 * #cmsHeaderBottom none
 * #cmsNavi
 * #cmsSide
 * #cmsSideNavi
 * #cmsSide1        none
 * #cmsPage
 * #leftContainer
 * #cmsFooterTop    none
 * #cmsFooter
 */

/* =============================================== */
/** スタイルの初期化 */
/* ----------------------------------------------- */
/* bodyタグ */
body {
font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, /*"メイリオ", Meiryo,*/ verdana, "MS PGothic", sans-serif;
margin: 0;
padding:0;
text-align:center;
font-size:13px;
line-height:20px;
vertical-align:bottom;
background: #FFFFFF url(http://e-link.me/files/fine-aging/cms/image/back1.jpg) repeat-x;
}

/* 段落 */
p {
margin: 0 10px;
padding: 0px;
}

/* 各見出し */
h1,h2,h3,h4,h5,h6 {
font-size:15px;
color:#666;
margin:0;
padding:0;
}

/* 画像 */
img {
border: 0;
}

/* 画像にpが入った時の処理はここに書いてますが検討中*/
p img {
margin: 0 -10px;
}

/* 引用 */
blockquote {
margin:1em ;
padding:0.6em 0 ;
border-color:#808080;
background-color:#EAEAEA;
}

/* 水平線 */
hr {
border:1px solid  #808080;
height:1px;
}

/* リスト */
ul {
margin-top:0px;
margin-bottom:0px;
}

/* 番号付リスト */
ol {
margin-top:0px;
margin-bottom:0px;
}


/* アンカー文字色 */
a:link    { color: #0000ff; }
a:visited { color: #000080; }
a:hover   { color: #ff0000; }
a:active  { color: #ff8000; }

/* コピーライト部分 */
address {
font-style: normal;
text-align: center;
}

/* テーブル 表 */
table{
border-collapse: collapse;
border-spacing: 0;
border-color:#808080;
}
th {
background-color:#8FC8ED;
text-align:center;
border-color:#808080;
}
td {
background-color:#FFF;
border-color:#808080;
}

/* =============================================== */
/** メインコンテンツ部分 */
/* ----------------------------------------------- */

/* メインページ 見出し */
#cmsPage h2 {
/*width: 510px;*/
margin: 2px 0 2px 0;
font-size: 14px;
font-weight: bold;
line-height: 29px;
text-indent: 20px;
background: url(../../../theme_img/simpleBlueNavi/mainH2Back.jpg) no-repeat;
margin: 0 0 10px 0;
clear:both;
border-right: 1px solid #CCC;
}

/* メインページ 小見出し */
#cmsPage h3 {
width: 510px;
margin: 5px 0 6px 0px;
border-left:6px solid #808080;
font-size: 13px;
font-weight: nomal;
line-height: 20px;
text-indent: 10px;
clear:both;
}

/* メインページ 引用 */
#cmsPage blockquote  {

}

/* メインページ 段落 */
#cmsPage p {
}

/* メインページ リスト */
#cmsPage ul {
}

#cmsPage ul li {
}

/* メインページ 番号付リスト */
#cmsPage ol {

}

#cmsPage ol li {
}

/* メインページ 罫線 */
#cmsPage hr  {
}

/* メインページ アンカー文字色 */
#cmsPage a:link    { color: #0000ff; }
#cmsPage a:visited { color: #000080; }
#cmsPage a:hover   { color: #ff0000; }
#cmsPage a:active  { color: #ff8000; }

/* メインページ テーブル 表 */
#cmsPage table{
}

#cmsPage th {
}

#cmsPage td {
}

/* =============================================== */
/** ヘッダ部分 */
/* ----------------------------------------------- */

/* ヘッダーのスタイル*/
#cmsHeader {
background: url(../../../theme_img/simpleBlueNavi/defaultHeader.jpg) no-repeat;
} 

/* サイトロゴ部分（ヘッダー内） */
h1#headerLogo a {
	potision:rerative;
	margin:106px 0px 0px 1px;
	padding:0px;
	text-decoration: none;
	color:#FFFFFF;
	float:left;
	height: 46px;
	width: 330px;
}


/* ヘッダー サイトの説明部分 */
#cmsHeader p {
margin:0px 0 0 10px;
padding:2px 0 0 0;
font-size: 12px;
color: #666;
}


/* ヘッダー リスト */
#cmsHeader ul {
list-style-type: none;
float:right;
margin:10px 5px 0 0;
}

#cmsHeader li {
font-size: 12px;
text-align:left;
margin:0 0 0 3px;
float:left;
background: url(../../../theme_img/simpleBlueNavi/headNavi.jpg) no-repeat;
padding:3px 15px 0 20px ;
}

/* ヘッダー リスト アンカー */
#cmsHeader li a {
text-decoration: none;
color: #333333;
display:block;
}

/* ヘッダー リスト アンカーのロールオーバ */
#cmsHeader li a:hover {
text-decoration: none;
}

/* =============================================== */
/** メインナビゲーション */
/* ----------------------------------------------- */

/* メインナビ リスト */
#cmsNavi ul {
padding: 0;
margin: 0;
list-style-type: none;
}

/* メインナビ リスト */
#cmsNavi li {
text-align: center;
float:left;
background: url(http://e-link.me/files/fine-aging/cms/image/main_menu.jpg);
}

/* メインナビ リスト アンカー */
#cmsNavi li a {
padding: 0px;
color: #333;
line-height: 45px;
text-decoration: none;
font-size: 13px;
display: block;
height: 46px;
width: 160px;
/*background: url(http://e-link.me/files/fine-aging/cms/image/main_menu.jpg);*/
}

/* メインナビ リスト アンカーのロールオーバ */
#cmsNavi li a:hover {
padding: 0px;
background: url(http://e-link.me/files/fine-aging/cms/image/main_menu2.jpg);
display: block;
text-decoration: none;
font-size: 13px;
height: 46px;
width: 160px;
color: #000;
}

/* =============================================== */
/** ナビ下部分 */
/* ----------------------------------------------- */
/* ナビ下部分 引用 */
#cmsHeaderBottom blockquote {
}

/* ナビ下部分 段落 */
#cmsHeaderBottom p {
}

/* ナビ下部分 見出し */
#cmsHeaderBottom h2 {
/*width: 510px;*/
font-size: 14px;
font-weight: bold;
line-height: 29px;
text-indent: 20px;
background: url(../../../theme_img/simpleBlueNavi/mainH2Back.jpg) no-repeat;
margin:2px 10px 10px 10px;
clear:both;
border-right: 1px solid #CCC;
}

/* ナビ下部分 小見出し */
#cmsHeaderBottom h3 {
margin:2px 10px 10px 10px;
border-left:6px solid #808080;
font-size: 13px;
font-weight: nomal;
line-height: 20px;
text-indent: 10px;
clear:both;
}

/* ナビ下部分 リスト */
#cmsHeaderBottom ul {
}
#cmsHeaderBottom ul li {
}

/* ナビ下部分 番号付リスト */
#cmsHeaderBottom ol {
}
#cmsHeaderBottom ol li {
}

/* ナビ下部分 罫線 */
#cmsHeaderBottom hr {
}

/* ナビ下部分 アンカー文字色 */
#cmsHeaderBottom a:link    { color: #0000ff; }
#cmsHeaderBottom a:visited { color: #000080; }
#cmsHeaderBottom a:hover   { color: #ff0000; }
#cmsHeaderBottom a:active  { color: #ff8000; }


/* ナビ下部分 テーブル 表 */
#cmsHeaderBottom table{
}

#cmsHeaderBottom th {
}

#cmsHeaderBottom td {
}

/* =============================================== */
/** サイドナビ部分 */
/* ----------------------------------------------- */

/* サイドナビ リスト */
#cmsSideNavi ul {
padding: 0 ;
margin: 0;
list-style-type: none;
background: url(../../../theme_img/simpleBlueNavi/boxMiddle.jpg) repeat-y;
}

/* サイドナビ リスト アンカー文字色 */
#cmsSideNavi li a {
background: url(../../../theme_img/simpleBlueNavi/sideNaviBack.jpg) repeat-y;
line-height:27px;
margin:2px 0;
width:200px;
height:27px;
display:block;
text-indent: 10px;
color:#FFFFFF;
text-decoration:none;
}

/* サイドナビ リスト アンカー ロールオーバ */
#cmsSideNavi li a:hover {
background: url(../../../theme_img/simpleBlueNavi/sideNaviBackHover.jpg) repeat-y;
color:#FFFFFF;
}

/* サイド1 div */
#cmsSide1 div {
width: 200px;
padding: 5px;
margin: 2px 0 2px 0;
border: 1px solid #808080;
}

#sideNaviTop {
/*background: url(../../../theme_img/simpleBlueNavi/boxTop.jpg) no-repeat;
height:12px;
*/
display:none;
}

#sideNaviBottom{
/*background: url(../../../theme_img/simpleBlueNavi/boxBottom.jpg) no-repeat;
height:13px;
*/
display:none;
}

/* =============================================== */
/** サイドコンテンツ部分 */
/* ----------------------------------------------- */

/* サイドコンテンツ 引用 */
#cmsSide1 blockquote {
margin:0;
padding:0.2em;
border:1px solid #808080;
background-color:#FFFFFF;
}

/* サイドコンテンツ 段落 */
#cmsSide1 p {
	background-image: url(http://e-link.me/files/fine-aging/cms/image/left_yajirusi.jpg);
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	text-align: left;
	text-indent: 13px;
	padding-bottom: 5px;

}

/* サイド1の見出し */
#cmsSide1 h2 {
	font-size:14px;
	color:#2861AD;
	width:190px;
	height: 33px;
	margin: 5px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 28px;
	text-align: left;
	background: url(http://e-link.me/files/fine-aging/cms/image/left_title.jpg);
	clear:both;
	text-indent: 25px;
}


/* サイド1の小見出し */
#cmsSide1 h3 {
margin:2px 10px 10px 10px;
border-left:6px solid #808080;
font-size: 13px;
font-weight: nomal;
line-height: 20px;
text-indent: 10px;
clear:both;
}

/* サイド1のリスト */
#cmsSide1 ul {
margin:5px 5px 5px 20px;
}

#cmsSide1 ul li {
}

/* サイド1の番号付リスト */
#cmsSide1 ol {
margin:5px 5px 5px 20px;
}

#cmsSide1 ol li {
}

/* サイド1の罫線 */
#cmsSide1 hr {
}

/* サイド1のテーブル */
#cmsSide1 table {
}

#cmsSide1 th {
}

#cmsSide1 td {
}


/* =============================================== */
/** フッター上部分 */
/* ----------------------------------------------- */
/* フッター上部分 引用 */
#cmsFooterTop blockquote {
}

/* フッター上部分 段落 */
#cmsFooterTop p {
text-align: center;
}

/* フッター上部分 見出し */
#cmsFooterTop h2 {
/*width: 510px;*/
font-size: 14px;
font-weight: bold;
line-height: 29px;
text-indent: 20px;
background: url(../../../theme_img/simpleBlueNavi/mainH2Back.jpg) no-repeat;
margin:2px 10px 10px 10px;
clear:both;
border-right: 1px solid #CCC;
}

/* フッター上部分 小見出し */
#cmsFooterTop h3 {
margin: 5px 10px 6px 10px;
border-left:6px solid #808080;
font-size: 13px;
font-weight: nomal;
line-height: 20px;
text-indent: 10px;
clear:both;
}

/* フッター上部分 リスト */
#cmsFooterTop ul {
}

#cmsFooterTop ul li {
}

/* フッター上部分 番号付リスト */
#cmsFooterTop ol {
}

#cmsFooterTop ol li {
}

/* フッター上部分 罫線 */
#cmsFooterTop hr {
}

/* フッター上部分 アンカー文字色 */
#cmsFooterTop a:link    { color: #0000ff; }
#cmsFooterTop a:visited { color: #000080; }
#cmsFooterTop a:hover   { color: #ff0000; }
#cmsFooterTop a:active  { color: #ff8000; }


/* フッター上部分 テーブル */
#cmsFooterTop table {
}

#cmsFooterTop th {
}

#cmsFooterTop td {
}



/* =============================================== */
/** フッター部分 */
/* ----------------------------------------------- */


/* フッター 段落 */
#cmsFooter p {
text-align: center;
}

/* フッター リスト */
#cmsFooter ul {
text-align: center;
list-style-type: none;
}

#cmsFooter li {
margin: 0 5px;
display: inline;
}

/* フッター アンカー文字色 */

#cmsFooter a:link    { color: #0000ff; }
#cmsFooter a:visited { color: #000080; }
#cmsFooter a:hover   { color: #ff0000; }
#cmsFooter a:active  { color: #ff8000; }

/* フッター アンカー */
#cmsFooter a {
text-decoration: underline;
}

/* フッター アンカー ロールオーバ */
#cmsFooter a:hover {
text-decoration: underline;
}

/* =============================================== */
/** 各リスト部分の個別 */
/* ----------------------------------------------- */

/* ヘッダー リスト の個別のスタイル */
.hli1 {}
.hli2 {}
.hli3 {}
.hli4 {}
.hli5 {}
.hli6 {}
.hli7 {}
.hli8 {}
.hli9 {}
.hli10 {}

/* ヘッダー リスト アンカーの個別のスタイル */
.hlia1 {} 
.hlia2 {} 
.hlia3 {} 
.hlia4 {} 
.hlia5 {} 
.hlia6 {} 
.hlia7 {} 
.hlia8 {} 
.hlia9 {} 
.hlia10 {} 

/* フッター リスト の個別のスタイル */
.fli1 {}
.fli2 {}
.fli3 {}
.fli4 {}
.fli5 {}
.fli6 {}
.fli7 {}
.fli8 {}
.fli9 {}
.fli10 {}
.fli11 {}
.fli12 {}
.fli13 {}
.fli14 {}
.fli15 {}
.fli16 {}
.fli17 {}
.fli18 {}
.fli19 {}
.fli20 {}
.fli21 {}
.fli22 {}
.fli23 {}
.fli24 {}
.fli25 {}
.fli26 {}
.fli27 {}
.fli28 {}
.fli29 {}
.fli30 {}

/* フッター リスト アンカーの個別のスタイル */
.flia1 {}
.flia2 {}
.flia3 {}
.flia4 {}
.flia5 {}
.flia6 {}
.flia7 {}
.flia8 {}
.flia9 {}
.flia10 {}

/*サイドナビ リストの個別のスタイル */
.snli1 {}
.snli2 {}
.snli3 {}
.snli4 {}
.snli5 {}
.snli6 {}
.snli7 {}
.snli8 {}
.snli9 {}
.snli10 {}
.snli11 {}
.snli12 {}
.snli13 {}
.snli14 {}
.snli15 {}
.snli16 {}
.snli17 {}
.snli18 {}
.snli19 {}
.snli20 {}

/* サイドナビ リストのアンカー個別のスタイル */
.snlia1 {}
.snlia2 {}
.snlia3 {}
.snlia4 {}
.snlia5 {}
.snlia6 {}
.snlia7 {}
.snlia8 {}
.snlia9 {}
.snlia10 {}
.snlia11 {}
.snlia12 {}
.snlia13 {}
.snlia14 {}
.snlia15 {}
.snlia16 {}
.snlia17 {}
.snlia18 {}
.snlia19 {}
.snlia20 {}

/* * * * * * * * * * * * * * * * *  *  *  * 
レイウト を変更する時は注意が必要です。
* * * * * * * * * * * * * * * * * * * * * */

/* メイン部分 */
#cmsMain {
	width: 802px;
	margin: 0px auto 0px;
	text-align: left;
	background-color: #FFF;
	background-image: url(http://e-link.me/files/fine-aging/cms/image/back2.jpg);
	background-repeat: repeat-y;
}

/* ヘッダー部分 */
#cmsHeader {
	width: 802px;
	height:265px;
	min-height: 110px;
	background-image: url(http://e-link.me/files/fine-aging/cms/image/index_title.jpg);
}

/* ヘッダーナビ部分 */
#cmsNavi {
	clear: both;
	width: 800px;
	margin: 0px 1px;
	padding: 0;
	min-height: 46px;
	height: 46px;
	background-image: url(http://e-link.me/files/fine-aging/cms/image/main_menu_back.jpg);
	background-repeat: repeat-x;
}

/* ヘッダー下部部分 */
#cmsHeaderBottom {
width: 802px;
min-height: 10px;
text-align:left;
background:none;
clear:both;
}

/* サイド部分 */
#cmsSide {
       width: 216px;
	float: left;
	margin: 0 0 0 0px;
	padding: 0px;
}

/* サイドナビ部分 */
#cmsSideNavi {
}

/* サイド1部分 */
#cmsSide1 {
	float: left;
	text-align: left;
	background:none;
	height: auto;
        padding-right: 13px;
	padding-left: 13px;
}

/* サイド2部分 */
#cmsSide2 {

}

/* ページ部分 */
#cmsPage {
	width: 586px;
	text-align: left;
	background:url(none);
	margin: 0 0px 0 0;
	padding: 0px;
}

/* ページ部分 */
#cmsPage.right {
float: right;
}

/* ページのレイアウト部分 */
#leftContainer {
padding: 15px 0 0 0;
float: right;
width: 802px;
min-height: 300px;
}

/* フッター上部 部分 */
#cmsFooterTop {
clear: both;
width: 802px;
text-align:left;
background:none;
}

/* フッター部分 */
#cmsFooter {
clear: both;
width: 802px;
_height: 85px;
min-height: 85px;
color:#333;
padding:0px 0 10px;
}

#cmsHeaderBottom{
/*display:none;*/
}

#cmsFooterTop {
/*display:none;*/
}

/*___________ レイアウト設計【INDEX】 ___________ */
.index1_top {
	background-image: url(http://cleansing.jp/img/index_con1_top.jpg);
	background-repeat: no-repeat;
	width: 575px;
}

.index1_bottom {
	background-image: url(http://e-link.me/files/fine-aging/cms/image/index_con1_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 575px;
}
.index1_pad {
	padding-top: 75px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 160px;
}

.index2_top {
	background-image: url(http://e-link.me/files/fine-aging/cms/image/index_con2_top.jpg);
	background-repeat: no-repeat;
	width: 575px;
}
.index2_left {
	float: left;
	width: 291px;
}
.index2_left_pad {
	padding-top: 5px;
	padding-right: 18px;
	padding-bottom: 22px;
	padding-left: 10px;
}
.index2_right {
	float: right;
	width: 284px;
}
.index2_right_pad {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 22px;
	padding-left: 10px;
}
.index2_middle {
}
.index2_bottom {
	background-image: url(http://e-link.me/files/fine-aging/cms/image/index_con2_bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 575px;
}

.index3_top {
	background-image: url(http://e-link.me/files/fine-aging/cms/image/index_con3_top.jpg);
	background-repeat: no-repeat;
	width: 575px;
}
.index3_pad {
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.index3_middle {
	background-image: url(http://e-link.me/files/fine-aging/cms/image/index_con3_back.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	width: 575px;
}
.index3_bottom {
	background-image: url(http://e-link.me/files/fine-aging/cms/image/index_con3_bottom.jpg);
	background-position: bottom;
	width: 575px;
	background-repeat: no-repeat;
}


/*___________ レイアウト設計【FOOTER】 ___________ */
#FOOTER2 {
	width:799px;
	margin:0 auto;
	color:  #333333;
	padding: 0px;
	height: auto;
	background-color: #FFFFFF;
	background-image: url(../images/back2.jpg);
	background-repeat: repeat;
}
#FOOTER1 {
	padding: 0px;
	margin:0 auto;
	height: auto;
	width: 799px;
	background-image: url(../images/bottom2.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#FOOTER1 p {
	font-size:12px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.footer-pad {
	padding: 5px 10px 10px;
	text-align: center;
}

.page-top {
	margin: 0px;
	padding: 0px;
	background-image: url(http://e-link.me/files/fine-aging/cms/image/index_pagetop1.jpg);
	height: 31px;
	width: 575px;
	background-repeat: no-repeat;
	text-align: right;
}

/* ____ フロートボックス解除用。htmlでは<br class="clear" />で使用 ____ */
.clear {
	clear:both;
}
/* ____ テキスト用 ____ */
em {
	font-style: normal;
	font-weight: bold;
}
.b {
	font-weight: bold;
}
.s {
	text-decoration: line-through;
}
.u {
	text-decoration: underline;
}
.f9 {
	font-size: 9px;
	line-height:150%;
}
.f10 {
	font-size: 10px;
	line-height:150%;
}
.f11 {
	font-size: 11px;
	line-height:150%;
}
.f12 {
	font-size: 12px;
	line-height:150%;
}
.f14 {
	font-size: 14px;
	line-height:150%;
}
.f16 {
	font-size: 16px;
	line-height:150%;
}
.f18 {
	font-size: 18px;
	line-height:150%;
}
.f24 {
	font-size: 24px;
	line-height:150%;
}
.text-right {
	text-align: right;
}
.center {
	text-align: center;
}
/* ____ テキスト・色 ____ */
.red {
	color: #FF0000;
}
.pink {
	color: #FA58D5;
}
.orenge {
	color:#FF6600;
	font-weight:bold;
}
.blue {
	color: #0000FF;
	font-weight: bold;
}
.green {
	color:#407805;
}
.yellow-back {
	background-color: #FBD774;
}
.pink-back {
	background-color: #FFCCFF;
	padding-top: 2px;
	padding-bottom: 2px;
}
.gry {
	background-color: #FFFFFF;
	color: #999999;
}

/* ____ 画像用 ____ */
img {
	border:0;
}
.float_left {
	float: left;
	margin-right: 6px;
}
.float_right {
	float: right;
}
.index1_right {
	float: right;
	width: 575px;
       clear: right;
}
.index1_left {
	float: left;
	width: 146px;
}
.index1_right_pad {
	padding-top: 74px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
}
.index1_left_pad {
	padding-top: 74px;
	padding-left: 15px;
}




.topicPath {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
}

/* --- リスト項目 --- */
.topicPath li {
display: inline;
}

/* --- リンク --- */
.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url(http://e-link.me/files/fine-aging/cms/image/pan.gif) no-repeat right; /* 区切りの記号 */
}