@charset "utf-8";
/*--------------------------------------
wm_freo2 [swallow]
2013/01/11
スタイル
----------------------------------------
目次
	0. 設定
		基本フォント★
		基本リンク色★
		背景色★
		画像★
	1. 共通指定
		エレメント
		.heading 大見出し
		.attention, .complete 警告・完了メッセージ
		ul.information, ul.link 詳細情報
		ul.continue 続きを読む
		div#continue 続きを読む(展開後)
		ul.gallery 画像一覧
			ul.fix リサイズカット
			ul.picture_S, ul.picture_M サイズ指定★
			ul.gallery span.directory 階層化見出し
		dl.summary 検索結果、ピックアップ
		dl.confirm 認証確認
		span.update_category, a.update_title 更新履歴詳細情報
		span.note 補足(フィルターの説明等)
		div.hidearea ネタバレボタン
		.label-xx アイコン
	2. 詳細指定
		#iphone iPhoneアクセス時のPC表示時に使用
		#submenu サブメニュー
		#header ヘッダー
			#title タイトル
			#menu メニュー
		#main 内容
			#path パンくず
			#content カラム分け時本文側
			#information, #pickup, #update インフォメーション、更新履歴
			#entry エントリー
			#document メディア文章表示
			#relate 関連エントリー
			#trackback, #trackback_url, #comment, #comment_form トラックバック,コメント
			#page ページ移動
			#action アクション
			#utility ユーティリティ
				#utility table.calender カレンダー
				#utility form.search_form 検索フォーム
				#utility dl.recent 新着
				#utility ul.gallery 新着画像
				#utility ul.archive アーカイブ
				#utility ul.tagcloud タグクラウド
		#footer フッター
	3. border-radius, transitionまとめ
		border-radius 角丸
		transition 変化
--------------------------------------*/
/*======================================
0. 設定
======================================*/
/*--------------------------------------
基本フォント★
--------------------------------------*/
body {
	font-size: 80%;
}
body, pre, input, textarea, select {
	color: #666666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
/*--------------------------------------
基本リンク色★
--------------------------------------*/
a:link {
	color: #00C7D9;
	text-decoration: none;
}
a:visited {
	color: #00C7D9;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #000000;
	text-decoration: underline;
}
a {
	outline: none;
}
/*--------------------------------------
背景★
--------------------------------------*/
#header {
	background: #FFFFFF;
}
#main, #footer p.pagetop a {
	background: #FAFAFA;
}
#main {
	border-top-color: #F5F5F5;
	border-bottom-color: #EFEFEF;
}
#footer p.pagetop a {
	border-color: #EFEFEF;
}
body {
	background: #F5F5F5;
}
/*--------------------------------------
画像★
--------------------------------------*/
img {
	vertical-align: top;
}
img, ul.fix li a {
	border: none;
	box-shadow:
		0 0 1px rgba(0,0,0,0.3),
		0 0 3px rgba(0,0,0,0.1);
}
a:link img {
	opacity: 1;
}
a:visited img {
	opacity: 1;
}
a:hover img, a:active img, a:focus img {
	opacity: 0.8;
}
/*======================================
1. 共通指定
======================================*/
/*--------------------------------------
エレメント
--------------------------------------*/
body {
	line-height: 1.8;
	letter-spacing: 1px;
}
div {
	margin: 0;
	padding: 0;
}
strong {
	font-style: normal;
	font-weight: bold;
}
em {
	font-style: normal;
	font-weight: bold;
}
code {
	margin: 0 3px;
	padding: 1px 3px;
	border: 1px solid #F5F5F5;
	background: #FCFCFC;
	font-style: normal;
	font-family: "Consolas","Courier New","Courier", monospace;
	color: #008000;
}
abbr {
	border: none;
}
h1, h2, h3, h4, h5, h6 {
	margin: 34px 0 21px 0;
	padding: 0;
	color: #BFBFBF;
	font-weight: bold;
	font-size: 130%;
}
h3 {
	font-size: 120%;
}
h4 {
	font-size: 110%;
}
h5 {
	font-size: 100%;
}
h6 {
	font-size: 100%;
}
p, pre, blockquote, address, ol, ul, dl, table, form, hr {
	margin: 0 0 21px 0;
	padding: 0;
}
pre {
	overflow: auto;
	padding: 13px;
	border: 1px solid #F5F5F5;
	background: #FCFCFC;
}
pre code {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background: transparent;
}
blockquote {
	position: relative;
	padding: 34px 34px 13px 34px;
	border: 1px solid #F5F5F5;
	background: #FCFCFC;
}
blockquote:before, blockquote:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 34px;
	height: 34px;
	background: url("../../../images/wm_freo2/swallow/icon.png") 0 0 no-repeat;
}
blockquote:after {
	top: auto;
	bottom: 0;
	left: auto;
	right: 0;
	background-position: -34px 0;
}
ol {
	list-style: decimal inside;
}
ol ol {
	margin: 0 0 0 34px;
}
ol li {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
ul ul {
	margin: 0 0 0 21px;
}
ul li {
	padding: 0 0 0 13px;
	background: url("../../../images/wm_freo2/swallow/list.png") 0 0.5em no-repeat;
}
ul li li {
	background: url("../../../images/wm_freo2/swallow/list2.png") 0 0.5em no-repeat;
}
dl dt {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #F5F5F5;
	color: #999999;
}
dl dd {
	margin: 5px 0 21px 34px;
	padding: 0;
}
table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: 1px solid #F5F5F5;
}
table tr:nth-child(odd) {
	background: #FCFCFC;
}
table tr th, table tr td, table caption {
	padding: 8px 13px;
	border-top: 1px solid #F5F5F5;
	font-weight: normal;
	text-align: left;
}
table tr th {
	background: #F8F8F8;
	color: #999999;
}
form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
form legend {
	display: none;
}
form h1, form h2, form h3, form h4, form h5, form h6,
form p, form pre, form blockquote, form address, form ol, form ul, form dl, form table {
	margin-bottom: 8px;
}
form ul li {
	padding: 0;
	background: none;
}
form dl dt {
	border: none;
}
form dl dd {
	margin: 0 0 8px 0;
}
form dl dd input, form dl dd textarea {
	_width: 80%;
}
input, textarea, select {
	padding: 3px;
	border: 1px solid #F5F5F5;
	background: #FFFFFF;
	box-shadow:
		0 0 1px rgba(255,255,255,1) inset,
		0 0 3px rgba(0,0,0,0.03) inset;
	font-size: 100%;
}
input[type="text"], input[type="password"], textarea {
	width: 80%;
	max-width: 400px;
}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover,
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	border: 1px solid #E0E0E0;
	background: #FFFFFF;
	outline: none;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	min-width: 100px;
	border: 1px solid #D0D0D0;
	background: url("../../../images/wm_freo2/swallow/button.png") 0 0 repeat-x #DFDFDF;
	color: #666666;
	text-shadow:
		0 1px 0 rgba(255,255,255,0.4),
		0 -1px 0 rgba(0,0,0,0.02);
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
	border: 1px solid #B0B0B0;
	background-color: #BFBFBF;
	outline: none;
}
hr {
	height: 0;
	border: none;
	border-bottom: 1px solid #F5F5F5;
}
/*--------------------------------------
.heading 大見出し
--------------------------------------*/
.heading {
	line-height: 1;
	margin: 55px 0 34px 0;
	color: #BFBFBF;
	font-size: 130%;
	text-shadow:
		0 1px 0 rgba(255,255,255,1);
}
.heading a:link, .heading a:visited {
	color: #BFBFBF;
	text-decoration: none;
}
.heading a:hover, .heading a:active, .heading a:focus {
	color: #000000;
	text-decoration: none;
}
/*--------------------------------------
.attention, .complete 警告・完了メッセージ
--------------------------------------*/
.attention {
	color: #AC3939;
	font-weight: normal;
}
.complete {
	color: #54AC39;
	font-weight: normal;
}
p.attention, ul.attention li {
	padding: 13px;
	border: 1px solid #EFCFCF;
	background: #F9EDED;
	box-shadow: 0 0 3px rgba(255,255,255,1) inset;
}
p.complete, ul.complete li {
	padding: 13px;
	border: 1px solid #D6E6CF;
	background: #F0F9ED;
	box-shadow: 0 0 3px rgba(255,255,255,1) inset;
}
ul.attention li, ul.complete li {
	margin: 5px 0;
}
p.attention:before, ul.attention li:before,
p.complete:before, ul.complete li:before {
	display: inline-block;
	content: "!";
	width: 21px;
	height: 21px;
	line-height: 21px;
	margin-right: 8px;
	border: 2px solid #EFCFCF;
	background: #AC3939;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
p.complete:before, ul.complete li:before {
	border-color: #D6E6CF;
	background: #54AC39;
}
/*--------------------------------------
ul.information, ul.link 詳細情報
--------------------------------------*/
ul.information, ul.link {
	color: #CCCCCC;
	font-size: 90%;
}
ul.link {
	text-align: right;
}
ul.information li, ul.link li {
	display: inline;
	padding: 0;
	background: none;
}
ul.information li + li:before, ul.link li + li:before {
	content: " | ";
	color: #EFEFEF;
}
ul.information a:link, ul.information a:visited,
ul.link a:link, ul.link a:visited {
	color: #A6A6A6;
	text-decoration: none;
}
ul.information a:hover, ul.information a:active, ul.information a:focus,
ul.link a:hover, ul.link a:active, ul.link a:focus {
	color: #000000;
	text-decoration: underline;
}
/*--------------------------------------
ul.continue 続きを読む
--------------------------------------*/
ul.continue {
	font-weight: bold;
}
ul.continue li {
	padding: 0;
	background: none;
}
ul.continue li a:after {
	content: " ...";
}
/*--------------------------------------
div#continue 続きを読む(展開後)
--------------------------------------*/
div#continue {
	margin: 34px 0 0 0;
	padding: 34px 0 0 0;
	border-top: 1px dotted #F5F5F5;
}
/*--------------------------------------
ul.gallery 画像一覧
--------------------------------------*/
ul.gallery {
	line-height: 1;
	margin-top: -0.8em;
}
ul.gallery ul.gallery {
	margin-top: 0;
}
ul.gallery li {
	display: inline;
	padding: 0;
	background: none;
}
ul.gallery li a {
	font-size: 10px;
	text-decoration: none;
	vertical-align: top;
}
ul.gallery li a img {
	margin: 0.8em 0.4em 0 0;
	vertical-align: top;
}
/* ul.fix リサイズカット
--------------------------------------*/
ul.fix li a {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 34px;
	height: 34px;
	margin: 0.8em 0.4em 0 0;
	background: url("../../../images/wm_freo2/finch/picture.png")  #F5F5F5;
	text-align: center;
}
ul.fix li a img {
	height: 100%;
	width: auto;
	margin: 0;
	border: none;
}
ul.fix li span.empty, ul.fix li span.file {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	text-indent: 100%;
	width: 100%;
	height: 100%;
	background: url("../../../images/wm_freo2/finch/forbidden_fix.png") 50% 50% no-repeat;
}
ul.fix li span.file {
	background: url("../../../images/wm_freo2/finch/file.png") 50% 50% no-repeat;
}
/* ul.picture_S, ul.picture_M サイズ指定★
--------------------------------------*/
ul.picture_S li a {
	width: 55px;
	height: 55px;
}
ul.picture_M li a {
	width: 89px;
	height: 89px;
}
/* ul.gallery span.directory 階層化見出し
--------------------------------------*/
ul.gallery span.directory {
	display: block;
	line-height: 1;
	padding-top: 0.8em;
	border-bottom: 1px solid #F5F5F5;
	color: #CCCCCC;
}
/*--------------------------------------
dl.summary 検索結果、ピックアップ等
--------------------------------------*/
dl.summary {
	padding: 13px;
	border: 1px solid #F5F5F5;
	background: #FCFCFC;
}
dl.summary:after {display: block; content: ""; clear: both; overflow: hidden; height: 0;}
dl.summary dt {
	border: none;
	font-weight: bold;
}
dl.summary dd {
	margin: 5px 0 0 0;
	color: #A6A6A6;
}
dl.summary dd p, dl.summary dd ul {
	margin: 0;
}
dl.summary dd ul.gallery {
	float: left;
	margin: 0.4em 0.8em 0 0;
}
dl.summary dd ul.gallery li a, dl.summary dd ul.gallery li a img {
	margin: 0;
}
/*--------------------------------------
dl.confirm 認証確認
--------------------------------------*/
dl.confirm {
	padding: 13px;
	border: 3px solid #F5F5F5;
	background: #FCFCFC;
}
dl.confirm dt {
	border: none;
	font-weight: normal;
}
dl.confirm dd {
	margin: 0;
}
dl.confirm dd ul.confirm {
	margin: 0;
	text-align: right;
}
dl.confirm dd ul.confirm li {
	display: inline;
	margin: 0 0 0 21px;
	padding: 0;
	background: none;
	font-weight: bold;
}
/*--------------------------------------
span.update_category, a.update_title 更新履歴詳細情報
--------------------------------------*/
span.update_category {
	display: inline-block;
	word-wrap: break-word;
	padding: 0 3px;
	border: 1px solid #F5F5F5;
	background: #FFFFFF;
	color: #CCCCCC;
	font-size: 10px;
}
a.update_title {
	display: inline-block;
	word-wrap: break-word;
}
/*--------------------------------------
span.note 補足(フィルターの説明等)
--------------------------------------*/
span.note {
	color: #BFBFBF;
}
/*--------------------------------------
div.hidearea ネタバレボタン
--------------------------------------*/
span.hidearea {
	line-height: 2.0;
	cursor: pointer;
	padding: 3px 5px;
	background-color: #D9D9D9;
	color: #FFFFFF;
}
span.hidearea:active, span.hidearea:hover {
	background-color: #000000;
	color: #FFFFFF;
}
div.hidearea {
	margin: 0 0 21px 0;
	padding: 34px 34px 13px 34px;
	border: 1px solid #F5F5F5;
	background-color: #FCFCFC;
	color: #FCFCFC;/* 背景色と同じにする */
}
/*--------------------------------------
.label-xx アイコン
--------------------------------------*/
.label-category, .label-tag, .label-user, .label-home {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	width: 12px;
	height: 12px;
	background: url("../../../images/wm_freo2/swallow/icon.png") -62px -34px no-repeat;
	vertical-align: middle;
}
.label-comment:before, .label-trackback:before, .label-edit:before, .label-picture:before, .label-file:before {
	display: inline-block;
	content: "";
	width: 12px;
	height: 12px;
	margin-right: 5px;
	background: url("../../../images/wm_freo2/swallow/icon.png") -62px -34px no-repeat;
	vertical-align: middle;
}
.label-tag {
	background-position: -74px -34px;
}
.label-user {
	background-position: -86px -34px;
}
.label-comment:before {
	background-position: -98px -34px;
}
.label-trackback:before {
	background-position: -110px -34px;
}
.label-keyword {
	background-position: -122px -34px;
}
.label-edit:before {
	background-position: -134px -34px;
}
.label-home {
	background-position: -146px -34px;
}
	.label-home:hover, .label-home:focus {
	background-position: -146px -46px;
	}
