@charset "utf-8";
/*
Theme Name: Webディレクション.jp オリジナル
Theme URI: http://webdirection.jp
Description: The original theme that webdirection.jp
Version: 2.0
Author: DesktopWorks and Yuka Kanda
Tags: two columns, widgets, white and pink
*/

/* CSS Document */

/*
-------------------------------------------------------
基本スタイルシート
制作者：神田 由香
作成日：2009年11月11日
更新日：2009年11月25日
-------------------------------------------------------
目次：

「＝1、＝2、＝3などで検索をかけると指定の場所に移動します」

1. 基本構造
2. リンク色や全体のレイアウト要素
3. ヘッダー
4. メインカラム（トップページ）
4. メインカラム（トップページ以外）
6. サイドカラム
7. フッター

8. post等のデザイン要素
9. その他 ハックなど

------------------------------------------------------- */
/* 0. Reset Reloaded
------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	background: url(/wp-content/themes/original/images/body-bg.png) repeat-x top left white;
	color: #555;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 16px;
    /**/
    font-size: 100%;
    /**/
}
/*
文字サイズの指定
標準：	font-size: 82%;
大きめ：font-size: 94%;
小さめ：font-size: 69%;

line-heightの指定（標準用）

	ボディテキスト用：標準
	line-height: 137%;

    キャプション用：狭い
    line-height: 126%;

    リード用：広い
    line-height: 157%;

line-heightの指定（大きめ用）

    ボディテキスト用：標準
    line-height: 146%;

    キャプション用：狭い
    line-height: 137%;

    リード用：広い
    line-height: 163%;

line-heightの指定（小さめ用）

    ボディテキスト用：標準
    line-height: 138%;

    キャプション用：狭い
    line-height: 126%;

    リード用：広い
    line-height: 162%;
*/
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* append markup */
html {
	overflow: scroll;
}
body {
	text-align: center;
}
img {
	border: 0;
}

a {
	text-decoration: none;
}


/* ＝1. 基本構造
------------------------------------------------------- */
#header {
	position: relative;
	width: 960px;
	height: 138px;
	margin: 0 auto;
	text-align: left;
}

#container {
	width: 957px;
	margin: 0 auto;
	padding: 0.5em 3px 15px 0;
	background: url(/wp-content/themes/original/images/container-bg.png) repeat-y;
	text-align: left;
}

#main {
	overflow: hidden;
	float: left;
	width: 740px;
}

#sub {
	float: right;
	width: 200px;
	font-size: 82%;
	line-height: 126%;
}

#footer {
	clear: both;
	width: 920px;
	margin: 0 auto;
	padding: 20px 20px 5px 20px;
	background: #ed1e79;
	color: #fff;
	font-size: 82%;
    line-height: 126%;
	text-align: left;
	/* モダンブラウザ向けclearfix(S) */
	overflow: hidden;
	zoom: 1; /* IE */
	/* モダンブラウザ向けclearfix(E) */
}


/* ＝2. リンク色や全体のレイアウト要素
------------------------------------------------------- */
a, a:link, a:visited { color: #ed1e79; text-decoration: none; }
a:hover, a:active { color: #aea9ab; }

.pink { color: #ed1e79; }
.mini { font-size: 85%; }

#sub a, #sub a:link, #sub a:visited { color: #555; text-decoration: none; }
#sub a:hover, #sub a:active { color: #ed1e79; }

#footer a, #footer a:link, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover, #footer a:active { color: #aea9ab; }

.floatleft { float: left; }
.floatright { float: right; }
.clearboth { clear: both; }
.alignleft { float: left; margin: 5px 8px 5px 0; }
.alignright { text-align: right; }
.aligncenter, div.aligncenter { margin: 10px auto; text-align: center; display: block; }

img.floatleft { margin: 0px 5px 3px 0px;}
.margintop30 { margin: 30px 0 0 0;}
.marginbottom { margin: 0px 0px 15px 0px;}
.marginright { margin: 0px 5px 0px 0px;}
img.alignleft { float: left; margin: 5px 10px 5px 0; }
img.alignright { float: right; margin: 5px 0 5px 10px; }
img.aligncenter { margin: 10px auto; text-align: center; display: block; }
img.paddingtop { clear: both; padding: 20px 0px 0px 0px; }

/* ＝3. ヘッダー
------------------------------------------------------- */
#header h1 {
	display: block;
	position: absolute;
	width: 690px;
	height: 50px;
	background: url(/wp-content/themes/original/images/h1-bg.png) no-repeat;
	text-indent: -10000em;
	top: 52px;
	left: 275px;
}

#header h1 a {
	display: block;
	width: 690px;
	height: 50px;
	background: url(/wp-content/themes/original/images/h1-bg.png) no-repeat;
}

#header h1 a:hover {
	background: url(/wp-content/themes/original/images/h1-bg-hover.png) no-repeat;
}

