@charset "utf-8";
/*
Theme Name: ホームページde本舗
Theme URI: http://www.jam-design.jp/
Description: ジャム・デザインが制作したテーマ
Version: 1
Author: Michael Heilemann
Tags: blue, custom header, fixed width, two columns, widgets
Text Domain: kubrick

*/



/*
-----------------------------------------------
▼基本デザイン
----------------------------------------------- */

* {
margin:0;
padding:0;
}
body {
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS PGothic','ＭＳ Ｐゴシック', sans-serif;
font-size:12px;
}
body * {
line-height:1.5;
}
a {
font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS PGothic','ＭＳ Ｐゴシック', sans-serif;
}
img {
border:0;
vertical-align:bottom;
}
ul,ol,li {
list-style-type:none;
}
select,
input,
textarea {
font-family:'MS PGothic';
}
html > body select,
html > body input,
html > body textarea {
font-family:'Lucida Grande',sans-serif;
}
table,h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
table {
border-collapse:collapse;
}

a:link {color:#03F;}
a:visited {color:#039;}
a:hover,a:active {color:#903;}

/*\*/ a { overflow:hidden;} /**/

/* Win IEちらつき防止▼ */
* html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}
.clearfix:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

.clearfix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}

/* Hides from IE-mac \*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* for ie5,6*/

* html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

/* css_end */

body{
background:url(img/body_bg.gif) #e6faf7 repeat-x 40px 0;
text-align:center;
}
/* header */
#header{
background:url(img/header_bg.gif) repeat-x;
height:94px;
text-align:center;
position:relative;
z-index:40;
}

#header .top_box{
width:950px;
margin:0 auto;
text-align:left;
}
#header .top_box h1{
width:378px;
float:left;
}
#header .top_box h1 a{
background:url(img/main_logo.jpg) no-repeat;
display:block;
height:67px;
width:327px;
text-indent:-999999em;
margin-top:14px;
}
#header .top_box .tel{
background:url(img/header_tel.gif) no-repeat;
height:59px;
width:208px;
margin-top:17px;
float:left;
text-indent:-999999em;
}

#header .sub_menu{
width:363px;
float:right;
display:inline;
margin-right:1px;
}

#header .little_menu{
background:url(img/header_submenu_bg.gif) no-repeat;
padding:2px;
color:#fff;
font-size:11px;
text-align:center;
}
#header .little_menu p a{
color:#fff;
}
.sub_menu a.btn1{
height:52px;
width:204px;
margin-top:6px;
float:left;
background:url(img/header_btn1.gif) no-repeat;
text-indent:-99999em;
display:block;
}
.sub_menu a.btn2{
height:52px;
width:147px;
margin-top:6px;
float:right;
background:url(img/header_btn2.gif) no-repeat;
text-indent:-99999em;
display:block;
}
.headbottom{
background:url(img/head_bottom_bg.png) repeat-x;
height:6px;
font-size:1px;
text-indent:-9999999em;
}
/* header hack */
*html .headbottom{
background:#ddd;
filter: alpha(opacity=40); 
}




/* main */

#main{
width:950px;
background:#fff;
margin:0 auto;
text-align:left;

}
/* works */
.works{
background:url(img/info_bg_body.gif) repeat-y center;
width:709px;
margin:15px auto;
}
*html .works{
position:relative;
z-index:-4;
}

.works_top{
background:url(img/info_bg_top.gif) no-repeat center;
height:9px;
font-size:1px;
}
.works_bottom{
background:url(img/info_bg_bottom.gif) no-repeat center;
height:5px;
font-size:1px;
}

.works_title{
margin:0 auto;
background:url(img/info_title_body.gif) repeat-y center;
width:682px;
position:relative;
margin-bottom:5px;
}

.works_title a.back_btn{

color:#555;
position:absolute;
top:7px;
right:8px;
z-index:99990;
padding:2px 12px;
border:1px solid #fff;
background:#feae31;
text-decoration:none;
font-weight:bold;
}
.works_title a.back_btn:hover{
color:#222;
}
.works_title_top{
background:url(img/info_title_top.gif) no-repeat center;
height:4px;
font-size:1px;
}
.works_title_bottom{
background:url(img/info_title_bottom.gif) no-repeat center;
height:9px;
font-size:1px;
}
.works_title h3{
background:#ed772c;
color:#fff;
border:0px;
margin-right:2px;
margin-bottom:4px;
}
.works_title p{
padding:8px;
}

