@charset "utf-8";
/*  
Theme Name: ImageWorks D-TREK
Theme URI: http://391.info
Description: 
Version: 
Author: D-TREK
Author URI: http://391.info
*/

/* 
*:first-child+html{}
* html{}
*/

* {
	padding: 0;
	margin: 0;
}

html, body, #wrapper {
	height: 100%;
}

body > #wrapper {
	height: auto;
	min-height: 100%;
}

#main {
	padding-bottom: 160px;
}

/* フッター天地設定 */

#footer {position: relative;
	margin-top: -160px; /* フッター天地設定 */
	height: 160px; /* フッター天地設定 */
	padding-top:0px; /* フッター天地設定 */
	clear:both;
}

/* CLEAR FIX*/
.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}

.clearfix {
	display: inline-block;
}

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

.clearfix {
	display: block;
}

/* End hide from IE-mac */

/***** 基本 *****/

html { }
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	padding: 0;
	margin: 0;
}
 
table {
	border-collapse: collapse;
	border-spacing: 0;
}
 
fieldset,img {
	border: 0;
}

img,a img{
	border: none;
	text-decoration: none;
	vertical-align: bottom;
}
 
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}
 
caption,th {
	text-align: left;
}
 
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
	
h1 { }

h2 { }

h3 { }

h4 { }

h5 { }

h6 { }

q:before,q:after {
	content: '';
}

p{
	text-align: justify;
	text-justify: auto;
}

abbr,acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,textarea,select {
	font-size: 100%;
}
 
legend {
	color: #333;
}

hr {
	float: none;
	clear: both;
	padding: 0;
	margin: 0;
	border: 0;
	color: #000;
	background-color: #000;
}

/***** フォント *****/

body {
	font: 13px/1.5em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif;
	font: x-small;
	font-size: small;
}

* html body {	/* for IE6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

table {
	font: 100%;
	font-size: inherit;
}

.text10 {
	font-size: 77%;
}

.text11 {
	font-size: 85%;
}

.text12 {
	font-size: 93%;
}

.text13 {
	font-size: 100%;
}

.text14 {
	font-size: 108%;
}

.text15 {
	font-size: 116%;
}

.text16 {
	font-size: 123.1%;
}

.text17 {
	font-size: 131%;
}

.text18 {
	font-size: 138.5%;
}

.text19 {
	font-size: 146.5%;
}

.text20 {
	font-size: 153.9%;
}

.text21 {
	font-size: 161.6%;
}

.text22 {
	font-size: 167%;
}

.text23 {
	font-size: 174%;
}

.text24 {
	font-size: 182%;
}

.text25 {
	font-size: 189%;
}

.text26 {
	font-size: 197%;
}

.bold {
	font-weight: bold;
}

/***** 汎用クラス *****/

.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.btn {
	text-align: center;
}

/***** リンク設定 *****/

a,a img {
	overflow: hidden;
}

a:link, a:visited{
	overflow: hidden;
	color: #ca2903;
	text-decoration: underline;
}

a:hover, a:active{
	color: #FD8668;
	text-decoration: none;
}
	
/***** フロート解除 *****/

.clear{
	clear: both;
	height: 1px;
	padding: 0;
	margin: 0;
	font-size: 1px;
	line-height: 1px;
	display: block;
	background: transparent no-repeat;
}

/* clearfix */
#hoge:after {
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}

/***** 基本レイアウト *****/

body{
	text-align: center;
	background: #f8f8f8 url(images/bg_body.gif) repeat-x left top;
}

#wrapper{
	margin: 0px auto;
	text-align: left;
}

#header{
	position: relative;
	height: 277px;
	width: 988px;
	margin: 0 auto;
	background: url(images/bg_header.jpg) no-repeat left top;
}

#news #header{
	background: url(images/bg_header_news.jpg) no-repeat left top;
}

#design #header{
	background: url(images/bg_header_design.jpg) no-repeat left top;
}

