@charset "utf-8"; /* Theme Name:shiroari-top */

* { margin:0;padding:0;}

/* OLD CONFIG */
body {
	/*font:14px/1.4 "小塚ゴシック Pr6N M" Sans-Serif ; */
	/*
	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
    
	line-height:120%;
	color:#663300; 
	background:#FAE3CD; 
	letter-spacing:1.0px;
	*/
}

a img:hover {
opacity:0.8;
filter: alpha(opacity=80); /* IE 8以下 */
-ms-filter: "alpha(opacity=80)"; /* IE 8 */
-khtml-opacity: .8; /* Safari 1.x */
-moz-opacity: .8; /* Firefox 1.5以下, Netscape */
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',Arial,Helvetica,sans-serif; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */
	color:#663300; background:#FAE3CD; letter-spacing:1.0px;
	font-size: 13px;
	line-height: 1;
	/*line-height: 1.2;*/
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

div, ul, ol, dl, dt, dd {
	margin:0;
	padding: 0;
}

::-moz-selection { background: #999; }
::selection { background: #999; }
/* ------------------------------------------------- */

a { color:#663300;text-decoration:none;}
a:hover { color:#663300;}
a:active, a:focus { outline:0;}
img { border:0; }

.clear { clear:both;}

#topnav .top-menu { display:none;}


/************* 全体 *************/
#wrapper {
margin:0 auto; padding:0 20px; width:960px;
font-size:inherit;
font:100%;
}


/************* /* ヘッダー *************/
#header { height:85px; position:relative; }
#header h1,#header h2,#header .contactright { position:absolute; top:0; }
#header h1 {  padding:7px 0 10px; font-size:16px; line-height:25px;font-weight: normal; /*font-family:"小塚ゴシック Pr6N M" Sans-Serif;*/ }
#header h2 { top:41px; }
#header h2 .sub { font-size:15px; line-height:20px; font-weight: normal; /*font-family:"小塚ゴシック Pr6N M" Sans-Serif;*/ }
#header h2 .title { font-size:29px; line-height:35px; /*font-family:"小塚ゴシック Pr6N H" Sans-Serif;*/ }
#header .contactright { top:41px; right:0px; /*width:232px;*/ height:52px; background-image:url(img/tmp/1.png); background-repeat:no-repeat; background-position:left bottom; white-space: nowrap; }

.contactright .span1 { font-size:150%; /*font-family:"小塚ゴシック Pr6N H" Sans-Serif;*/ font-weight:bold; }
.contactright .span2 { /*font-size:13px;*/ /*font-family:"小塚ゴシック Pr6N H" Sans-Serif;*/ font-weight:bold; }
.contactright .span3 { margin-left:38px; font-size:220%; line-height:40px; /*font-family:"小塚ゴシック Pr6N H" Sans-Serif;*/ font-weight:bold; }


/************* /* トップナビゲーション *************/
#topnavi { width:960px; margin:25px 0 30px; }
#topnavi:after { clear:both; content:""; display:block; }
#topnavi ul { list-style-type:none; }
#topnavi li { width:160px; height:59px; line-height:20px; text-align:center; float:left; font-size:14px; font-weight:bold; /*font-family:"小塚ゴシック Pr6N M" Sans-Serif;*/ }
#topnavi li a { display:block; padding-top: 20px; }
#topnavi li a.s { display:block; padding-top: 12px; }
/*#topnavi .navi01 { background-image:url(img/tmp/2.jpg); background-repeat:no-repeat; background-position:left top; }*/
#topnavi .navi02 { background-image:url(img/tmp/5.jpg); background-repeat:no-repeat; background-position:left top; }
#topnavi .navi02_on { background-image:url(img/tmp/3.jpg); background-repeat:no-repeat; background-position:left top; }
#topnavi .navi03 { background-image:url(img/tmp/4.jpg); background-repeat:no-repeat; background-position:left top; }
#topnavi .navi03_on { background-image:url(img/tmp/2.jpg); background-repeat:no-repeat; background-position:left top; }

/*#topnavi .navi02 .on { background-image:url(img/tmp/3.jpg); background-repeat:no-repeat; background-position:left top; }
#topnavi .navi03 .on { background-image:url(img/tmp/2.jpg); background-repeat:no-repeat; background-position:left top; }*/

#topnavi .navi02:hover,
#topnavi .navi03:hover {
	opacity:0.6;
}


/************* メイン（右側）コンテンツ *************/
#main { float:right; width:700px; padding:20px 0; display:inline; }

#main h2 { margin-bottom:15px; padding-left:55px; font-size:30px; line-height:47px; /*font-family:"小塚ゴシック Pr6N B" Sans-Serif;*/ }
#main .mh11 { background-image:url(img/top/2.png); background-repeat:no-repeat; background-position:left center; }
#main .mh12 { background-image:url(img/top/15.png); background-repeat:no-repeat; background-position:left center; }
#main .mh13 { background-image:url(img/top/22.png); background-repeat:no-repeat; background-position:left center; }
#main .mh14 { background-image:url(img/service/1.png); background-repeat:no-repeat; background-position:bottom; padding-bottom: 10px; padding-left: 0; text-align: center;}
#main .mh15 { background-image:url(img/service/add02.jpg); background-repeat:no-repeat; background-position:left center; font-size: 220%; }
#main .mh16 { padding: 0px; margin-top: 30px; margin-bottom: 0; font-size: 200%; }
#main .mh17 { background-image:url(img/staff/1.png); background-repeat:no-repeat; background-position:left center; }
#main .mh18 { background-image:url(img/series/1.png); background-repeat:no-repeat; background-position:left center; }
#main .mh19 { background-image:url(img/check/1.png); background-repeat:no-repeat; background-position:left center; }
#main .mh20 { background-image:url(img/area/1.png); background-repeat:no-repeat; background-position:left center; }
#main .mh21 { background-image:url(img/company/1.png); background-repeat:no-repeat; background-position:left center; }
#main .mh22 { background-image:url(img/profile/1.png); background-repeat:no-repeat; background-position:left center; }
#main .mh23 { background-image:url(img/support/1.png); background-repeat:no-repeat; background-position:left center; }
#main .mh24 { background-image:url(img/fear/1.png); background-repeat:no-repeat; background-position:left center; }

#main .anshin { width:700px; height:128px; line-height:128px; }
#main .anshin:after { clear:both; content:""; display:block; }
#main .anshin-l { position:relative; width:126px; height:128px; float:left; }
#main .anshin-l img { position:absolute; top:50%; left:50%; margin-left:-63px; margin-top:-74px; }
#main .anshin-r { position:relative; width:562px; height:128px; float:right; }
#main .anshin-r img { position:absolute; top:50%; left:50%; margin-left:-281px; margin-top:-66px; }
#main .topmore { background:#98CBFE; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; float:right; margin-bottom:40px; }  
#main .topmore p { padding:5px 15px; line-height:20px; font-size:18px; /*font-family:"小塚ゴシック Pr6N B" Sans-Serif;*/ font-weight:bold; }
#main .topmore:after { clear:both; content:""; display:block; }
#main .topmore:hover{ background-color:#c0e0ff;}

#main .stepbox { width:190px; height:270px; float:left; }
#main .stepbox .step { width:200px; height:44px; }
#main .stepbox .step img { margin-right:10px; }
#main .stepbox .step p { width:200px; line-height:44px; font-size:23px; /*font-family:"小塚ゴシック Pr6N H" Sans-Serif;*/ font-weight:bold; float:left; }
#main .stepbox .step .lh22 { width:200px; line-height:22px; }
#main .stepbox .box { width:190px; height:190px; margin-top:10px; padding-top:10px; background:#FFFEBF; }
#main .stepbox .box img { margin:0 15px; }
#main .stepbox .box p { padding:5px 15px; font-size:14px; line-height: 18px; /*font-family:"小塚ゴシック Pr6N M" Sans-Serif;*/ }
#main .send {
	float: left;
	margin: 0 5px;
    padding-top: 120px;
}
#main .topmore2 { background:#663300; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; float:right; margin-bottom:40px; }  
#main .topmore2 p { color:#FFF; padding:5px 15px; line-height:20px; font-size:18px; /*font-family:"小塚ゴシック Pr6N B" Sans-Serif;*/ font-weight:bold; }
#main .topmore2:after { clear:both; content:""; display:block; }
#main .topmore2:hover{ background-color: #8b4601}

#main .chuui { background:#FFFEBF; margin-bottom:35px; padding:20px 0 10px 30px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
#main .chuui:after { clear:both; content:""; display:block; }
#main .chuui .box { width:190px; float:left; margin:0 30px 20px 0; }
#main .chuui .box img { margin-bottom:10px; }
#main .chuui .box p { font-size:14px; line-height: 18px; /*font-family:"小塚ゴシック Pr6N M" Sans-Serif;*/ }

#main .bn { margin-bottom:35px; }
#main .bn:after { clear:both; content:""; display:block; }

#main .topbottom { height:350px; margin-bottom:35px; }
#main .topbottom:after { clear:both; content:""; display:block; }
#main .topbottom .box { width:220px; height:48px; margin:0; float:left; }
#main .topbottom .box .title { line-height:48px; background:#97D93A; text-align:center; font-size:25px; font-weight: bold; /*font-family:"小塚ゴシック Pr6N B" Sans-Serif;*/ }
#main .topbottom .box .contents { height:262px; background:#FFF; padding:20px 14px; }
#main .topbottom .box .contents img { margin-bottom:10px; }
#main .topbottom .box .contents .text { margin-bottom:40px; font-size: 120%; line-height: 120%; height: 70px; }
#main .topbottom .box .contents .topbottomsend { float:right; font-size:16px; /*font-family:"小塚ゴシック Pr6N B" Sans-Serif;*/ }

#main .topbottom .box .contents .topbottomsend:hover {text-decoration: underline;}



/* ---------------------------------------------
	02. service
 --------------------------------------------- */
#main .white{
	background-color: #FFFFFF;
	float: left;
	margin: 15px 0 40px;
	padding: 10px 20px;
}
#main .white p{
	text-align: left;
	font-size: 130%;
	line-height: 130%;
}
#main .white .bc {
	float: left;
	margin-bottom: 30px;
	width: 100%;
}
#main .white .bc_l, 
#main .white .bc_r {
	float: left;
    width: 45%;
    padding: 0 15px;
}
#main .white .bc_2{
	float:left;
	width: 48%;
	padding: 0 5px;
}