#header h2 {
	position: absolute;
	width: 68px;
	height: 70px;
	top: 20px;
	left: 0px;
}

#gnav {
	position: absolute;
	width: 528px;
	height: 23px;
	top: 25px;
	left: 275px;
}

#gnav ul {
	text-align: right;
}
#gnav ul li {
	position: relative;
}
#gnav ul li, #gnav ul li a{
	display: inline-block;
	width: 33px;
	height: 23px;
	padding-right: 3px;
	text-indent: inherit;
	/display: inline;
	/zoom: 1;
}

#gnav ul li.rss a{ background: url(/wp-content/themes/original-v2/images/gnav-icon-rss.png) no-repeat; }
#gnav ul li.aboutus a{ background: url(/wp-content/themes/original-v2/images/gnav-icon-aboutus.png) no-repeat; }
#gnav ul li.quest a{ background: url(/wp-content/themes/original-v2/images/gnav-icon-quest.png) no-repeat; }
#gnav ul li.collabo a{ background: url(/wp-content/themes/original-v2/images/gnav-icon-collabo.png) no-repeat; }
#gnav ul li.contact a{ background: url(/wp-content/themes/original-v2/images/gnav-icon-contact.png) no-repeat; }

#gnav ul li a:hover {
	filter: alpha (opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

#gnav ul li a span {
	overflow: visible;
	position: absolute;
	top: -10000em;
	left: -10000em;
	clear: both;
	display: block;
	width: 160px;
	height: 12px;
	padding: 2px;
	color: #fff;
	background: #e00063;
	font-size: 10px;
    line-height: 100%;
	text-align: left;
}

#gnav ul li a:hover span {
	top: -22px;
	left: 10px;
}

#search {
	position: absolute;
	width: 140px;
	top: 25px;
	left: 813px;
}

#searchtext {
	width: 90px;
	height: 17px;
	margin: 0 5px 0 0;
	border: 1px solid #ed1e79;
	font-size: 12px;
	line-height: 14px;
}

html>/**/body #searchtext { vertical-align /*\**/: top\9; }

#searchsubmit {
	width: 41px;
	height: 21px;
	border: 0px;
	background: url(/wp-content/themes/original/images/search-btn.png) top left no-repeat;
}

#searchsubmit, x:-moz-any-link {
	vertical-align: middle;
}

#hnav {
	position: absolute;
	top: 103px;
	left: 0;
	width: 960px;
	font-size: 82%;
    line-height: 126%;
}

#hnav ul {
	text-align: right;
}

#hnav ul li {
	display: inline-block;
	padding-right: 1em;
	/display: inline;
	/zoom: 1;
}

#hnav ul li.last {
	padding-right: 0;
}

#hnav ul li a {
	display: block;
	padding: 10px 0.5em 0 0.5em;
	color: #fff;
}

#hnav ul li a:hover {
	background: url(/wp-content/themes/original/images/hnav-bg-hover.png) top center no-repeat;
}