.works_entry{
position:relative;
margin-left:13px;
margin-right:3px;
margin-bottom:5px;
display:inline;
float:left;
width:333px;
background:url(img/works_entry_bg.gif) no-repeat center bottom;
padding:0;
z-index:0;
}
.works_entry .de{
background:url(img/de_mark.png)no-repeat;
width:59px;
height:54px;
text-indent:-9999em;
position:absolute;
top:-10px;
left:-4px;
z-index:20;
}


.works_entry h4{
color:#444;
margin-top:0px;
margin-right:0px;
padding-left:60px;
padding-right:10px;
padding-top:5px;
font-size:13px;
padding-bottom:15px;
background:url(img/works_entry_line.gif) #d5e2bf no-repeat center bottom ;
letter-spacing:-1px;
}
*html .works_entry h4{
padding-left:20px !important;
}
*html .de{
display:none;
}
.entry_text{
margin-left:11px;
width:305px;
margin-top:10px;
margin-bottom:10px;
}

.entry_text img{
float:left;
}
.entry_text a{
display:block;
margin-bottom:5px;
}

.entry_text div{
margin-left:155px;
}
.entry_text span{
padding:3px 10px;
display:block;
color:#fff;
background:#9bd769;
}


.works_entry_bottom{
background:url(img/info_entry_bottom.gif) no-repeat 0 1px;
height:6px;
font-size:1px;
}

.hidari{
clear:both !important;
}

/* inqery */
.tel_box{
background:url(img/inq.jpg) no-repeat;
height:115px;
width:707px;
margin:0 auto;
position:relative;
text-indent:-99999em;
}
*html .tel_box{
position:relative;
z-index:0;
}
.tel_box a{
display:block;
height:46px;
width:243px;
text-indent:-99999em;
position:absolute;
top:47px;
right:56px;
z-index:0;
}
* html .tel_box a{
right:55px;
}
.tel_box a:hover{
background:url(img/form_btnr.gif) no-repeat;
}


/* info */
.info h3{
margin-top:10px;
padding-bottom:3px !important;
padding-top:5px;
margin-bottom:5px !important;
background:url(img/main_h4_bg.gif) repeat-x;
border-bottom:#bcefa8 solid 2px;
font-size:14px;
}
.info ul li{

background:url(img/info_arrow.gif) no-repeat left top;
margin:3px 0;
width:650px;
}
.info ul li span{
display:black;
float:left;
width:90px;
margin-left:44px;
display:inline;
}
.info ul li a{
display:black;
float:right;
width:500px;
margin-top:-1.4em;
}
.info ul {
margin-bottom:10px;
}


/* menu */
.ami_box {
width:215px;
height:90px;
background:url(img/topbanner.gif) no-repeat;
margin-bottom:8px;
z-index:50;
text-indent:-9999em;
}
.ami_box h2{
display:none;
}

#main #side_menu h3{
font-size:14px !important;
}
#main #side_menu{
margin-top:-98px;
float:left;
width:215px;
margin-right:8px;
}
#main #side_menu ul{
margin-left:2px;
width:213px;
background:url(img/side_menu_body.gif) repeat-y;
}

#side_menu .side_top{
margin-left:2px;
height:5px;
text-indent:-9999em;
font-size:1px;
overflow:hidden;
background:url(img/side_menu_top.gif) no-repeat;
}
#side_menu .side_bottom{
margin-left:2px;
height:5px;
text-indent:-9999em;
font-size:1px;
overflow:hidden;
background:url(img/side_menu_bottom.gif) no-repeat;
}

/* content */

#main #cbox{
width:720px;
margin-left:224px;
}

/* footer */

#footer{
width:722px;
margin:0 4px 0 224px;
}
#footer .bottom_menu{
text-align:right;
border-bottom:1px solid #555;
padding-top:5px;
margin-bottom:4px;
}
#footer .bottom_menu p{
padding:2px;
}
#footer .footer_box{
background:url(img/footer_box_bg.gif);
color:#333333;
padding:5px 10px;
}