#main .white .bc_r p{
	font-size: 120%;
    line-height: 120%;
    text-align: left;
}

#main .white .bc_green {
	background-color: #97d93a;
    border-radius: 10px;
    color: #FFFFFF;
    /*font-size: 210%;*/
    font-size: 30px;
    font-weight: bold;
    /*line-height: 100%;*/
    line-height: 30px;
    margin: 20px 0;
    padding: 10px 0;
    text-align: left;
    width: 85%;
}
#main .white .bc_green span {
	left: 15px;
    position: relative;
    line-height: 35px;
}
#main .white .bc_red {
	background-color: #ff2626;
    border-radius: 26px;
    clear: both;
    color: #FFFFFF;
    float: left;
    font-size: 37px;
    font-weight: bold;
    line-height: 30px;
    margin: 20px 0;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}
#main .white a .bc_red:hover{
    background-color: #ff5050;
}

#main .white .bc_red2 {
	background-color: #ff2626;
    border-radius: 18px;
    clear: both;
    color: #FFFFFF;
    float: left;
    font-size: 21px;
    font-weight: bold;
    line-height: 30px;
    margin: 20px 0;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
#main .white .bc_yellow {
	background-color: #FFFB7D;
    padding: 10px;
    margin: 10px 0 30px;
}
#main .white .bc_yellow .title {
	background-color: #97D93A;
    font-size: 200%;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}

