@charset "utf-8";

/*

Theme Name: WordPress Default

Theme URI: http://wordpress.org/

Description: 有名な <a href="http://binarybonsai.com/kubrick/">Kubrick</a> をもとにした WordPress のデフォルトテーマ

Version: 1.6

Author: Michael Heilemann

Author URI: http://binarybonsai.com/

Tags: blue, custom header, fixed width, two columns, widgets



	Kubrick v1.5

	 http://binarybonsai.com/kubrick/



	This theme was designed and built by Michael Heilemann,

	whose blog you will find at http://binarybonsai.com/



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/



/*インデックス

・基本構造

・リンク

・ヘッダ

・ナビ

・メインコンテンツ

・メインコンテンツパンくずナビ

・サイドナビ

・サイド

・フォーム

・フッター

・その他

・見出し

・フォント

------------------------------------------------*/



/*基本構造

------------------------------------------------*/

* {

   color:# 999;

   padding: 0;

   font-size: 12px;

   margin: 0;

   font-family: Verdana, Arial, sans-serif;

}



body {

   background-color: #fff;

   color: #999;

}



#container {

   width: 930px;

   margin-right: auto;

   margin-left: auto;

   background-image: url(images/bg2.gif);

   background-repeat: repeat-y;

}



#content {

   width: 930px;

}



#main {

   float: right;

   width: 660px;

}



#side-bar {

   float: right;

   width: 220px;

}



#side-nav {

   float: left;

   width: 270px;

}



#colum {

   float: left;

   width: 440px;

}



/*リンク

------------------------------------------------*/



a {

   text-decoration: none;

   color: #A01E4A;

}



a:hover {

   color: #A01E4A;

   text-decoration: underline;

}



a img {

   border: none;

}



/*ヘッダ

------------------------------------------------*/



#header {

   height: 380px;

   background-image: url(images/header.jpg);

   background-repeat: no-repeat;

   background-position: 0 20px;

   background-color: #fff;

}



#sub-t {

   color: #744876;

   font-size: 10px;

   padding: 10px 0 0 0;

}



/*ナビ

------------------------------------------------*/



#nav {

   width: 933px;

   height: 40px;

   padding: 0 0 20px 0;

   background-image: url(images/nav_bg.jpg);

   background-repeat: no-repeat;

   background-color: #fff;

}



#nav ul {

   list-style: none;

}

#nav ul li {

   list-style: none;

   float: left;

   display: block;

   padding: 0 3px 0 0;

}



/*メインコンテンツ

------------------------------------------------*/



.width600 {

	border-style:none;

	width:600px;

	margin:0 0 0 20px;

	text-align:center;

}



.width100 {

	border-style:none;

	float:left;

	padding:10px; /* spacing: 10+10=20 */

	width:100px;

}

.width100 a{

	border-style:none;

}

.height150 {

	border-style:none;

	height:150px;

}



.co-banner {

   line-height: 150%;

   color: #BBA639;

   padding: 0 0 20px 0;

}



#banner-box {

   float: left;

   display: block;

   background-image: url(images/dot2.gif);

   background-repeat: repeat-y;

}



.b-box {

   width: 215px;

   float: left;

   font-size: 10px;

   line-height: 160%;

   padding: 0 0 10px 0;

}



.b-box2 {

   width: 215px;

   float: left;

   font-size: 10px;

   line-height: 160%;

   padding: 0 0 10px 10px;

}



.b-box img {

   padding:0 0 10px 0;

}



.b-box2 img {

   padding:0 0 10px 0;

}



/*下層メインコンテンツパンくずナビ

------------------------------------------------*/



#pan {

   padding: 0 0 7px 0;

   color: #666;

}



/*下層メインコンテンツ

------------------------------------------------*/



.list {

   float: left;

   width: 640px;

   line-height:140%;

   padding:0 0 10px 0;

}



