@charset "utf-8";

/*-------------------------------------------------*/
/*
/*	#footerSection (フッター全体)
/*      テンプレートはfooter_innerbox_wide_01.phpを使用
/*
/*-------------------------------------------------*/

#footerSection {
/* box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.6); /* 横幅いっぱいに広がる背景影  インナー内の影背を使用の場合はコメントアウト */
 /*-webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.6); /* 横幅いっぱいに広がる背景影  インナー内の影背を使用の場合はコメントアウト */
/* -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.6); /* 横幅いっぱいに広がる背景影  インナー内の影背を使用の場合はコメントアウト */
 }

/*---------- インナーのフッター全体 ------------*/ 
#footerSectionInner {
 background-color:#333 !important;/*---------- コンテンツの透ける背景------------*/
 border-top: 1px solid #666;
 border-right: 1px solid #666;
 border-bottom: hidden;
 border-left: 1px solid #666;
 /* 左上を角丸 */
 -moz-border-top-left-radius: 5px;    /* 角丸 古いFirefox */
 -webkit-border-top-left-radius: 5px; /* 角丸 古いSafari,Chrome */
 border-top-left-radius: 5px;         /* 角丸 CSS3 */
 /* 右上を角丸 */
 -moz-border-top-right-radius: 5px;    /* 角丸 古いFirefox */
 -webkit-border-top-right-radius: 5px; /* 角丸 古いSafari,Chrome */
 border-top-right-radius: 5px;         /* 角丸 CSS3 */
 box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.6); /* インナー内の影  横幅いっぱいに広がる背景を使用の場合はコメントアウト */
 -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.6); /* インナー内の影  横幅いっぱいに広がる背景を使用の場合はコメントアウト */
 -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.6); /* インナー内の影  横幅いっぱいに広がる背景を使用の場合はコメントアウト */
 }

  
 
/*-------------------------------------------*/
/*	#footMenu
/*-------------------------------------------*/

#footMenu {
 padding:10px 0px;
 display:block;
 overflow:hidden;
 width:100%;
 z-index:10;
 position:relative;
 /*border-top-width:20px;/*画面いっぱいのラインの太さ*/
 /*border-top-style:solid;/*画面いっぱいのライン*/
 /*color:#fff;/*画面いっぱいのラインの色*/
 /*margin-top:-10px;*/
 }
 
#footMenu .innerBox {
 background-color: #666 !important;/*インナー内におさまるfootMenu部分の背景色 / 個別に指定する場合 / 横幅いっぱいに広がる背景を使用の場合はコメントアウト */
 /*border-bottom:2px solid;/*innerBox内の下のライン*/
 /*border-top-width:2px;/*innerBox内のラインの太さ*/
 /*border-top-style:solid;
 /*color:#fff;/*innerBox内のラインの色*/
 margin-top:-10px;
 margin-bottom:-10px; 
 padding:10px 0px 10px 0px;
  /* 左上を角丸 */
 -moz-border-top-left-radius: 4px;    /* 角丸 古いFirefox */
 -webkit-border-top-left-radius: 4px; /* 角丸 古いSafari,Chrome */
 border-top-left-radius: 4px;         /* 角丸 CSS3 */
 /* 右上を角丸 */
 -moz-border-top-right-radius: 4px;    /* 角丸 古いFirefox */
 -webkit-border-top-right-radius: 4px; /* 角丸 古いSafari,Chrome */
 border-top-right-radius: 4px;         /* 角丸 CSS3 */
 }
 
#footMenu .menu {
 margin:-5px 0px;
 padding:0px;
 border:none; 
 /*font-size:87.5%;*/
 /*border-left:1px solid #666; /*innerBox内メニューの左端のラインの色*/
 display:block;
 overflow:hidden;
 padding-left:10px; /* footMenu内のリンク文字の左側の余白 */
 padding-right:10px; /* footMenu内のリンク文字の右側の余白 */
 }
 

 #footMenu .menu a {
 color:#fff !important; /* footMenuの文字の色（基本的にpowerd部分と同一の色）*/
 margin-left:10px;/* SNSアイコン同士の隙間 */
}
  
 #footMenu .menu a:hover {
 color:#BA5637 !important;/* footMenu部分のメニューのリンク色 */
 }
  