#footer .copy{
background:#5bae53;
color:#fff;
text-align:right;
font-size:11px;
}
#footer .copy p{
padding:2px 20px 2px 2px;
}


.entry{
background-color:#fff;
margin-bottom:10px;

}
.under_entry{
padding-top:10px;
margin-bottom:15px;
padding-bottom:200px;

}
.under_entry .text{
padding:0 30px;
}

/* 各ページ共通 */
h2{

padding:30px 0 20px 10px;
font-size:22px;
font-weight:bold;
color:#03a65f;
background:url(img/main_h2_bg.gif) top left;
background-repeat:repeat-x;
}
h3{
margin:20px 0 15px 0;
padding-left:22px;
font-size:20px;
font-weight:bold;
color:#575757;
background:url(img/main_h3_bg.gif) top left;
background-repeat:no-repeat;
border-bottom: solid 3px #73c405;
}
h4{
margin-top:15px;
padding-left:22px;
font-size:18px;
font-weight:bold;
color:#70c300;
}
h5{
margin:10px 0 5px 0;
padding-left:40px;
font-size:18px;
font-weight:bold;
color:#333;
}
.h_ttl{
margin-top: 10px 0 5px 0;
padding-top: 5px 0 3px 0;
background-image: url(img/main_h4_bg.gif) 0 0;
background-repeat: repeat-x;
border-bottom-width: 2px solid #bcefa8;
font-size: 14px;
}
#h2_img{
padding-bottom:40px;
}
.l10{
padding-left:10px;
}
.l20{
padding-left:20px;
}
.l40{
padding-left:40px;
}
.l58{
padding-left:58px;
}
.t15{
padding-top:15px;
}
.b10{
padding-bottom:10px;
}
.b10{
padding-bottom:10px;
}
.b15{
padding-bottom:15px;
}
.b30{
padding-bottom:30px;
}
.f_bold{
font-weight:bold;
}
.f_bolder{
font-weight:bolder;
}
.f_15{
font-size:15px;
}
.f_ygrn{
color:#70c300;
}
.f_grn{
color:#093;
}
.f_red{
color:#f00;
}
.f_black{
color:#000;
}
.aln_right{
text-align:right;
}

.bdr_bottm{
padding-bottom:10px;
border-bottom:1px solid #999;
}
.btn_center{
padding:10px 0 10px 0;
text-align:center;
}
.kome li{
padding-left:1em;
text-indent:-1em;
}
.kome01{
padding-left:52px;
text-indent:-1em;
}
.kome02{
padding-left:32px;
text-indent:-1em;
}
.waku_red{
margin:10px 0;
padding:5px 10px;
font-weight:bold;
color:#f00;
font-size:14px;
border:1px solid #f00;
}

/* ホームページde本舗とは */
.about_tokuten01{
display:block;
padding:10px 15px;
background-color:#e4f4cf;
}
.about_tokuten_02{
font-size:18px;
font-weight:bold;
color:#093;
}