.list h3 {

   font-weight: bold;

   font-size: 110%;

   color: #666;

   border-left: 3px solid #A01E4A;

   margin: 0 0 0 135px;

   padding:0 0 0 8px;

}



.list img {

   float: left;

   margin: 0 15px 0 0;

   border: 1px solid #ccc;

}



.list-text {

   float: left;

   width: 500px;

}



.access {

   float: left;

   width:640px;

   line-height:140%;

   padding:0 0 25px 0;

}



#leftbox{

   float:left;

}



#rightbox{

   float:left;

}



.access p{

   width:325px;

}



.access h4{

}



.access img {

/*

   float: left;

   margin: 0 0 0 15px;

*/

   border: 1px solid #ccc;

}



isuzuyo ul {

   list-style: none;

}



.suzuyo li {

   list-style: none;

}



.suzuyo p {

   text-align:left;

   width:400px

}



.suzuyo h4 {

   text-align:left;

}



.suzuyo .advice {

   text-align: center;

   width: 300px;

   border: 1px solid #C38F98;

   padding:5px;

   margin: 5px 0 0 0;

   color: #C03;

}



.suzuyo {

   clear: both;

   float: left;

   width: 640px;

   line-height:140%;

   padding:0 0 25px 0;

}



.suzuyo img {

   float: left;

   margin: 0 15px 0 0;

   border: 1px solid #ccc;

}



.map {

   clear: both;

   float: left;

   margin: 20px 0 20px 0;

}



.map img {

   border: 1px solid #ccc;

   margin: 0 0 10px 0;

}



.advice {

   text-align: center;

   width: 300px;

   border: 1px solid #C38F98;

   padding:5px;

   margin: 5px 0 0 235px;

   color: #C03;

}



.voice {

   width: 640px;

   clear: both;

   float: left;

   padding: 10px 0 10px 0;

   line-height: 150%;

}



.voice img {

   float: left;

   padding: 0 20px 0 0;

}



.pho {

   margin: 15px 0 15px 0;

   border: 1px solid #ccc;

}



#company {

   width: 620px;

   line-height: 170%;

   border: 1px solid #DAA7AF;

   padding: 10px;

}



#company p {

   padding: 0 0 15px 0;

}



#inq {

   float: left;

   width: 640px;

   color: #666;

   line-height: 120%;

}



#inq table {

   margin: 15px 0 15px 0;

}



#inq td {

   padding: 3px 3px 7px 3px;

   vertical-align: top;

}



#joho {

   width: 640px;

   line-height: 120%;

}



#joho ul {

   list-style: none;

   padding: 0 0 10px 0;

}



#joho li {

   padding: 3px 0 3px 20px;

}



#joho p {

   padding: 10px 0 10px 0;

}



.check {

   clear: both;

   width: 640px;

   line-height: 150%;

   padding: 0 0 10px 0;

}



.check .leftbox{

   float:left;

   width:400px;

}



.check .leftbox p{

   width:400px;

   line-height: 150%;

   padding: 0 0 10px 0;

}



.check .leftbox h3{

   width:400px;

   line-height: 150%;

   padding: 0 0 10px 0;

}



.check .leftbox h4{

   width:400px;

   line-height: 150%;

   padding: 0 0 10px 0;

}



.check p{

   float: left;

   width:205px;

   line-height: 150%;

   padding: 0 0 10px 0;

}



.check-pho {

   float: left;

   margin: 0 0 0 30px;

}



p {

   width: 600px;

}





.lineup {

   width: 630px;

   line-height: 130%;

}



.pd-20 {

   width: 630px;

   padding:0 0 20px 0;

}



.lineup img {

   float: left;

   margin: 0 20px 0 0;

   border: 1px solid #ccc;

}



.no {

   padding: 0 0 0 5px;

   font-size: 11px;

   height: 17px;

   color: #c03;

   background-image: url(images/dot_line.gif);

   background-repeat: repeat-x;

   background-position:0 7px;

   border-left :3px solid #c03;

}