#footMenu .menu li {
 list-style:none;
 display:block;
 margin:0px;
 padding:0px;
 float:right;/* SNSアイコンを右寄せか左寄せか中央 */
 line-height:100%;
 font-size:87.5%; /* footMenuのリンク文字の大きさ */
 }
 
#footMenu .menu li a {
 padding:0px 0px 0px;
 line-height:1em;
 text-decoration:none;
 border-right:1px solid #666;
 color:#efefef;
 /*background:url(images/icon_arrow1_white.gif) left 2px no-repeat;*/
 border:none;
 /*padding:0px 20px 0px 18px;*/
 /*line-height:110%;*/
 }
 
#footMenu .menu li a:hover {
 text-decoration:none;
 /*background-image:url(images/icon_arrow1_brown.gif);*/
 }
 
#footMenu .menu li img {
opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 25px;/* width,heightの半分 */
	-moz-border-radius: 25px;
	border-radius: 25px;
	background-color: #999;/* 円の色 */
 }
 
#footMenu .menu li:hover img {
opacity: .5;
 }
 
 /* ボタンをふわっとさせる */
 /* ここから */
#footMenu * {
 -webkit-transition: 0.7s;
 -moz-transition: 0.7s;
 -ms-transition: 0.7s;
 -o-transition: 0.7s;
 transition: 0.7s;
}
/* ここまで */



/*-------------------------------------------*/
/*	#footer（下部ロゴ部分）
/*-------------------------------------------*/

#footer	{
 margin:0px;
 padding:10px 0px 0px; /*----------footerSiteMapとfootMenuの隙間-------------*/
 display:block;
 text-align:left;
 overflow:hidden;
 }
 
 #footer .innerBox{
 color:#808080;
 background-color:#333 !important;/* Innerにおさめたfooter背景色 個別に指定したい場合は記入 */
 padding-top:10px;/* Innerにおさめたfooterサイズの背景の拡大 */
 padding-bottom:0px;/* Innerにおさめたfooterサイズ背景の拡大 */
 margin-top:-10px;/* Innerにおさめたfooterサイズのマージン */
 margin-bottom:0px;/* Innerにおさめたfooterサイズのマージン 負の値は使えません */
 /*border-top:1px solid #262626;/*基本的にはsiteBottomと統一する*/
 }
 
 
/*	footerのロゴ部分
/*-------------------------------------------*/
#footer dl#footerOutline {
 margin:0px;
 line-height:150%;
 width:300px;
 padding-left:10px; /* footer内のfooterOutlineリンク文字 or 画像の左側の余白 */ 
 }
 
#footer dl#footerOutline dt{
 margin-bottom:8px;
 line-height:150%;
 }
 
#footer dl#footerOutline dt img	{
 margin-bottom:5px;
 max-width:260px;
 float:right;
 }
 
#footer dl#footerOutline dd {
 font-size:85.7%;
 line-height:150%;
 }

/*		#footerSiteMap
/*-------------------------------------------*/
#footerSiteMap {
 display:block;
 overflow:hidden;
 padding-top:0px;
 }
 
#footerSiteMap .menu {
 font-size:87.5%;
 vertical-align:text-top;
 padding-left:10px; /* footerSiteMap内のリンク文字の左側の余白 */ 
 }
 
#footerSiteMap .menu a {
 color:#999 !important; /* footerSiteMapmenuの文字の色（基本的にpowerd部分と同一の色）*/
 text-decoration:none;
 }
 
#footerSiteMap .menu a:hover {
 color:#BA5637 !important;/* footerSiteMap部分のメニューのリンク色 */
 }
 
#footerSiteMap .menu li	{
 display:block;
 vertical-align:text-top;
 line-height:116.7%;
 margin-bottom:6px;
 }
 
#footerSiteMap .menu li	a {
 background:url(/content/css/images/ico_arrow_white_01.gif) left 50% no-repeat;
 padding:8px 15px 8px 18px;
 overflow:hidden;
 display:block;
 }
 
#footerSiteMap .menu li	a:hover	{
 background-image:url(images/icon_arrow1_brown.gif);
 }
 
#footerSiteMap .menu li	ul {
padding-left:10px;/* footerSiteMap内の子リンク文字の左側の余白 */
 margin-top:6px;
 }
 
#footerSiteMap .menu li	li {
 display:block;
 }
 
#footerSiteMap .menu li	li a {
 background:url(images/icon_arrow2_gray.gif) 2px 50% no-repeat;
 padding:8px 18px;
 }
 