.label-picture:before {
	background-position: -158px -34px;
}
.label-file:before {
	background-position: -170px -34px;
}
/*======================================
2. 詳細指定
======================================*/
/*--------------------------------------
#iphone iPhoneアクセス時のPC表示時に使用
--------------------------------------*/
#iphone p {
	margin: 0;
}
#iphone p a {
	position: absolute;
	top: 0;
	left: 13px;
	line-height: 21px;
	padding: 0 13px;
	background: #CCCCCC;
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
}
/*--------------------------------------
#submenu サブメニュー
--------------------------------------*/
#submenu {
	position: absolute;
	top: 0;
	right: 13px;
}
#submenu ul {
	line-height: 21px;
	margin: 0;
	padding: 0 13px;
	background: #FCFCFC;
	color: #D9D9D9;
	font-size: 10px;
}
#submenu ul li {
	display: inline;
	padding: 0;
	background: none;
}
#submenu ul li + li:before {
	content: " | ";
	color: #EFEFEF;
}
#submenu ul li a:link, #submenu ul li a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
#submenu ul li a:hover, #submenu ul li a:active, #submenu ul li a:focus {
	color: #000000;
	text-decoration: none;
}
/*--------------------------------------
#header ヘッダー
--------------------------------------*/
#header {
	/* ヘッダーの高さ */
	height: 178px;
}
/*--------------------------------------
#title タイトル
--------------------------------------*/
#title h1, #title p {
	margin: 0;
	padding: 0;
}
#title h1 a, #title p {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
	text-indent: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
}
#title h1 a {
	/* ブログのタイトルの位置 */
	top: 68px;
	left: 34px;
	/* ブログのタイトルの画像のサイズ */
	width: 300px;
	height: 55px;
	/* ブログのタイトルの画像のURL */
	background: url("../../../images/wm_freo2/swallow/title.png") 0 50% no-repeat;
}
/*--------------------------------------
#menu メニュー
--------------------------------------*/
#menu h2 {
	display: none;
}
#menu ul {
	position: absolute;
	/* 位置 */
	top: 68px;
	right: 0;
	/* 高さ */
	line-height: 55px;
	margin: 0;
	/* フォントサイズ */
	font-size: 13px;
}
#menu ul:after {clear: both; display: block; content: ""; overflow: hidden; height: 0;}
#menu ul li {
	float: left;
	padding: 0;
	background: none;
}
#menu ul li a {
	display: block;
	float: left;
	margin-right: 34px;
	font-weight: bold;
}
#menu a:link, #menu a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
#menu a:hover, #menu a:active, #menu a:focus {
	color: #000000;
	text-decoration: none;
}
/*--------------------------------------
#main 内容
--------------------------------------*/
/*--------------------------------------
#path パンくず
--------------------------------------*/
#path p {
	margin: 0;
	padding: 5px 0 0 0;
	color: #CCCCCC;
	font-size: 12px;
}
#path p a:link, #path p a:visited {
	color: #BFBFBF;
	text-decoration: none;
}
#path p a:hover, #path p a:active, #path p a:focus {
	color: #000000;
	text-decoration: underline;
}
/*--------------------------------------
#information, #pickup, #update インフォメーション、更新履歴
--------------------------------------*/
#information + #pickup, #information + #entry, #pickup + #entry,
#information + #update, #pickup + #update {
	margin-top: 89px;
	border-top: 1px solid #F0F0F0;
	box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
}
#update dl.update:after {display: block; content: ""; clear: both; overflow: hidden; height: 0;}
#update dl.update dt {
	float: left;
	clear: left;
	width: 7em;
	border: none;
}
#update dl.update dd {
	margin: 0 0 0 8em;
}
/*--------------------------------------
#entry エントリー
--------------------------------------*/
#entry h2 {
	display: none;
}
.entry + .entry {
	margin-top: 89px;
	border-top: 1px solid #F0F0F0;
	box-shadow: 0 1px 0 rgba(255,255,255,1) inset;
}
.entry h3 {
	margin-bottom: 0;
}
.entry ul.information {
	margin-top: 5px;
}
.entry .content {
	margin: 34px 0;
}
/*--------------------------------------
#document メディア文章表示
--------------------------------------*/
#document ul span.directory {
	display: block;
	margin: 5px 0 5px -13px;
	border-bottom: 1px solid #F5F5F5;
	background: none #FFFFFF;
	color: #CCCCCC;
}
#document ul ul {
	margin-left: 0;
}
/*--------------------------------------
#relate 関連エントリー
--------------------------------------*/
#relate h2 {
	margin: 55px 0 21px 0;
	font-size: 110%;
}
#relate ul {
	color: #CCCCCC;
}
/*--------------------------------------
#trackback, #trackback_url, #comment, #comment_form トラックバック・コメント
--------------------------------------*/
#trackback h2, #trackback_url h2, #comment h2, #comment_form h2 {
	margin: 55px 0 21px 0;
	font-size: 110%;
}
#trackback dl.trackback, #comment dl.comment {
	word-wrap: break-word;
	padding: 13px;
	border: 1px solid #F5F5F5;
	background: #FCFCFC;
}
#trackback dl.trackback:nth-child(odd), #comment dl.comment:nth-child(odd) {
	background: #FAFAFA;
}
#trackback dl.trackback dt, #comment dl.comment dt {
	margin: 0 0 1em 0;
	border: none;
	font-weight: bold;
}
#trackback dl.trackback dd, #trackback dl.trackback dd ul.information,
#comment dl.comment dd, #comment dl.comment dd ul.information {
	margin: 0;
}
#trackback_url p code {
	display: block;
	word-wrap: break-word;
	padding: 5px;
}
/*--------------------------------------
#page ページ移動
--------------------------------------*/
#page h2, #page h3 {
	display: none;
}
#page ul.pager {
	position: relative;
	margin: 55px 0 21px 0;
	color: #CCCCCC;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
}
#page ul.pager_title {
	text-transform: none;
}
#page ul.pager:after {display: block; content: ""; clear: both; overflow: hidden; height: 0;}
#page ul.pager li {
	display: inline-block;
	height: 34px;
	line-height: 34px;
	padding: 0;
	background: none;
}
#page ul.pager li.previous, #page ul.pager li.next {
	position: absolute;
	top: 0;
	left: 0;
}
#page ul.pager li.next {
	left: auto;
	right: 0;
}
#page ul.pager li.current {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 90px;
	margin: 0 5px;
	vertical-align: middle;
}
#page ul.pager li.previous a, #page ul.pager li.next a, #page ul.pager li.home a {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	width: 50px;
	padding: 0 0 0 47px;
	text-align: left;
}
#page ul.pager_title li.previous a, #page ul.pager_title li.next a {
	width: 103px;
}
#page ul.pager li.next a {
	padding: 0 47px 0 0;
	text-align: right;
}
#page ul.pager li.home a {
	text-indent: 100%;
	width: 34px;
	padding: 0;
}
#page ul.pager li.previous a:before, #page ul.pager li.next a:before, #page ul.pager li.home a:before {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	content: "";
	width: 34px;
	height: 34px;
	background: url("../../../images/wm_freo2/swallow/icon.png") -68px 0 no-repeat;
	vertical-align: middle;
}
#page ul.pager li.next a:before {
	left: auto;
	right: 0;
	background-position: -136px 0;
}
#page ul.pager li.home a:before {
	background-position: -102px 0;
}
#page ul.pager li.previous a:link:before, #page ul.pager li.previous a:visited:before,
#page ul.pager li.next a:link:before, #page ul.pager li.next a:visited:before,
#page ul.pager li.home a:link:before, #page ul.pager li.home a:visited:before {
	background-color: #D9D9D9;
}
#page ul.pager li.previous a:hover:before, #page ul.pager li.previous a:active:before, #page ul.pager li.previous a:focus:before,
#page ul.pager li.next a:hover:before, #page ul.pager li.next a:active:before, #page ul.pager li.next a:focus:before,
#page ul.pager li.home a:hover:before, #page ul.pager li.home a:active:before, #page ul.pager li.home a:focus:before {
	background-color: #000000;
}
/*--------------------------------------
#action アクション
--------------------------------------*/
#action {
	overflow: hidden;
	margin: 34px 0 21px 0;
}
#action:after {clear: both; display: block; content: ""; overflow: hidden; height: 0;}
#action form {
	float: left;
	margin: 0;
	padding: 0 0.4em 0 0;
}
/*--------------------------------------
#utility ユーティリティ
--------------------------------------*/
#utility .utility {
	line-height: 1.5;
	margin: 0 0 21px 0;
	color: #999999;
}
#utility h2 {
	display: none;
}
#utility h3 {
	line-height: 1;
	margin: 0 0 21px 0;
	color: #BFBFBF;
	font-size: 100%;
	text-shadow:
		0 1px 0 rgba(255,255,255,1);
}
#utility h4, #utility h5, #utility h6 {
	margin: 0 0 21px 0;
}
#utility ol ol {
	margin: 0 0 0 13px;
}
#utility ul ul {
	margin: 0;
}
#utility ul li {
	background-position: 0 0.3em;
}
#utility dl dt {
	border: none;
}
#utility dl dd {
	margin: 0 0 0 13px;
}
#utility form dl dd {
	margin: 0;
}
#utility input[type="submit"], #utility input[type="reset"], #utility input[type="button"] {
	min-width: 0;
}
/*--------------------------------------
#utility table.calender カレンダー
--------------------------------------*/
#utility table.calender tr th, #utility table.calender tr td, #utility table.calender caption {
	line-height: 1.8;
	padding: 2px 1px;
	color: #CCCCCC;
	font-size: 10px;
	text-align: center;
}
#utility table.calender tr th, #utility table.calender tr td {
	letter-spacing: 0;
}
#utility table.calender tr td a {
	display: block;
}
#utility table.calender tr td a:link, #utility table.calender tr td a:visited {
	color: #FFFFFF;
	background: #D9D9D9;
	text-decoration: none;
}
#utility table.calender tr td a:hover, #utility table.calender tr td a:active, #utility table.calender tr td a:focus {
	color: #FFFFFF;
	background: #000000;
	text-decoration: none;
}
#utility ul.calender {
	font-size: 10px;
	text-transform: uppercase;
}
#utility ul.calender:after {display: block; content: ""; clear: both; overflow: hidden; height: 0;}
#utility ul.calender li {
	float: left;
	padding: 0;
	background: none;
}
#utility ul.calender li.next {
	float: right;
	padding: 0;
	background: none;
}
/*--------------------------------------
#utility form.search_form 検索フォーム
--------------------------------------*/
#utility form.search_form {
	line-height: 1;
	padding: 3px;
	border: 1px solid #F5F5F5;
	background: #FFFFFF;
	box-shadow:
		0 0 1px rgba(255,255,255,1) inset,
		0 0 3px rgba(0,0,0,0.03) inset;
}
#utility form.search_form input {
	height: 21px;
	margin: 0;
	padding: 0;
	border: none;
	background: none transparent;
	box-shadow: none;
	font-size: 12px;
}
#utility form.search_form dl {
	margin: 0;
	padding-right: 26px;
}
#utility form.search_form dl dt {
	display: none;
}
#utility form.search_form dl dd input {
	width: 100%;
}
#utility form.search_form p {
	position: relative;
	margin: 0;
}
#utility form.search_form p input {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	position: absolute;
	top: -21px;
	right: 0;
	width: 21px;
	background: url("../../../images/wm_freo2/swallow/icon.png") -20px -34px no-repeat transparent;
	border-radius: 0;
	cursor: pointer;
	font-size: 0;
}
#utility form.search_form p input:hover, #utility form.search_form p input:focus {
	background-position: -41px -34px;
}
/*--------------------------------------
#utility dl.recent 新着
--------------------------------------*/
#utility dl.recent dd {
	color: #CCCCCC;
	font-size: 90%;
}
/*--------------------------------------
#utility ul.gallery 新着画像
--------------------------------------*/
#utility ul.gallery li {
	background: none;
}
/*--------------------------------------
#utility ul.archive アーカイブ
--------------------------------------*/
#utility ul.archive:after {display: block; content: ""; clear: both; overflow: hidden; height: 0;}
#utility ul.archive li {
	float: left;
	width: 50%;
	padding: 0;
	background: none;
}
/*--------------------------------------
#utility ul.tagcloud タグクラウド
--------------------------------------*/
#utility ul.tagcloud {
	margin-top: -0.4em;
	color: #CCCCCC;
}
#utility ul.tagcloud li {
	display: inline-block;
	word-wrap: break-word;
	max-width: 100%;
	line-height: 1;
	margin: 0.4em 0 0 0;
	padding: 3px;
	background: none #F5F5F5;
}
#utility ul.tagcloud li a {
	text-decoration: none;
}
/*--------------------------------------
#footer
--------------------------------------*/
#footer {
	font-size: 12px;
	text-align: right;
}
#footer a:link, #footer a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
#footer a:hover, #footer a:active, #footer a:focus {
	color: #000000;
	text-decoration: none;
}
#footer p {
	margin: 0;
}
#footer ul {
	margin: 0;
	color: #D9D9D9;
}
#footer ul li {
	display: inline;
	padding: 0;
	background: none;
}
#footer ul li + li:before {
	content: " | ";
	color: #EFEFEF;
}
#footer p.pagetop a {
	display: block;
	position: absolute;
	top: -1px;
	right: 34px;
	height: 21px;
	line-height: 21px;
	padding: 0 13px;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-top: none;
	font-size: 10px;
	text-transform: uppercase;
}
#footer p.pagetop a:after {
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	margin-left: 5px;
	background: url("../../../images/wm_freo2/swallow/icon.png") 0 -34px no-repeat;
}
#footer p.pagetop a:hover:after, #footer p.pagetop a:focus:after {
	background-position: -10px -34px;
}
/*======================================
3. border-radius, transitionまとめ
======================================*/
/*--------------------------------------
border-radius
--------------------------------------*/
code, pre, blockquote, input, textarea, select,
p.attention, ul.attention li, p.complete, ul.complete li, dl.summary, dl.confirm, span.update_category, span.hidearea, div.hidearea,
#comment dl.comment, #trackback dl.trackback, #utility form.search_form, #utility ul.tagcloud li {
	border-radius: 3px;
	background-clip: padding-box;
}
#submenu ul, #iphone p a, #footer p.pagetop a {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	background-clip: padding-box;
}
p.attention:before, ul.attention li:before,
p.complete:before, ul.complete li:before,
#page ul.pager li a:before {
	border-radius: 50%;
	background-clip: padding-box;
}
/*--------------------------------------
transition
--------------------------------------*/
a, a img, a:before, input[type="text"], input[type="password"], textarea, select, input[type="submit"], input[type="reset"], input[type="button"] {
	-moz-transition: border-color 0.3s ease-out, background-color 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
	-webkit-transition: border-color 0.3s ease-out, background-color 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
	-o-transition: border-color 0.3s ease-out, background-color 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
	-ms-transition: border-color 0.3s ease-out, background-color 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
	transition: border-color 0.3s ease-out, background-color 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out;
}