@charset "UTF-8";
/* @override 
	http://www.blog-design.net/wp-content/themes/bd/style.css
*/
/*
Theme Name: Blog-DESIGN
Theme URI: http://www.blog-design.net/
Description: Blog-DESIGN Official Site
Version: 7
Author: Go Imai
Author URI: http://www.blog-design.net/
*/


/*共通のタグ CommonTag*/
*{-webkit-text-size-adjust: none;}

body{margin:0px;padding:0;font: 90%/160% "MS PGothic", "Hiragino Kaku Gothic Pro", "Lucida Grande", Lucida, Verdana, sans-serif;}
form{margin:0px;}
h1,h2,h3,h4,h5,h6{margin: 0;clear: both;font-weight: normal;font-style: normal;font-size: 100%;line-height: 160%;}
p{margin: 15px 0;padding: 0;font-size: 90%;}
ul,ol{padding: 0px 0 15px 30px;margin: 0;}
img{border: none;}
a{color:#de5818;text-decoration: none; outline:none;}
a:hover{color:#fa6d2f;text-decoration: underline;}

h1,
h2{margin: 30px 0 15px;padding: 0 0 4px;color: #888;border-bottom: 1px dotted #999;overflow:hidden;font-size: 120%;line-height: 140%;clear: both;}
h3{font-size:15px;padding: 0;line-height:17px;color: #dc8300;margin: 15px 0;}
h4{font-size: 100%;padding: 0;line-height: 100%;color:#ca4c18;margin: 15px 0;font-weight: bold;}
h5{font-size:13px;font-weight:normal;font-style:normal;padding: 0px 0 6px;line-height:15px;color:#ca4c18;}
h6{font-size:12px;font-weight:normal;font-style:normal;padding: 0px 0 3px;line-height:14px;color:#ca4c18;}
ul{margin-left: 25px;padding-left: 0;list-style-position:inside;font-size: 85%;line-height: 150%;}
ol{margin-left: 30px;padding-left: 0px;}
pre {background-color: #eee;padding: 5px 15px;margin: 0 0 15px;}
blockquote {margin: 0px 0px 15px 0px;padding: 10px 20px 10px 20px;background-color:#F4F7F7;border:1px solid #d6d6d6;border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
blockquote p{padding: 0px;margin: 0px 0px 0px 0px}
blockquote ol,blockquote ul{padding: 0px;margin: 0px 0px 0px 20px}
.postmetadata {text-align: right;font-size: 12px;line-height: 14px;width: 100%;padding: 6px 0 0;margin: 20px 0 0;color: #555;clear: both;border-top: 1px dotted #ccc;}
img.alignleft{margin:0 10px 10px 0;float: left;}
img.aligncenter{display:block;margin:0 auto 10px;}
img.alignright{float:right;margin:0 0 10px 10px;}

h2 .price{font-size: 120%;color: #f85c58;font-weight: bold;}
h2 .date {float: right;font-size: 60%;line-height: 100%;padding-top: 10px;}


/*スペース領域 AreaSpace*/
.content {clear: both;padding: 0;margin:0 0 20px;color: #333;}
#header{width: 890px;margin:0 auto;padding:20px 0 0;}
#footer{clear:both;margin-top: 30px;}
#rap{width: 890px;margin:0 auto;text-align:left;clear:both;padding:0;}
#alpha{float:left;text-align:left;width: 660px;overflow: hidden;padding: 20px 0 0;margin-bottom: 30px;}
#beta{width: 200px;overflow: hidden;padding: 20px 0 0px;margin: 0px 0px 30px;float: right;clear:none;}
#gamma{width: 890px;margin:0 auto;text-align:left;clear:both;padding: 20px 0 0;}
#topsample-box{clear:both;padding: 20px 0 0;overflow:hidden;display:block;margin:auto;width:880px;}
#topsample{height:270px;overflow:hidden;margin:auto;display:block;float:none;}
#topsample-box button{border-style:none;padding:0;width:420px;height:20px;border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;background-color:#dfccac;color:#fff;cursor:pointer;margin:0;}
#topsample-box button:hover{background-color:#dfb64b;}
#topsample-box button.prev{margin:7px 15px 5px 10px;}
#topsample-box button.next{margin:7px 0 5px;}



/*ヘッダー Header*/
#header_left {float: left;padding:0 0 10px;}
#site-description{padding:0;font-weight:normal;font-style:normal;color:#000;border-style:none;margin:0;float: left;font-size:12px;line-height:20px;}
#site-title{margin:0 20px 0 0;padding:0;border-style: none;}
#site-title a{background: url(img/logo.gif) no-repeat -5px top;width: 205px;height: 37px;float:left;text-indent:-9999px;border-style:none;clear:both;}
.addthis_toolbox {float:left;margin:0;font-size: 95%;line-height: 110%;padding:0;overflow: hidden;color: #999;width:auto;}


/*メインメニュー*/
#menu-main{width:890px;margin:auto;padding:0;display: block;height: 43px;overflow: hidden;list-style-type:none;padding: 0;}
#menu-main li{float: left;padding:10px 0;margin:0 10px 0 0;display: inline;}
#menu-main li a{color:#333;padding:5px 10px;float:left;text-align:center;font-size:13px;line-height:13px;border-radius: 20px;-moz-border-radius: 20px;}
.menu-main-container{clear: both;height: 58px;overflow: hidden;background: url(img/headnavi_bg.gif) left top;border-top:1px solid #eb6922;}
#menu-main li a{color:#333;padding:5px 10px;float:left;text-align:center;font-size:13px;line-height:13px;border-radius: 20px;-moz-border-radius: 20px;}
#menu-main li a:hover{text-decoration:none;color:#ff6c4c;}
#menu-main li.current-menu-item a {background-color:#5f5f5f;color:#fff;}


/*top*/
#topimage{padding: 40px 0 30px;}
#topimage a {margin: auto;display: block;text-align:center;}
#maincopy-ttl {background: url(img/maincopy_ttl.gif) no-repeat;text-indent: -999px;height: 45px;border-style:none;margin:0;padding-bottom:15px;}
#maincopy{background: url(img/maincopy_bg.gif) no-repeat 0 bottom;font-size: 90%;line-height: 180%;padding: 5px 17px 15px;margin-bottom:15px;color: #666;}
#link_sample{padding:10px 9px 20px 0;clear:both;}
#link_sample a {float:right;background: url(img/link_sample.gif) no-repeat;text-indent: -9999px;width: 280px;height: 25px;}


#blogcategory-ttl{height: 22px;background: url(img/blogcategory_ttl.gif) no-repeat;text-indent: -9999px;padding: 0;width:660px;line-height: 1px;font-size: 1px;margin: auto;display: block;}
#blogcategory{background: url(img/maincopy_bg.gif) no-repeat 0 bottom;padding:6px 10px 10px;text-align: center;margin: 0 auto 25px;clear: both;width:640px;display: block;}


/*ページ page*/
.page{padding:0;}
#post-95 div.page p a {color: #333;text-decoration: underline;}
#post-95 div.page p a:hover {color: #dc8300;text-decoration: none;}
.single.page .preview{float:left;margin-right:26px;margin-bottom:20px;}
#thanks{background-color:#fffee1;padding:8px;margin: 0 0 20px;float:right;list-style-type:none;border:1px solid #d5962e;color:#de5818;border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;font-size: 90%;line-height: 160%;width:256px;}

.about_table{border: 1px solid #ccc;padding: 15px;margin: 0 0 20px;font-size: 100%;border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;line-height: 160%;}
.about_table h2 {margin-top: 0;}
.about_table p strong {font-size: 110%;}
.about_table p {margin-bottom: 0;}


/*テーブルデザイン*/
.tablestyle{background-color:#ccc;margin-bottom:20px;width:100%;font-size: 90%;line-height: 150%;}
.tablestyle th{padding:5px;background-color:#999;color:#fff;text-align:center;width:180px;}
.tablestyle td{padding:5px 15px 5px 10px;background-color:#fff;}

.tabledesign1 {margin-bottom: 15px;border-bottom-style: none;border-right-style: none;border-top: 1px solid #000;border-left: 1px solid #000;}
.tabledesign1 td,
.tabledesign1 th {padding: 3px;border-left-style: none;border-top-style: none;border-right: 1px solid #000;border-bottom: 1px solid #000;}
.tabledesign1 th{background-color: #efdba6;white-space: nowrap;text-align: center;}
.tabledesign1 big {font-size: 18px;color: #c00;}
.tabledesign1 th.tablehead {background-color: #d1ab73;}
.tabledesign1 th.tableleft {width: 160px;}



/*タグ Tags*/
.tags {font-weight: bold;line-height: 200%;padding: 0;}




/*ぱんくず breadcrumb*/
.breadcrumb{text-align: left;font-size: 75%;margin: 0 0 20px;overflow:hidden;line-height: 120%;}
.breadcrumb a.home{background-color:#ed781f;color:#fff;}
.breadcrumb a{text-decoration:none;background-color:#ddd;color:#333;font-size:12px;line-height:22px;padding:5px 10px;}
.breadcrumb span{padding:5px;}


/*ナビゲーション Navi*/
.navigation{clear: both;;text-align: center;display:block;padding: 30px 0 0;}
.navigation a{color: white;padding:10px;background-color: #999;border: 0 solid #ccc;font-size:13px;line-height:20px;border-radius: 5px;-moz-border-radius:5px;float:left;}
.navigation .alignleft{display: inline;float:left;}
.navigation .alignright{display: inline;float:right;}


/*ページング*/
.wp-pagenavi{clear: both;;text-align: center;display:block;padding: 30px 0 0;}
.wp-pagenavi a{color: white;padding: 2px 10px;background-color: #999;border: 0 solid #ccc;margin: 2px;}
.wp-pagenavi span.current {font-size: 100%;line-height: 120%;background-color: #eee;padding: 2px 10px;margin: 2px;color: #f65d0b;}
.wp-pagenavi a.page {font-size: 100%;line-height: 120%;}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {font-size: 100%;line-height: 120%;background-color: transparent;color: #999;padding: 2px;}


.sample_voice {margin-left:0px;padding: 0;list-style-type: none;width:900px;float: left;}
.sample_voice li{float: left;width:200px;margin:0 10px 20px;}
.sample_voice li a{border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;float: left;overflow: hidden;padding: 0 0 10px;border: 1px solid #dd8c55;background: #faffef no-repeat center -1px;}
.sample_voice li a:hover{background-color: #f8ffd7;text-decoration:none;color: #de5818;}
.sample_voice li .msg {padding: 7px 7px 0;float:left;width: 184px;font-size: 93%;line-height: 160%;height: 51px;overflow: hidden;margin-top: 140px;border-top: 3px solid #e8ccac;}
#topsample.sample_voice li .msg {height: 97px;}
#sidesample.sample_voice {width: auto;float: none;}
#sidesample.sample_voice li {clear: both;margin: 0 0 15px;}
#sidesample.sample_voice li .msg {height: auto;}







/*フッター Footer*/
#footer-menu{clear: both;text-align:center;padding: 20px 0;width:100%;overflow:hidden;background-color: #fafafa;margin:0;border-top:1px solid #e8e8e8;border-bottom:1px solid #e4e4e4;}
#footer-menu ul{padding:0 5px 0 0;list-style-type:none;white-space: nowrap;text-align:center;margin:0 auto;}
#footer-menu ul li{padding:0 5px;margin: 0;display:inline;}
#footer-menu ul li a{color: #999;font-size: 100%;text-decoration: none;line-height: 100%;}
#footer-menu ul li a:hover{color: #d77755;text-decoration: underline;}

.copyright {color:#999;clear:both;text-align:center;margin: 0;padding: 17px 0 0;height: 31px;font: 90%/100% "Lucida Grande", Lucida, Verdana, sans-serif;}
.copyright a{color:#999;}




/*Contact Form 7*/
.wpcf7-form{border:1px solid #ddd;margin:0 auto 20px;padding:20px;background-color:#f4f4f4;border-radius:20px;-moz-border-radius:20px;}
.wpcf7-form input{margin:0;font-size:13px;line-height:20px;padding:3px;border:1px solid #737373;}
.wpcf7-form textarea{width:99%;margin:0 0 10px;border:1px solid #737373;font-size:13px;line-height:20px;padding:3px;}
.wpcf7-form .wpcf7-select{font-size:13px;font-weight:bold;line-height:20px;}
.wpcf7-form p{margin:0 0 10px;}
.wpcf7-form span{font-size:12px;color:#c00}
.wpcf7-not-valid-tip{padding:2px;clear:both;color:#c00;}
.wpcf7-display-none{display:none;}
.wpcf7-form img.ajax-loader{float:right;margin-top:-30px;}
.wpcf7-response-output{margin:0 0 20px;padding:5px;text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.wpcf7-mail-sent-ok{background-color:#398f14;color:#fff;}
.wpcf7-mail-sent-ng{background-color:#ff0000;color:#fff;}
.wpcf7-spam-blocked{background-color:#ffa500;color:#000;}
.wpcf7-validation-errors{background-color:#f7e700;color:#000;}
input.wpcf7-submit{margin:10px auto;width:218px;height:52px;border-style:none;text-indent:-9999px;display:block;cursor:pointer;background:transparent url(img/submit-btn.gif) center top;padding:0;}
input.wpcf7-submit:hover{background:transparent url(img/submit-btn.gif) center bottom;}



@media screen and (max-width: 960px) {
	#alpha{width: 100%;}
	#beta{width:100%;margin:0px 0 30px 0px;float:none;clear:both;padding-left:10px;}
	#gamma{width: 96%;}
	#rap{width:96%;}
	#header{width: 96%;}
	#topimage a img{width:96%;}
	#sidesample.sample_voice li {margin:0 15px 15px 0;clear:none;}
	#menu-main{width:96%;}
	#menu-main li{margin:0;}
	#menu-main li a{font-size:12px;}
	.sample_voice {width:105%;margin-left:-10px;}
	#blogcategory{margin:0 0 30px;}
	#blogcategory-ttl{margin:0;}
}