@charset "utf-8";

/*-------------------------------------------
基本設定
-------------------------------------------*/

* {
	font-style: normal;
	margin: 0;
	padding: 0;
	list-style: none;
}

html {
	background: #fff;
	overflow-y: scroll;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 80%;
	line-height: 2.2em;
	color: #434343;
	background: #f6f7f9 url(/images/common/back.gif) repeat-x;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

img {
	vertical-align: top;
	border-style: none;
}

/*リンク設定*/

a:link {
	color: #0091db;
	text-decoration: underline;
}

a:visited {
	color: #0091db;
	text-decoration: underline;
}

a:hover {
	color: #ef7b00;
	text-decoration: none;
}

a:active {
	color: #ef7b00;
	background: #d3f0f3;
	text-decoration: none;
}

/*テキストデコレーション*/

.stgTxt {
	font-weight: bold;
}

.newTxt {
	color: #ff4400;
	background: #ffffcc;
}

.sTxt {
	font-size: 85%;
}

.stgTxt3 {
	color: #ff4400;
	font-weight: bold;
}

.stgTxt2 {
	background: #ffff88;
	font-weight: bold;
}

.idt65 {
	padding-left: 65px;
}

.idt70 {
	padding-left: 70px;
}

.centerTxt {
	text-align: center;
}

/*スクリプト非表示*/

#script {
	display: none;
}

/*画像*/
.decoImg {
	border-radius: 3px;			/* CSS3 */
	-webkit-border-radius: 3px;		/* Chrome,Safari */
	-moz-border-radius: 3px;		/* Firefox */
}

/*明るさ*/
a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

/*ぼかし*/
/*a:hover img.decoImg,
#sponsors_nav a:hover img,
#sponsors_contents a:hover img {
filter: blur(2px);
-webkit-filter: blur(2px);
-moz-filter: blur(2px);
-o-filter: blur(2px);
-ms-filter: blur(2px);
}
*/
/*グレースケール*/
a:hover img.decoImg,
#sponsors_nav a:hover img,
#sponsors_contents a:hover img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
}

/*-------------------------------------------
全体の枠
-------------------------------------------*/

#wrapper,#wrapper0 {
	margin: 0 auto 0;
	width: 960px;
}

/*-------------------------------------------
見出し
-------------------------------------------*/

h1 {
	position: absolute;
	top: 18px;
	margin-left: 183px;
	color: #666;
	font-size: 80%;
}

h2 {
	background: url(/images/common/bar_h.gif) repeat-x;
	padding: 8px 0 3px 10px;
	border-left: solid 8px #128fad;
	color: #434343;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.25em;
}

h3 {
	background: url(/images/common/bar_h.gif) repeat-x;
	padding: 9px 0 4px 10px;
	border-left: solid 8px #128fad;
	color: #434343;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.25em;
}

h4 {
	background: #f8f1e5 url(/images/common/tri_aicon.gif) no-repeat 3px center;
	width: 93%;
	margin: 15px auto 5px;
	padding: 4px 0 1px 22px;
	border: solid 1px #bfbfbf;
	color: #434343;
	font-size: 105%;
	line-height: 1.25em;
}

h5 {
	margin: 15px auto 0;
	padding: 4px 0 0 22px;
	color: #434343;
	font-size: 105%;
	font-weight: bold;
	text-indent: 21px;
}

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

#logo {
	width: 167px;
	padding-top: 10px;
	padding-right: 10px;
	float: left;
}

#site_id {
	padding-top: 37px;
}

#header_nav {
	position: absolute;
	top: 0;
	margin-left: 571px;
	width: 385px;
}

#header_nav ul li {
	display: inline;
}

/*パンくずリスト*/

#path {
	position: absolute;
	top: 100px;
	margin-left: 10px;
	font-size: 90%;
}

#path li {
	display: inline;
	padding-right: 14px;
	margin-right: 5px;
	background: url(/images/common/path.gif) no-repeat right center;
	line-height: 1.25em;
}
#path #location {
	padding-right: 0;
	margin-right: 0;
	background-image: none;
	color: #434343;
}

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

#global_nav {
	width: 960px;
	margin-top: 34px;
}

#global_nav ul li {
	display: inline;
}

/*-------------------------------------------
シェアボタン
-------------------------------------------*/