.detail {

   width:430px;

   padding:5px;

   border: 1px solid #ccc;

}



.detail p{

   width:430px;

}

.detail img{

   border:none;

   clear:both;

   margin:0 0 0 0;

   display:none;

}



.shosai {

   margin: 10px 0 0 0;

   padding: 0 23px 0 0;

   float: right;

   background-image: url(images/arr.gif);

   background-repeat: no-repeat;

   background-position:60px 2px;



}



#zoomup {

   width: 405px;

   padding: 0 0 0 110px;

   line-height: 150%;

}



#zoomup h4{

   width: 405px;

}



#zoomup img {

   border: 1px solid #ccc;

}



#free1 {

   width: 400px;

   padding: 10px 0 20px 0;

}



#free1 p{

   width: 400px;

}



#free1 img{

   border: none;

}



#free2 {

   float: right;

   width: 290px;

   padding: 0 0 0 0;

}



#free2 p{

   width: 290px;

}



#free2 img{

   border: none;

}



#zoomup-no {

   float: left;

   width: 90px;

   color: #c03;

}



/*サイドナビ

------------------------------------------------*/



#s-nav {

   width: 230px;

}



#s-nav ul {

   list-style: none;

}

#s-nav ul li {

   list-style: none;

   float: left;

}



#s-nav p {

   float: left;

   width: 230px;

   line-height: 150%;

}



/*サイド

------------------------------------------------*/



.text01 {

   float: left;

   width: 230px;

   padding: 25px 0 0 0;

   line-height: 150%;

}



#info {

   width: 180px;

   float: right;

   padding: 0 0 10px 0;

}



.text02 {

   text-align: left;

   line-height: 150%;

}



#s-box {

   width: 180px;

   float: right;

}



.s-btn {

   margin: 8px 0 8px 0;

}



/*フォーム

------------------------------------------------*/

/*フッター

------------------------------------------------*/

#footer {

   clear: both;

   width: 930px;

   text-align: center;

   padding:20px 0 0 0;

   background-color: #fff;

}



#footer a {

   color: #999;

   text-decoration: none;

}



#footer a:hover {

   color: #A01E4A;

   text-decoration: underline;

}



#footer img {

   padding: 0 0 20px 0;

}



#copy {

   color: #333;

   padding:30px 0 30px 0;

}



/*その他

------------------------------------------------*/





.dot-line {

   clear: both;

   width: 640px;

   height: 20px;

   margin: 0 0 10px 0;

   background-image: url(images/dot_line.gif);

   background-repeat: repeat-x;

}



/*見出し

------------------------------------------------*/

h1 {

   padding: 10px 0 10px 0;

}



#info h2 {

   padding: 0 0 12px 0;

}



h2 {

   padding: 0 0 30px 0;

}



.access h3 {

   float: left;

   clear: both;

   width: 630px;

   font-weight: bold;

   font-size: 120%;

   color: #666;

   border-left: 3px solid #A01E4A;

   margin: 0 0 20px 0;

   padding:0 0 0 8px;

}



#company h3 {

   width: 620px;

   font-weight: bold;

   font-size: 110%;

   color: #A01E4A;

   border-bottom: 1px solid #A01E4A;

   margin: 0 0 20px 0;

   padding:0 0 0 0;

}



.check h3 {

   width: 640px;

   height: 48px;

   border-bottom: 1px solid #EB9FB9;

   margin: 0 0 30px 0;

}



#zoomup h4 {

   text-align: center;

}



.lineup h4 {

   color: #666;

   padding: 20px 0 20px 0;

}



h4 {

   color: #666;

   padding: 0 0 10px 0;

}



/*フォント

------------------------------------------------*/



.tokumei {

   text-align: right;

   padding: 20px 0 0 0;

}



.b-110 {

   font-size: 110%;

   color: #666;

   line-height: 180%;

}



.red {

   color: #c03;

}



/*そのほか

------------------------------------------------*/

#relation_title {

	clear:both;

	border:solid 0px #ffffff;

	margin:48px 0px 2px 0px;

	padding:0px 0px 2px 6px;

	border-bottom-color:#d04E7A;

	border-bottom-width:1px;

	font-size:14px;

	font-weight:bold;

	color:#d04E7A;

}



#clear {

	clear:both;

}



#contents_navi{

	clear:both;

	clear:both;

	clear:both;

}



#searchbar {

	border:solid 2px #cccccc;

	margin:20px 0px 0px 0px;

	padding:12px;

}

#searchbar p{

	margin:5px 0px 0px 0px;

}



.excerpt_box{

   margin: 0 0 0 180px;

   width:445px;

}



.excerpt_box p{

   width:430px;

}



.excerpt_box h3{

   margin: 5px 0 0 0;

   width:430px;

}







/* cforms

---------------------------------------*/



/*                                                    */

/*  main 'top-level' form elements                    */

/*                                                    */

@import "calendar.css";



.cform { 

	margin:10px auto 0 auto; 

	width: 410px; 

}



.cform p{

        width: 410px;

}



.cform fieldset	{ 

	margin-top:10px; 

	padding:5px 0 15px 0; 

	border:1px solid #adadad; 

	border-left-color:#ececec; 

	border-top-color:#ececec; 

	background:#f7f7f7; 

}



.cform .cf_hidden {

	display:none; 

	border:none!important;

	background:none!important;

	padding:0!important;

	margin:0!important;

}



.cform legend { 

	margin-left:10px;

	padding: 0 2px; 

	font:normal 20px Times;

	color:#666666;

}



ol.cf-ol { 

	margin:0!important; 

	padding:0!important;

}



ol.cf-ol li	{

	background:none!important; 

	margin:5px 0!important;

	padding:0; 

	list-style:none!important; 

	text-align:left;

	line-height:1.3em;

}





/*                                                    */

/* just for text-only fields (no input)               */

/*                                                    */



ol.cf-ol li.textonly {

	background:#F0F0F0 !important;

	letter-spacing:1px;

	margin:10px 0pt !important;

	padding:5px 0pt;

	text-align:center;

}





/*                                                    */

/* global definitions for field labels                */

/*                                                    */



.cform label {

	width:120px; 

	margin:4px 10px 0 0; 

	display:-moz-inline-box; /*for mozilla*/

	display:inline-block; /*for Opera & IE*/

	text-align:right;

	vertical-align:top;

}



.cform label span {

	width:120px; /* must be the same as above!*/

	display:block; 

}



label.cf-before {

	margin:4px 10px 0 0; 

}



label.cf-after 	{

	margin:4px 15px 0pt 6px;

	text-align:left;

	width:115px;

}



label.cf-after span {

	width:115px;

	display:block;

}



label.cf-group-after {

	margin:3px 4px 0 2px;

	width:72px;

	text-align:left;

}

label.cf-group-after span {

	width:72px;

	display:block;

}



/*                                                    */

/*   FORM FIELDS general formatting                   */

/*                                                    */



.cform input,

.cform textarea,

.cform select { 

	padding:3px;

	background: #f9f9f9; 

	border: 1px solid #888888; 

	vertical-align:top;



}

.cform input:hover,

.cform textarea:hover,

.cform select:hover	{

	background:#CEDDDF; 

}



.cform input:focus,

.cform textarea:focus,

.cform select:focus	{ 

	background:#F3F8F8; 

}



.cform textarea,

.cform input {

	width:200px; 

}

.cform select {

	width:158px; /* attempt to have equal length */

	padding:2px 0;

}  



.cform select.cfselectmulti	{ 

	height:7.5em; 

}