#footerSiteMap .menu li	li a:hover {
 background-image:url(images/icon_arrow2_brown.gif);
 }
 
#footerSiteMap .menu li	ul ul {
 padding-left:5px;/* footerSiteMap内の子子リンク文字の左側の余白 */
 }
 
 /* ボタンをふわっとさせる */
 /* ここから */
#footerSiteMap * {
 -webkit-transition: 0.7s;
 -moz-transition: 0.7s;
 -ms-transition: 0.7s;
 -o-transition: 0.7s;
 transition: 0.7s;
}
/* ここまで */

/*-------------------------------------------*/
/*	#siteBottom
/*-------------------------------------------*/
#siteBottom {
 clear:both;
 background-color: #BBAD9F !important;/*横幅いっぱいに広がるコピーライトの背景色 インナー内におさめるコピーライトを使用の場合はコメントアウト */
 padding:10px 0px 10px; /* 画面いっぱいのsiteBottomサイズの場合のCopyright部分位置関係 */
 font-size:88%;/*Art Studioのコピーライトの位置調整*/
 font-family:Arial, Helvetica, sans-serif;
 color:#333;/* リンク以外のテキストカラー */
 /*border-top:1px solid #262626;*/
 box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.6); /* 横幅いっぱいに広がる背景影  インナー内の影背を使用の場合はコメントアウト */
-webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.6); /* 横幅いっぱいに広がる背景影  インナー内の影背を使用の場合はコメントアウト */
-moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.6); /* 横幅いっぱいに広がる背景影  インナー内の影背を使用の場合はコメントアウト */
 }

/* 画面いっぱいのsiteBottoを使用の場合は全てコメントアウト */ 
#siteBottom .innerBox {
 text-align:center;
 /*background-color: #BBAD9F !important;/*インナー内におさまるコピーライト部分の背景色 / 個別に指定する場合 / 横幅いっぱいに広がる背景を使用の場合はコメントアウト */
 margin-top:-10px;/* InnerサイズにおさめたsiteBottomのマージン */
 margin-bottom:-10px;/* InnerサイズにおさめたsiteBottomのマージン / 画面下の背景を含めない余白 */
 padding-bottom:10px;/* InnerサイズにおさめたsiteBottomの背景を含めたpadding / パワー部分と画面下との背景を含めた余白 */
 padding-top:10px;/*  */
 /*border-top:1px solid #262626;/* InnerにおさめたsiteBottomサイズの上のラインの色（基本的にfooterのラインと同じ） */
 }
 
 /* サイトコピーライトとパワー部分 */ 
#siteBottom a {
 color:#333 !important; /* footerSiteMapmenuの文字の色（基本的にpowerd部分と同一の色）*/
 text-decoration:none;/* siteBottomのリンク線をなし */
 }
  
 #siteBottom a:hover {
 color:#BA5637 !important;/* footerSiteMap部分のメニューのリンク色 */
 }
 
    /* ボタンをふわっとさせる */
 /* ここから */
#siteBottom * {
 -webkit-transition: 0.7s;
 -moz-transition: 0.7s;
 -ms-transition: 0.7s;
 -o-transition: 0.7s;
 transition: 0.7s;
}
/* ここまで */
 
#siteBottom #copy {
 text-align:left;/* サイトコピーライト部分の位置を指定 */
 padding-left:10px; /* siteBottomのコピーライト部分の左の余白 */ 
 }
 
#siteBottom #powerd,
#siteBottom #powerd a {
 text-align:left; /* Art Studio部分の位置を指定 */
 }
 
 #siteBottom #powerd {
 color:#333 !important; /* Art Studioの文字色を指定 */
 padding-left:10px; /* siteBottomのパワー部分の左の余白 */
 }
 
 #siteBottom #powerd a {
 color:#000 !important; /* Art Studioのリンクの文字色を指定 */
 }
 
 #siteBottom #powerd a:hover {
 color:#BA5637 !important;/* footerSiteMap部分のメニューのリンク色 */
 }
 
 /*-------------------------------------------*/
/*    フルサイズ (PCのみに指定したい場合はここ)
/*-------------------------------------------*/
@media (min-width: 1121px) { /* スクロール分余裕に20px指定する場合もある */

#footerSiteMap {
 width:640px;
 padding-top:0px;
 font-size:12px;
 }

#footer dl#footerOutline {
 float:left;/* フッターロゴを左右変更する場合 */
 }
}