#graphic-design #header{
	background: url(images/bg_header_graphic.jpg) no-repeat left top;
}

#web-design #header{
	background: url(images/bg_header_web.jpg) no-repeat left top;
}

#wordpress #header{
	background: url(images/bg_header_wp.jpg) no-repeat left top;
}

#samuraizm #header{
	background: url(images/bg_header_samuraizm.jpg) no-repeat left top;
}

#about #header{
	background: url(images/bg_header_about.jpg) no-repeat left top;
}

#contact #header{
	background: url(images/bg_header_contact.jpg) no-repeat left top;
}

#blog #header{
	background: url(images/bg_header_np.jpg) no-repeat left top;
}

#php-plugin #header{
	background: url(images/bg_header_it.jpg) no-repeat left top;
}

#main{
	height: auto !important;
	height: 350px;
	width: 988px;
	margin: 0 auto;
	min-height: 350px;
	background: url(images/bg_content.jpg) repeat-y left top;
}

#content{
	float: left;
	width: 640px;
	margin: 20px 0px 0px 26px;
	display: inline;
}

#single #content{
	width: 600px;
	margin: 20px 0px 0px 46px;
}

#sidebar{
	position: relative;
	float: right;
	width: 276px;
	margin: -26px 26px 0px 0px;
	z-index: 100;
	display: inline;
}

#footer{
	background: #000000 url(images/bg_footer.gif) no-repeat center top;
}

/***** wrapperレイアウト *****/



/***** headerレイアウト *****/

h1{
	padding-top: 8px;
	font-size: 10px;
	color: #EFEFEF;
	line-height: 1.0em;
}

#logo{
	position: absolute;
	left: 6px;
	top: 29px;
}

#header ul#navi{
	position: absolute;
	top: 41px;
	right: 6px;
}

#header ul#navi li{
	float: left;
	height: 32px;
	width: auto;
	padding-left: 10px;
	margin-left: 10px;
	font-size: 14px;
	line-height: 32px;
	display: block;
	background: url(images/separator_top.gif) no-repeat left center;
}

#header ul#navi li:first-child,  
#header ul#navi li.firstChild {
	width: auto;
	padding-left: 0;
	margin-left: 0;
	border-left: 0;
	background: url(none);
}

#header ul#navi li a{
	color: #333333;
	text-decoration: none;
}

#header ul#navi li a:hover{
	color: #999999;
}

#header ul#sub_navi{
	position: absolute;
	top: 7px;
	right: 6px;
	font-size: 12px;
	line-height: 1.0em;
}

#header ul#sub_navi li{
	padding-left: 8px;
	margin-left: 6px;
	border-left: 1px dotted #aaaaaa;
	display: inline;
}

#header ul#sub_navi li:first-child,  
#header ul#sub_navi li.firstChild {
	padding-left: 0;
	margin-left: 0;
	border-left: 0;
}

#header ul#sub_navi li a{
	color: #aaaaaa;
	text-decoration: none;
}

#header ul#sub_navi li a:hover{
	color: #FFFFFF;
}

#message{
	position: absolute;
	top: 107px;
	right: 86px;
	height: 90px;
	width: 392px;
	text-indent: -5000px;
	background: url(images/message.gif) no-repeat left top;
}

#news #message{
	right: 120px;
	height: 90px;
	width: 552px;
	background: url(images/message_news.gif) no-repeat left top;
}

#design #message{
	right: 370px;
	height: 90px;
	width: 373px;
	background: url(images/message_design.gif) no-repeat left top;
}

#graphic-design #message{
	right: 110px;
	height: 90px;
	width: 448px;
	background: url(images/message_graphic.gif) no-repeat left top;
}

#web-design #message{
	right: 250px;
	height: 90px;
	width: 383px;
	background: url(images/message_web.gif) no-repeat left top;
}

#wordpress #message{
	right: 235px;
	height: 90px;
	width: 482px;
	background: url(images/message_wp.gif) no-repeat left top;
}

#samuraizm #message{
	right: 250px;
	height: 90px;
	width: 373px;
	background: url(images/message_samuraizm.gif) no-repeat left top;
}

#about #message{
	right: 150px;
	height: 90px;
	width: 460px;
	background: url(images/message_about.gif) no-repeat left top;
}

#contact #message{
	right: 360px;
	height: 90px;
	width: 364px;
	background: url(images/message_contact.gif) no-repeat left top;
}

#blog #message{
	right: 0px;
	height: 90px;
	width: 364px;
	background: url(images/#) no-repeat left top;
}

#php-plugin #message{
	right: 0px;
	height: 90px;
	width: 364px;
	background: url(images/#) no-repeat left top;
}

/***** contentレイアウト *****/

.breadcrumb p{
	margin: -10px 0px 20px 0px;
}

#single .breadcrumb p{
	margin: -10px -20px 20px -20px;
}

#content h3{
	height: 52px;
	padding-left: 20px;
	margin: -10px -20px 10px -20px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 51px;
	background: url(images/h3_L.gif) no-repeat left top;
}

#content h3 span{
	padding-right: 52px;
	display: inline-block;
	background: url(images/h3_R.gif) no-repeat right top;
}

#content p{
	margin-bottom: 0.5em;
}

#content div p:last-child,
#content div p.lastChild{
	margin-bottom: 20px;
}

/* title_imgデザイン */

h2.title{
}

/* bannerデザイン */

#banner_main{
}

#banner_main ul{
}

#banner_main li{
	padding: 0px;
	margin: 0px;
	font-size: 0px;
	line-height: 0px;
	display: inline;
	vertical-align: bottom;
	text-indent: -5000px;
}

#banner_main li a{
	float: left;
	height: 125px;
	width: 310px;
	margin-bottom: 20px;
	display: block;
}

#banner_main li#webbanner a{
	margin-right: 20px;
	background: url(images/banner_web.jpg) no-repeat left top;
}

#banner_main li#graphicbanner a{
	background: url(images/banner_graphic.jpg) no-repeat left top;
}

#banner_main li#webbanner a:hover{
	background: url(images/banner_web.jpg) no-repeat right top;
}

#banner_main li#graphicbanner a:hover{
	background: url(images/banner_graphic.jpg) no-repeat right top;
}

h2#title_top-news{
	height: 46px;
	width: 640px;
	margin-bottom: 1.0em;
	text-indent: -5000px;
	background: url(images/title_top-news.gif) no-repeat left top;
}

h2#title_news{
	height: 46px;
	width: 640px;
	margin-bottom: 1.0em;
	text-indent: -5000px;
	background: url(images/title_news.gif) no-repeat left top;
}

h2#title_design{
	height: 46px;
	width: 640px;
	margin-bottom: 1.0em;
	text-indent: -5000px;
	background: url(images/title_design.gif) no-repeat left top;
}

h2#title_graphic-design{
	height: 46px;
	width: 640px;
	margin-bottom: 1.0em;
	text-indent: -5000px;
	background: url(images/title_graphicdesign.gif) no-repeat left top;
}

h2#title_web-design{
	height: 46px;
	width: 640px;
	margin-bottom: 1.0em;
	text-indent: -5000px;
	background: url(images/title_webdesign.gif) no-repeat left top;
}

h2#title_wordpress{
	height: 46px;
	width: 640px;
	margin-bottom: 1.0em;
	text-indent: -5000px;
	background: url(images/title_wordpress.gif) no-repeat left top;
}

h2#title_samuraizm{
	height: 46px;
	width: 640px;
	margin-bottom: 1.0em;
	text-indent: -5000px;
	background: url(images/title_samuraizm.gif) no-repeat left top;
}