.cform textarea {

	font-family: arial;

	font-size: 0.9em;

	overflow:auto;

}



/*                                                    */

/*   radio button title                               */

/*                                                    */



ol.cf-ol li.cf-box-title {

	font-weight:bold;

	letter-spacing:1px;

	padding:8px 0 0 100px; /* check with label 'width' incl. */

}



/*                                                    */

/*   check boxes                                      */

/*                                                    */



.cform input.cf-box-a,

.cform input.cf-box-b 	{ 

	margin:2px 0 0 0; 

	width:14px;

	height:22px;

	border:none!important;

	background:none!important; 

}



.cform input.cf-box-a 	{ 

	margin-left:100px; /* check with label 'width' incl. */

} 





/*                                                    */

/* check box groups                                   */

/*                                                    */



ol.cf-ol li.cf-box-group {

	margin:10px 0pt 0px !important;

	padding-left: 100px; 

} 



/*                                                    */

/* formatting for text:  "(required)"  & other        */

/*                                                    */



span.reqtxt,

span.emailreqtxt { 

	margin:3px 0 0 3px;

	font-size:0.9em;

	display: -moz-inline-box; 

	vertical-align:top;

}



/*                                                    */

/*   FORM submit button                               */

/*                                                    */



p.cf-sb {

	text-align:center;

	padding: 0!important;

	padding: 0!important;

	margin: 0;

}

.cform input.backbutton,

.cform input.resetbutton,

.cform input.sendbutton	{ 

	width:100px;  

	padding:5px; 

	margin: 10px 0 0 5px;

	font-size:0.8em;

	background:url(images/button-bg.gif) repeat-x; 

	border:1px solid #adadad!important;

	border-left-color:#ececec!important; 

	border-top-color:#ececec!important;

}

.cform input.resetbutton {

	width: auto;

	padding:5px 1em;

}

.cform input.backbutton {

	width: auto;

	padding:5px 1em;

}



/*                                                    */

/*   FORM FIELDS enhanced error display               */

/*                                                    */

ol.cf-ol li.cf_li_err {

	background:#FFDFDF url(li-err-bg.png) repeat!important;

	border-color:#DF7D7D;

	border-style:solid;

	border-width:1px 0pt;

	padding:5px 0!important;

	margin:5px 0!important;

}



ol.cf-ol li ul.cf_li_text_err {

	height:1%;

	min-height:1%;

	margin:0 0 0 100px;

	padding:0;

	color:#333;

}



ol.cf-ol ul.cf_li_text_err li {

	background:url(icon-alert.png) no-repeat left 1px!important;

	list-style:none!important;

	font-weight:bold;

	text-indent:0;

	margin:0 0 2px!important;

	padding-left:15px;

}

ol.cf-ol ul.cf_li_text_err li:before {

	content:'';

}



/*                                                    */

/* 'visitor verification' related styles              */

/*                                                    */



label.secq,

label.seccap {

	vertical-align:text-bottom;

	margin-bottom:4px;

}



input.secinput {

	vertical-align:text-bottom;

}



#cforms_captcha6,

#cforms_captcha5,

#cforms_captcha4,

#cforms_captcha3,

#cforms_captcha2,

#cforms_captcha {

	height:15px;

	width:50px;

	padding: 4px 4px;

	margin: 0;

}



img.captcha	{

	vertical-align:text-bottom;

	margin:0 0 0 10px!important;

	padding:0!important;

	border:none!important;

	float:none!important;

}



img.captcha-reset {

	vertical-align:text-bottom;

	background:	url(captcha_reset_grey.gif) no-repeat;

	margin:0 0 2px 3px;

	width:21px;

	height:21px;

	border:none;

}



img.imgcalendar {

	border:none;

}



/*                                                    */

/* change formatting of response msgs here            */

/*                                                    */



div.cf_info {

	color:#333;

	display:none;

	padding:10px 15px!important;

	width:380px;

	line-height:1.3em;

	margin:10px auto;

}