/* サービス内容・商品について */
.service_h3{
line-height:2em;
font-size:18px;
color:#03a65f;
background:none;
border-left: solid 10px #03a65f;
border-bottom: solid 2px #03a65f;
}
.service_h4{
margin-top:15px;
padding-left:22px;
font-size:18px;
font-weight:bold;
color:#70c300;
}
.service_h5{
margin:10px 0 5px 0;
padding-left:40px;
font-size:18px;
font-weight:bold;
color:#333;
}
.service_waku{
float:left;
margin-bottom:15px;
padding:10px;
border:1px solid #03a65f;
}
.service_waku02_l{
float:left;
width:320px;
}
.service_waku02_r{
float:left;
width:375px;
}
.service_waku02_r p{
padding-bottom:5px;
}
.service_waku h5{
margin:10px 0;
padding:4px 0 0 12px;
font-size:16px;
color:#fff;
background-color:#70c300;
}
.lineup_01{
font-size:26px;
color:#03a65f;
}
.lineup_waku{
padding:15px 0;
border-bottom:1px solid #999;
}
.lineup_left{
float:left;
width:320px;
}
.lineup_right{
float:left;
width:385px;
}
.lineup_h4{
margin:0;
padding:0 0 5px 0;
}
.lineup_right p{
padding-bottom:5px;
}
.service_month{
width:100%;
margin:10px 0 15px 0
}
.service_contents th,.service_month th{
padding:3px;
background-color:#cfc;
border:1px solid #000;
}
.service_contents td,.service_month td{
padding:3px;
border:1px solid #000;
}
.service_inquire{
margin-bottom:15px;
padding-left:52px;
text-indent:-12px;
color:#093;
}
.service_inquire li{
padding:2px 0;
}
.service_month_reception{
margin:15px 0;
padding:10px 20px;
background-color:#70c300;
font-weight:bold;
font-size:15px;
color:#fff;
}
.service_access_main{
background:url(img/service_access_01.jpg) top right;
background-repeat:no-repeat;
}
.service_access_copy{
font-size:24px;
color:#03a65f;
}
.service_access_copy02{
width:450px;
}
.service_access_left{
float:left;
}
.service_access_right{
float:right;
}
.service_access_h4{
width:180px;
margin-bottom:10px;
padding:5px 20px;
font-size:14px;
background-color:#093;
color:#fff;
}
.service_access_left02{
text-align:right;
margin-top:70px;
}
.service_design_waku{
padding:10px 10px 30px 0;
}
.service_design_waku_l{
float:left;
}
.service_design_waku_r{
float:right;
}
.service_design_h4{
margin-top:30px;
padding-left:0;
font-size:18px;
font-weight:bold;
color:#333;
border-bottom:1px solid #333;
}
.h_ttl{
margin: 30px 0 15px 0;
padding: 7px 0 3px 20px;
background: url(img/main_h4_bg.gif) top left;
background-repeat: repeat-x;
border-bottom-width: 2px solid #bcefa8;
font-size: 14px;
}

/* オプションについて */
.option_main{
background:url(img/option_h2_img.gif) top right;
background-repeat:no-repeat;
}
.option_menu{
float:left;
margin:30px 0 10px 0;
padding-bottom:3px;
width:690px;
background:url(img/option_line.gif) bottom left;
background-repeat:repeat-x;
}
.option_menu01{
float:left;
width:480px;
color:#fe0606;
font-weight:bold;
font-size:14px;
}
.option_menu01 img{
padding:0 0 3px 3px;
}
.option_menu02{
float:right;
margin:0;
font-weight:bold;
font-size:14px;
}

/* お申込みの流れ */
.flow_step{
padding-top:30px;
}
.flow_step_l{
float:left;
width:70px;
}
.flow_step_r{
float:left;
width:640px;
}
.flow_step_r h4{
margin:15px 0 10px 0;
padding:0;
font-size:18px;
color:#666;
background-color:#fff;
border-bottom:1px solid #70c300;
}

/* 運営会社 */
.profile{
margin-top:30px;
}
.profile th{
background-color:#cfc;
}
.profile th,.profile td{
padding:5px;
border:5px solid #fff;
border-left:none;
}


/* main_img関連 */

#home_top a{

}

/* お問い合わせフォーム関連 */

.inq table.otoi{
width:700px;
margin:10px;
}

.inq table.otoi th{
padding:5px 0;
text-indent:5px;
background:#f0f0f0;
border:1px solid #cdd4dd;
width:200px;
font-size:12px;
}
.inq table.otoi td span{
width:120px;
display:black !important;
}


.inq table.otoi th span.f10{
color:#f00;
padding-left:5px;
}


.inq table.otoi td{
padding:5px 0;
text-indent:5px;
background:#fff;
border:1px solid #cdd4dd;
}

.inq table.otoi td td{
padding:5px
text-indent:5px;
background:#fff;
border:0px solid #cdd4dd;
}
th p.doui{
padding:5px;
text-align:center;
color:#009000;
}


.kakunin_btn{
display:black;
padding:20px;
text-align:center;
margin-bottom:20px;
border-top:dotted 1px #aaa;
margin-top:20px;
}

.inq h4{
font-size:13px;
border-bottom:dotted 1px #aaa;
border-left:3px solid #009000;
margin:0px 10px;
margin-top:20px;
margin-bottom:20px;
}

.inq dl{
margin:4px 15px;
margin-bottom:20px;
}
.inq dl dt{
color:#009000;
padding:2px;
}
.inq dl dd{
padding:2px;
margin-bottom:15px;
}




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */