/*
Theme Name: sketchplus
Theme URI: http://localhost/
Description: sketchplus専用テーマ
Version: 1.0
Author: Cubismer
Author URI: http://cubismer.blogspot.com/
*/


html {
	overflow-y: scroll;
	font-size:62.5%;
}

body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,textarea,th,td {
	margin:0;
	padding:0;
}

a {
	zoom:1;
	text-decoration: none;
	outline: none;
	overflow: hidden;
	cursor: pointer;
	overflow:hidden;
	outline:none;
}

a img {
	border: 0px;
}

img {
	border: 0px;
	vertical-align:top;
  	font-size:1%;
  	line-height:1;
}

ul,ul li,ol {
	list-style:none;
}

fieldset {
	border:none;
}

caption,th {
	text-align:left;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

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

abbr,acronym {
	border:0;
}

p {
	text-align:justify;
  	word-wrap: break-word;
}

.clear {
	clear: both;
}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix { zoom: 1;}


/*----------- base */

html {
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#2A2A2A;
	background:url(images/border_1000px.gif) top center repeat-x;
	
}

h1 {
	font-size:100%;
}

h1.pagetitle,
div.pagetitle {
	padding-top:5px;
	color:#999;
	font-size:110%;
	font-weight:bold;
}

#main h1 {
	font-size:320%;
	font-weight:normal;
	background:url(images/border_480px.gif)  left bottom repeat-x;
	line-heoght:1.6;
	margin-bottom:20px;
}

h2 {
	font-size:320%;
	font-weight:normal;
}

#main h1.post-title a,
#main h2.post-title a {
	border:none;
}

p {
	font-size:140%;
	line-height:1.7;
	margin-bottom:1em;
}

.minchou {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color:#000;
}

.serif {
	font-family:'Neuton','Georgia','Century';
}

.mB-10 {
	margin-bottom:10px;
}

.mB-20 {
	margin-bottom:20px;
}

.mB-30 {
	margin-bottom:30px;
}

.red_text {
	color:#F39;
}

.bt_image {
	margin:20px;
}

a {
	color:#24BAE1;
}

a:link,
a:visited {
	color:#24BAE1;
}

a:hover {
	color:#61E5E7;
}

a.textlink02 {
	padding-right:12px;
	background:url(images/bt_textLink_back01.gif) right 2px no-repeat;
	font-size:0.9em;
}

a.textlink02:link,
a.textlink02:visited {
	color:#FF3300;
	border-bottom:1px dotted #FF3300;
}

a.textlink02:hover {
	color:#F60;
	border-bottom:1px solid #F60;
}

#continer {
	width:1000px;
	margin:0 auto;
	position:relative;
}

#contents {
	clear:both;
	padding:20px;
	margin-bottom:30px;
}

#contents h2.h2_960px {
	background:url(images/border_480px.gif)  left bottom repeat-x;
	line-heoght:1.6;
	margin-bottom:20px;
}


/*----------- Global nabigation */

#header ul#g_navi {
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	min-height:60px;	
}

#header ul#g_navi li {
	float:left;
}

/*----------- Global Sub nabigation */

ul#gs_navi {
	background:url(images/gs_navi_img01.gif) top left no-repeat ;
	padding-left:67px;
	min-height:44px;
	border-top:1px dotted #CCC;
}

#header ul#gs_navi {
	border:none;
}

ul#gs_navi li {
	float:left;
	padding-bottom:10px;
	padding-right:30px;
}

/*----------- header */

#header {
	padding-bottom:20px;
	padding-top:30px;
}

.wp_cycle_image {
	padding:8px;
	background:url(images/h_background.jpg) center top no-repeat;
}

#header div.h_image {
	padding-bottom:10px;
}

#header #h_continer {
	min-height:95px;
	height:95px;
	position:relative;
}

#header div#h_logo {
	margin-bottom:22px;
	width:180px;
	float:left;
}

div#h_blog {
	float:right;
	width:500px;
	text-align:right;
}

div#h_blog img {
	float:right;
}

div#h_blog a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}


/*----------- main */

#main {
	float:right;
	width:710px;
}

.archive #main h2,
.blog #main h2,
.single #main h1 {
	background:url(images/border_710px.gif) bottom left no-repeat;
	color:#F7A3AB;
	margin-bottom:5px;
	padding-top:40px;
}

#main p {
	margin-bottom:1.5em;
	font-size:160%;
}

#main img.size-w_size_600 {
	border:1px dotted #666;
	padding:5px;
	margin-left:50px;
	margin-bottom:30px;
}



#main .post {
	margin-bottom:50px;
}

#main .post p {
	margin-right:20px;
	margin-left:20px;
}

#main .post .blog_info {
	margin-bottom:10px;
}

#main .post .blog_info p {
	margin-bottom:10px;
}

/*----------- side */

.side {
	width:200px;
	padding-right:20px;
	float:left;
	border-right:1px dotted #CCC;
}

.side h3 {
	margin:30px 0px 20px 0px;
	font-size:160%;
	font-weight:bold;
	background:url(images/border_200px_2px.gif) bottom left no-repeat;
}

.side p.b_side_renovation {
	background:url(images/b_side_renovation_02.gif) top center no-repeat;
	padding:26px 10px 10px 10px;
	background-color:#D9D6FF;
}

.side ul {
	padding-bottom:20px;
}

.side ul li {
	font-size:14px;
	margin-bottom:5px;
	padding-left:10px;
	list-style-type:circle;
	list-style-position:inside;
}

.side ul li img {
	vertical-align:baseline;
}


/*----------- footer */

#footer_continer {
	height:120px;
	width:100%;
	margin:0 auto;
	background:url(images/border_1000px.gif) top center repeat-x;
	clear:both;
}

#footer {
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	padding-top:20px;
}

#footer div.f_logo {
	float:left;
	width:180px;
}

#footer div.f_address {
	float:right;
	width:300px;
	font-size:120%;
	text-align:right;
	line-height:1.7;
}


/*----------- top/project */

.home #header div.toptitle {
	color:#414141;
	font-size:14px;
	letter-spacing:0.2em;
	padding-bottom:7px;
}

.home #contents {
	padding:0;
}

#contents ul.p_list li {
	display:block;
	width:200px;
	height:197px;
	float:left;
}

#contents ul.p_list li.p_renovation {
	/*width:358px;*/
	width:400px;
}

#contents ul.p_list li a {
	display:block;
}

#contents ul.p_list li img {
	/*margin-right:44px;*/
	padding:3px 22px 0px 22px;
}



#contents ul.p_list li.edge {
	padding-right:0;
}

#contents ul.p_list li:nth-child(2n) img {
	margin-top:10px;
}

#contents ul.p_list li:nth-child(4n) img {
	margin-top:20px;
}

#contents ul.p_list a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background-color:transparen;
}

/*----------- indivi_project */

#contents h2.p_h2 {
	float:left;
	background-image:none;
	margin-bottom:0px;
}

#contents p.shopInfo {
	float:right;
	padding-top:1.5em;
}

#contents ul.p_nav {
	font-size:130%;
	margin:40px 0px 20px 0px;
}

#contents ul.p_nav li {
	display:block;
	width:420px;
}

#contents ul.p_nav li:nth-of-type(1) {
	float:left;
	background:url(images/p_nav_l4.gif) center left no-repeat;
}

#contents ul.p_nav li:nth-of-type(2) {
	float:right;
	background:url(images/p_nav_r4.gif) center right no-repeat;
	text-align:right;
}

#contents ul.p_nav li a {
	display:block;
	padding:50px 0px;
}

#contents ul.p_nav li:nth-of-type(1) a {
	padding-left:45px;
}

#contents ul.p_nav li:nth-of-type(2) a {
	padding-right:45px;
}



/*----------- project */

.postid-1349 #contents,
.postid-127 #contents,
.postid-96 #contents,
.postid-76 #contents {
	background:url(images/cat_background_image.jpg) center center no-repeat;
	height:805px;
	padding:20px 0;
}


/*----------- renovation */

#contents ul.re_interview {
	width:520px;
	float:left;
	margin-bottom:40px;
}

#contents ul.re_interview li {
	display:block;
}

#contents ul.re_interview li:nth-child(odd) {
	padding-left:45px;
	min-height:40px;
	background:url(images/re_sketch.gif) left top no-repeat;
	color:#585586;
}

#contents ul.re_interview li:nth-child(odd) p {
	padding-top:11px;
}
	
#contents ul.re_interview li:nth-child(even) {
	padding-right:58px;
	background:url(images/re_nakano.gif) right top no-repeat;
	margin-top:10px;
	margin-bottom:20px;
}

#contents ul.re_interview li:nth-child(even) p {
	background-color:#FFEDE8;
	padding:1em;
}

#contents ul.re_side {
	width:400px;
	float:right;
}
#contents ul.re_side li {
	margin-bottom:30px;
}

#contents ul.re_side li.bt_re_gallery {
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	
}

#contents ul.re_side li.bt_re_gallery img {
	margin-left:26px;
}

#contents ul.re_side li.bt_re_gallery a {
	margin:30px 0;
	display:block;
}

#contents div.about_renovation {
	padding-right:363px;
	background:url(images/re_images01.gif) right top no-repeat;
}

#contents p.re_explain {
	display:block;
	margin:2em 40px;
	font-weight:bold;
	font-size:200%
}



/*----------- workflow/QA */

.page-id-32 #contents {
	padding:0;
}

.page-id-32 #contents table {
	/*border-spacing:20px 10px;
	border-collapse:separate;*/
	width:1000px;
}


.page-id-32 #contents table th {
	font-size:200%;
	font-weight:normal;
	padding-bottom:10px;
}

.page-id-32 #contents table th.w_spacer {
	width:30px;
}

.page-id-32 #contents table th.w_w {
	width:130px;
	background:url(images/border_130px.gif)  left bottom no-repeat;
}

.page-id-32 #contents table th.w_q {
	
	background:url(images/border_620px.gif)  left bottom no-repeat;
}

.page-id-32 #contents table th.w_a {
	width:190px;
	background:url(images/border_190px.gif)  left bottom no-repeat;
}

.page-id-32 #contents table td {
	font-size:140%;
	vertical-align:top;
	border-bottom:1px dotted #aaa;
}

.page-id-32 #contents table td.w_w_i {
	padding:10px 10px 20px 10px;
	border-bottom:none;
}

.page-id-32 #contents table td.w_q_q {
	padding:20px 0 20px 44px;
	background:url(images/w_q.gif)  left 15px no-repeat;
	height:34px;
	border-bottom:none;
	color:#F47A7C;
}

.page-id-32 #contents table td.w_q_a {
	padding-left:90px;
	background:url(images/w_a.gif)  46px top no-repeat;
	padding-bottom:30px;
}

.page-id-32 #contents table td.w_a_a {
	padding-bottom:30px;
	padding-top:20px;
	color:#666;
	width:190px;
}

.page-id-32 #contents div.w_text {
	padding:40px 470px 40px 0px;
	background:url(images/w_photo01.jpg)  right 40px no-repeat;
}

.page-id-32 #contents img.readCopy {
	margin-top:60px;
	margin-bottom:80px;
}


/*----------- contact */

#contents div.c_tel {
	padding-right:560px;
	background:url(images/c_tel.gif)  right top no-repeat;
}

#contents ul.c_tel_list {
	margin:20px 0px 20px 60px;
	font-size:140%;
}

#contents ul.c_tel_list li {
	list-style:circle;
}