div.cf_info ol {

	margin:0;

	padding:5px 15px 0 30px;

}

div.cf_info ol li {

	padding:1px 0;

	margin:2px 0;

}

div.cf_info a	{

	color:#ad2929!important;

	text-decoration:underline!important;

}

div.success {

	background:#F7F7F7 none repeat scroll 0% 50%;

	color:#444444;

	display:block;

}

div.failure {

	display:block;

	background:#FFDFDF url(li-err-bg.png) repeat!important;

	border-color:#DF7D7D;

	border-style:solid;

	border-width:1px 0pt;

}

div.waiting {

	background:#F9F9F9;

	color:#AAAAAA;

	display:block;

}

/*                                                    */

/*   formatting for invalid user inputs               */

/*                                                    */

.cform .cf_error { 

	color:#ad2929; 

	border:1px solid #ad2929; 

}

div.mailerr {

	display:block;

}

.mailerr,

.cform .cf_errortxt {

	color:#ad2929; 

}



/*                                                    */

/* disabled fields [disabled] does not work on IE!    */

/*                                                    */



[disabled] {

	color:#dddddd;

	border-color:#dddddd!important;

	background:none!important;

}

.disabled {

	border-color:#dddddd!important;

}



/*                                                    */

/* upload box styling                                 */

/*                                                    */

.cform input.cf_upload  {

	width:220px;

	background: #f9f9f9;

	border:1px solid #888888;

}



/*                                                    */

/*  Other: link love                                  */

/*                                                    */

.linklove {

	width:410px;

	margin:0 auto 10px!important;

	padding:0!important;	

	text-align:center!important;

}

.linklove a,

.linklove a:visited {

	font-size: 0.8em;

	font-family: Tahoma;

	color:#aaaaaa!important;

}



/*                                                    */

/*  Other: browser hacks                              */

/*                                                    */

* html .cform fieldset {

	position: relative;

	margin-top:15px;

	padding-top:25px; 

}

* html .cform legend { 

	position:absolute; 

	top: -10px; 

	left: 10px; 

	margin-left:0;

}

*+html .cform fieldset {

	position: relative;

	margin-top:15px;

	padding-top:25px; 

}

*+html .cform legend { 

	position:absolute; 

	top: -10px; 

	left: 10px; 

	margin-left:0;

}



* html ol.cf-ol,

* html ol.cf-ol li,

* html span.reqtxt,

* html span.emailreqtxt { 

	display: inline-block;  /*for ie6*/

}

*+html .cform label,

*+html ol.cf-ol,

*+html ol.cf-ol li,

*+html span.reqtxt,

*+html span.emailreqtxt {

	display: inline-block; /*for ie7*/

}



* html img.captcha {

	margin-bottom:1px!important;

}

*+html img.captcha {

	margin-bottom:1px!important;

}



.previous_post{

	margin:10px 0 0 0;

	float:left;

}

.next_post{

	float:right;

}



.relative_text{

	float:left;

	width:100px;

	color:#666;

	font-size:10px;

	/*height: 24px;*/

}





div#qr_code{

        width:180px;

        float:left;

}



div.textwidget{

        width:180px;

        float:left;

}



div#qr_code{

        clear:both;

        width:178px;

        margin:5px 0 0 0;

        padding:0;

        text-align:center;

        border:1px solid #f9c;

}



div.qr_title{

        width:178px;

        margin:0;

        padding:4px 0 0 0;

        background-color:#f9c;

        font-size:12px;

        color:#ffffff;

}



div.qr_sub_title{

        width:178px;

        margin:0;

        padding:2px 0 5px 0;

        background-color:#f9c;

        color:#ffffff;

        font-size:10px;

}



div.qr_how2access{

        margin:4px 0 0 0;

        color:#f9c;

}

div.qr_url{

        margin:2px 0 4px 0;

}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}