h2#title_about{
	height: 46px;
	width: 640px;
	margin-bottom: 1.0em;
	text-indent: -5000px;
	background: url(images/title_about.gif) no-repeat left top;
}

h2#title_contact{
	height: 46px;
	width: 640px;
	margin-bottom: 1.0em;
	text-indent: -5000px;
	background: url(images/title_contact.gif) no-repeat left top;
}

h2#title_blog{
	height: 46px;
	width: 640px;
	margin-bottom: 1.0em;
	text-indent: -5000px;
	background: url(images/title_blog.gif) no-repeat left top;
}

h2#title_php-plugin{
	height: 46px;
	width: 640px;
	margin-bottom: 1.0em;
	text-indent: -5000px;
	background: url(images/title_php_plugin.gif) no-repeat left top;
}

/* Newsリストデザイン */

#content li{
	padding-left: 8.0em;
	margin-bottom: 0.5em;
	text-align: justify;
	text-indent: -8.0em;
	text-justify: auto;
}

*:first-child+html #content li{
	padding-left: 7.9em;
	text-indent: -7.9em;
}

* html #content li{
	padding-left: 7.9em;
	text-indent: -7.9em;
}

#content ul p{
	width: auto;
	padding-left: 8.0em;
	margin: 3px 0px 6px 0px;
}

*:first-child+html #content ul p{
	padding-top: 0.25em;
	padding-left: 0em;
	text-indent: 0em;
}

* html #content ul p{
	padding-left: 0em;
	text-indent: 0em;
}

.date{
	padding-right: 1.75em;
}

#content ul p:last-child{
	margin-bottom: 0.5em;
}

.archive{
	margin-bottom: 0px!important;
	text-align: right;
}

/***** sidebarレイアウト *****/

#sidebar h3#samurai_banner{
	margin-bottom: 20px;
	text-indent: -5000px;
}

#sidebar h3#samurai_banner a{
	height: 171px;
	width: 276px;
	display: block;
	background: url(images/samuraizm.gif) no-repeat left top;
}

#sidebar h3#samurai_banner a:hover{
	background: url(images/samuraizm.gif) no-repeat right top;
}

#sidebar h3#wp_banner{
	margin-bottom: 20px;
	text-indent: -5000px;
}

#sidebar h3#wp_banner a{
	height: 70px;
	width: 276px;
	display: block;
	background: url(images/banner_wp.jpg) no-repeat left top;
}

#sidebar h3#wp_banner a:hover{
	background: url(images/banner_wp.jpg) no-repeat right top;
}

#sidebar h3#index{
	height: 27px;
	width: 276px;
	margin-bottom: 10px;
	text-indent: -5000px;
	background: url(images/title_index.gif) no-repeat left top;
}

#sidebar ul{
	margin-left:12px;
}

#sidebar li{
	background: url(images/dott.gif) repeat-x left bottom;
	padding-bottom:5px;
	padding-top:3px;
	line-height: 1.0em;
}

#sidebar li li{
	background: none;
	padding-bottom:0px;
	padding-top:3px;
}

#sidebar li a{
	color: #666666;
	text-decoration: none;
}

#sidebar li a:hover{
	color: #ca2903;
}

/***** footerレイアウト *****/

#footer .box{
	width: 988px;
	padding-top: 60px;
	padding-left: 26px;
	margin: 0 auto;
	font-size: 12px;
	color: #aaaaaa;
	text-decoration: none;
	text-align: left;
}

#footer .box a{
	color: #aaaaaa;
	text-decoration: none;
}

#footer .box a:hover{
	color: #FFFFFF;
}

#footer .box ul{
	margin-bottom: 7px;
}

#footer .box li{
	padding-left: 8px;
	margin-left: 6px;
	border-left: 1px dotted #aaaaaa;
	display: inline;
}

#footer ul li:first-child,  
#footer ul li.firstChild {
	padding-left: 0;
	margin-left: 0;
	border-left: 0;
}