#main .white .bc_green2 {
	border: 3px solid #97D93A;
    width: 45%;
    float: left;
    margin-right: 20px;
}
#main .white .bc_green2 .title{
	background-color: #97D93A;
    font-size: 160%;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
}
#main .white .bc_green2 .content{
    font-size: 250%;
    font-weight: bold;
    padding: 20px 0;
    text-align: center;
}

#main .white .bc_yellow2 {
	 width: 45%;
    float: left;
    margin-right: 20px;
}
#main .white .bc_yellow2 .title{
	background-color: #fffb7d;
    border-radius: 18px;
    clear: both;
    float: left;
    font-size: 160%;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}
#main .white .bc_yellow2 .content{
   
}

#main .white .bc_brown {
	background-color: #794c1f;
    border-radius: 10px;
    clear: both;
    color: #FFFFFF;
    float: left;
    font-size: 24px;
    font-weight: bold;
    line-height: 50px;
    margin: 20px 0;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}


#main .white .bc_brown a{
	color: #FFFFFF;
}

#main .white .bc_brown:hover{
    background-color: #905b26;
}



/* ---------------------------------------------
	03. flow
 --------------------------------------------- */
.flow {
	padding-left: 200px;
	margin: 25px 0;
	float: left;
}
.step01 { background-image:url(img/flow/3.png); background-repeat:no-repeat; background-position:left center; height:306px; }
.step02 { background-image:url(img/flow/4.png); background-repeat:no-repeat; background-position:left center; height:187px; }
.step03 { background-image:url(img/flow/5.png); background-repeat:no-repeat; background-position:left center; height:187px; }
.step04 { background-image:url(img/flow/6.png); background-repeat:no-repeat; background-position:left center; height:187px; }
.step05 { background-image:url(img/flow/7.png); background-repeat:no-repeat; background-position:left center; height:187px; }
.step06 { background-image:url(img/flow/8.png); background-repeat:no-repeat; background-position:left center; height:187px; }

.flow h3 { background-image:url(img/flow/2.png); background-repeat:no-repeat; background-position:bottom; padding-bottom: 10px; margin: 10px 0; font-size: 220%;}
.flow h3 .free_on { background-image:url(img/flow/1.png); background-repeat:no-repeat; background-position:right center;  display: inline-block; width: 70px; height: 65px;}
.flow h3 .free_off { display: inline-block; width: 70px; height: 65px;}
.flow p.text { font-size: 110%; margin: 15px 10px; font-weight: normal; }

.flow .content {
	margin-right: 20px;
}

/* ---------------------------------------------
	04. staff
 --------------------------------------------- */
.staff {
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 30px;
	width: 90%;
	float: left;
}
.staff .img {
	width: 221px;
	float: left;
}
.staff .content {
	float: left;
	margin: 0  0 0 10px;
	width: 390px;
}
.staff .content th {
	font-size: 130%;
    text-align: left;
    width: 30%;
}
.staff .content td {
	font-size: 130%;
    line-height: 130%;
}
.staff .content td.name {
	font-weight: bold;
	font-size: 200%;
	height: 40px;
}

/* ---------------------------------------------
	05. sentricon
 --------------------------------------------- */
.sr_step {
	background-color: #FFFFFF;
    border: 3px solid #0080FF;
    border-radius: 15px;
    padding-bottom: 40px;
}
.sr_step .head{
	background-color: #FFFB7D;
	border-radius: 25px;
	margin: 15px 20px;
	padding: 10px 10px;
}
.sr_step .box {
	width: 33%;
}
.sr_step .box .title {
	background-color: #0080FF;
	color: #FFFFFF;
	margin: 10px 15px;
    padding: 5px 0;
    text-align: center;
}


.sr_step2 {
	background-color: #FFFFFF;
    padding-bottom: 20px;
    padding-top: 20px;
}

.sr_step2 .step01,
.sr_step2 .step02,
.sr_step2 .step03 {
    margin: 0 30px;
    padding-left: 230px;
    background-repeat:no-repeat;
    background-position:left center;
}
.sr_step2 .step01 { background-image:url(img/series/7.png); height: 121px; }
.sr_step2 .step02 { background-image:url(img/series/8.png); height: 175px; }
.sr_step2 .step03 { background-image:url(img/series/9.png); height: 188px; }
.sr_step2 hr {
	margin: 10px 0 15px;
}

.sr_foot {
	background-image:url(img/series/10.png);
	background-repeat:no-repeat;
    background-position: center;
    width: 100%;
    height: 61px;
	float: left;
}
.sr_foot p {
	padding-top: 28px;
	color: #FFFFFF;
}

