@charset "utf-8";
/*
-----------------------------------------

 【CSS（スタイルシート）の編集目次】

　(1) 文字のスタイル
　(2) ボタンのスタイル
　(3) エリアのスタイル
  (4) その他、拡張

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



/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊


　(1) 文字のスタイル
　※色を設定すると、ブログの各部分に自動的に配色されます


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/



/* (1-1) 全体の文字
--------------------------------------------*/


/* ★通常文字 */
.skinTextColor, .skinBaseTextColor, .skinBlock, body {
	font-family: "メイリオ", "Meiryo", "Osaka", "MS Pゴシック", "MSゴシック", Helvetica, verdana, arial;
	color: #000;
}
/* リンク */
.skinAnchorColor, .skinBaseAnchorColor, .skinBlock a, a {
	color:#0066cc;
}
/* 訪問済のリンク */
.skinAnchorVisitedColor, .skinBaseAnchorVisitedColor, .skinBlock a:visited, a:visited {
	color:#996699;
}
/* マウスオーバーしたときのリンク */
.skinAnchorHoverColor, .skinBaseAnchorHoverColor, .skinBlock a:focus, .skinBlock a:hover, a:focus, a:hover {
	color:#ff3366;
}
/* 弱い文字 */
.skinWeakColor, .skinBaseWeakColor {
}
/* 強い文字 */
.skinStrongColor, .skinBaseStrongColor {
	color:#ff3399;
}
/* (1-2) ブログタイトル文字
--------------------------------------------*/


/* skinTitle ブログタイトル文字 */
.skinTitle, .skinTitle:visited, .skinTitle:hover, .skinTitle:focus {
	color: #FFF;
	font-weight: normal;
	font-size: 12px;
}
/* skinDescription ブログの説明文字 */
.skinDescription {
	color:#333;
}
/* ★(1-3) 記事／メッセージボード内の文字のスタイル
--------------------------------------------*/

/*　※全体の文字配色と別に指定したい場合のみ指定　*/

/* 通常文字 */
.skinMainArea, .skinMainArea .skinTextColor, .skinArticleTextColor, .skinArticleBlock {
}
/* リンク */
.skinMainArea .skinAnchorColor, .skinArticleAnchorColor, .skinMainArea a, .skinArticleBlock a {
	color: #24306c;/*変更箇所*/
}
/* 訪問済のリンク */
.skinMainArea .skinAnchorVisitedColor, .skinArticleAnchorVisitedColor, .skinMainArea a:visited, .skinArticleBlock a:visited {
	color: #24306c;/*変更箇所*/
}
/* マウスオーバーしたときのリンク */
.skinMainArea .skinAnchorHoverColor, .skinArticleAnchorHoverColor, .skinMainArea a:focus, .skinMainArea a:hover, .skinArticleBlock a:focus, .skinArticleBlock a:hover {
	color: #24306c;/*変更箇所*/
	text-decoration:none;
}
/* 弱い文字 */
.skinMainArea .skinWeakColor, .skinArticleWeakColor {
}
/* 強い文字 */
.skinMainArea .skinStrongColor, .skinArticleStrongColor {
}
/* ★記事内のリンク */
.skinMainArea .skinArticle a {
	text-decoration:underline;
	color: #555;
}
.skinMainArea .skinArticle a:hover {
	text-decoration:none;
}
/* ★skinArticleTitle 記事タイトル文字 */
.skinMainArea .skinArticle h1 a, .skinMainArea .skinArticle h1 a:hover, .skinMainArea .skinArticle h1 a:focus, .skinMainArea .skinArticle h1 a:visited {
	font-size: 18px;
	font-weight: normal;
	color: #000;
	text-decoration:none;
	padding: 11px 0 16px 40px;/*変更箇所*/
	line-height: 1;
	display: block;
	background: url(http://ci-s.net/ameblobiz3/theme/b05-02/images/icon_01.png) no-repeat 5px 0px;
}
.articleText {
	overflow: hidden;
	padding-bottom: 30px;
	font-size: 14px;
	line-height: 1.5;
}
/* ★(1-4) サイドバー内の文字のスタイル
--------------------------------------------*/

/*　※全体の文字配色と別に指定したい場合のみ指定　*/

/* 通常文字 */
.skinSubArea, .skinSubArea .skinTextColor, .skinSubTextColor, .skinSubBlock {
	color: #000;
}
/* リンク */
.skinSubArea a, .skinSubArea .skinAnchorColor, .skinSubAnchorColor, .skinSubBlock a {
	color: #000;
}
/* 訪問済のリンク */
.skinSubArea a:visited, .skinSubArea .skinAnchorVisitedColor, .skinSubAnchorVisitedColor, .skinSubBlock a:visited {
	color: #000;
}
/* マウスオーバーしたときのリンク */
.skinSubArea a:focus, .skinSubArea a:hover, .skinSubArea .skinAnchorHoverColor, .skinSubAnchorHoverColor, .skinSubBlock a:focus, .skinSubBlock a:hover {
	color: #24306c;/*変更箇所*/
	text-decoration:underline;
}
/* 弱い文字 */
.skinSubArea .skinWeakColor, .skinSubWeakColor {
	color:#80A52C;
}
/* 強い文字 */
.skinSubArea .skinStrongColor, .skinSubStrongColor {
	color: #CC0001;
}
/* skinMenuTitle サイドメニュータイトル文字 */
.skinMenuTitle {
	font-size: 14px;
	line-height: 48px;
	font-weight: normal;
	color: #000;
	display: block;
	padding: 0 0 0 34px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );

	border-top: 3px solid #24306c;
}
.skinMenuTitle a{
	color: #000;
}
/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊


 (2) ボタンのスタイル


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/


