@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: none 0;padding: 0;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{ font: 15px/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif; color:#333; -webkit-text-size-adjust: none; background:#fff; letter-spacing: 2px; }


/* リンク設定
------------------------------------------------------------*/
a{ color: #333; margin:0; padding:0; text-decoration:none; outline:none 0; vertical-align:baseline; background:transparent; font-size:100%; }

a:hover, a:active{ color: #9b003f; outline: none medium; }


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after, ul.post li:after,nav#mainNav .inner:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post, ul.post li,nav#mainNav .inner{zoom: 1;}


/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:25px;
padding:1px 5px;
border:solid 1px #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background: #878787;
background: -moz-linear-gradient(top, #878787 0%, #6f6f6f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#878787), color-stop(100%,#6f6f6f));
background: -webkit-linear-gradient(top, #878787 0%,#6f6f6f 100%);
background: -o-linear-gradient(top, #878787 0%,#6f6f6f 100%);
background: #878787;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#878787', endColorstr='#6f6f6f',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1;
font-size:120%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #878787;
background: -moz-linear-gradient(top, #6f6f6f 0%, #878787 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f6f6f), color-stop(100%,#878787));
background: -webkit-linear-gradient(top, #6f6f6f 0%,#878787 100%);
background: -o-linear-gradient(top, #6f6f6f 0%,#878787 100%);
background: linear-gradient(to bottom, #6f6f6f 0%,#878787 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f6f6f', endColorstr='#878787',GradientType=0 );
cursor:pointer;
}

*:first-child+html input[type="submit"]{padding:3px;}


/* レイアウト
------------------------------------------------------------*/
#subimage{ width:960px; margin: 0 auto 0; }
#subimage img { margin: -8px auto 0; }
#wrapper { margin: 10px auto 0; width: 100%; }
.inner { margin: 0 auto; width: 960px; }
.inner2 { background-color: #dadada; margin: 0 auto; width: 960px; }
.innerleft { font-size: 80%; background-color: #dadada; width: 600px; float: left; margin: 0; padding: 15px 10px 10px; }
.innerleft2 { font-size: 80%; background-color: #dadada; margin: 0; padding: 60px 10px 10px; width: 600px; float: left; }
.innerright { font-size: 90%; width: 320px; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; padding: 15px 0 10px; }
#header{ background-position: 0 top; overflow:hidden; margin-right: auto; margin-bottom: 4px; margin-left: auto; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; }

#content_top{ width:960px; margin-right: auto; margin-left: auto; padding:20px 0 30px; }
#content { margin-right: auto; margin-left: auto; padding: 0 0 20px; width: 960px; }
#contactus { margin-right: auto; margin-left: auto; padding: 15px 0 30px; width: 960px; }
#topcontent { padding: 0; width: 700px; float: left; margin: 0; }
#sidebar2 { padding: 0; width: 233px; float: right; margin-bottom: 10px; }
#middle{ clear:both; padding: 0; }
.seko { width: 960px; height: 250px; padding: 0; clear: both; margin-right: auto; margin-bottom: 25px; margin-left: auto; }
#footer { background-color: #dadada; text-align: center; clear: both; margin-top: 0; padding-top: 25px; }

/*　ﾄｯﾌﾟﾍﾟｰｼﾞ　*/

.topcon { font-size: 80%; background-image: url(images/shikkui03.png); background-repeat: repeat; background-position: left 0; margin-top: 0; padding: 5px 0 5px 10px; width: 333px; height: auto; margin-bottom: 0; border: solid 1px #ccc; }
#topinfo { background-color: teal; width: 100%; }
.banners { background-color: #dadada; width: 685px; margin-top: 10px; margin-bottom: 20px; padding: 5px 5px 0 8px; }
.blogfeed li { font-size: 100%; width: 97%; padding-top: 7px; padding-bottom: 3px; border-bottom: 1px dotted #656565; list-style-type: none; }
.blogfeed span.date { color: white; line-height: 100%; padding:2px 3px; border:solid 0 #87bd21; text-decoration:none; border-radius:4px; display:inline-block; background-color: #c30228; text-align: left; width: 85px; margin-right: 10px; }
    
.toppanel { padding: 0; width: 700px; }
.topcon3 h3 { color: #232121; font-size: 120%; margin-top: 15px; border-bottom: 2px dotted #232121; }
.topcon3 img { margin: 0; }
#topbody { width: 720px; }
#sekou { background-position: left 0; width: 340px; float: left; margin-right: 15px; margin-bottom: 0; }
#kenchiku img { margin-top: 5px; margin-right: 7px; margin-bottom: 5px; border: solid 1px #b1b1b1; }
#sekou img { margin-top: 5px; margin-right: 7px; margin-bottom: 5px; border: solid 1px #b1b1b1; }

#kenchiku{ width: 100%; margin-right: 10px; margin-bottom: 0; }

#bn { width: 100%; margin: 0; padding: 30px 0 10px; }

#bn ul {font-size: 0;}
#bn ul li {
  display: inline-block;
  width: 20%;
}
#bn li img { width: 97%; height: auto; margin: 0; }
#topics2{overflow: hidden;}
#topics2 ul.panel {font-size: 0;}
#topics2 ul.panel li { text-align: left; display: inline-block; width: 25%; margin: 0; }
#topics2 ul.panel li img { width: 97%; height: auto; margin: 0; }




/*トップページ　パネル部分*/
#topics { overflow: hidden; color: #f4f3f3; margin: 30px 0 10px; padding: 0; width: 100%; clear: both; }
#topics img { float: left; margin: 0; padding: 0; }
#topics img.ao { background-color: #cfd9db; }
#topics img.ao2 { background-color: #cfd9db; }
#topics img.gray { background-color: #eeeae7; }
#topics img.gray2 { background-color: #eeeae7; }
#topics a:hover { opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity = 50); }

/*トップページ　円部分*/
#topics2 { color: #f4f3f3; margin: 20px 0; padding: 0; width: 100%; clear: both; }
#topics2 ul {width: 100%;}
#topics2 li { text-align: center; width: 25%; float: left; display: block; }
#topics2 li img { width:90%; height: auto; margin: 0; padding: 0; }
#topics2 a:hover { opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity = 50); }


#news { color: #f4f3f3; width: 700px; float: left; margin-top: 10px; }
#face2 iframe { border: solid 1px #415e9b; }
#news h3 { color: #1d1d1d; font-size: 110%; background-image: url(images/line.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 25px; margin: 0; height: 38px; clear: both; padding: 0 0 0 20px; border-color: #bababa #bababa #555252; border-style: solid; border-width: 0; }
#kenchiku h3 { color: #666; font-size: 110%; font-weight: normal; line-height: 35px; background-image: url(images/shikkui02.png); background-repeat: repeat-x; background-position: left bottom; margin: 8px 0 0; padding-bottom: 0; padding-left: 10px; border-color: #ccc; border-style: solid; border-width: 1px 1px 1px 5px; }
#sekou h3 { color: #f4f3f3; font-size: 110%; font-weight: normal; line-height: 35px; background-image: url(images/point.jpg); background-repeat: repeat-x; background-position: left bottom; margin: 8px 0 0; padding-bottom: 2px; padding-left: 20px; border: solid 0 #ccc; }
#news ul { color: #333; font-size: 100%; background-attachment: scroll; height: 38px; clear: both; margin-left: 10px; border: solid 0 #bababa; }
/* ヘッダー
*****************************************************/

/* サイト説明文
----------------------------------*/
#header h1{
padding:5px 0 0;
font-size:70%;
font-weight:normal;
}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header .logo{ float:left; padding:0; margin-bottom: 0; margin-left: 0; position: relative; width: 810px; }
#header .logo2{ padding:0; margin-bottom: 0; margin-left: 0; position: absolute; top: 0; left: 250px; z-index: 20; }
#header .catch { margin-bottom: 0; margin-left: 0; padding: 0; position: absolute; z-index: 20; top: 32px; left: 250px; }
#header h2{ float:left; padding:0; color: #515151; font-size:75%; font-weight:normal; letter-spacing: 2px; margin-bottom: 0; margin-left: 0; }
#header h2.title2 { color: #262626; font-size: 120%; font-weight: normal; line-height: 40px; background-image: url(images/banner1.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 top; margin: 10px 0; padding: 0 0 0 20px; height: 40px; clear: both; vertical-align: middle; width: 100%; border: solid 0 #bababa; }
#header .sekoimage { background-color: #d9d7d7; padding: 10px 0 10px 0; clear: both; margin: 0 auto 15px; }
.sekoimage { background-color: #d9d7d7; width: 940px; margin: 0 auto 15px; padding: 10px; clear: both; }
.sekoimage img { margin: 5px 0 5px 5px; }
/* コンタクト
----------------------------------*/
.contact{ float:right; padding:0; text-align:right; color:#000; font-size:120%; margin-top: 5px; }

.contact img{ font-size:180%; margin-left: 3px; }

/* トップページ　メイン画像
----------------------------------*/
#mainImage{ background-color: #ebebeb; }
#mainImgTop{ clear:both; line-height:0; background-color: white; text-align:center; width: 100%; z-index:0; margin: 20px auto 0; }
#mainImgSp { display: none; }
.infoarea{ background-color: #ebebeb; width: 100%; margin-bottom: 20px; }

.post { font-size: 100%; line-height: 1.8; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; letter-spacing: 3px; margin: 0 0 0; padding: 20px 0; border: solid 0 #d5d5d5; }
.toppage h4{
margin:0 0 10px;
font-size:16px;
font-weight:normal;
color:#333;
}

.toppage{padding:10px 10px 20px 20px;}


/* 記事ループ
*****************************************************/
.list{
padding:10px 0;
border-bottom:1px dashed #dcdcdc;
}

.list:last-child{border:0;}
.post .list p{padding:0;}

.list span{padding-left:10px;}


/* タイポグラフィ
*****************************************************/
/*コラム・新着情報*/
/*お知らせ欄*/
#info_image{ background-color: fuchsia; text-align: center; vertical-align: middle; width: 30%; float: left; }

#news_wrap { font-size: 100%; font-weight: normal; padding-bottom: 0; width: 100%; overflow: auto; float: right; }
#news_wrap_top { font-size: 100%; font-weight: normal; padding-bottom: 0; width: 100%; overflow: auto; float: right; }
#news_wrap p.list { font-size: 100%; font-weight: normal; line-height: 120%; width: 98%; padding-bottom: 5px; overflow: auto; padding-top: 8px; border-bottom: 1px dotted #959493; }
#news_wrap_top p.list { font-size: 100%; font-weight: normal; line-height: 120%; width: 98%; padding-bottom: 5px; overflow: auto; padding-top: 8px; border-bottom: 1px dotted #959493; }
#content_top h2.topcatch { font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;font-size: 110%; font-weight: normal; text-align: center; border: solid 0 white; }
.post h3.info { font-size: 150%; font-weight: normal; margin-top: 20px; border-color: white white #666; border-style: solid; border-width: 0 0 1px; }
.post a.back { font-weight: normal; float: left; margin-top: 0; margin-right: 5px; }
.post p.to_list a { padding:2px 10px; border:solid 1px #aaa; text-decoration:none; color:#666; font-size:13px; font-weight: normal; border-radius:4px; }
.post .detail { font-weight: normal; width: 100%; margin-top: 0; margin-right: 5px; margin-bottom: 15px; }
.post .detailPhoto { font-weight: normal; float: left; margin-top: 2px; padding: 0; border-width: 0; }
.post .detailPhoto img { border: solid 1px #999; }
#news_wrap li{ color:#666; font-size:14px; margin:0 0 3px; padding:8px 0 3px; border-bottom:1px dotted #ccc; line-height:20px; background-image: none; }
#news_wrap ul{
	margin:0 0 0;
	padding:0;
}
#news_wrap_top .news_List_Ymd{ color: white; padding:1px 10px; border:solid 0 #87bd21; text-decoration:none; border-radius:4px; display:inline-block; background-color: #94043f; text-align: left; width: 120px; margin-right: 10px; }
#news_wrap .news_List_Ymd2 { color: white; font-size: 90%; font-weight: normal; text-decoration: none; background-color: #94043f; text-align: left; display: inline-block; margin-right: 10px; width: 120px; padding-top: 1px; padding-bottom: 1px; padding-left: 10px; border: solid 0 #87bd21; border-radius: 4px; }
#news_wrap a { color: #555252; font-size: 100%; font-weight: normal; }
#news_wrap a:hover{color:#9b003f;text-decoration:underline;}
#news_wrap_top a { color: #555252; font-size: 100%; font-weight: normal; }
#news_wrap_top a:hover{color:#9b003f;text-decoration:underline;}

#news_wrap .to_list{
	margin:10px;
	text-align:right;
}
#news_wrap_top .to_list{
	margin:10px;
	text-align:right;
}
#news_wrap .to_list a { padding:2px 10px; border:solid 1px #aaa; text-decoration:none; color:#666; font-size:13px; font-weight: normal; border-radius:4px; }
#news_wrap .to_list a:hover {
	background:#eee;
}
#news_wrap .cat_name{ padding:2px 8px; border:solid 1px #c00000; text-decoration:none; color:#fff; font-size:90%; font-weight: normal; border-radius:4px; display:inline-block; line-height:100%; background-color: #546da6; text-align: center; width: 80px; margin-right: 10px; margin-left: 10px; }

#news_wrap_top .to_list a { padding:2px 10px; border:solid 1px #aaa; text-decoration:none; color:#666; font-size:13px; font-weight: normal; border-radius:4px; }
#news_wrap_top .to_list a:hover {
	background:#eee;
}
#news_wrap_top .cat_name{ padding:2px 8px; border:solid 1px #c00000; text-decoration:none; color:#fff; font-size:90%; font-weight: normal; border-radius:4px; display:inline-block; line-height:100%; background-color: #546da6; text-align: center; width: 80px; margin-right: 10px; margin-left: 10px; }



.detailPhoto { float: left; margin-top: 10px; margin-right: 10px; }
/* Pager style */
#news_wrap .pager_link{ text-align: right; padding:10px; }
/*ページャーボタン*/
#news_wrap .pager_link a { border: solid 1px #999; border-radius: 5px 5px 5px 5px; color: #333; font-size: 12px; padding: 3px 7px 2px; text-decoration: none; margin:0 1px; }
/*現在のページのボタン*/
#news_wrap .pager_link a.current{
    background: #9b003f;
    border: solid 1px #8b0239;
    border-radius: 5px 5px 5px 5px;
    color: #ffffff;
    font-size: 12px;
    padding: 3px 7px 2px;
	margin:0 1px;
    text-decoration: none;
}
#news_wrap .pager_link a:hover { background:#999; color: #ffffff; border: solid 1px #666; }
#news_wrap .overPagerPattern{
	padding:0 2px ;	
}
/* /Pager style */
/*通常ポストエリア*/
.title_area {width: 960px;  margin: 35px auto 0;overflow: hidden;}
.title_area .titleimg {
  width: 150px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  letter-spacing: normal
}
.title_area .maintitle { width: 780px; display: inline-block; text-align: left; vertical-align: middle; letter-spacing: normal
; margin-left: 20px; }
.title_area .maintitle h2 {
font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "HG明朝E", "ＭＳ Ｐ明朝", MS PMincho, "MS 明朝", serif;
  font-size: 30px;
  color: #595757;
  border-bottom: 1px solid #000;
  position: relative;
  margin-bottom: 15px;
  letter-spacing: 5px
}
.title_area .maintitle h2 span.subtitle { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif; position: absolute; bottom: 5px; right: 0; font-size: 13px; font-weight: 700; color: #333
; letter-spacing: 2px; }
.title_area .maintitle p.intro {
  font-size: 14px;
  line-height: 1.8
}

#wrapper ul  {  }
#wrapper ul li.process:nth-child(odd) { background-color: #ebebeb; }
#wrapper ul li.process:last-child { margin-bottom: 50px; }
#wrapper .prolist { width: 960px;  margin-right: auto; margin-left: auto; overflow: hidden; }
#wrapper .image { width: 30%; float: right; }
#wrapper .image img { margin-top: 50px; width: 95%; height: auto; float: right; margin-bottom: 20px; border: solid 1px #dadada; }
/* 家づくりの流れ*/
#wrapper ul.head { width: 70%; float: left; padding-top: 25px; padding-bottom: 20px; }
#wrapper ul.head li { line-height: 2.2; letter-spacing: 2px; }
#wrapper ul.head li span.komi,#wrapper ul.headsub li span.komi { font-size: 120%; font-weight: bold; }
#wrapper ul.head li:first-child { font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "HG明朝E", "ＭＳ Ｐ明朝", MS PMincho, "MS 明朝", serif; color: #333; font-size: 180%; line-height: 1.5; letter-spacing: 10px; width: 100%; margin-bottom: 10px; border-bottom: 1px dotted #333; display: inline-block; }
#wrapper ul.head li:nth-child(3) { color: #f03; font-size: 120%; text-align: left; width: 100%; margin-top: 10px; margin-bottom: 10px; display: inline-block; }
#wrapper ul.head li:nth-child(3) img { margin-right: 3px; margin-left: 3px; }
#wrapper ul.head li:nth-child(5) { color: #f03; font-size: 120%; text-align: left; width: 100%; margin-top: 10px; margin-bottom: 10px; display: inline-block; }
#wrapper ul.head li:nth-child(5) img { margin-right: 3px; margin-left: 3px; }
#wrapper ul.headsub { width: 70%; float: left; padding-top: 25px; padding-bottom: 20px; }
/*コンセプト*/
#wrapper ul.head2 { margin-left: 15px; padding-top: 25px; padding-bottom: 20px; }
#wrapper ul.head2 li { line-height: 2.2; text-indent: 15px; letter-spacing: 2px; }
#wrapper ul.head2 li:first-child { color: #c0504d; font-size: 180%; font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "HG明朝E", "ＭＳ Ｐ明朝", MS PMincho, "MS 明朝", serif; display: inline-block; margin-bottom: 10px; width: 100%; border-bottom: 2px dotted #c0504d; }
#wrapper span.num2 { color: #c0504d; font-size: 130%; font-weight: normal; margin-right: 15px; }
.prolist img.insert { max-width: 100%; margin: 20px auto 10px; }
.concept {width: 100%;}
.concept h2{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;color: #c0504d; font-size: 150%; line-height: 2; letter-spacing: 3px; margin-bottom: 10px; margin-left: 15px; padding-bottom: 0; border-bottom: 2px dotted #c0504d; }

/*挿絵無し*/
#wrapper .qlist { width: 960px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 20px; }
#wrapper ul.head_q { padding-top: 25px; padding-bottom: 20px; }
#wrapper ul.head_q li { line-height: 2.2; letter-spacing: 2px; }
#wrapper ul.head_q li:first-child { font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "HG明朝E", "ＭＳ Ｐ明朝", MS PMincho, "MS 明朝", serif; background-image: url(pic/q.png); color: #333; font-size: 150%; line-height: 1.8; background-repeat: no-repeat; background-position: 0 2px; letter-spacing: 3px; width: 100%; margin-bottom: 10px; padding-left: 40px; border-bottom: 1px dotted #333; display: inline-block; }

#wrapper ul.head_s { padding-top: 25px; padding-bottom: 20px; }
#wrapper ul.head_s li{ line-height: 2.2; letter-spacing: 2px; }
#wrapper ul.head_s li:first-child { font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "HG明朝E", "ＭＳ Ｐ明朝", MS PMincho, "MS 明朝", serif; color: #333; font-size: 150%; line-height: 1.8; background-repeat: no-repeat; background-position: 0 2px; letter-spacing: 3px; width: 100%; margin-bottom: 10px; border-bottom: 1px dotted #333; display: inline-block; }

#wrapper ul.subs li.sub { font-size: 100%; margin-left: 10px; padding-top: 2px; padding-bottom: 2px; }
#wrapper ul.subs { margin-top: 10px; }
#wrapper ul.subs li.sub:first-child { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;font-size: 100%; margin: 0 0 0 10px; border-top-color: #fff; border-right-color: #fff; border-bottom-color: #fff; border-bottom-width: 0; border-left-color: #fff; }
#wrapper span.num { color: #333; font-size: 150%; font-weight: bold; font-style: oblique; margin-right: 15px; }
#wrapper span.style { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;color: #333; font-size: 150%; font-style: oblique; font-weight: bold; margin-right: 25px; }

.spbr{display: none;}

h2.title{ clear:both; margin:0 0 7px; padding:0 0 0 35px; font-size:180%; color:#262626; font-weight: 500; line-height: 36px; background-position: 0 top; ;vertical-align: middle; height: 36px; border-color: #bababa; border-style: solid; border-width: 0 0 1px; }



.dateLabel{
text-align:right;
font-weight:bold;
color:#858585;
}

.post p{ font-size: 100%; padding-bottom:15px; }
.post p.small { padding-bottom: 15px; }
.post span.msg { color: #f03; }
.post span.ref { color: black; font-size: 90%; }
.post span.ref2 { color: black; font-size: 95%; font-weight: normal; letter-spacing: -2px; }
.post ul { margin: 0 0 10px 0; }
.post ul li{
margin-bottom:5px;
padding-left:15px;
background:no-repeat 0 8px;
}

.post ul.sitemap li { width: 18%; float: left; margin-bottom: 5px; padding-left: 18px; }
.post ul.enq { width: 95%; margin-right: auto; margin-left: auto; }
.post ul.enq li { display: inline; background-image: url(pic/q.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 5px 5px; width: 40%; float: left; margin-right: 2%; margin-bottom: 10px; margin-left: 2%; padding: 7px 10px 10px 40px; border-color: #775539; border-style: solid solid dotted; border-width: 0 0 1px; }
.post ul li.answer { background-image: url(pic/a.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 5px 5px; margin-top: 0; margin-bottom: 15px; padding: 7px 10px 10px 40px; border-color: #bbb; border-style: solid; border-width: 0 1px 1px; }
.post ul li.answer1 { background-image: url(pic/a.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 5px 5px; margin-top: 0; margin-bottom: 0; padding: 7px 10px 10px 40px; border-style: solid; border-width: 0 1px 1px; border-color: #bbb; }
.post ul.sub-menu li { width: 100%; clear: both; display: block; margin-bottom: 5px; padding-left: 12px; }
.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1{
margin:20px 0;
padding:5px 0;
font-size:150%;
color: #000;
border-bottom:3px solid #000;
}

.post h2{
margin:10px 0;
padding-bottom:2px;
font-size:130%;
font-weight:normal;
color: #333;
border-bottom:2px solid #515151;
}
.post h3{ margin:10px 0; font-size:120%; font-weight:normal; color:#282828; line-height: 33px; background-repeat: repeat-x; background-position: left 0; padding-left: 15px; border-color: #f60 #f60 #444; border-style: solid; border-width: 0 0 1px; }
.post h4 { color: #413d3d; font-size: 100%; font-weight: bolder; line-height: 33px; background-repeat: repeat-x; background-position: left 0; letter-spacing: 10px; margin: 10px 0; padding-bottom: 0; padding-left: 0; border-style: solid solid dotted; border-width: 0 0 2px; }
.post h4.nagare { color: #401102; font-size: 125%; font-weight: bolder; line-height: 33px; background-repeat: repeat-x; background-position: left 0; letter-spacing: 4px; margin: 0 0 10px; padding: 0; border-style: solid solid dotted; border-width: 0 0 2px; }
.post h4.nagare2 { color: #401102; font-size: 125%; font-weight: bolder; line-height: 33px; background-repeat: repeat-x; background-position: left 0; letter-spacing: 1px; margin: 0 0 10px; padding: 0; border-style: solid solid dotted; border-width: 0 0 2px; }
.post h3.concept { color: #201f1f; font-size: 140%; font-weight: normal; margin: 10px 0 20px; border-color: #777; border-style: solid solid dotted; border-width: 0 0 1px; }
.post h3.concept2 { color: #401102; font-size: 150%; font-weight: bold; margin: 10px 0 20px; border-bottom: 2px dotted #401102; border-top-style: solid; border-top-width: 0;border-right-st;border-left-style: solid; border-left-width: 0; yle: solid; border-right-width: 0; }
.post h3.gyanew { color: #201f1f; font-size: 110%; font-weight: normal; background-image: url(images/back3.gif); background-repeat: no-repeat; background-position: left bottom; margin: 10px 0 20px; border: solid 1px #ccc; }
.post h3.gyare { color: #201f1f; font-size: 110%; font-weight: normal; background-image: url(images/back2.gif); background-repeat: no-repeat; background-position: left bottom; margin: 10px 0 20px; border: solid 1px #ccc; }
.post h3.gyaother { color: #201f1f; font-size: 110%; font-weight: normal; background-image: url(images/back4.gif); background-repeat: no-repeat; background-position: left bottom; margin: 10px 0 20px; border: solid 1px #ccc; }
.post h3.num { color: #2e2c2c; font-size: 115%; font-weight: normal; margin: 0 0 10px; border-bottom: 2px dotted #f60; }
.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

.post table{
border: solid 0 #b9b7b7;
border-collapse: collapse;
border-spacing: 0;
margin:5px 0;
}
.post table th{ padding:10px; background:#efefef; border-color: #ccc; border-style: solid; border-width: 0 0 1px; }
.post table td{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding:10px; border-width: 0 0 1px; border-color: #ccc; border-style: solid; }
.post table td.info { font-size: 80%; text-align: center; vertical-align: middle; padding-bottom: 7px; border-bottom-width: 0; }
.post table td.info span { font-size: 120%; font-weight: 500; }
.post table td.infomain { text-align: left; vertical-align: top; padding: 0; border-width: 0; }
.post table td.infomain2 { text-align: right; padding: 10px 0 0; vertical-align: bottom; border-width: 0; }
.post table.alignleft { margin: 5px 10px 5px 0; border: solid 1px #b9b7b7; border-collapse: collapse; border-spacing: 0; }
.post table.noline{ border-collapse: collapse; border-spacing: 0; margin:5px 0; border-width: 0; }
.post table.topinfo { margin-top: 35px; }
.post table.noline td { background: #fff; vertical-align: middle; padding: 0 10px; border-width: 0; }
.post table.noline th { color: #860120; font-size: 140%; font-weight: bolder; background: #fff; text-align: left; padding: 0 10px 10px; vertical-align: middle; border-width: 0; }
.post table.noline td.valign { background: #fff; vertical-align: top; padding: 0 0 0 15px; border-width: 0; }
.post table.noline td.step { background: #fff; padding: 0; vertical-align: top; border-width: 0; }
.post table.noline td.gyacon { font-size: 85%; background: white; text-align: center; vertical-align: top; padding: 5px 10px 5px 0; border-width: 0; }
.post table th.kou { background: #efede7; padding: 5px 0 0; border-style: solid; border-width: 0 0 1px 1px; border-color: #ccc; }
.post table th.kou img { margin: 0 3px; }
.post table.kouji td { font-size: 90%; background: #fff; padding: 10px; border-style: solid; border-width: 0 0 1px 1px; border-color: #ccc; }
.post table td.color { background: #efede7; padding: 10px; border-style: solid; border-width: 0 0 1px 1px; border-color: #ccc; }
.post table td.color2 { background: #c2eeea; padding: 10px; border-style: solid; border-width: 0 0 1px 1px; border-color: #ccc; }
.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img.gyamini{ max-width:100%; height:auto; margin: 2px 6px 4px; }
.post img.gya1 { margin-right: 10px; margin-bottom: 0; height: auto; max-width: 100%; border: solid 1px #959493; }
.post img.gya2 { height: auto; max-width: 100%; border: solid 6px #9bbb59; }
.post img.gya3 { height: auto; max-width: 100%; border: solid 6px #517dda; }
.post img.gyaright { margin-right: 0; margin-bottom: 5px; height: auto; max-width: 100%; border: solid 1px #959493; }
.post img.gyaright2 { margin-right: 5px; margin-bottom: 5px; height: auto; max-width: 100%; border: solid 1px #959493; }
.post img { height: auto; max-width: 100%; }
.post img.arrow { height: auto; max-width: 100%; margin-right: 5px; margin-bottom: 2px; }
.post img.waku { background-color: #faeed9; height: auto; max-width: 100%; padding: 1px; border: solid 1px #413e3c; }
.post img.num { vertical-align: text-bottom; height: auto; max-width: 100%; margin-right: 10px; margin-bottom: 5px; }
.post img.insert { max-width: 100%; margin: 20px auto 10px; }
.frame { margin-top: 4px; padding: 0; border-width: 0; }
.linearea { margin-top: 20px; margin-bottom: 15px; padding: 0; border-bottom: 4px dotted #555252; border-top-width: 0; border-right-width: 0; border-left-width: 0; }
img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright, img.alignleft{ margin: 0; display:inline; }

img.alignleft{margin:0 15px 15px 0;}
img.alignright { margin: 0 0 15px 15px; }
.alignright{float:right;}
.alignleft{float:left;}

.spbr{display: none;}

/* ギャラリー 3つの画像+キャプション
------------------------------------------------------------*/

.thumbWrap{ overflow:hidden; text-align: center; width:960px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 0; padding-bottom: 0; }
.thumbWrap img{ max-width:100%; height:auto; margin: 3px 6px; }
.thumbWrap span { color: #4d4d4d; font-size: 70%; font-weight: normal; display: block; padding-top: 5px; }
.thumbWrap table{ border: solid 0 #b9b7b7; border-collapse: collapse; border-spacing: 0; margin:60px 0; }
.thumbWrap table th{ padding:10px; background:#efefef; border-color: #ccc; border-style: solid; border-width: 0 0 0; }
.thumbWrap table td.image2{ font-size: 90%; text-align: center; padding:0 10px; border: solid 0 #ccc; }
.thumbWrap table td.photo { text-align: left; vertical-align: middle; padding: 0 0 0 15px; border: solid 0 #ccc; }
#gallery-1 img{
border:1px solid #eaeaea !important;
padding:5px;
background:#fff;
}

#gallery-1 img:hover{background:#fffaef;}

#consept1{ width: 32%; height: auto; float: left; margin-right: 10px; }
#consept1-right { margin-right: 10px; width: 32%; height: auto; float: right; }
#consept0 { width: 65%; height: auto; float: left; }
#consept0-right { width: 65%; height: auto; float: right; }

.inner2 p{ padding: 10px; }


/* サイドバー　ウィジェット
*****************************************************/
section.widget2 ul,section.widget ul, .widget_search, #calendar_wrap, .textwidget{
margin:0 0 20px 0;
padding:10px 10px 10px 17px;
border:1px solid #d5d5d5;
background: #fff;
}

section.widget ul ul{ border:0; margin:0; padding:0 0 0 5px; }
section.widget ul li { font-size: 80%; }
section.widget2 ul li { font-size: 80%; }
p.banner{ margin: 0; padding-bottom:0; }

p.banner img{
max-width:233px;
height:auto;
}

p.banner img:hover{
cursor:pointer;
opacity:.8;
}

section.widget img{ margin: 3px 5px 3px 0; }
section.widget h3 { color: #333; font-size: 110%; background-image: url(images/banner.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 top; margin: 0 0 -2px; padding: 8px 0 0 35px; height: 38px; clear: both; border: solid 0 #bababa; }
section.widget h2 { color: #333; font-size: 110%; margin-top: 5px; margin-bottom: 5px; margin-left: 3px; padding-top: 3px; padding-bottom: 3px; padding-left: 10px; border-bottom: 1px dotted #777; border-top-width: 1px; border-right-width: 0; border-left-width: 0; }
section.widget h3.side { color: #333; font-size: 100%; background-image: url(images/banner2_1.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 top; margin: 0; height: 38px; clear: both; padding-top: 8px; padding-right: 0; padding-left: 15px; border: solid 0 #bababa; }
section.widget2 h3.side { color: #333; font-size: 100%; background-image: url(images/banner2_1.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 top; margin: 0; padding-top: 8px; padding-right: 0; padding-left: 15px; height: 38px; clear: both; border: solid 0 #bababa; }
section.widget h3.sidetop { color: #333; font-size: 100%; background-image: url(images/banner2_1.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 top; margin: 0; padding-top: 8px; padding-right: 0; padding-left: 15px; height: 38px; clear: both; border: solid 0 #bababa; }
section.widget2 h3.sidetop { color: #333; font-size: 100%; background-image: url(images/banner2_1.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 top; margin: 0; padding-top: 8px; padding-right: 0; padding-left: 15px; height: 38px; clear: both; border: solid 0 #bababa; }
h2.title2 { color: #333; font-size: 125%; background-image: url(images/banner1.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 top; vertical-align: middle; margin: 0 0 10px; padding: 4px 0 8px 35px; height: 27px; clear: both; border-color: #bababa; border-style: solid; border-width: 0 1px 0 0; }
section.widget li a { background: url(images/arrow.gif) no-repeat 0 12px; display: block; margin-top: 3px; margin-bottom: 5px; padding: 4px 0 7px 12px; border-bottom: 1px dashed #dcdcdc; }
section.widget li:last-child a{border:0;}
section.widget li a.mailto{ padding:4px 0 7px 12px; margin-top: 3px; margin-bottom: 5px; border-bottom:1px dashed #dcdcdc; list-style-image: none; }
#searchform input[type="text"]{
line-height:1.7;
height:24px;
width:90px;
vertical-align:bottom;
}

/* カレンダー */
#calendar_wrap table{margin:0 auto;width:90%;}
#calendar_wrap table caption{padding:10px 0;text-align:center;font-weight:bold;}
#calendar_wrap table th, #calendar_wrap table td{padding:3px;text-align:center;}
#calendar_wrap table th:nth-child(6),#calendar_wrap table td:nth-child(6){color:#0034af;}
#calendar_wrap table th:nth-child(7),#calendar_wrap table td:nth-child(7){color:#950000;}
#calendar_wrap table td#prev{text-align:left;}
#calendar_wrap table td#next{text-align:right;}
#calendar_wrap a{font-weight:bold;}


/* お知らせ　
-------------*/
.newsTitle{
clear:both;
margin:0;
padding:7px 10px 7px 10px;
font-size:110%;
border:1px solid #d5d5d5;
border-bottom:0;
color:#000;
background:#fff url(images/headingBg.png) repeat-x 0 100%;
}

.newsTitle h3{
float:left;
font-weight:normal;
}

.newsTitle p{
float:right;
padding:0 0 0 10px;
font-size:80%;
background:url(images/arrow.gif) no-repeat 0 5px;
}

.news p{
clear:both;
padding-bottom:2px;
border-bottom:1px dashed #dcdcdc;
}

.news p:last-child{border:0;}

.news p a{
display:block;
padding:5px 0;
color:#333;
font-style:italic;
font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.news a span{
color:#515151;
font:normal 90% Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.news span{padding-left:10px;}

.news a:hover span{color:#6f6f6f;}



/* フッター
*****************************************************/
.illust{ background-image: url(images/foot.gif); background-repeat: repeat-x; background-position: left 0; width: 100%; height: 88px; margin-top: 35px; margin-bottom: -2px; }
#contactus ul.access { text-align: center; margin-top: 0; margin-bottom: 30px; }
#contactus ul.access li { font-size: 100%; display: inline-block; padding: 0 15px; border-right: 1px dotted #555; }
#contactus ul.access li:first-child { font-size: 100%; display: inline-block; padding: 0 15px; border-right: 1px dotted #555; border-left: 1px dotted #555; }
#contactus .logo { font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "HG明朝E", "ＭＳ Ｐ明朝", MS PMincho, "MS 明朝", serif; color: #666; font-size: 150%; font-weight: bold; text-align: center; }
#contactus p { text-align: center; padding-top: 10px; padding-bottom: 10px; }
#footer ul { text-align: center; margin-top: 30px; margin-bottom: 10px; }

#footer li { font-size: 80%; display: inline-block; padding: 0 15px; border-right: 1px solid #999; border-top-color: #999; border-top-width: 0; border-bottom-color: #999; border-bottom-width: 0; border-left-color: #999; border-left-width: 0; }




#footer .logo { font-family: "ヒラギノ明朝 ProN W3", HiraMinProN-W3, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;color: #9b003f; font-size: 165%; font-weight: normal; }
#footer p { font-size: 90%; line-height: 2; margin-bottom: 10px; }
#footer p.office { font-size: 80%; letter-spacing: 3px; margin-bottom: 10px; }
#footer li:first-child { display: inline-block; padding: 0 15px; border-right: 1px solid #999; border-left: 1px solid #999; border-top-color: #999; border-bottom-color: #999; }


#footer p.copyright{ clear:both; padding:10px 30px 25px 0; font-size:70%; text-align: center; }



/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#4f4d4d;
text-align:center;
}


/* トップページ 最新記事4件
------------------------------------------------------------*/
ul.post{
padding:0;
}

ul.post li{
margin:0 10px;
padding:20px 0 15px;
border-bottom:1px dashed #dcdcdc;
}

ul.post li:last-child{border:0;}

ul.post img{
float:left;
margin:0 15px 5px 10px;
}

ul.post h3{
margin:0 0 10px 10px;
font-size:14px;
font-weight:normal;
color:#333;
border:0;
}


/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
nav#mainNav{ clear:both; position:relative; z-index:500; width:100%; margin-top: 0; margin-bottom: 10px; padding-top: 0; }

nav#mainNav .inner{ background-repeat: repeat-x; background-position: left 0; width: 960px; margin-right: auto; margin-left: auto; }



nav#mainNav ul li{ float: left; position: relative; border-right-width: 0; }
	nav#mainNav ul li a { color: #555; font-size: 90%; text-align: center; display: block; margin-right: 1px; padding: 0 10px 5px; height: 20px; border-right: 1px dotted #555; _float: left; }
	nav#mainNav ul li a.home{ display: block; text-align: center; _float:left; height:20px; background-position: left 0; width: 158px; margin-right:0; margin-bottom: 0; margin-left: 3px; padding:5px 0; border-left: 1px dotted #555; }
nav#mainNav ul li a.house{ display: block; text-align: center; _float:left; height:20px; background-position: left 0; width: 158px; margin-right:0; margin-bottom: 0; padding:5px 0; }
nav#mainNav ul li a.photo{ display: block; text-align: center; _float:left; height:20px; background-repeat: no-repeat; background-position: left 0; width: 158px; margin-right:0; margin-bottom: 0; padding:5px 0; }
nav#mainNav ul li a.exam{ display: block; text-align: center; _float:left; height:20px; background-repeat: no-repeat; background-position: left 0; width: 158px; margin-right:0; margin-bottom: 0; padding:5px 0; }
nav#mainNav ul li a.about{ display: block; text-align: center; _float:left; height:20px; background-repeat: no-repeat; background-position: left 0; width: 158px; margin-right:0; margin-bottom: 0; padding:5px 0; }
nav#mainNav ul li a.info{ display: block; text-align: center; _float:left; height:20px; background-repeat: no-repeat; background-position: left 0; width: 158px; margin-right:0; margin-bottom: 0; padding:5px 0; }
nav#mainNav ul li a.access{ display: block; text-align: center; _float:left; height:20px; background-repeat: no-repeat; background-position: left 0; width: 158px; margin-right:0; margin-bottom: 0; padding:5px 0; }

	nav#mainNav ul li a.home:hover{ display: block; text-align: center; _float:left; color:#fff; background-color: #9b003f; height:20px; background-position: left 0; width: 158px; margin-right:0; margin-bottom: 0; padding:5px 0; }
nav#mainNav ul li a.house:hover{ display: block; text-align: center; _float:left; color:#fff; background-color: #9b003f; height:20px; background-position: left 0; width: 158px; margin-right:0; margin-bottom: 0; padding:5px 0; }
nav#mainNav ul li a.photo:hover{ display: block; text-align: center; _float:left; color:#fff; background-color: #9b003f; height:20px; background-position: left 0; width: 158px; margin-right:0; margin-bottom: 0; padding:5px 0; }
nav#mainNav ul li a.exam:hover{ display: block; text-align: center; _float:left; color:#fff; background-color: #9b003f; height:20px; background-position: left 0; width: 158px; margin-right:0; margin-bottom: 0; padding:5px 0; }
nav#mainNav ul li a.about:hover{ display: block; text-align: center; _float:left; color:#fff; background-color: #9b003f; height:20px; background-position: left 0; width: 158px; margin-right:0; margin-bottom: 0; padding:5px 0; }
nav#mainNav ul li a.info:hover{ display: block; text-align: center; _float:left; color:#fff; background-color: #9b003f; height:20px; background-position: left 0; width: 158px; margin-right:0; margin-bottom: 0; padding:5px 0; }
nav#mainNav ul li a.access:hover{ display: block; text-align: center; _float:left; color:#fff; background-color: #9b003f; height:20px; background-position: left 0; width: 158px; margin-right:0; margin-bottom: 0; padding:5px 0; }

	nav#mainNav ul li a span,nav#mainNav ul li a strong{
display:block;
font-size:90%;
line-height:1.4;
}

nav#mainNav ul li a span{
font-size:100%;
color:#191919;
font-weight:normal;
}

nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover span, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent a{
color:#f03;
}

nav#mainNav ul ul{ width:153px; margin-left: -1px; border-color: #4d4d4d; border-style: solid dotted dotted; border-width: 0 1px 1px; }
	nav#mainNav ul li ul{ margin-top: -15px; margin-left: 2px; display: none; }
	nav#mainNav ul li li{ margin:0 0 0 -3px; float: none; height:35px; width:158px; background:white; vertical-align: middle; border-color: #4d4d4d; border-style: dotted; border-width: 0 1px 1px; }
	nav#mainNav ul li:hover ul{
display: block;
position: absolute;
top:45px;
left:-1px;
z-index:500;
}
	nav#mainNav ul li li:last-child{ margin-left: -3px; border-color: #4d4d4d; border-style: dotted; border-width: 0 1px; }

nav#mainNav ul li li a{ color: #333; width:100%; height:35px; padding:0 0 0 10px; line-height:35px; font-size:80%; text-align:left; border-width: 0; }

nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover{ color:#fff; background-color: #9b003f; width: 148px; }
	nav div.panel{
display:block !important;
float:left;
}
  
a#menu{display:none;}

}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	nav#mainNav{
	clear:both;
	width:99%;
	margin:20px auto 10px;
	background:#fbfaf9 url(images/mainnavBg.png) repeat-x 0 -5px;
	border:1px solid #e8e5e0;
	border-radius:6px;
	}
		
	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:37px;
	line-height:37px;
	font-weight: bold;
	text-align:left;
  background: url(images/menuOpen.png) no-repeat 5px 8px;
	}
	
	nav#mainNav a#menu span{padding-left:35px;}
	
	nav#mainNav a.menuOpen{
	border-radius:6px 6px 0 0;
	background: url(images/menuOpen.png) no-repeat 5px -34px;
	}
	
	nav#mainNav a#menu:hover{cursor:pointer;}
	
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

	nav#mainNav ul{margin:0;padding:0;}

	nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dashed #e5e5e5;
	background:#fbfaf9;
	}
	
	nav#mainNav ul li:last-child a{border:0;border-radius:0 0 6px 6px;}
	nav#mainNav ul li li:last-child a{border:0;border-radius:0;}
	nav#mainNav ul li li:last-child a{border-bottom:1px dashed #e5e5e5;}

 	nav#mainNav ul li a span{display:none;}
 
	nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
	background:#fff;
	}
	
	nav#mainNav ul li.current-menu-item li a{color:#777}

	nav#mainNav ul li li{
	float:left;
	border:0;
	}

	nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
  padding-left:40px;
	background:#fbfaf9 url(images/sub1.png) no-repeat 20px 18px;}

	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
		background:#fff url(images/sub1.png) no-repeat 20px -62px;}
	
	nav#mainNav ul li li:last-child a{background:#fbfaf9 url(images/subLast.png) no-repeat 20px 20px;}
	nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#fff url(images/subLast.png) no-repeat 20px -65px;}
	
	nav div.panel{float:none;}
	
	#mainImg{margin-bottom:20px;}
}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
#header .logo{ position: relative; width: 500px; height: 70px; }
#header .logo2{ position: absolute; top: 10px; left: 250; }
#header .catch{ position: absolute; top: 55px; left: 0; }
#mainImgSp { display: none; }


  #wrapper, .inner,#topbody,#top{width:100%;}
	#topbody,#top,#news, .topcon3,#topics, { width: 95%; clear: both; }
	.banners, #news_wrap, #topcon2,#kenchiku, .toppanel { width: 95%; }
	.banners { background-color: white; width: 95%; }
	#wrapper,.inner2{width:100%;}
  .topcon{ width: auto; }

  
 
   #topics img.rect { width:25% ; height: 25%; }
   #topics img.square { width:50% ; height: 50%; }
	#topics2 img.square2 { width: 25%; height: auto; }
	#topics a:hover { opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity = 50); }
#bn ul { width: 100%; margin-bottom: 10px; }
#bn ul li img{ width: 95%; margin-bottom: 10px; }
#bn img.insert{width: 100%;}
	#header{ background-image: none; width:96%; padding:0 2%; }
	
	.contact{ text-align: left; float: right; margin: 0; padding:10px 0; }

  nav#mainNav{width:99%;}

	nav#mainNav ul{margin:0 auto;}
	nav#mainNav ul ul{padding:0;}

	nav div.panel{float:none;}
	#mainImg img, #subimage img,#topics img.cotact, #topcon2 img.toi{width:98%;height:auto;}
	
/*ページタイトル*/
.title_area { width: 99%; margin: 20px auto 0; }
.title_area .titleimg { width: 20%; display: inline-block; text-align: center; vertical-align: middle; letter-spacing: normal
; float: left; margin-right: auto; margin-left: auto; }
.title_area .maintitle { width: 80%; display: inline-block; text-align: left; vertical-align: middle; letter-spacing: normal
; margin-left: 0; }
.title_area .maintitle h2 {
  font-size: 30px;
  color: #595757;
  border-bottom: 1px solid #000;
  position: relative;
  margin-bottom: 15px;
  letter-spacing: 3px
}
.title_area .maintitle h2 span.subtitle {
  position: absolute;
  bottom: 5px;
  right: 0;
  font-size: 13px;
  font-weight: 700;
  color: #333
}
.title_area .maintitle p.intro {
  font-size: 14px;
  line-height: 1.8
}	
	
	#content,#content_top,#topics,#topics2,#bn {
	clear:both;
	width:95%;
	float:none;
	margin:0 auto;
	padding:10px 0;
	}
	#info_image{ text-align: center; vertical-align: middle; width: 25%; float: left; margin-top: 15px; }
#info_image img{ width: 95%;max-width: 150px; }

#news_wrap { font-size: 100%; font-weight: normal; padding-bottom: 0; width: 70%; overflow: auto; float: right; }

	.banner{width:100%;margin:0 auto;text-align:center;}
  p.banner img{width:100%;height:auto;}
	
	section.widget_search{text-align:center;}
	#footer .footercontent { background-color: #dadada; text-align: center; margin-right: auto; margin-left: auto; width: 95%; margin-bottom: 20px; }	
#footer ul{ margin-top: 15px; margin-right: auto; margin-left: auto; }

	#footer li{margin-bottom:10px;}
	#footer .innerright { width: 80%; margin-left: 20px; }
	
#wrapper .prolist { width: 90%;  margin-right: auto; margin-left: auto; overflow: hidden; }
#wrapper .qlist { width: 90%; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 20px; }	
	
#contactus {width: 100%}
#contactus ul{width: 100%}	
.post ul.sitemap li { width: 30%; float: left; margin-bottom: 5px; padding-left: 18px; }	
.post ul.sub-menu li { width: 100%; clear: both; display: block; margin-bottom: 5px; padding-left: 12px; }
.thumbWrap{ overflow:hidden; text-align: center; width:95%; margin-right: auto; margin-left: auto; padding-top: 25px; padding-bottom: 45px; }

	
}




@media only screen and (max-width: 720px){
#header .logo{ width: 250px; }
#header .logo2,.catch{ display: none;}
#bn ul li { text-align: center; display: inline-block; width: 50%; margin-bottom: 10px; }
#bn ul li img{ max-width: 230px; margin-bottom: 10px; }

#topics2 ul.panel li { text-align: center;  display: inline-block; width: 50%; margin: 0; }
#topics2 ul.panel li img { max-width: 250px; height: auto; margin-bottom: 10px; }



#wrapper .image { width: 40%; float: right; }
#wrapper ul.head { width: 60%; float: left; padding-top: 25px; padding-bottom: 20px; }

#info_image{ text-align: center; vertical-align: middle; width: 100%; float: left; margin-top: 15px; }
#info_image img{ max-width: 150px; }
#news_wrap { font-size: 100%; font-weight: normal; padding-bottom: 0; width: 100%; overflow: auto; float: right; }
.spbr{display:inline;}

.title_area .titleimg img { width: 70%;margin-right: auto; margin-left: auto; }

.thumbWrap ul.thumbUnder li { display: inline; }
.thumbWrap ul.thumbUnder li:first-child{ text-align: center; width: 100%; margin: 0 5% 0 3%; padding: 0; display: inline; }
.thumbWrap ul.thumbUnder li:last-child { text-align: left; display: inline; width: 100%; margin: 0; padding: 0; }
#contactus {width: 100%}
#contactus ul.access{ width: 100% }
#contactus ul li{ width: 25% }
#contactus ul li img{ width: 100% }


  #topics2 { width: 100%; overflow: hidden; }
	#topics2 ul { width: 100%; }
	#topics2 ul li{ width: 50%; }
.post ul.enq { width: 95%; margin-right: auto; margin-left: auto; }
.post ul.enq li { display: inline; background-image: url(pic/q.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 5px 5px; width: 90%; float: left; margin-right: 2%; margin-bottom: 10px; margin-left: 2%; padding: 7px 10px 10px 40px; border-color: #775539; border-style: solid solid dotted; border-width: 0 0 1px; }
.post table.hyo{ width: 99%; border-collapse: collapse; border-spacing: 0; margin:10px 0 20px; border-bottom-width: 0; }
.post table.hyo th{ background-image: none; background-attachment: scroll; background-position: 0 0; padding:3px 2%; text-align: left; width: 96%; border-left-width: 0; display: block; }
.post table.hyo td{ background-image: none; background-attachment: scroll; background-position: 0 0; padding:10px 2%; vertical-align: middle; width: 96%; border-bottom: 0 solid #bbb; border-top-width: 0; border-right-width: 0; border-left-width: 0; display: block; }
	
input.long{width:99%;}
textarea{width:99%;}	
#wrapper ul.head_q { width: 99%; }
#wrapper ul.head_q li:first-child{ width: 95%; }	
#news_wrap_top { font-size: 100%; font-weight: normal; padding-bottom: 0; width: 100%; overflow: auto; float: right; }


}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 480px){
	body{background-position:0 -25px;}
	#header .logo{ width: 99%;}
	#header .logo2,.catch{ display: none;}
	

	
	#header h1{color:#333;}
	#header h2 img{max-width:90%;}
	nav#mainNav{width:98%;}
	#header{text-align:center;}
	#header h2,.contact{float:none;}
	.contact{width:100%; padding:0 0 20px;}
	.contact h1{text-align:center;}
	#headerInfo{width:250px;margin:0 auto;}
	img.alignright, img.alignleft{display: block;	margin:5px auto;}
	.alignright,.alignleft{float:none;}
	.toppanel img.gya{width:90%;height:auto;}

   #topics img.rect { width:50% ; height: 25%; }
   #topics img.square { width:100% ; height: 50%; }
   #topics2 { width: 100%; overflow: hidden; }
	#topics2 ul { width: 100%; }
	#topics2 ul li{ width: 50%; }

.title_area .titleimg img { width: 70%;margin-right: auto; margin-left: auto; }


/*コンテンツエリア*/	
.post table.hyo{ width: 99%; border-collapse: collapse; border-spacing: 0; margin:10px 0 20px; border-bottom-width: 0; }
.post table.hyo th{ background-image: none; background-attachment: scroll; background-position: 0 0; padding:3px 2%; text-align: left; width: 96%; border-left-width: 0; display: block; }
.post table.hyo td{ background-image: none; background-attachment: scroll; background-position: 0 0; padding:10px 2%; vertical-align: middle; width: 96%; border-bottom: 0 solid #bbb; border-top-width: 0; border-right-width: 0; border-left-width: 0; display: block; }
.spbr{display: inline;}
.gyaarea{ width: 90%; margin-right: auto; margin-left: auto; }


#wrapper .prolist { width: 95%; height: auto; margin: 10px auto 20px; }
#wrapper .image { width: 100%; float: left; clear: both; }
#wrapper .qlist { width: 90%; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 20px; }	
#wrapper ul.head	{width:100%;}
#wrapper ul.head li:nth-child(3) { color: #f03; font-size: 120%; text-align: left; width: 100%; margin-top: 10px; margin-bottom: 10px; display: inline-block; }
#wrapper ul.head li:nth-child(5) { color: #f03; font-size: 120%; text-align: left; width: 100%; margin-top: 10px; margin-bottom: 10px; display: inline-block; }
img.insert { width: 90%; height: auto; max-width: 100%; margin: 20px auto 10px; }
span.subtitle{display: none;}

.thumbWrap{ overflow:hidden; text-align: center; width:99%; margin-right: auto; margin-left: auto; padding-top: 25px; padding-bottom: 25px; }
.thumbWrap ul.thumbUnder li:first-child{ padding-bottom: 20px; }
.thumbWrap ul.thumbUnder li:last-child { width: 95%; margin-left: 5px; }

.thumbWrap table{ width: 99%; margin-top: 10px; margin-right: 0; margin-left: 0; border-collapse: collapse; border-spacing: 0; border-bottom-width: 0; }
.thumbWrap table td{ background-image: none; background-attachment: scroll; background-position: 0 0; padding:10px 2%; vertical-align: middle; width: 96%; border-bottom: 0 solid #bbb; border-top-width: 0; border-right-width: 0; border-left-width: 0; display: block; }
.thumbWrap table td.photo{ background-image: none; background-attachment: scroll; background-position: 0 0; text-align: center; vertical-align: middle; width: 96%; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; border-bottom: 0 solid #bbb; border-top-width: 0; border-right-width: 0; border-left-width: 0; display: block; }

	
	
	
#footer .footercontent { background-color: #dadada; text-align: center; margin-right: auto; margin-left: auto; width: 95%; margin-bottom: 20px; }	
#footer ul{ width: 95%; margin-top: 15px; margin-right: auto; margin-left: auto; }
	
#contactus {width: 100%}
#contactus ul.access{ width: 100% }
#contactus ul li{ width: 70% ; margin-top: 3px; margin-bottom: 3px; border: dotted 1px #666; rder-right-style: dotted; }
#contactus ul li img{ width:  140px; }
.post ul.enq { width: 95%; margin-right: auto; margin-left: auto; }
.post ul.enq li { display: inline; background-image: url(pic/q.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 5px 5px; width: 90%; float: left; margin-right: 2%; margin-bottom: 10px; margin-left: 2%; padding: 7px 10px 10px 40px; border-color: #775539; border-style: solid solid dotted; border-width: 0 0 1px; }
#wrapper ul.head_q { width: 99%; }
#wrapper ul.head_q li:first-child{ width: 90%; }
.post ul.sitemap li { width: 50%; float: left; margin-bottom: 5px; padding-left: 18px; }	
.post ul.sub-menu li { width: 100%; clear: both; display: block; margin-bottom: 5px; padding-left: 12px; }


}