/* QA */
table.qa,
table.qa_pink {
    border-spacing: inherit;
    width: 100%;
    margin: 30px 0;
}
table.qa { border: 2px solid #0080FF; }
table.qa_pink { border: 2px solid #FF9599; }


table.qa tr.q,
table.qa tr.a .pad,
table.qa_pink tr.q,
table.qa_pink tr.a  .pad {
	background-repeat:no-repeat;
    background-position:10px 10px;
    background-size: 80px auto;
}
table.qa tr.q { background-image:url(img/series/11.png); background-color: #0080FF; color: #FFFFFF; }
table.qa_pink tr.q { background-image:url(img/fear/14.png); background-color: #FF9599; color: #FFFFFF; }

table.qa tr.a { /*background-image:url(img/series/12.png);*/ background-color: #FFFFFF; }
table.qa_pink tr.a { /*background-image:url(img/fear/15.png);*/ background-color: #FFFFFF; }

table.qa .pad,
table.qa_pink .pad{
	padding: 10px 30px 10px 110px;
	height: 100px;
}
table.qa .a .pad { background-image:url(img/series/12.png); }
table.qa_pink .a .pad { background-image:url(img/fear/15.png); }


table.qa td{
	background-image:none;
}
.qa_pink .a td img {
    padding-right: 10px;
}

table.qa .strong,
table.qa_pink .strong {
	color: #FF5757;
}

/* ---------------------------------------------
	06. fear
 --------------------------------------------- */
.fear_box, .fear_box2 {
	background-repeat:no-repeat;
    background-position:left center;
    border-radius: 20px;
    float: left;
}
.fear_box {
    background-image:url(img/fear/4.png);
    height: 463px;
    padding: 0 20px;
    margin-top: 20px;
}
.fear_box2 {
    background-image:url(img/fear/8.png);
    width: 100%;
    height: 187px;
    padding: 0 20px;
    margin-top: 20px;
}

/* ---------------------------------------------
	07. check
 --------------------------------------------- */
.check {
	background-color: #FFFFBF;
    border-radius: 10px;
    width: 100%;
    margin: 20px 0;
}
.check td.head {
	height: 40px;
    padding: 0 0 0 40px;
}
.check td.title {
	background-repeat:no-repeat;
    background-position:40px 0;
    background-image:url(img/check/2.png);
	padding: 0;
}
.check td.title h3{
	background-image:url(img/service/1.png); background-repeat:no-repeat; background-position:bottom;
	padding: 0 0 10px 80px;
}
.check td.body {
	padding: 10px 0 10px 40px;
	vertical-align: top;
}
.check td.img img {
	margin: 10px 0px;
}


/* ---------------------------------------------
	08. area
 --------------------------------------------- */
.area {
	background-color: #FFFFFF;
    border-radius: 20px;
    padding: 50px 0;
}
.area .map {
	text-align: center;
}
.area .names {
	padding: 0 40px;
}
.area .names p{
	margin: 10px 0;
}
.area .names .line {
	width: 25%;
	float: left;
}
.area .names .line h3{
	border-bottom: 3px solid #AAE05E;
    color: #AAE05E;
    font-size: 300%;
    line-height: 120%;
    width: 70%;
}
.area .names .line ul{
	margin: 10px 0 30px;
}
.area .names .line ul li{
	list-style: none ;
	font-size: 140%;
    font-weight: bold;
    line-height: 120%;
    padding-left: 15px;
}

/* ---------------------------------------------
	08. company
 --------------------------------------------- */
.company {
	background-color: #FFFFFF;
    border-radius: 20px;
    margin: 50px 0;
    padding: 20px;
}
.company .strong{
	color: #FF9999;
}

/* ---------------------------------------------
	10. prpfile
 --------------------------------------------- */
.message {
	background-color: #FFFFFF;
    border-radius: 20px;
    margin-bottom: 100px;
    padding: 50px 20px 20px;
}
.message .img{
	margin-bottom: 20px;
    margin-left: 10px;
}
.message .img span.t01{
	margin-right: 20px;
}
.message .img span.t02{
	
}

table.profile {
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	margin-bottom: 100px;
}
table.profile th {
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
}
table.profile td {
	border-bottom: 1px solid #AAAAAA;
}
table.profile {
    border-spacing: inherit;
    width: 100%;
}
table.profile th{
	background-color: #FFFFBF;
	padding: 10px 0;
	font-size: 130%;
	width: 30%;
}
table.profile td{
	background-color: #FFFFFF;
	padding: 10px 0 10px 10px;
	font-size: 130%;
	line-height: 130%;
}

/* ---------------------------------------------
	11. contact
 --------------------------------------------- */
table.contact {
	border-top: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	margin-bottom: 20px;
}
table.contact th {
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
}
table.contact td {
	border-bottom: 1px solid #AAAAAA;
}
table.contact {
    border-spacing: inherit;
    width: 100%;
}
table.contact th{
	background-color: #97D93A;
	color: #FFFFFF;
	padding: 10px 0 10px 20px;
	font-size: 130%;
	width: 30%;
	text-align: left;
}
table.contact td{
	background-color: #FFFFFF;
	padding: 10px 0 10px 10px;
	font-size: 130%;
}
table.contact td p{
	margin: 5px 0;
}
table.contact td span.name{
	margin-top: 6px;
}
table.contact td input[type=text],
table.contact td input[type=email],
table.contact td textarea {
	border: 1px solid #AAAAAA;
	border-radius: 5px;
	font-size: 120%;
	padding-left: 5px;
}
table.contact td input[type=text],
table.contact td input[type=email] {
    height: 30px;
    width: 300px;
    margin-right: 80px;
}
table.contact td textarea {
	width: 90%;
	height: 200px;
}

.wpcf7-not-valid-tip{
    margin: 5px 0 !important;
}

p.submit {
	margin: 30px 0;
}
p.submit input[type=submit] {
	background-color: #97D93A;
    border-radius: 30px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 200%;
    font-weight: bold;
    padding: 10px 0;
    width: 70%;
}
p.submit input[type=submit]:focus{
    outline:none;
}
p.submit input[type=submit]:hover{
    background-color: #bbe67d;
}

h3.ct_area {
	border-bottom: 1px solid;
}
.ct_area_box {
	border-bottom: 1px solid;
    margin: 10px 0 30px;
    padding-bottom: 10px;
}

table.ct_foot {
	background-color: #FFFFFF;
    border-radius: 10px;
    border-spacing: 15px;
    margin: 20px 0;
}
table.ct_foot td.ct_left {
	padding: 20px 40px;
}
table.ct_foot td.ct_right {
	background-color: #FFFB7D;
    border-radius: 10px;
    padding: 10px;
}
table.ct_foot td.ct_right h3{
	background-image: url("img/support/4.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    background-size: 100% auto;
}



.red { color: #FF0000; }

.sidelist { /*width:230px;*/ height:46px; padding-left:45px; line-height:46px; background-image:url(img/tmp/12.jpg); background-repeat:no-repeat; background-position:left top; font-size:25px; font-weight: bold; /*font-family:"小塚ゴシック Pr6N M" Sans-Serif;*/ }
.sidelist a { display: block; }
.sidelist a:hover { opacity:0.6; }
#sidebar img { margin-bottom:30px; }


/* 画像を右に回りこみ */
#main p.withImage { width:598px; margin:20px 0 10px 10px; padding:5px 0; }
#main p.withImage img { float:right; margin-left:.5em; }
#date { text-align:right; padding-right:15px; padding-top:15px; padding-bottom:10px; font-weight:bold; color:#934c25; }
#next { text-align:center; padding-top:30px; padding-bottom:30px; }

img.aligncenter {  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; }


/* ボタン */
p.button { text-align:center; font-weight:bold; padding:10px 0; }
p.button a { display:block; line-height:32px; background:#ffffff url(../shiroari-top/images/button.png) no-repeat; margin:0 -20px; }
p.button a { color:#c2b996;}
p.button a:hover { color:#ffffff;}
p.button a:hover { cursor:pointer; background-position:0 -32px; }

/* テキスト */
p.text {
	font-weight: bold;
}

#main .stepbox .box p.f13 {
    font-size: 13px;
}

#main .chuui .box p.f13 {
    font-size: 13px;
}


/************* サイド（左側）コンテンツ *************/
#sidebar { float:left; width:230px; padding:20px 0; }
#sidebar p { margin-bottom:20px;}
#sidebar h3 { margin-top:5px; padding:0 10px 0 33px; line-height:40px; font-size:15px; font-weight:normal; color:#000; background:#ffffff url(images/heading2.png) no-repeat; }

#sidebar ul { margin-left:5px; padding:10px 0; }
#sidebar li { margin:0 10px 10px 5px; list-style:none; border-bottom:1px dashed #000; }
#sidebar li a { background:url(images/list.png) no-repeat 0 50%; display:block; padding-left:15px; }
#sidebar li a:hover { background-position:3px 50%;}

#sidebar .search { margin-left:30px; }


/************* /* フッター *************/
#footer { clear:both; padding:20px 0 10px; background:#97D93A; }
#footer:after { clear:both; content:""; display:block; }
#footer .inner {width:960px; margin:0 auto; }
* html #footer .inner { height:1%;}
#footer #logo { float:left; padding:0 0 5px; width:250px; }
#footer .logo { margin-bottom:5px; font-size:23px; /*font-family:"小塚ゴシック Pr6N B" Sans-Serif;*/ font-weight:bold; }
#footer .profile { font-size:12px; /*font-family:"小塚ゴシック Pr6N M" Sans-Serif;*/ line-height:20px; }
#footer .box { float:left; margin:0; }
#footer .box ul { list-style-type:none; }
#footer .box li { margin-bottom:20px; padding:0 10px; border-right:2px solid #663300; font-size:15px; /*font-family:"小塚ゴシック Pr6N B" Sans-Serif;*/ font-weight:bold; }
#footer .box2 { float:left; margin:0; }
#footer .box2 ul { list-style-type:none; }
#footer .box2 li { margin-bottom:20px; padding:0 0 0 16px; font-size:15px; /*font-family:"小塚ゴシック Pr6N B" Sans-Serif;*/ font-weight:bold; }

#footer .box a:hover{text-decoration: underline;}
#footer .box2 a:hover{text-decoration: underline;}

#footer .last { border:none!important; }

address { padding:10px 0 3px; text-align:center; font-style:normal; font-size:16px; clear:both; display:block; /*font-family:"小塚ゴシック Pr6N B" Sans-Serif;*/ font-weight:bold; }



.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.clear { clear:both; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb60 { margin-bottom:60px; }
.mb130 { margin-bottom:130px; }
.mr20 { margin-right:20px!important; }

#main .fw_b { font-weight: bold; }
#main .ft100 { font-size: 100%; line-height: 120%; }
#main .ft110 { font-size: 110%; line-height: 120%; }
#main .ft120 { font-size: 120%; line-height: 120%; }
#main .ft130 { font-size: 130%; line-height: 120%; }
#main .ft140 { font-size: 140%; line-height: 120%; }
#main .ft150 { font-size: 150%; line-height: 120%; }
#main .ft160 { font-size: 160%; line-height: 120%; }
#main .ft170 { font-size: 170%; line-height: 120%; }
#main .ft180 { font-size: 180%; line-height: 120%; }
#main .ft190 { font-size: 190%; line-height: 120%; }
#main .ft200 { font-size: 200%; line-height: 140%; }
#main .ft210 { font-size: 210%; line-height: 120%; }
#main .ft220 { font-size: 220%; line-height: 120%; }
#main .ft230 { font-size: 230%; line-height: 120%; }
#main .ft240 { font-size: 240%; line-height: 120%; }
#main .ft250 { font-size: 250%; line-height: 120%; }
#main .ft260 { font-size: 260%; line-height: 120%; }
#main .ft270 { font-size: 270%; line-height: 120%; }
#main .ft280 { font-size: 280%; line-height: 120%; }
#main .ft290 { font-size: 290%; line-height: 120%; }
#main .ft300 { font-size: 300%; line-height: 120%; }

/* ==========================================
   お問い合わせフォームの崩れ修正
========================================== */
table.contact {
  width: 100% !important;
  border-collapse: collapse !important;
}

table.contact th {
  width: 30% !important;
  vertical-align: middle !important;
}

table.contact td {
  text-align: left !important;
  padding: 10px !important;
  vertical-align: middle !important;
}

/* 入力フォーム共通（はみ出し防止） */
table.contact input[type="text"],
table.contact input[type="tel"],
table.contact input[type="email"],
table.contact textarea {
  width: 90% !important;
  max-width: 300px !important;
  box-sizing: border-box !important;
  padding: 6px 8px !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  font-size: 14px !important;
  display: inline-block !important;
}

/* テキストエリア（お問い合わせ内容）は幅いっぱいにする */
table.contact textarea {
  max-width: 100% !important;
  width: 95% !important;
  height: 180px !important;
}

/* お名前（漢字・フリガナ）のラベル揃え */
table.contact .name {
  display: inline-block !important;
  width: 60px !important;
  text-align: left !important;
  float: none !important;
}