/* (2-1) ボタン[横180px 縦35px]
--------------------------------------------*/




/* ボタンの背景画像 ※[横180px 縦35px]のボタンの背景画像を指定 */
.skinImgBtnM {
	background-image:url(//stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_m.png);
}
/* ボタンの文字色 */
.skinImgBtnM:hover span, .skinImgBtnM:focus span, .skinImgBtnM span {
	color:#333333;
}
/* (2-2) アイコン付きボタン[横128px 縦28px]
--------------------------------------------*/


/* アイコン付き ボタンの背景画像 ※[横128px 縦28px]のボタンの背景画像を指定 */
.skinImgBtnS {
	background-image:url(//stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_s.png);
}
.skinImgBtnS:hover span, .skinImgBtnS:focus span, .skinImgBtnS span {
	/*
 アイコン画像は下記から指定
 menu_icons_pastel.png (パステル）
 menu_icons_gray.png（グレー）
 menu_icons_black.png（黒）
 menu_icons_white.png（白）
*/
background-image:url(//stat100.ameba.jp/common_style/img/skin/cmn/icons/menu_icons/menu_icons_pastel.png);
	/* ボタンの文字色 */
color:#333333;
}
/* ★(2-3) ページ送りボタンの  << 次へ 、前へ >> 、「次の記事タイトル」 >> ボタン
--------------------------------------------*/


.skinSimpleBtn, .skinSimpleBtn:visited, .skinSimpleBtn:hover, .skinSimpleBtn:focus {
	border: 1px solid #24306c;/*変更箇所*/
	background: #FFF;
	color: #24306c !important;/*変更箇所*/
	font-weight:bold;
}
/* ボタンにマウスオーバー */
.skinSimpleBtn:hover, .skinSimpleBtn:focus {
	background: #24306c;/*変更箇所*/
	color: #FFF !important;
}
.pagingList {
	color: #7d6817 !important;/*変更箇所*/
}
/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊


 (3) エリアのスタイル


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/



/* (3-1) ボディ（全体）
--------------------------------------------*/


/* skinBody ボディ */
.skinBody {
}
.skinBody2 {
}
.skinBody3 {
}
/* skinFrame ブログ全体を囲うエリア */
.skinFrame {
	padding-top: 0px;
} /* ヘッダーバナー含む */
.skinFrame2 {
	background: #FFF;/*変更箇所*/
}/* ヘッダーバナー含まない */
/* (3-2) ブログヘッダー
--------------------------------------------*/


/* skinHeaderFrame ブログタイトルを囲うエリア */
.skinHeaderFrame {
}
/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea {
	width: auto;/* 注 ベースのcssにwidth:980px;の記述有り */  
}
.skinHeaderArea2 {
}
/* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */
.skinBlogHeadingGroupArea {
	padding: 0;
	width: 980px;
	margin: 0 auto;
}
/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea {
	padding: 11px 0;
}
/* skinDescriptionArea ブログの説明エリア */
.skinDescriptionArea {
	display: none;
}
/* ※(1)文字のスタイル にブログヘッダー文字の記述有り */




/* (3-3) コンテンツエリア
--------------------------------------------*/


/* skinContentsFrame コンテンツを囲うエリア */
.skinContentsFrame {
}
/* skinContentsArea コンテンツ980pxエリア */
.skinContentsArea {
/* 注 ベースのcssにwidth:980px;の記述有り */
}
/* (3-4) メインエリア
--------------------------------------------*/


.columnA .skinMainArea,
.columnB .skinMainArea{
	width:650px;
}
 .skinMainArea{
	 margin-bottom: 30px;
}

/* (3-5) メッセージボード
--------------------------------------------*/


.skinMessageBoard {
	/* 注 ベースのcssに margin-bottom の記述有り */
border-top:1px dotted #979797;
	border-bottom:1px dotted #979797;
	background:#fff;
}
.skinMessageBoard2 {
}
.skinMessageBoard3 {
	padding:16px 30px;
}
/* (3-6) 記事
--------------------------------------------*/

/* skinArticle 記事エリア */
.skinArticle {
	/* 注　ベースのcssに margin-bottom の記述有り */
padding:16px 0;
	border:1px solid #ddd;
	background: #FFF;
}
.skinArticle2 {
}
.skinArticle3 {
}
/* skinArticleHeader 記事タイトルエリア */
.skinArticleHeader {
	margin: 0;
	padding: 0;
	border-left: none;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #eaeaea 2%, #eaeaea 2%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#eaeaea), color-stop(2%,#eaeaea), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eaeaea 2%,#eaeaea 2%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#eaeaea 2%,#eaeaea 2%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#eaeaea 2%,#eaeaea 2%,#ffffff 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eaeaea 2%,#eaeaea 2%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.skinArticleHeader2 {
    padding: 39px 0 0;
    margin: 0 20px;
    background: url(http://ci-s.net/ameblobiz3/theme/b05-02/images/bg_02.png) no-repeat;
}
/* ※(1)文字のスタイル に記事タイトル文字の記述有り */
.skinArticleHeader2 {
	background:url(http://ci-s.net/ameblobiz3/theme/b05-02/images/border_01.png) repeat-x 0% 100%
}


/* skinArticleBody 記事本文エリア */
.skinArticleBody {
}
.skinArticleBody2 {
	margin: 0px 20px;
}
/* skinArticleFooter 記事フッターエリア */
.skinArticleFooter {
	/* margin:10px 29px 0; */
	/* border-top:1px dotted #949494; */
}
/* (3-7) ★サイドバーエリア
--------------------------------------------*/


.skinSubArea {
} /* サイドバーエリア共通 */
.skinSubA {

} /* 300pxのサイドバーエリア */
.skinSubB {
} /* 180pxのサイドバーエリア */
/* (3-8) サイドバー　メニュー
--------------------------------------------*/


/* skinMenu サイドバー　メニューのエリア */
.skinMenu {
	/* 注　ベースのcssに margin-bottom の記述有り */

	background: none;
}
.skinMenu2 {
}
/* subA subB別に記述する場合 */
.skinSubA .skinMenu {
}
.skinSubB .skinMenu {
}
/* skinMenuHeader サイドメニュータイトル */
.skinMenuHeader {
	background: #FFF;/*変更箇所*/
	padding: 0;
	border: 1px solid #d8d8d8;
}
/* ※(1)文字のスタイル にサイドメニュータイトル文字の記述有り */


/* skinMenuBody サイドメニュー本文エリア */
.skinMenuBody {
	margin: 12px 0px 0px;
	padding: 0px;
	background: none;
}
/* (3-9) サイドバー　リスト、境界線
--------------------------------------------*/


.skinSubList li {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #595959;
	position:relative;
	background:url(http://ci-s.net/ameblobiz3/theme/b05-02/images/icon_arrow01.png) no-repeat 0px 2px;/*変更箇所*/
	padding-left: 16px;
}
/* subA subB別に記述する場合 */
.skinSubA .skinSubHr, .skinSubA .skinSubList li {
}
.skinSubB .skinSubHr, .skinSubB .skinSubList li {
}
/* (3-10) コメント欄、トラバ欄、記事一覧などの一覧
--------------------------------------------*/


/* 背景色 */
.skinBgColor, .skinBaseBgColor, .skinBlock {
	background-color:#ffffff;
}
/* 弱い背景色 */
.skinWeakBgColor, .skinBaseWeakBgColor {
	background-color:#f7f7f7;
}
/* 強い背景色 */
.skinStrongBgColor, .skinBaseStrongBgColor {
	background-color:#f7f7f7;
}
/* 枠線の色 */
.skinBorderColor, .skinBaseBorderColor, .skinBlock {
	border-color:#dddddd;
}
/* 境界線の色 */
.skinBorderHr, .skinBorderList li {
	border-color:#b3b3b3;
}
/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊


 (4) その他、拡張


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/

/************************************
ヘッダー
************************************/

.skinHeaderFrame {
}
.skinHeaderArea2 {
	min-height: 30px;
	background: #464646;
}
hgroup {
}
/************************************
ボディ
************************************/

.skinContentsFrame {
}
.skinContentsArea {
	position:relative;
	padding: 540px 29px 0px;/*変更箇所*/
	width: auto;
}
.skinContentsArea {
	overflow:visible;
}
.skinContentsArea2{
	width:980px;
	margin:0 auto;
}
/*************************************************
メッセージボード
*************************************************/
/* article .skinMessageBoard {
	display:none; */
}
/*************************************************
 見出し１
*************************************************/
.skinArticleHeader {
}
/*************************************************
 見出し２
*************************************************/
.skinArticle h2 {
	width: auto;
	font-weight:bold;
	font-size: 14px;
	border-bottom: 2px solid #24306c;/*変更箇所*/
	padding-bottom: 10px;
	margin: 0 0 15px;
}
/*************************************************
　記事
*************************************************/
.skinArticle {
	border: 1px solid #d8d8d8;
	padding: 0 0 20px;
	margin-top:16px;
	position: relative;
}
.skinArticleBody {
}
.skinArticleBody2 {
}
.skinArticleFooter {
	/* margin:10px 0 0; */
}
.skinArticleFooter img {
	vertical-align: baseline;
}
.skinArticleBody img {
	margin:0;
}
#advertising2 {
	margin-top:50px;
}
/*************************************************
強調文字
*************************************************/
.bold {
	color:#80A52C;
	font-weight:bold;
	font-style:normal;
	font-size:1.1em;
	padding:0 3px;
}
.bold01 {
	color:#80A52C;
	font-weight:bold;
	font-style:normal;
	padding:0 3px;
}
.bold02 {
	color:#f45d5d;
	font-weight:bold;
	font-style:normal;
	padding:0 3px;
}
.line01 {
	border-bottom:2px solid #80A52C;
	margin-bottom: 5px;
}
.line01 span {
	font-size:1.1em;
}
/*************************************************



日付とテーマ
*************************************************/

.skinContentsArea, .skinSubA, .skinArticleBody {
	overflow:visible;
}
.articleDetailArea {
    text-align: right;
}
.articleDetailArea br {
	display:none;
}
.articleTime {
	color: #24306c;/*変更箇所*/
	font-size: 16px;
	font-family: Georgia;
	line-height: 1;/*変更箇所*/
	position: absolute;
	top: 16px;
	left: 20px;
	width: 108px;
	text-align: center;
}
.articleTheme {
	color: #555;
}
/*************************************************
読者登録ボタン
*************************************************/

.readerHeader {
	padding-left:10px;
}
#reader_btn {
	width: auto;
}
#reader_btn a {
	margin:0 auto;
	display:block;
	width:240px;
	height:70px;
}
.readerMenu .skinMenuBody {
	padding:10px;
}
.readerRequestBtnArea {
	text-indent:-9999px;
}
.readerRequestBtnArea a {
	margin:0 auto;
	display:block;
	width: 130px;
	height: 70px;
	background: url(https://www.attainments.co.jp/images/Ameblo/IMG_1251.PNG) no-repeat -61px 0px;/*変更箇所*/
	border-radius: 5px;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
} {
	margin:0 auto;
	display:block;
	width: 120px;
	height: 70px;
	background: url(https://www.attainments.co.jp/images/Ameblo/IMG_1251.PNG) no-repeat -72px 0px;/*変更箇所*/
	border-radius: 5px;
}
.readerRequestBtnArea a {
	margin:0 auto;
	display:block;
	width: 130px;
	height: 70px;
	background: url(https://www.attainments.co.jp/images/Ameblo/IMG_1251.PNG) no-repeat -61px 0px;/*変更箇所*/
	border-radius: 5px;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
}:hover {
}
/*************************************************
 オリジナルBOX
*************************************************/

.box01 {
	border: 2px solid #8AC252;
	height: auto;
	margin: 10px 10px 30px 10px;
	padding: 15px;
}
.box03 {
	border: 2px solid #8AC252;
	height: auto;
	padding: 15px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
/*************************************************
サイドメニュー
*************************************************/

.skinMenu {
	margin-bottom: 30px;
}
.skinMenuHeader {
}
.skinMenuBody ul li {
}
.skinSubB .userProfileImageArea {
	margin-left:auto;
	margin-right:auto;
}
.skinMenuBody .profileDetailArea ul li, .skinMenuBody ul.profileBtnArea li {
	background-image:none;
	border:0;
	padding:0;
}
.skinMenuBody ul.profileBtnArea li a:hover {
	text-decoration:none;
}
.profileDetailArea {
	text-align:center;
}
.skinSubB .profileBtnArea {
	width:128px;
	margin:0 auto;
}
.skinMenuBody {
}
.profileMenu .skinMenuHeader {
}
.recentEntriesMenu .skinMenuHeader {
}
.themeMenu .skinMenuHeader {
}
.archiveMenu .skinMenuHeader {
}
.readerMenu .skinMenuHeader {
}
.favoriteMenu .skinMenuHeader {
}
.rankingMenu .skinMenuHeader {
}
.bookmarkMenu .skinMenuHeader {
}
.recentCommentMenu .skinMenuHeader {
}
.calendarMenu .skinMenuHeader {
}
/*************************************************
myHeader
*************************************************/

.myHeader {
	position:absolute;
	top:0px;
	left: 0px;
	width: 100%;
}
/*************************************************
ロゴ
*************************************************/

#logo {
	padding: 24px 0;
	background: url(http://ci-s.net/ameblobiz3/theme/b05-02/images/bg_03.png) repeat-x;
	width: auto;
}
#logo p {
	text-align: center;
	line-height: 1;
	min-height: 30px;
}
/*************************************************
SNSアイコン
*************************************************/

div.snsIcon {/*変更箇所*/
	position: absolute;
	top: -38px;
	right: 50%;
	width: 144px;
	height: 38px;
	padding-left: 110px;
	margin-right: -490px;
	background: url(https://www.attainments.co.jp/images/Ameblo/IMG_1984.PNG) no-repeat;
}
div.snsIcon ul {
	overflow:visible;
	margin: 0px;
	padding: 0px;
}
div.snsIcon li {
	float:left;
	margin: 0;
	line-height: 38px;
}
div.snsIcon li a{
    display: block;
    line-height: 1;
    padding: 2px 8px;
}
div.snsIcon li:first-child a{
	border-left:none;
}
div.snsIcon li img {
	width:32px;
	height:auto;
}
/*************************************************
グローバルナビ
*************************************************/
.gnaviArea{
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #dadada 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dadada));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dadada 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#dadada 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#dadada 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#dadada 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dadada',GradientType=0 );

}
ul#gnavi {
	width: 978px;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #FFF;
}
ul#gnavi li {
	float: left;
}
ul#gnavi li a {
	display:block;
	height: 34px;
	width: 194px;
	color: #000;
	padding-top: 17px;
	border-left: 1px solid #FFF;/*変更箇所*/
	border-right: 1px solid #d7d7d7;/*変更箇所*/
	text-align:center;
	font-size:14px;
}
ul#gnavi li.menu1 a {
	width: 192px;/*変更箇所*/
}
ul#gnavi li a.active,
ul#gnavi li a:hover,
ul#gnavi li a.active {
	text-decoration:none;/*変更箇所*//*変更箇所*/
	background: #374293;
	background: -moz-linear-gradient(top,  #374293 0%, #0d0d44 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#374293), color-stop(100%,#0d0d44));
	background: -webkit-linear-gradient(top,  #374293 0%,#0d0d44 100%);
	background: -o-linear-gradient(top,  #374293 0%,#0d0d44 100%);
	background: -ms-linear-gradient(top,  #374293 0%,#0d0d44 100%);
	background: linear-gradient(to bottom,  #374293 0%,#0d0d44 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#374293', endColorstr='#0d0d44',GradientType=0 );
	color:#FFF
}
ul#gnavi li a i:before {
	content: "\f015";

	font-family: "FontAwesome";
}
/*************************************************
プロモ
*************************************************/

#promo {
	padding-top: 24px;
	background: #89694a;
	background: -moz-linear-gradient(top,  #89694a 0%, #caac78 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#89694a), color-stop(100%,#caac78));
	background: -webkit-linear-gradient(top,  #89694a 0%,#caac78 100%);
	background: -o-linear-gradient(top,  #89694a 0%,#caac78 100%);
	background: -ms-linear-gradient(top,  #89694a 0%,#caac78 100%);
	background: linear-gradient(to bottom,  #89694a 0%,#caac78 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89694a', endColorstr='#caac78',GradientType=0 );

}

#promo > p {
    line-height: 0;
	width:980px;
	
    margin: 0 auto 26px;
}
/*************************************************
カレンダー
*************************************************/

/*■カレンダー - デザインカスタマイズ - サイド*/
.skinSubA .calendarMenu table {
!important
}
.calendarMenu th {
	font-weight:normal;
	border: 1px solid #CCC;
}
/*■カレンダー - デザインカスタマイズ - サイド*/
.calendar table { /* カレンダー */
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	color:#888
}
.calendar caption { /* 月表示部 */
	font-size:14px;
	font-weight:bold;
}
.calendar #weekID { /* 曜日表示部 */
	height:14px;
	width:20px;
	padding:0px;
	font-weight:normal;
	background-color:#EAEAEA;
	border:1px solid #cccccc;
}
.calendar #weekID .sun { /* 日曜日の曜日表示 */
	color:#ffffff;
	background-color:#FF2492;
}
.calendar #weekID .sat { /* 土曜日の曜日表示 */
	color:#ffffff;
	background-color:#00C;
}
.calendar td { /* 日表示部 */
	padding:0px;
	color:#666666;
	background-color:#FFFFFF;
	border:1px solid #cccccc;
}
.calendar td a { /* 日付ページへのリンク */
	display:block;
	padding-top:2px;
	font-weight:normal;
	text-decoration:none;
	background-color: #C2D6B0;
}
.calendar td a:hover { /* オンマウス時 */
	text-decoration:none;
	background-color:#73AA40;
	color: #FFF;
}
.headerBnrArea {
	padding-bottom: 0px;
}
/*************************************************
フッター
*************************************************/
.skinFooterArea { /*変更箇所*/
	background: #e9e9e9;
	background: -moz-linear-gradient(top,  #e9e9e9 0%, #c4c4c4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#c4c4c4));
	background: -webkit-linear-gradient(top,  #e9e9e9 0%,#c4c4c4 100%);
	background: -o-linear-gradient(top,  #e9e9e9 0%,#c4c4c4 100%);
	background: -ms-linear-gradient(top,  #e9e9e9 0%,#c4c4c4 100%);
	background: linear-gradient(to bottom,  #e9e9e9 0%,#c4c4c4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#c4c4c4',GradientType=0 );
}
.skinFooterCopy{
	background:#c4c4c4;
}
.skinFooterMenu{
	overflow:hidden;
	width: 980px;
	margin: 0 auto;
	position: relative;
}
.skinFooterMenu a {
	color: #000;
}
.skinFooterMenu a:hover {
	color: #24306c;
}
ul.footerMenu {
	margin: 30px auto;
	padding: 0px;
	overflow: hidden;
}
ul.footerMenu li {
	float:left;
	list-style:none;

	border-left: 1px solid #555;
	padding:0 10px}
ul.footerMenu li:first-child {
	border-left:none;
}
ul.snsIcon {
	position: absolute;
	right: 0px;
	top: 22px;
	margin: 0;
	padding: 0;
}
ul.snsIcon li {
	float:left;
	list-style:none;
}
ul.snsIcon li img {
	width:32px;
	height:auto;
	margin: 0 8px;
}
.farea {
	background: #FFF;
	overflow:hidden;
	width:980px;
	margin:0 auto;
	border-radius: 10px;
}
.skinFooterArea .area01 {
	float:left;
	padding: 45px 30px;
}
.skinFooterArea .area01 img{
	max-width:200px;
	height:auto;
	max-height:60px;
}
.skinFooterArea .area02 {
	float:left;
	margin: 45px 0 20px;
	width: 400px;
}

.skinFooterArea .area03 {
	float: right;
	margin-right:26px;
	margin-top:30px
}
.skinFooterArea .sns_box {
	overflow:hidden;
}
.skinFooterArea .sns_box div {
	float:left;
	margin-left:10px
}
.skinFooterCopy {
	text-align:center;
	padding:16px 0;
	color: #000;
}
.skinFooterCopy a {
	color: #000;
}