/* ＝4. メインカラム（トップページ）
------------------------------------------------------- */
.toppage {
	font-size: 82%;
    line-height: 126%;
}

.mainmenu {
	overflow: hidden;
	float: left;
	width: 230px;
	height: 160px;
	margin: 20px 15px 0 0;
}

.last {
	margin-right: 0;
}

.mainmenu h3 {
	background: url(/wp-content/themes/original/images/toppage-h3-bg.png) top left no-repeat;
	width: 210px;
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	color: #ed1e79;
	font-weight: bold;
}

.mainmenu dl dt {
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 0.2em 0.2em 0;
}

.mainmenu dl dt img {
	border: 1px solid #ccc;
}

.mainmenu dl dd { font-size: 10px; line-height: 12px; }
.mainmenu dl dd.title { margin-bottom: 8px; font-size: 12px; line-height: 14px; font-weight: bold; letter-spacing: -1px; }
.mainmenu dl dd.date { margin-bottom: 2px; font-size: 10px; line-height: 12px; color: #ed1e79; }

.mainmenu h3 a, .mainmenu dl dd a { display: block; }
.mainmenu dl dd a, .mainmenu dl dd a:link, .mainmenu dl dd a:visited { color: #555; text-decoration: none; }
.mainmenu dl dd a:hover, .mainmenu dl dd a:active { color: #ed1e79; text-decoration: none; }




/* ＝5. メインカラム（トップページ以外）
------------------------------------------------------- */
.content {
	font-size: 82%;
	line-height: 157%;
}

.navigation {
	padding: 0.5em;
	border-bottom: 1px solid #ccc;
	font-size: 0.85em;
}

.navigation-bottom {
	margin-top: 2em;
	border-top: 1px solid #ccc;
}

.previous-post {
	float: left;
	text-align: left;
}

.next-post {
	float: right;
	text-align: right;
}

.entry h2 {
	margin: 1em 0 1em 1em;
	padding: 0 1em;
	background: url(images/entry-title-icon.gif) no-repeat top left;
	color: #ed1e79;
	font-size: 1.6em;
	font-weight: bold;
}

.entry h2.pagetitle {
	margin: 0;
	padding: 1em;
	border-bottom: 1px solid #ccc;
	background: url(images/entry-title-icon.gif) no-repeat left center;
	color: #ed1e79;
	font-size: 1.6em;
	font-weight: bold;
}

.entry h3.entrytitle {
	margin: 2em 1px 0 0;
	padding: 0.5em;
	border-top: 1px solid #ccc;
	background: #dcdcdc;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
}

.entry h3.entrytitle a {
	display: block;
}

.postdata {
	margin-right: 1px;
	margin-bottom: 2em;
	padding: 0.5em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #efefef;
	font-size: 0.85em;
	text-align: right;
}

.entry .entry, .entry .searchpage {
	margin: 0 2em;
}

/* ＝6. サイドカラム
------------------------------------------------------- */
#sub h3, 
#sub ul li.widget_polls-widget .sb-title, 
#sub ul li.widget_recent_entries .sb-title,
#sub ul li.widget_links .sb-title {
	padding: 5px 3px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

#sub h3.green, #sub ul li.widget_polls-widget .sb-title {
	background: #acd165;
}

#sub h3.blue, #sub ul li.widget_recent_entries .sb-title {
	background: #63a4d0;
}

#sub h3.orange, #sub ul li.widget_links .sb-title {
	background: #e4a64e;
}

#sub ul {
	margin: 0 0 2em 0;
}

#sub ul li {
	padding: 0;
}

#sub ul li ul li {
	padding: 0;
}

#sub ul li.widget_polls-widget ul li,
#sub ul li.widget_recent_entries ul li {
	padding: 0.5em;
}

#sub ul li.widget_text { margin-bottom: 2em; border-bottom: none; }

#sub ul li.widget_polls-widget { border-bottom: none; }
#sub ul li.widget_polls-widget .wp-polls p { margin: 1em auto; }
#sub ul li.widget_polls-widget .wp-polls p strong {	font-weight: bold; }