#contents div.wpcf7 {
	width:700px;
	margin:0px auto 0px auto;
	padding:30px 0px 0px 0px;
	font-size:160%;
	font-weight:normal;
}

#contents div.wpcf7 ul {
	margin-bottom:30px;
}

#contents div.wpcf7 input {
	font-size:16px;
	height:2em;
	vertical-align:middle;
}

#contents div.wpcf7 textarea {
	width:415px;
}

#contents div.wpcf7 p.bt_submit {
	background:url(images/c_submit_background.gif)  110px 5px no-repeat;
}

#contents div.wpcf7 p.bt_submit span {
	display:block;
	width:38px;
	padding-left:585px;
}

#contents div.wpcf7 p.bt_submit span input.wpcf7-submit {
	height:38px;
	display:block;
	
}

#contents div.wpcf7 ul li:nth-child(1) {
	display:block;
	float:left;
	width:200px;
	background:url(images/border_200px_1px.gif)  left bottom no-repeat;
}

#contents div.wpcf7 ul li:nth-child(2) {
	display:block;
	float:right;
	width:480px;
}

/*----------- office */


#contents div.o_text {
	padding-right:500px;
	background:url(images/o_image01.jpg)  right top no-repeat;
}

.page-id-25 #contents div.o_text_contents {
	padding-bottom:50px;
}
	
.page-id-25 #contents img.readCopy {
	margin-top:90px;
	margin-bottom:80px;
}
	
#contents h2.h2_500px {
	background:url(images/border_500px.gif) bottom left no-repeat;
}

.page-id-25 #contents h3.o_name {
	font-size:240%;
	margin:40px 0px 30px 0px;
	font-weight:normal;
}

.page-id-25 #contents table {
	width:500px;
	font-size:140%;
	margin-bottom:40px;
	line-height:1.6;
}

.page-id-25 #contents table tr {
	height:30px;
	vertical-align:top;
}

.page-id-25 #contents table th {
	width:100px;
	text-align:right;
}

.page-id-25 #contents table td {
	text-align:left;
}

.page-id-25 #contents p.role {
	font-size:120%;
}

.page-id-25 #contents div.o_p_left {
	width:460px;
	float:left;
	margin-bottom:50px;
}

.page-id-25 #contents div.o_p_right {
	width:460px;
	float:right;
}

.page-id-25 #contents p.o_p_name {
	font-size:300%;
	font-weight:lighter;
}

.page-id-25 #contents p.o_p_name span {
	font-size:50%;
	padding-left:40px;
}



/*----------- blog */

#main a:link,
#main a:visited {
	border-bottom:1px dotted #24BAE1;
	color:#24BAE1;
}

#main a:hover {
	color:#61E5E7;
	border-bottom:1px solid #61E5E7;
}

#main img ~ a {
	border:none;
}


/*----------- コメント */

.single #comments .comment-meta a {
	font-size:1em;
}

.single #comments a.comment-reply-link {
	font-size:1.4em;
}

.single #comments a:link,
.single #comments a:visited {
	border-bottom:1px dotted #09C;
	color:#09C;
}

.single #comments a:hover {
	color:#0BF;
	border-bottom:1px solid #0BF;
}

.single #comments cite {
	font-size:160%;
	font-style:normal;
}

.single #comments .comment-body p {
	margin-left:60px;
	font-size:140%;
}

.single #comments .comment-body {
	background:url(images/comment_image_01.jpg) bottom right no-repeat;
}

.single #comments .reply {
	text-align:right;
}

.single #comments .comment-body {
	border-top:1px dotted #666;
	margin-bottom:10px;
	padding-top:14px;
}

.single .children {
	padding-left:100px;
}

.single #comments .children .comment-body {
	background:url(images/comment_image_02.jpg) bottom right no-repeat;
}

.single #respond {
	margin-top:80px;
	padding:10px 10px 10px 30px;
	background:url(images/b_comments_background.gif) left top no-repeat;
}