#shareBtn {
	width: 350px;
	height: 25px;
	position: absolute;
	top: 49px;
	margin-left: 600px;
}

#hatena {
	position: absolute;
	left: 61px;
}

#facebook {
	position: absolute;
	left: 131px;
}

#g-plus1 {
	position: absolute;
	left: 203px;
}

#twitter {
	position: absolute;
	left: 280px;
}

/*-------------------------------------------
キービジュアル
-------------------------------------------*/

#keyvisual {
	width: 940px;
	height: 200px;
	margin: 15px auto 0;
}

#ContentsKV {
	width: 940px;
	height: 122px;
	margin: 15px auto 0;
}

.keyvisual,.ContentsKV {
	border-radius: 5px;							/*CSS3*/
	-webkit-border-radius: 5px;					/*Chrome,Safari*/
	-moz-border-radius: 5px;					/*Firefox*/
	box-shadow: 2px 2px 10px #aaa;				/*CSS3*/
	-webkit-box-shadow: 2px 2px 10px #aaa;		/*Chrome,Safari*/
	-moz-box-shadow: 2px 2px 10px #aaa;			/*Firefox*/
}

/*-------------------------------------------
コンテンツレイアウト
-------------------------------------------*/
#contents_all {
	width: 940px;
	margin: 15px auto 0;
	background: url(/images/common/contents_back.gif) repeat-y left;
}

#contents {
	overflow: hidden;		/*これがないとレイアウトが崩れる⇒floatを使うと高さが正確に取得できなくなる*/
}

#main_contents {
	width: 740px;
	float: right;
}

#side_nav {
	width: 180px;
	margin: 5px 5px 0;
	float: left;
}

#sponsors_contents {
	width: 740px;
	margin-top: 50px;
	float: right;
}

#sub_contents {
	width: 740px;
	margin: 40px 0 50px;
	float: right;
}

#sponsors_nav {
	width: 180px;
	margin: 0 5px 50px;
	overflow: hidden;		/*clear: leftでも可*/
	position: relative;		/*margin-topが効かないので上のコンテンツとのスペースを作るために設置*/
	top: 30px;				/*margin-topが効かないので上のコンテンツとのスペースを作るために設置*/
}

/*-------------------------------------------
メインコンテンツ
-------------------------------------------*/

/*TOP イメージ*/

#web {
	background: url(/images/top/top_web.jpg) no-repeat;
}

#seo {
	background: url(/images/top/top_seo.jpg) no-repeat;
}

#listing {
	background: url(/images/top/top_listing.jpg) no-repeat;
}

#adtech {
	background: url(/images/top/top_adtech.jpg) no-repeat;
}

/*コンテンツTOP共通 イメージ*/

#newContents {
	background: url(/images/common/new.jpg) no-repeat;
}

/*はじめに(コンテンツTOP) イメージ*/

#web_goal {
	background: url(/images/web/web_goal.jpg) no-repeat;
}

#web_history {
	background: url(/images/web/web_history.jpg) no-repeat;
}

#web_marketer {
	background: url(/images/web/web_marketer.jpg) no-repeat;
}

/*SEO(コンテンツTOP) イメージ*/

#seo_basic {
	background: url(/images/seo/seo_basic.jpg) no-repeat;
}

#seo_in {
	background: url(/images/seo/seo_in.jpg) no-repeat;
}

#seo_out {
	background: url(/images/seo/seo_out.jpg) no-repeat;
}

/*リスティング広告(コンテンツTOP) イメージ*/

#listing_plan {
	background: url(/images/listing/listing_plan.jpg) no-repeat;
}

#listing_check {
	background: url(/images/listing/listing_check.jpg) no-repeat;
}

#listing_conclusion {
	background: url(/images/listing/listing_conclusion.jpg) no-repeat;
}

/*アドテクノロジー(コンテンツTOP) イメージ*/

#adtech_adn {
	background: url(/images/adtech/adtech_adn.jpg) no-repeat;
}

#adtech_adex {
	background: url(/images/adtech/adtech_adex.jpg) no-repeat;
}

#adtech_dsp {
	background: url(/images/adtech/adtech_dsp.jpg) no-repeat;
}

#adtech_3pas {
	background: url(/images/adtech/adtech_3pas.jpg) no-repeat;
}

#adtech_atr {
	background: url(/images/adtech/adtech_atr.jpg) no-repeat;
}

#adtech_adveri {
	background: url(/images/adtech/adtech_adveri.jpg) no-repeat;
}

#adtech_dmp {
	background: url(/images/adtech/adtech_dmp.jpg) no-repeat;
}

/*オススメ記事*/

#recList {
	background: #fff;
}

#recInfo {
	height: 338px;
	text-indent: 10px;
	overflow-y: auto;
}

#recInfo li {
	border-bottom: dotted 1px #c9c9c9;
}

#recInfo .back_g {
	background: #f3f3f3;
}

#recInfo .back_f {
	background: #fff;
}

/*オススメ記事 リンク設定*/

#recInfo li a {
	display: block;
	height: 25px;
	width: 721px;
	line-height: 2.2em;		/*heightを固定するためpaddingは使用しない*/
	text-decoration: none;
}

#recInfo li a:hover {
	color: #ef7b00;
	background: #d3f0f3;
}

#recInfo li a:active {
	font-weight: bold;
	background: #d3f0f3;
}

/*更新情報*/

#newList {
	background: #fff;
}

#newInfo {
	height: 260px;
	text-indent: 10px;
	overflow-y: auto;
}

#newInfo li {
	border-bottom: dotted 1px #c9c9c9;
}

#newInfo .back_g {
	background: #f3f3f3;
}

#newInfo .back_f {
	background: #fff;
}

.infoDate {
	color: #434343;			/*疑似クラスより優先される*/
	text-decoration: none;	/*疑似クラスより優先される*/
}

/*更新情報 リンク設定*/

#newInfo li a {
	display: block;
	height: 25px;
	width: 721px;
	line-height: 2.2em;		/*heightを固定するためpaddingは使用しない*/
	text-decoration: none;
}

#newInfo li a:hover {
	color: #ef7b00;
	background: #d3f0f3;
}

#newInfo li a:active {
	font-weight: bold;
	background: #d3f0f3;
}

/*共通*/

.txtArea {
	width: 95%;
	margin: 10px auto 20px;
}

.txtAreaB {
	width: 93%;
	margin: 10px auto 20px;
	border: 1px dashed;
	padding: 2px 5px 2px 5px;
	background: #fff;
}

.ulArea {
	width: 95%;
	margin: 10px auto 20px;
}

.ulAreaB {
	width: 93%;
	margin: 10px auto 20px;
	border: 1px dashed;
	padding: 2px 5px 2px 5px;
	background: #fff;
}

.ulAreaBd {
	width: 93%;
	margin: 10px auto 20px;
	border: 1px dashed;
	padding: 2px 5px 2px 5px;
	background: #fff;
}

.ulArea li {
	list-style: disc inside;
}

.ulAreaB li {
	list-style: disc inside;
}

.ulAreaB li.styleNone {
	list-style: none;
	font-weight: bold;
	text-indent: 15px;
	font-size: 120%;
	margin-bottom: 10px;
}

.ulAreaBd li {
	list-style: decimal outside;
	margin-left: 22px;
}

.ulArea .title {
	list-style: none;
	font-weight: bold;
}

.ulAreaB .title {
	list-style: none;
	font-weight: bold;
}

.ulAreaBd .title {
	list-style: none;
	font-weight: bold;
}

.ulArea .min {
	list-style: none;
	margin-left: 30px;
	color: #2e9da1;
}

.ulAreaB .min {
	list-style: none;
	margin-left: 30px;
	color: #2e9da1;
}

.ulAreaBd .min {
	list-style: none;
	margin-left: 30px;
	color: #2e9da1;
}

.ulArea dd {
	padding-left: 7px;
}

.ulAreaB dd {
	padding-left: 7px;
}

.ulAreaBd dd {
	padding-left: 7px;
}

.txtArea img {
	margin: 10px 10px 10px 0;
}

.txtAreaB img {
	margin: 10px 10px 10px 0;
}

.txtList_s {
	margin-left: 50px;
}

.txtList_ss {
	margin-left: 80px;
	font-size: 90%;
}

.txtList_sss {
	margin-left: 100px;
	font-size: 80%;
}

.contents_full {
	margin-bottom: 25px;				/*背景色の外側の余白(下)*/
	padding-bottom: 10px;				/*背景色の内側の余白(下)*/
	background: #f8fefd;
	box-shadow: 0 5px 5px #bbb;
	-moz-box-shadow: 0 5px 5px #bbb;
	-webkit-box-shadow: 0 5px 5px #bbb;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
}

.contents_txt .txtArea {
	margin-top: 0;
	padding-top: 105px;					/*イメージの下にテキストをずらす*/
	height: 150px;						/*文章量によって調整*/
}

.contents_left {
	width: 365px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	float: left;
	background: #f8fefd;
	box-shadow: 0 5px 5px #bbb;
	-moz-box-shadow: 0 5px 5px #bbb;
	-webkit-box-shadow: 0 5px 5px #bbb;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
}

.contents_right {
	width: 365px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	float: right;
	background: #f8fefd;
	box-shadow: 0 5px 5px #bbb;
	-moz-box-shadow: 0 5px 5px #bbb;
	-webkit-box-shadow: 0 5px 5px #bbb;
	border-left: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
}

.btn_right {
	text-align: right;
	margin: 5px 15px 0 0;
}

/*共通テーブル*/

table {
	margin: 10px 20px 20px;
	border-collapse: collapse;
	background: #fff;
}

caption {
	font-size: 110%;
	font-weight: bold;
	text-align: left;
}

th,td {
	padding:0.2em 0.8em;
}

td.tdRight {
	text-align: right;
}

th.thTop {
	text-align: center;
}

th.thLeft {
	text-align: left;
}

/*個別テーブル*/

.tDesign1 {
	border-top: 1px solid #376092;
	border-left: 1px solid #376092;
}

.tDesign1 th.thTop {
	border-right: 1px solid #4f81bd;
	border-bottom: 1px solid #376092;
	color: #fff;
	background: #376092 url(/images/common/t_back1.gif) left top no-repeat;
}

.tDesign1 th.thLeft {
	border-right: 1px solid #376092;
	border-bottom: 1px solid #376092;
	color: #fff;
	background: #4f81bd url(/images/common/t_back2.gif) left top no-repeat;
}

.tDesign1 th.thBottom {
	border-right: 1px solid #376092;
	border-bottom: 1px solid #376092;
	color: #fff;
	background: #254061 url(/images/common/t_back3.gif) left top no-repeat;
}

.tDesign1 th.thMark {
	background: #c0504d url(/images/common/t_back4.gif) left top no-repeat;
	text-align: right;
}

.tDesign1 td {
	border-right:1px solid #376092;
	border-bottom:1px solid #376092;
}

/*カテゴリTOP*/

#category_title {
	height: 40px;
	background: #fff;
	border-top: solid 1px #128fad;
	border-right: solid 1px #128fad;
	border-bottom: solid 1px #128fad;
	margin-bottom: 25px;
}

#category_name {
	padding: 11px 0 9px 10px;	/*テキスト位置を調整*/
	background: none;			/*h2の背景画像を解除、ボーダーはそのまま利用*/
	color: #1847b5;
	font-size: 130%;
	font-weight: bold;
	float: left;
}

#category_btn {
	float: right;
	padding: 2px 15px 0 0;		/*ボタン位置を調整*/
}

.category_txt .txtArea {
	height: 150px;				/*文章量によって調整*/
}

/*記事ページ ボタン*/

#article_bar1 {
	height: 29px;
	background: #fff;
	border-bottom: solid 1px #128fad;
	margin-top: 5px;
	font-size: 85%;
}

#article_bar1 .back {
	float: left;
	width: 362px;

}

#article_bar1 .next {
	float: right;
	width: 362px;
}

#article_bar1 .back_inner {
	padding: 2px 0 0 8px;
	line-height: 2.0em;
	float: left;
}

#article_bar1 .next_inner {
	padding: 2px 8px 0 0;
	line-height: 2.0em;
	float: right;
}

#article_bar2 {
	height: 40px;
	margin-bottom: 25px;
	background: #e1f8ff;
	font-size: 85%;
}

#article_bar2 .back {
	float: left;
	width: 370px;
	font-size: 90%;
}

#article_bar2 .next {
	float: right;
	width: 370px;
	font-size: 90%;
}

#article_bar2 .back_inner {
	padding: 2px 0 0 10px;
	line-height: 3.3em;
	float: left;
}

#article_bar2 .next_inner {
	padding: 2px 10px 0 0;
	line-height: 3.3em;
	float: right;
}

/*記事ページ コンテンツ*/

#article_title {
	margin-bottom: 25px;
	background: #fff;
	border-top: solid 1px #128fad;
	border-left: solid 8px #128fad;
	border-right: solid 8px #128fad;
}

#article_name {
	padding: 10px 10px 5px 10px;	/*テキスト位置の調整*/
	background: none;;				/*h2の背景画像を解除*/
	border: none;					/*h2のボーダーを解除*/
	color: #1847b5;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.25em;
}

/*Webツールまとめ/事例・ノウハウ資料/用語集*/

#other_name {
	padding: 13px 0 9px 10px;		/*テキスト位置を調整*/
	background: #e1f8ff;
	color: #1847b5;
	font-size: 120%;
	font-weight: bold;
	border-left: solid 8px #128fad;
	border-right: solid 8px #128fad;
}

/*著者情報*/

#contact {
	width: 450px;
	border: solid 2px #3490c0;
	background: #fff url(/images/about/logo_macromill.jpg) right top no-repeat;
	margin: 0 auto;
	padding: 10px;
}

#prf{
	overflow: hidden;
}

#prfTxt {
	width: 510px;
	margin: 0 10px 0 10px;
	float: left;
}

#prfImg {
	margin-top: 15px;
}

#division {
	line-height: 1.4em;
}

/*サイトマップ*/

#admin {
	text-align: right;
}

/*サイトマップリスト*/
#sitemap li {
	line-height: 2.5em;
	text-indent: 30px;
}

/*小項目*/
#sitemap .map_s {
	line-height: 2.2em;
	text-indent: 130px;
	font-size: 90%;
}

/*-------------------------------------------
スポンサーコンテンツ
-------------------------------------------*/

#ad_title {
	background: url(/images/common/bar_sponsors.gif) repeat-x;
	padding: 5px 0 10px 10px;
	margin-bottom: 10px;
	color: #128fad;

}

.adWrapper {
	width: 90%;
	height: 280px;
	margin: auto;
}

.ad1 {
	float: left;
}

.ad2 {
	float: right;
}

.adWrapper2 {
	width: 90%;
	margin: auto;
	text-align: center;
	margin-bottom: 0;
}

/*-------------------------------------------
サブコンテンツ
-------------------------------------------*/

#sub_contents {
	background: url(/images/common/bar_sub.gif) repeat-x;
	height: 113px;
	padding-top: 20px;
}

.banner {
	float: left;
	margin-right: 16px;
}

#banner_right {
	margin-right: 0;
}

/*-------------------------------------------
サイドナビ
-------------------------------------------*/

#side_nav ul li a {
	display: block;
	height: 30px;
	width: 180px;
	line-height: 2.7em;				/*heightを固定するためpaddingは使用しない*/
	text-indent: 25px;
	font-size: 100%;
	font-weight: bold;
	color: #535353;
	text-decoration: none;
	background: url(/images/snav/snav_aicon.gif) no-repeat 5px center;
}

/*メニュー内のボーダー*/

#side_nav ul li {
	border-top: dotted 1px #c9c9c9;
}

#side_nav .nav_top {
	border-top: none;
}

/*メニュー間の余白と背景色*/

.nav_inner {
	margin-bottom: 20px;
	background: #fff;				/*マウスオーバーで背景色(a要素)を変更できる*/
}

#side_nav ul {
	padding-top: 30px;				/*ナビタイトルの下にリストを配置(リストのみをずらす)*/
}

/*小項目*/
#side_nav ul .list_s a {
	height: 25px;
	width: 180px;
	line-height: 2.5em;				/*heightを固定するためpaddingは使用しない*/
	text-indent: 40px;
	font-size: 90%;
	font-weight: normal;
	background: url(/images/snav/snav_aicon_s.gif) no-repeat 25px center;
}

/*ナビタイトル*/

#nav_main {
	background: url(/images/snav/snav_main.gif) no-repeat;
}

#nav_sub {
	background: url(/images/snav/snav_sub.gif) no-repeat;
}

#nav_others {
	background: url(/images/snav/snav_others.gif) no-repeat;
}

#nav_web {
	background: url(/images/snav/snav_web.gif) no-repeat;
}

#nav_seo {
	background: url(/images/snav/snav_seo.gif) no-repeat;
}

#nav_listing {
	background: url(/images/snav/snav_listing.gif) no-repeat;
}

#nav_adtech {
	background: url(/images/snav/snav_adtech.gif) no-repeat;
}

/*サイドナビ リンク設定*/

#side_nav a:hover {
	background: #efffff url(/images/snav/snav_aicon_on.gif) no-repeat 1px center;
}

#side_nav a:active {
	color: #a2a2a2;
	background: #efffff url(/images/snav/snav_aicon_action.gif) no-repeat 162px center;
}

#side_nav .list_s a:hover {
	background: #efffff url(/images/snav/snav_aicon_s_on.gif) no-repeat 20px center;
}

#side_nav .list_s a:active {
	color: #a2a2a2;
	background: #efffff url(/images/snav/snav_aicon_action.gif) no-repeat 162px center;
}

/*ソーシャルナビ*/

.socialNav {
	width: 174px;
	height: 72px;
	border: 3px solid #128fad;
	background-color: #fff;
	margin-bottom: 10px;
}

.socialNav p {
	width: 55%;
	float: left;
	padding-top: 5px;
}

.socialNav .fb-like {
	float: right;
	padding-top: 5px;
	margin-right: 5px;
}

.socialNav p img {
	width: 95px;
}

/*-------------------------------------------
スポンサーナビ
-------------------------------------------*/

#ad_title2 {
	background: url(/images/common/bar_sponsors.gif) repeat-x;
	text-align: center;
	line-height: 3.2em;
	margin-bottom: 10px;
	color: #128fad;
}

.ad_side {
	text-align: center;
	margin-bottom: 50px;
}

#sponsors_nav {
	/*background: #fff;*/		/*背景色はクリエイティブに合わせてON/OFF*/
	padding-bottom: 30px;
}

/*-------------------------------------------
フッター
-------------------------------------------*/

#footer {
	color: #fff;
	background: #59aac1;
	border-top: 5px solid #128fad;
}

#footer_inner {
	width: 960px;
	margin: 0px auto 0px;
}

#footer_inner2 {
	width: 740px;
	margin-left: 210px;
	padding: 10px 0;
	overflow: hidden;
}

.footer_link {
	float: left;
	margin-right: 40px;
}

#footer_inner .footer_link li a {
	font-size: 90%;
	color: #fff;
	text-decoration: none;
	background: url(/images/footer/ft_aicon.gif) no-repeat left center;
	padding-left: 20px;
	line-height: 32px;
}

#footer_about {
	text-indent: 50px;
	line-height: 32px;
}

#footer_inner #footer_about li a {
	color: #fff;
	text-decoration: none;
}

#footer_contents {
	height: 180px;
}

#footer_copy {
	font-size: 90%;
	float: left;
}

#footer_date {
	font-size: 90%;
	text-align: right;
	float: right;
}

/*リンク設定*/

#footer_inner .footer_link li a:hover {
	color: #f5d38a;
	text-decoration: underline;
	background: url(/images/footer/ft_aicon_on.gif) no-repeat left center;
}

#footer_inner .footer_link li a:active {
	color: #ef7b00;
	text-decoration: underline;
	background: #d3f0f3 url(/images/footer/ft_aicon_action.gif) no-repeat left center;
}

#footer_inner #footer_about li a:hover {
	color: #f5d38a;
	text-decoration: underline;
}

#footer_inner #footer_about li a:active {
	color: #ef7b00;
	text-decoration: underline;
}

/*-------------------------------------------
PAGE TOP
-------------------------------------------*/

#pageTop {
	position: fixed;
	bottom: 20px;
	left: 30px;
	font-size: 150%;
}

#pageTop a {
	background: #157993;
	opacity:0.6;
	text-decoration: none;
	color: #fff;
	width: 150px;
	height: 60px;
	line-height: 60px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}

#pageTop a:hover {
	background: #1b9cbd;
}

#topBtn {
	text-align: right;
}