#sub ul li.widget_recent_entries ul li { border-bottom: 1px dotted #63a4d0; }

#sub ul li.widget_links ul li img { margin: 0.5em 0 0 0; }

#sub ul li.widget_recent_entries ul li a { display: block; }
#sub ul li.widget_recent_entries a:hover, #sub ul li.widget_recent_entries a:active { color: #63a4d0; text-decoration: none; }



/* ＝7. フッター
------------------------------------------------------- */
#footer .inner-left {
	float: left;
	width: 195px;
	margin: 0 20px 0 0;
	padding: 0 25px 0 0;
	border-right: 1px solid #f69;
	font-size: 90%;
}

#footer .inner-center {
	float: left;
	width: 445px;
	padding: 0 25px 0 7px;
	border-right: 1px solid #f69;
}


#footer .inner-right {
	float: right;
	width: 180px;
	text-align: center;
}

#footer-bottom {
	clear: both;
	width: 920px;
	padding: 20px 0 0 0;
	text-align: center;
	font-size: 85%;
}

#footer h3 {
	margin: 0 0 1em 0;
	font-weight: bold;
}

#footer p {
	margin: 0 0 0.5em 0;
}

#footer input, #footer textarea { font-size: 12px; }
#footer input.wpcf7-validates-as-required { width: 185px; margin: 0; color: #333; }
#footer textarea { width: 185px; height: 70px; color: #333; }
#footer input { width: 60px; margin: 0 0 0 59px; border: 1px solid #ccc; color: #ed1e79; }

#footer ul {
	margin: 0 0 3px 0;
}

#footer ul li {
	padding: 0 0 0 15px;
	background: url(images/footer-listicon.png)left center no-repeat;
}

#footer ul.article {
	margin: 0 0 0 15px;
	font-size: 85%;
}

#footer ul.article li {
	float: left;
	padding: 0 1em;
	background: none;
	border-left: 1px solid #fff;
}

#footer ul.article li.last {
	border-right: 1px solid #fff;
}


/* ＝8. エントリー
------------------------------------------------------- */

.entry .entry p, .entry .searchpage p {
	margin: 2em 0;
}

.entry .entry ul {
	margin-left: 2em;
	list-style: outside square;
}

.entry .entry ul li {
	margin: 0 0 0.5em 0;
}
.entry .entry strong, .entry .entry b{
	font-size: 105%;
	font-weight: bold;
	color: #ed1e79;
}

.entry .entry em {
	color: #333;
	font-style: normal;
}

.entry .box {
	width: 630px;
	padding: 25px 25px 0 25px;
	background: #f7f7f7;
	border: 1px solid #ccc;
}

.entry .box p {
	margin: 0 0 2em 0;
}

.entry .searchpage h3 {
	font-size: 105%;
	font-weight: bold;
}

.entry .searchpage h3 a {
	display: block;
}

.entry .searchpage .meta {
	margin: 2em 0 0 0;
}


/* ＝9. その他（ハックなど）
------------------------------------------------------- */
* html img.iepng {	/* PNGファイルをIE6で透過にします */
	border: none;
	behavior: url(http://webdirection.jp/wp-content/themes/original-v2/images/iepngfix/iepngfix.htc);
	vertical-align: bottom;
}

a:hover img.linkselect {	/* 画像マウスオンでフィルタをかけます */
	filter: alpha (opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}


.clearfix:after{	/* ブロック要素のバグを回避します */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display: inline-block;
}

	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix { display: block; }
	/* End hide from IE-mac */


/* PRINT Styles
------------------------------------------------------------------ */

@media print {

#head { height: 150pt; }
/* Attaches the URI to each link so they are visible in the print version */
#content entry a:after { content: "  [" attr(href) "] "; }
#accessibility, #nav { display: none; }
hr { background: none; border: 1px solid #000; }

}