@charset "utf-8";
/*
Theme Name: Leben Theme
Theme URI: http://officel.biz/
Description: <a href="http://officel.biz">Office L</a> 制作テーマ
Version: 1.0
Author: Y.Nishimura
Author URI: http://officel.biz/
Tags: strict , fixed width, two columns, widgets

	Office L
	http://officel.biz/

*/

/* -------------------------------------------------------------------------
 * リセットスタート don't touch me.
 * ------------------------------------------------------------------------- */
html {
	margin:0;
	padding:0;
	height:100%;
	margin-bottom:1px;
}
body {
	color:#333;
	background:#fff;
	font:14px/1.35 arial,helvetica,clean,sans-serif;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ ゴシック",Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
* html body{
	font-size:10pt !important;
	font-size:94.5%;
}
p,div,dl,dt,dd,ul,ol,li
,h1,h2,h3,h4,h5,h6
,pre,code
,form,fieldset,legend,input,textarea
,blockquote
,th,td {
	text-align:left;
	margin:0;
	padding:0;
}
table {
	font-size:inherit;
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
img {
	display: block;
	/* SERVICE */
	background: url(./images/wait.gif) center center no-repeat;
	vertical-align:bottom;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
abbr,acronym {
	border:0;
	font-variant:normal;
}
q:before,q:after{content:'';}
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
select {
	vertical-align:middle;
}
input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
legend{
	color:#000;
}
input[type=radio]{
	margin:0 1px;
	padding:0;
	vertical-align:middle;
}
input[type=checkbox]{
	margin:0 1px;
	padding:0;
	vertical-align:middle;
}

:focus  {
	outline : 0;
}
/* -------------------------------------------------------------------------
 * デフォルトスタイルスタート Don't touch me 
 * ------------------------------------------------------------------------- */

h1 { font-size:138.5%;  }
h2 { font-size:123.1%; }
h3 { font-size:108%;  }
h1,h2,h3,h4,h5,h6,strong {
	font-weight:bold; 
}
abbr,acronym {
	border-bottom:1px dotted #000;
	cursor:help;
} 
em { font-style:italic; }
blockquote,ul,ol,dl {
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:3em;
}
ol > li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul > li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	border:1px solid #000;
	padding:.2em .2em .1em .2em;
}
th {
	font-weight:bold;
	text-align:center;
}
caption {
	margin-bottom:.5em;
	text-align:center;
}
p,fieldset,table,pre {
	margin-bottom:1em;
}
input[type=text],input[type=password] {
	padding:.1em;
	width:10em;
}
textarea{width:20em;}
pre,code,kbd,samp,tt {font-family:monospace;}
pre {
	border: 1px solid #ccc;
	width:auto;
	overflow: auto;
	margin:1em;
	padding: 2px 4px;
}
pre[title]:before{
	color:#fff;
	background:#333;
	font-size:         80%;
	text-align:right;
	margin-bottom:     0.3em;
	padding: 2px 4px;
	border-bottom:     1px solid #000;
	display:block;
	content:attr(title);
}
blockquote {
	display: block;
	border:1px solid #ccd;
	margin:1em;
	padding:5px;
}

cite {
	font-style: normal;
	text-align: right;
}

em {
	font-style: normal;
	font-weight: bold;
}

code {
	font-family:monospace;
}

kbd {
	font-family:monospace;
	text-transform: uppercase;
	border: 1px outset #ccc;
	padding: 0 0.4em;
}

kbd.accesskey {
	padding: 0 0.2em;
}
del {
	text-decoration:line-through;
}

del[datetime]:before{
	content: " ( "attr(datetime)" 削除) ";
}

ins{
	text-decoration: none;
	border-bottom: 1px dotted #666666;
	}

ins[datetime]:before{
	content: " ( "attr(datetime)" 修正) ";
}


/* -------------------------------------------------------------------------
 * サイト固有スタイルスタート Yes,make me your preference. 
 * ------------------------------------------------------------------------- */
/* 配色用及びレイアウトの初期化 -------------------------------------------- */
.outer {
	margin:0;
	padding:0;
	clear:both;
	width:100%;
	text-align:center;
}
.inner {
	margin:0 auto;
	padding:0;
	overflow:visible;
	text-align:left;
}
hr.section-separator { display:none; }
/* グリッド用。適当なセレクタを指定すれば、グリッド表示される */
/*
{
	background:transparent url("images/layoutGridTransmission01.gif") repeat 0 0 ;
}
*/
body                { color:#ffffff;background:#7b9acc;  }
 #page              { color:inherit;background:transparent;  }
  #page-inner       { color:inherit;background:transparent;  }
   #header          { color:inherit;background:transparent;  }
    #header-inner   { color:inherit;background:transparent;  }
   #contents        { color:inherit;background:transparent;  }
    #contents-inner { color:inherit;background:transparent;  }
     #main          { color:inherit;background:transparent;  }
      #main-inner   { color:inherit;background:transparent;  }
     #sub           { color:inherit;background:transparent;  }
      #sub-inner    { color:inherit;background:transparent;  }
   #footer          { color:inherit;background:transparent;  }
    #footer-inner   { color:inherit;background:transparent;  }
     #extra         { color:inherit;background:transparent;  }
      #extra-inner  { color:inherit;background:transparent;  }

/* レイアウト -------------------------------------------------------------- */
body {
	/*
	background-color:#7b9acc;
	background-color:#121d2e;
	*/
	background-image:url(images/bg_body.gif);
	background-repeat:repeat;
	background-position:center top;
	text-align: center;
	margin:0 auto;
}
#page {
	background-image:url(images/bg_page.png);
	background-repeat:repeat-x;
	background-position:top center;
	text-align: center;
	margin:0 auto;
}
#page-inner {
	overflow:none;
}
#header {
	background-image:url(images/bg_header.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin:0 auto;
}
#header-inner {
	text-align: left;
	width:780px;
	height:125px;
}
#contents {
	clear:both;
	margin:0 auto;
}
#contents-inner {
	width: 780px;
}
#main {
	color:#333;
	/*
	background:#fee;
	width: 61.8%;
	*/
	text-align: left;
	width: 540px;
	float: left;
}
#main-inner {
	padding-right:30px;
}
#sub {
	/*
	background:#eef;
	width: 38.1%;
	*/
	text-align: left;
	width: 240px;
	clear:none;
	float: left;
}
#sub-inner {
}
#sub div.widget {
	margin:0 0 10px 0;
}
#sub div.widget div.inner {
}
#sub div.widget a img {
	margin-left:-1px;
}
#footer {
	background-image:url(images/bg_footer.png);
	background-repeat:repeat-x;
	background-position:center 20px;
	clear:both;
}
#footer-inner {
	width: 780px;
}
/* IE6 以下用レイアウト ---------------------------------------------------- */
*html body #page ,
*html body #header ,
*html body #contents ,
*html body #footer {
	text-align:left;
	margin:0;
}
*html body #contents-inner {
	width:790px;
	margin-left:30px;
}
*html body #footer-inner {
	width:800px;
	margin-left:30px;
}
*html body #footer #go2top{
	text-align:left;
	padding-left:580px;
}
*html body #header h1 {
	background-position:70px 50px;
	padding-left:50px;
	height:100px;
}
/* アンカースタイル -------------------------------------------------------- */
a         { color: #33c;text-decoration: none; }
a:link    { color: #33c; }
a:visited { color: #903; }
a:hover   { color: #c33; }
a:active  { color: #fc3; }
#footer #extra a       { color: #bababa; }
#footer #extra a:hover { color: #ffffff; }

/* Navigation -------------------------------------------------------------- */
#header h1 {
	background:transparent url(images/logo.jpg) no-repeat 50% 50px;
	margin:0 0 0 0;
	padding:25px 0 0 0;
	width:240px;
	height:75px;
	float:left;
	overflow:none;
}
#header h1 a{
	text-indent:-9999px;
	display:block;
	width:100%;
	height:100%;
}

#header div#navigation {
	margin-top:45px;
	line-height:normal;
	float:left;
}
#header div#navigation ul {
	margin:0;
	padding:0 0 0 30px;
	list-style:none;
	overflow:hidden;
}
#header div#navigation ul li {
	font-size:14pt;
	font-weight:800;
	display:inline;
	margin:0;
	padding:0;
}
#header div#navigation ul li span {
	font-size:9pt;
	font-family:cursive;
	font-weight:100;
	display:block;
	padding-left:3px;
}
#header div#navigation ul li a {
	color:#bbb;
	float:left;
	margin:0;
	padding:0 10px 3px 25px;
	text-decoration:none;
}
#header div#navigation ul li a span {
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header div#navigation ul li a span {float:none;}
/* End IE5-Mac hack */
#header div#navigation ul li a:hover span {
	color:#fff;
}
#header div#navigation ul li a:hover {
	color:#fff;
}
#header div#navigation ul li a:hover span {
}

/* Breadcrumb -------------------------------------------------------------- */
.breadcrumb {
	color:#000;
	clear:both;
	margin:0 0 10px 0;
	padding:0;
	/* 領域確認用 */
	/*
	border:1px solid #ccc;
	*/
}
.breadcrumb p {
	font-size:0.9em;
	margin:0;
	padding:0;
}

/* category ページ --------------------------------------------------------- */
/* Contents ---------------------------------------------------------------- */
#main div.post {
	margin-bottom:10px;
}
#main .widget h2 ,
#main .post-header h2 {
	color:#fff;
	background-image:url(images/h2_bar.gif);
	background-repeat:no-repeat;
	background-position:left top;
	font-size:12pt;
	margin:0 0 10px 0;
	padding:5px 0 5px 10px;
}
#main .post-header h2 a {
	color:#ccc;
	display:block;
}
#main .post-header h2 a:link ,
#main .post-header h2 a:visited{
	color:#fff;
}
#main .post-header h2 a:hover{
	color:#fff;
}
#main #newpostlist ul {
	list-style:none;
	margin-left:0;
}
#main #newpostlist ul li {
	list-style:none;
	margin-left:0;
}

#main ul.home_works {
	list-style:none;
	margin-left:0;
}
#main ul.home_works li {
	list-style:none;
	margin:10px 0 10px 10px;
	display:inline;
}
#main ul.home_works li img {
	display:inline;
}
/* Thumbnails -------------------------------------------------------------- */

/* sub --------------------------------------------------------------------- */
#sub h2 {
	color:#fff;
	background-image:url(images/sub_h2_bar.gif);
	background-repeat:no-repeat;
	background-position:left top;
	clear: both;
	font-size:12pt;
	margin:0;
	padding:5px 0 5px 10px;
}
#sub h2.widgettitle span.st{
}
#sub .widget ul {
	margin: 0 0 0.5em 2em;

}
#sub .widget ul li {
	line-height:1.5em;
	list-style-image:url(images/li01.gif);
}


/* Footer ------------------------------------------------------------------ */
#footer #go2top {
	background-image:url(images/go2top.png);
	background-repeat:no-repeat;
	background-position:center top;
	text-align:center;
	font-size:80%;
	height:50px;
	margin:0;
	padding-top:30px;
	padding-left:530px;
}
#footer h2{
	color:#fff;
	margin-bottom:10px;
}

#footer #extra {
	width:100%;
}
#footer #extra #extra-inner {
}
#footer #extra .widget {
	/*
	background:#cff;
	width:33%;
	*/
	width:270px;
	clear:none;
	float:left !important;
}
#footer #extra .widget .inner {
	margin-right:15px;
}
#footer #extra .widget ul {
	margin: 0 0 0.5em 2em;
}
#footer #extra .aboutcard {
	width:240px;
}
#footer #idcard {
}
#footer #iddata {
	display:none;
}

#footer #copyright {
	color:#000;
	background:#fff;
	font-size:80%;
	text-align:center;
	clear:both;
	margin-top:20px;
	margin-bottom:5px;
	padding:5px 5px 2px 5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
}
#footer #copyright a {
	color:#000;
}

/* サービススタイル -------------------------------------------------------- */
img { background:transparent url("img/wait.gif") no-repeat center center; }


/* 有償提供用スタイル ------------------------------------------------------ */

/* table class="openair" --------------------------------------------------- */
table.openair ,
table.openair thead,
table.openair tbody,
table.openair tfoot,
table.openair tr,
table.openair th,
table.openair td {
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:0;
	border:none;
}

/* table class="pro" ------------------------------------------------------- */
table.pro {
	margin:0.5em auto;
	padding:0;
	border:2px solid #000;
	width:auto;
}
table.pro th {
	color:#fff;
	background-color:#333;
	font-weight:normal;
	text-align:center;
	padding:3px 3px 0 3px;
}
table.pro td {
	color:#333;
	background-color:#fff;
	text-align:left;
	padding:2px 5px 0 5px;
}
table.pro td.no {
	text-align:center;
}
table.pro td.money {
	text-align:right;
}
table.pro tfoot th ,
table.pro tfoot td {
	border-top:3px double #000;
}
table.pro tfoot td.total {
	text-align:right;
}
/* table class="gyoumutable" ----------------------------------------------- */
table.gyoumutable {
	font-size:80%;
	letter-spacing:0;
	margin:0;
	padding:0;
	border:1px solid #000;
	width:100%;
}
table.gyoumutable th {
	color:#fff;
	background-color:#333;
	font-weight:normal;
	text-align:center;
	padding:3px 0 0 0;
}
table.gyoumutable td {
	color:#333;
	background-color:#fff;
	text-align:center;
	padding:3px 0 0 0;
}
table.gyoumutable td.good {
	color:#000;
	background-color:#ccf;
}
table.gyoumutable td.best {
	color:#fff;
	background-color:#66c;
}
table.hanrei {
	width:auto !important;
	margin:10px 0 10px auto !important;
}

/* table class="history" --------------------------------------------------- */
table.history {
	font-size:90%;
	margin:0;
	padding:0;
	border:none;
	width:100%;
}
table.history th {
	color:#fff;
	background-color:#333;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	padding:3px 0 0 0;
	border:none;
}
table.history td {
	color:#333;
	background-color:#fff;
	vertical-align:top;
	text-align:left;
	padding:3px 0 0 0;
	border:none;
}
table.history .yyyymm {
	white-space: nowrap;
	padding-right:15px;
}


/* hr class="etc" ---------------------------------------------------------- */
hr.high-sep {
	margin: 1em 0;
    padding: 0;
	height: 10px;
	border: #000 5px solid;
}

hr.low-sep {
	margin: 1em 0;
	padding: 0;
	height: 2px;
	border: #000 1px solid;
	color: #000;
	background: #000;
}

hr.emboss {
	color: #000;
	background: #ccc;
	margin: 1em auto;
	padding: 0;
	width: 60%;
	text-align:center;
	height: 4px;
	border: #000 1px solid;
}

/* バグ取り ---------------------------------------------------------------- */
/* IE でセンタリングした body の描画範囲がずれる問題対応 */
*+html body { padding-left:1px;margin-left:-1px; }
/* Firefox で左端の線が重なって消えてしまう問題対応 */
#contents table {
	margin-left:1px;
}
/* IE6や5.5で透過PNGを使う */
#header ,
#footer #go2top ,
#footer img { behavior: url("/iepngfix.htc") }









/* WordPress Plugin Style -------------------------------------------------- */
/*
コンタクトフォームのCSS
*/
div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}