.single #respond form {
	background:url(images/b_comments_background02.gif) right top no-repeat;
}

.single #respond p {
	claer:both;
}

.single #respond p.comment_author {

}

.single #respond p.comment_email {
	display:none;
}

.single #respond p.comment_url {
	display:none;
}

.single #respond p.comment-form-comment {
	
}

.single #respond p.caution_text {
	margin-bottom:30px;
	color:#888;
}

.single #respond p label {
	display:block;
	color:#666;
}

.single #respond p input {
	line-height:1.2;
	font-size:120%;
	border:5px solid #F9C;
	background-color:#FFDFE2;
	width:360px;
}

.single #respond p textarea {
	line-height:1.2;
	font-size:120%;
	border:5px solid #F9C;
	background-color:#FFDFE2;
	width:620px;
}

.single #respond p.form-submit input {
	color:#FFF;
	font-size:16px;
	padding:5px;
	background-color:#999;
	border:5px solid #ccc;
	cursor:hand;
	width:180px;
}


.single #respond p.form-allowed-tags {
	display:none;
}

p.comment-subscription-form {
	display:none;
}

/*----------- blogの挿入画像関係 */

.single .post p {
	clear:both;
}

#contents ul.re_ba li div.wp-caption a:hover img,
#main a:hover img,
.photo a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

#main .wp-caption {
	text-align:center;
	 padding:0px;
	 margin:0px auto 20px auto;
	 background-color:5C5C5C;
	 border:1px solid #ccc;
	 box-shadow: 0px 0px 4px #ccc;
	 -moz-box-shadow: 0px 0px 4px #ccc;　/* Firefox用 */
	 -webkit-box-shadow: 0px 0px 4px #ccc;　/* Safari,Google Chrome用 */
}

#main .wp-caption img {
	display:block;
	text-align:center;
	 padding:5px;
	 margin:0px auto 5px auto;
}

#main div.wp-caption p {
	margin-bottom:10px;
}

#main div.wp-caption p {
	margin-bottom:10px;
}

#main div.wp-caption a {
	display:block;
	border:none;
}

#main div.wp-caption img.size-w650,
#main div.wp-caption img.size-full {
	padding:5px;
}

.wp-caption-text {
	margin:5px auto;
	text-align:center;
}

	

/*----------- blogの新旧記事へのナビゲーション */

div#main div.nav-below {
	margin-top:40px;
}

div#main div.nav-below span.nav-previous a {
	display:block;
	float:left;
	width:100px;
	padding:10px 0;
	text-align:center;
	font-size:1.4em;
	
}

div#main div.nav-below span.nav-next a {
	display:block;
	float:right;
	width:116px;
	padding:10px 0;
	text-align:center;
	font-size:1.4em;
}

div#main div.nav-below span.nav-previous a:link,
div#main div.nav-below span.nav-previous a:visited,
div#main div.nav-below span.nav-next a:link,
div#main div.nav-below span.nav-next a:visited{
	background-color:#24BAE1;
	border:1px solid #24BAE1;
	color:#fff;
}

div#main div.nav-below span.nav-previous a:hover,
div#main div.nav-below span.nav-next a:hover {
	background-color:#FFF;
	border:1px dotted #24BAE1;
	color:#24BAE1;
}


/*----------- TOP上部の新着情報 */

.new_posts {
	position:absolute;
	left:500px;
	width:415px;
	height:42px;
	overflow:auto;
	/*border:4px solid #ccc;*/
	padding:18px 10px 0 0;
}

.new_posts ul {
	text-align:right;
}

.new_posts ul li {
	/*list-style-type:disc;
	list-style-position:inside;*/
	
	line-height:2.2;
	font-size:120%;
}

.new_posts ul li span.new_post_title {
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
}

.new_posts ul li span.new01 {
	background-color:#F6C;
	color:#fff;
}

.new_posts ul li a {
	padding-left:5px;
}