@charset "utf-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
}
html {
}
body {
background: url(../images/common/bg_wrapper.png) repeat-y center top;
}
body {
text-align: center;
}
#wrapper {
width:1223px;
margin: 0 auto;
background:url(../images/common/bg_wrapper.gif) repeat-y;
}

#top_wrapper {
width:1221px;
margin:0 auto;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
#header {
width:100%;
height:93px;
padding-bottom:5px;
margin:0 auto;
position:relative;
background:url(../images/common/line_header02.gif) repeat-x bottom;
text-align: center;
}
#header_contents {
width:1221px;
margin:0 auto;
position:relative;
text-align:left;
}

#header h1 {
font-size:12px;
position:absolute;
top:30px;
left:324px;
}
#header_about {
position:absolute;
top:15px;
right:20px;
}
#header_about02 {
position:absolute;
top:15px;
right:186px;
}
#header_about03 {
position:absolute;
top:15px;
right:350px;
}

#gr_nav {
clear:both;
}
#gr_nav li {
float:left;
}
#main {
width:955px;
margin:0 auto;
float:right;
position:relative;
padding-right:1px;
text-align:left;
}
#top_main {
width:955px;
float:right;
position:relative;
}

#sidebar {
width:265px;
float:left;
padding-left:1px;
}
#top_sidebar {
width:265px;
float:left;
border-right:1px solid #ccc;
}

.side_text {
width:59px;
float:right;
}


#side01,#side02  {
height:480px;
background:url(../images/common/bg_sidebar.png) repeat-y;
}
#side01 dl ul {
width:265px;
height:385px;
background:url(../images/common/gr_nav.png) no-repeat;
}
#side01 dl ul li,#side01 dl ul li a {
display:block;
height:35px;
}
#side01 dl ul li {
width:265px;
display:inline;
text-indent:-9999em;
}

#side03 dl ul {
width:265px;
height:385px;
background:url(../images/common/gr_nav.png) no-repeat;
}
#side03 dl ul li,#side03 dl ul li a {
display:block;
height:35px;
}
#side03 dl ul li {
width:265px;
display:inline;
text-indent:-9999em;
}

#nav01 a:hover {
background:url("../images/common/gr_nav.png") -265px 0px no-repeat;
}
#nav02 a:hover {
background:url("../images/common/gr_nav.png") -265px -35px no-repeat;
}
#nav03 a:hover {
background:url("../images/common/gr_nav.png") -265px -70px no-repeat;
}
#nav04 a:hover {
background:url("../images/common/gr_nav.png") -265px -105px no-repeat;
}
#nav05 a:hover {
background:url("../images/common/gr_nav.png") -265px -140px no-repeat;
}
#nav06 a:hover {
background:url("../images/common/gr_nav.png") -265px -175px no-repeat;
}
#nav07 a:hover {
background:url("../images/common/gr_nav.png") -265px -210px no-repeat;
}
#nav08 a:hover {
background:url("../images/common/gr_nav.png") -265px -245px no-repeat;
}
#nav09 a:hover {
background:url("../images/common/gr_nav.png") -265px -280px no-repeat;
}
#nav10 a:hover {
background:url("../images/common/gr_nav.png") -265px -315px no-repeat;
}
#nav11 a:hover {
background:url("../images/common/gr_nav.png") -265px -350px no-repeat;
}

#side04 dl {
float:left;
height:481px;
background-color:#d1deee;
}

#top_contents {
clear:both;
width:1223px;
margin: 0 auto;
background:url(../images/index/bg_cont.jpg) repeat-y;
}
#top_left {
width:850px;
float:left;
padding-left:40px;
padding-top:30px;

}

#top_right {
width:300px;
float:right;
}
.block {
margin-bottom:40px;
}
.top_h2 {
border-left:5px solid #006cb7;
padding:3px 0 3px 10px;
font-size:18px;
line-height:18px;
margin-bottom:15px;
color:#333333;
}
.top_h2_02 {
border-left:5px solid #01994C;
padding:3px 0 3px 10px;
font-size:18px;
line-height:18px;
margin-bottom:15px;
color:#333333;
}

.box_top01 {
background-color:#ebebeb;
width:840px;
padding:5px;
}
.box_top01 li {
width:253px;
float:left;
width:253px;
border:1px solid #ccc;
padding:5px;
float:left;
margin:6px;
background-color:#FFFFFF;

}
.box_top01 li dl dt {
font-size:18px;
font-weight:bold;
}
.box_top01 li dl dd {
font-size:12px;
color:#666666;
}

.main_title01 {
color:#743c1b;
}
.main_title02 {
color:#f6ae40;
}

.main_title03 {
color:#797923;
}

.main_title04 {
color:#6633CC;
}

.main_title05 {
color:#b4252b;
}

.main_title06 {
color:#2186ba;
}
.dl_top_right,.dl_top_right02,.dl_top_right03,.ul_top_right {
width:265px;
padding-left:25px;
}
.dl_top_right dt,.ul_top_right li  {
height:120px;
}
.dl_top_right dt.bg_f,.ul_top_right li {
background-color:#FFFFFF;
}
.dl_top_right dd {
margin-bottom:10px;
font-size:12px;
color:#333333;
}
.dl_top_right02 dt {
height:160px;
background-color:#FFFFFF;
}
.dl_top_right02 dd {
margin-bottom:10px;
font-size:12px;
color:#333333;
}
.dl_top_right03 dt {
height:26px;
}
.dl_top_right03 dd {
margin-bottom:10px;
font-size:12px;
color:#333333;
}

.box780 {
width:780px;
margin:0 auto;
}
.box810 {
width:810px;
margin:0 auto;
}
.box840 {
width:840px;
margin:0 auto;
}

.box845 {
width:845px;
margin:0 auto;
}

.box850 {
width:850px;
padding-left:72px;
padding-top:46px;
padding-bottom:30px;
}
.box890 {
width:892px;
padding-left:32px;
padding-bottom:30px;
}
.box890_02 {
width:892px;
padding-left:32px;
padding-top:30px;
}
.box924 {
width:924px;
margin:0 auto;
padding-top:30px;
padding-bottom:30px;
}
.box_h2 {
background:url(../images/common/h2_line.jpg) no-repeat top;
width:889px;
height:78px;
padding-top:4px;
}
.box_h2 h2 {
float:left;
}
.ul_sub_nav {
float:right;
padding:10px;
}
.ul_sub_nav li {
float:left;
font-size:16px;
color:#333;
}
.ul_sub_nav li a {
color:#333333;
padding:5px;
}

.box_brown {
padding-top:20px;
padding-bottom:20px;
}
.box335 {
width:335px;
padding-top:10px;
}
#ul_pan li {
padding-left:5px;
float:left;
margin-bottom:10px;
font-size:12px;
}
#footer {
width:1181px;
margin:0 auto;
padding:10px 20px;
clear:both;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;

background-color:#FFFFFF;
text-align: center;
}
#footer02 {
width:1221px;

border-top:1px solid #ccc;

margin:0 auto;
clear:both;
text-align: center;
}
#footer_contents {
width:1181px;
padding:10px 20px;
clear:both;
background-color:#FFFFFF;
text-align: left;
}

#footer_line {
width:100%;
border-bottom:7px solid #6f4c4a;

}
.text_footer {
font-size:12px;
font-weight:bold;
}
#footer dl,#footer02 dl {
clear:both;
font-size:12px;
padding:3px 0;
}
#footer dl dt,#footer02 dl dt {
float:left;
width:140px;
}
#footer dl ul,#footer02 dl ul {
width:1100px;
}
#footer dl ul li,#footer02 dl ul li {
float:left;
color:#333;
font-size:12px;
}
#footer dl ul li a,#footer02 dl ul li a {
color:#333;
padding:0 5px;
}
#footer dl ul li a:hover,#footer02 dl ul li a:hover {
color:#cc0000;
}
.copy {
font-size:11px;
text-align:right;
}
.pagetop {
text-align:right;
font-size:14px;
padding:10px 0;
clear:both;

}
.pagetop a {
color:#333333;
background:url(../images/common/arrow.png) no-repeat left center;
padding-left:10px;
}
.pagetop a:hover {
color:#666;
}
#pagetop{
position:fixed;
bottom:10px;
right:0;
font-size:14px;
font-weight:bold;
}
#pagetop a {
color:#fff;
text-decoration:none;
padding:10px;
background:#6F4C4A;
border-radius:8px 0 0 0;
}
#pagetop a:hover {
color:#ccc;
}


.top_main {

width:955px;
height:481px;
z-index:1;
}

.bg {
width:955px;
height:481px;
background:url(../images/index/bg_individual01.jpg) no-repeat;
}
/*
Background Stretcher jQuery Plugin
© 2011 ajaxBlender.com
For any questions please visit www.ajaxblender.com 
or email us at support@ajaxblender.com
*/

#main_bg {
_background:url(../images/index/bg_individual01.jpg) no-repeat fixed;
width:955px;
height:481px;
position:relative;

}
#main_bg02 {
background:url(../images/index/bg_business01.jpg) no-repeat;
width:955px;
height:481px;
border-top:1px solid #ccc;
}
.top_banner {
width:850px;
}
.top_banner li {
float:left;
font-size:11px;

}
.top_banner li.bn01 {
width:430px;
padding-right:10px;
}
.top_banner li.bn02 {
width:410px;
}
.top_banner02 {
width:866px;
margin-right:-16px;
}
.top_banner02 li {
width:417px;
float:left;
margin-bottom:10px;
font-size:11px;
color:#333333;
padding-right:16px;
}
.top_banner02 li img {
width:417px;
height:146px;
}
.news01 {
width:850px;
border:2px solid #006cb7;
clear:both;
}
.news01 dl {
padding:15px 15px 10px 15px;
font-size:12px;
}
.news01 dl dt {
clear:both;
padding-bottom:5px;
}
.news01 dl dd {
margin-bottom:5px;
border-bottom:1px dotted #ccc;
padding-bottom:5px;
}
.news02 {
width:416px;
border:2px solid #01994C;
clear:both;
}
.news02 dl {
padding:15px 15px 10px 15px;
font-size:12px;
}
.news02 dl dt {
clear:both;
padding-bottom:5px;
}
.news02 dl dd {
margin-bottom:5px;
border-bottom:1px dotted #ccc;
padding-bottom:5px;
}
.bgstretcher-area { text-align: left; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
position: absolute;
top: 0;
left: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
margin: 0;
padding: 0;
list-style: none;
}
.bgstretcher {
background: black;
overflow: hidden;
width: 955px;
position: fixed;
z-index: 1;
_position: absolute; /*IE6 doesn't support fixed positioning*/
top: 0;
left: 0;
}

/*-- individual --*/
.box850 {
width:850px;
}
h3.h3_style01 {
font-size:18px;
margin-bottom:25px;
font-weight:500;
color:#333;
border-left:5px solid #333333;
border-bottom:1px solid #333;
padding-left:8px;
}

h4.h4_style01 {
font-size:24px;
margin-bottom:25px;
color:#666;
}

.dl_style01 dt {
margin-bottom:10px;
height:28px;
}
.dl_style01 dd {
font-size:16px;
color:#444;
margin-bottom:20px;
}
.pl_210 {
padding-left:210px;
}
.box_step01 {
background:url(../images/individual/product/bg_step01.gif) no-repeat;
width:840px;
height:120px;
margin-bottom:10px;
}
.box_step02 {
background:url(../images/individual/product/bg_step02.gif) no-repeat;
width:840px;
height:120px;
margin-bottom:10px;
}
.box_step03 {
background:url(../images/individual/product/bg_step03.gif) no-repeat;
width:840px;
height:120px;
margin-bottom:10px;
}
.box_step04 {
background:url(../images/individual/product/bg_step04.gif) no-repeat;
width:840px;
height:120px;
margin-bottom:10px;
}
.box_step05 {
background:url(../images/individual/product/bg_step05.gif) no-repeat;
width:840px;
height:120px;
margin-bottom:10px;
}
.box_step06 {
background:url(../images/individual/product/bg_step06.gif) no-repeat;
width:840px;
height:120px;
margin-bottom:10px;
}
.box_step07 {
background:url(../images/individual/product/bg_step07.gif) no-repeat;
width:840px;
height:120px;
margin-bottom:10px;
}
.box_step08 {
background:url(../images/individual/product/bg_step08.gif) no-repeat;
width:840px;
height:120px;
margin-bottom:10px;
}
.box_step09 {
background:url(../images/individual/product/bg_step09.gif) no-repeat;
width:840px;
height:120px;
margin-bottom:10px;
}
.box_step10 {
background:url(../images/individual/product/bg_step10.gif) no-repeat;
width:840px;
height:120px;
margin-bottom:10px;
}
.dl_step {
padding-left:100px;
font-size:13px;

}
.dl_step dt {
height:35px;

}
.table_flow {
width:485px;
background-color:#FFFFFF;
margin-bottom:20px;
}
.table_flow th p {
width:191px;
float:left;
clear:both;
padding:5px 10px 5px 15px;
vertical-align:middle;

}
.table_flow td {
color:#666666;
font-size:14px;
padding:5px 0 5px 0;
vertical-align:middle;

}
.dl_product01 {
width:500px;
float:left;
padding-left:20px;
}
.dl_product01 dt {
color:#CC0000;
font-size:18px;
margin-bottom:10px;
font-weight:bold;
}
.dl_product01 dd {
font-size:14px;
color:#333333;
line-height:21px;
margin-bottom:20px;
}
.box256 {
width:256px;
float:right;
padding-right:30px;
}
.box_product03 {
background:url(../images/individual/product/image06.jpg) no-repeat;
width:845px;
height:725px;
position:relative;
}
.box_product03 p {
position:absolute;
right:0;
bottom:0;
}

.dl_product02 {
width:345px;
float:left;
}
.dl_product02 dd {
font-size:14px;
}
.dl_product03_a {
width:245px;
float:left;
padding-right:35px;
font-size:14px;
margin-bottom:15px;
}
.dl_product03_b {
width:245px;
float:left;
padding-right:35px;
font-size:14px;
margin-bottom:15px;
}

.dl_product03_c {
width:264px;
float:left;
font-size:14px;
margin-bottom:15px;
}

.dl_product04 dd {
font-size:14px;
margin-bottom:15px;
}

.dl_product05 dd {
font-size:14px;
margin-bottom:15px;
}

.dl_product06 dd {
font-size:14px;
margin-bottom:15px;
}

/*-- fiacecourt --*/
.table_fiace {
width:848px;
margin:0 auto 30px;
border:1px solid #ccc;
border-collapse:collapse;
background-color:#FFFFFF;
}
.table_fiace th {
width:211px;
}

.table_fiace td {
border:1px solid #ccc;
padding:0 10px;
font-weight:bold;
}
.table_fiace td p {
font-size:14px;
line-height:160%;
}
/*-- staff --*/
.5040 {
width:840px;
margin:0 auto;
}

.dl_staff {
width:240px;
float:left;
padding:20px;
}
.dl_staff dl dt {
font-size:12px;
margin-bottom:5px;
float:left;
clear:both;
width:70px;
color:#333;
}
.dl_staff dl dd {
width:170px;
font-size:12px;
float:left;
margin-bottom:5px;
}
.dl_staff dd span {
font-weight:bold;
}
/*-- architect --*/
.box_architect01 {
background:url(../images/individual/architect/architect01.jpg) no-repeat;
width:829px;
height:368px;
position:relative;
}
.box_architect02 {
background:url(../images/individual/architect/architect02.jpg) no-repeat;
width:829px;
height:365px;
position:relative;
}
.box_architect03 {
background:url(../images/individual/architect/architect03.jpg) no-repeat;
width:829px;
height:401px;
position:relative;
}
.p_architect01 {
position:absolute;
left:5px;
top:150px;
}

.p_architect02 {
position:absolute;
left:280px;
top:180px;
}
.p_architect03 {
position:absolute;
left:15px;
top:200px;
}

/*-- portfolio --*/
.ul_portfolio {
width:795px;
margin:0 auto;
}
.ul_portfolio li {
width:139px;
height:120px;
padding:0 10px 20px;
float:left;
}
.ul_portfolio li.po01 img {
border:3px solid #f6b2b3;
padding:7px;
}
.ul_portfolio li.po02 img {
border:3px solid #aad5a7;
padding:7px;
}

.ul_portfolio li.po03 img {
border:3px solid #b8e0e2;
padding:7px;
}

.ul_portfolio li.po04 img {
border:3px solid #f9c685;
padding:7px;
}

.ul_portfolio li.po05 img {
border:3px solid #d0c6e1;
padding:7px;
}

/*-- company --*/

.box_company {
background-position: 100% 80px;
padding:20px 0 20px 10px;
}
.box_company p {
font-size:14px;
line-height:26px;
margin-bottom:5px;
}
.box_company .name {
padding-left:550px;
}
.table_company {
width:430px;
border-collapse:collapse;
font-size:14px;
}
.table_company th {
width:80px;
vertical-align:top;
padding:15px 0;
line-height:150%;
color:#219252;
}
.table_company th p {
}
.table_company td {
padding:15px 0;
line-height:150%;
border-bottom:1px dotted #ccc;
}
.dl_company02 {
font-size:14px;
}
.dl_company02 dd {
padding-left:1em;
}
.table_company02 {
width:450px;
float:left;
border-collapse:collapse;
font-size:13px;
color:#000;
margin-bottom:15px;

}
.table_company02 th {
padding:5px 0;
line-height:150%;
width:120px;
border-bottom:1px dotted #ccc;
}

.table_company02 td {
padding:5px 0;
line-height:150%;
border-bottom:1px dotted #ccc;
}
.box100 {
	width:100%;
}
.box470 {
width:470px;
}
.box450 {
width:450px;
}

.box430 {
width:430px;
}

.box420 {
width:420px;
}
.box400 {
width:400px;
}
.box350 {
width:350px;
}
.box330 {
width:330px;
}
.box330 {
width:330px;
}
.box367 {
width:367px;
}
.h4_compnay {
font-size:14px;
}
.dl_company {
width:367px;
}
.dl_company dd {
font-size:14px;
line-height:150%;
margin-bottom:10px;
}

/*-- policy --*/
.dl_policy {
width:780px;
font-size:12px;
}
.dl_policy dt {
padding:10px;
background-color:#dcdcdc;
margin-bottom:10px;
}
.dl_policy dd {
padding:0 10px;
}
.dl_policy dd li {
text-indent:-1em;
padding-left:1em;
margin-bottom:15px;
line-height:150%;

}
.dl_policy dd p {
margin-bottom:15px;
line-height:150%;
}

/*-- recruit --*/
.table_recruit {
font-size:14px;
border-collapse:collapse;
width:750px;
margin-bottom:10px;
color:#333333;
}
.table_recruit caption {
background:url(../images/company/sq.png) no-repeat left center;
padding-left:12px;
}

.table_recruit th {
padding:10px;
width:150px;
vertical-align:top;
background:#f0f0f0;
border:1px solid #ccc;
line-height:150%;
}
.table_recruit td {
padding:10px;
border:1px solid #ccc;
line-height:150%;
}

/*-- news --*/
.news_block {
margin-bottom:20px;
clear:both;
border-bottom:1px solid #ccc;
padding-bottom:20px;
}

.h4_news a {
font-size:16px;
margin-bottom:10px;
color:#333333;
}
.date {
font-size:12px;
}
.text_news {
font-size:14px;
line-height:180%;
}

/*-- cafe --*/
.box265 {
width:265px;
}
.box_madori {
background:url(../images/individual/cafe/madori.jpg) no-repeat;
width:574px;
height:510px;
float:right;
position:relative;
}

.box_madori ul li#madori01 {
width:55px;
height:40px;
position:absolute;
top:16;
left:220px;
}

.box_madori ul li#madori02 {
width:55px;
height:40px;
position:absolute;
top:62px;
left:248px;
}
.box_madori ul li#madori03 {
width:55px;
height:40px;
position:absolute;
top:138px;
left:300px;
}
.box_madori ul li#madori04 {
width:55px;
height:40px;
position:absolute;
top:223px;
left:96px;
}
.box_madori ul li#madori05 {
width:50px;
height:45px;
position:absolute;
top:264px;
left:370px;
}
.box_madori ul li#madori06 {
width:50px;
height:45px;
position:absolute;
top:326px;
left:306px;
}
.box_madori ul li#madori07 {
width:50px;
height:45px;
position:absolute;
top:463px;
left:187px;
}

.box_madori ul li#madori08 {
width:50px;
height:45px;
position:absolute;
top:463px;
left:327px;
}

.dl_cafe {
width:400px;
float:left;
padding-right:20px;
}
.dl_cafe dt {
color:#f07611;
font-size:14px;
font-weight:bold;
margin-bottom:5px;
}
.dl_cafe dd {
font-size:12px;
line-height:160%;
color:#333333;
margin-bottom:20px;
}
.dl_cafe02 {
clear:both;
}
.dl_cafe02 dt {
}
.dl_cafe02 dd ul li {
width:408px;
margin-bottom:20px;
}


.box_archi {
width:191px;
background-color:#f0dfc3;
float:right;
padding-bottom:20px;
}
.box_archi ul {
padding-left:7px;
}
.box_archi ul li {
font-size:14px;
background:url(../images/individual/cafe/arrow.jpg) no-repeat left center;
padding:3px 12px;
margin-left:3px;
}
.box_archi ul li a {
color:#333333;
}

.ul_staff,.ul_staff02 {
margin-bottom:20px;
}
.ul_staff li {
width:446px;
height:250px;
float:left;
}
.ul_staff02 li {
width:446px;
height:310px;
float:left;
}
/*-- reform --*/


.box_reform {
width:957px;
margin:0 auto;
padding-bottom:20px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
/*-- land --*/

.land_step01 {
background:url(../images/individual/land/bg_flow01.gif) no-repeat;
width:840px;
height:120px;
margin-bottom:10px;
}
.land_step02 {
background:url(../images/individual/land/bg_flow02.gif) no-repeat;
width:840px;
height:120px;
margin-bottom:10px;
}
.land_step03 {
background:url(../images/individual/land/bg_flow03.gif) no-repeat;
width:840px;
height:120px;
margin-bottom:10px;
}
.land_step04 {
background:url(../images/individual/land/bg_flow04.gif) no-repeat;
width:840px;
height:120px;
margin-bottom:10px;
}
.land_step05 {
background:url(../images/individual/land/bg_flow05.gif) no-repeat;
width:840px;
height:120px;
margin-bottom:10px;
}
.land_step06 {
background:url(../images/individual/land/bg_flow06.gif) no-repeat;
width:840px;
height:120px;
margin-bottom:10px;
}

/*-- planning --*/
.box_planning {
width:877px;
margin:0 auto;
}
.plan02 {
background:url(../images/individual/planning/plan02.jpg) no-repeat right top;
padding-left:15px;
margin-bottom:20px;
}
.plan02 h3 {
padding-top:67px;
}
.plan02 h4 {
font-size:24px;
line-height:150%;
padding-left:10px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.plan03 {
background:url(../images/individual/planning/plan03.jpg) no-repeat right top;
padding-left:15px;
margin-bottom:40px;

}
.plan03 h3 {
padding-top:138px;
}
.plan03 h4 {
font-size:24px;
line-height:150%;
padding-left:10px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.plan04 {
margin-bottom:56px;
}
.plan04_a {
background:url(../images/individual/planning/plan04_bg01.jpg) no-repeat;
width:877px;
height:283px;
position:relative;
}
.plan04_a h4 {
position:absolute;
top:88px;
left:627px;
font-size:24px;
line-height:150%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.plan04_a p {
position:absolute;
top:126px;
left:627px;
font-size:14px;
line-height:150%;
width:218px;
}

.plan04_b {
background:url(../images/individual/planning/plan04_bg02.jpg) no-repeat;
width:877px;
height:211px;
position:relative;
}
.plan04_b h4 {
position:absolute;
top:8px;
left:298px;
font-size:24px;
line-height:150%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.plan04_b p {
position:absolute;
top:46px;
left:298px;
font-size:14px;
line-height:150%;
width:184px;
}


.plan04_c {
background:url(../images/individual/planning/plan04_bg03.jpg) no-repeat;
width:877px;
height:292px;
position:relative;
}
.plan04_c h4 {
position:absolute;
top:49px;
left:37px;
font-size:24px;
line-height:150%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.plan04_c p {
position:absolute;
top:87px;
left:37px;
font-size:14px;
line-height:150%;
width:206px;
}

.plan04_d {
background:url(../images/individual/planning/plan04_bg04.jpg) no-repeat;
width:877px;
height:319px;
position:relative;
}
.plan04_d h4 {
position:absolute;
top:198px;
left:458px;
font-size:24px;
line-height:150%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.plan04_d p {
position:absolute;
top:236px;
left:458px;
font-size:14px;
line-height:150%;
width:383px;
}

.plan04_e {
background:url(../images/individual/planning/plan04_bg05.jpg) no-repeat;
width:877px;
height:169px;
position:relative;
}
.plan04_e h4 {
position:absolute;
top:10px;
left:37px;
font-size:24px;
line-height:150%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.plan04_e p {
position:absolute;
top:48px;
left:37px;
font-size:14px;
line-height:150%;
width:358px;
}

.plan04_f {
background:url(../images/individual/planning/plan04_bg06.jpg) no-repeat;
width:877px;
height:219px;
position:relative;
}
.plan04_f h4 {
position:absolute;
top:35px;
left:533px;
font-size:24px;
line-height:150%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.plan04_f p {
position:absolute;
top:73px;
left:533px;
font-size:14px;
line-height:150%;
width:300px;
}

.plan04_g {
background:url(../images/individual/planning/plan04_bg07.jpg) no-repeat;
width:877px;
height:219px;
position:relative;
}
.plan04_g h4.plan04_01 {
position:absolute;
top:20px;
left:266px;
font-size:24px;
line-height:150%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.plan04_g p.plan04_01 {
position:absolute;
top:58px;
left:266px;
font-size:14px;
line-height:150%;
width:160px;
}
.plan04_g h4.plan04_02 {
position:absolute;
top:20px;
left:688px;
font-size:24px;
line-height:150%;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.plan04_g p.plan04_02 {
position:absolute;
top:58px;
left:688px;
font-size:14px;
line-height:150%;
width:160px;
}
.plan05 {
padding:0 15px 0 20px;
margin-bottom:40px;
}
.plan05 h3 {
}
.plan05 h4 {
font-size:24px;
line-height:150%;
padding-left:10px;
margin-bottom:10px;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
h3.planning_h3 {
border-left:5px solid #333;
padding:3px 0 3px 10px;
font-size:24px;
line-height:24px;
margin-bottom:15px;
color:#333333;
}
/*-- 2013.10.15 --*/
.box_voice {
background:url(../images/individual/voice/bg_voice.jpg);
margin-bottom:40px;
}
.voice01 li {
float:left;
}

.voice02 li {
width:279px;
height:376px;
float:left;
}
.ul_kengakulist li {
width:267px;
}

.ul_kengakulist li dl {
border:1px solid #ccc;
padding:10px;
font-size:12px;
}
.ul_kengakulist li dl dt{
color:#0066CC;
}




.wp-pagenavi {
clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}

.wp-pagenavi span.current {
font-weight: bold;
background-color:#FF9900;
color:#FFFFFF;
}

.reserve_tel {
font-size:14px;
margin-bottom:20px;
color:#333;
}
.reserve_tel span {
font-size:48px;
font-weight:bold;
color:#FF6600;
}


/*-- cafeie --*/
.box_cafeie01 {
margin-bottom:90px;
}
.box_cafeie01 h3 {
font-weight:bold;
font-size:36px;
margin-bottom:5px;
}
.cafe_text {
font-size:18px;
line-height:26px;
font-weight:bold;
margin-bottom:5px;
}
.ls_1 {
letter-spacing: -1px;
}
.dl_cafeie dt {
font-size:16px;
font-weight:bold;
}
.dl_cafeie dd li {
font-size:14px;
padding-left:1em;
text-indent:-1em;
}
.dt_cafeie01 {
color:#64a783;
}
.dt_cafeie02 {
color:#a6b5bd;
}
.dt_cafeie03 {
color:#d4ba9f;
}
.dt_cafeie04 {
color:#92a4ad;
}
.dt_cafeie05 {
color:#af8b89;
}

.cafe_tag01 {
color:#fff;
text-align:center;
background:#74b190;
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}
.cafe_tag02 {
color:#fff;
text-align:center;
background:#97a8b0;
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}


.cafe_tag03 {
color:#fff;
text-align:center;
background:#cfb18f;
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}

.cafe_tag04 {
color:#fff;
text-align:center;
background:#84b6c1;
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}
.cafe_tag05 {
color:#fff;
text-align:center;
background:#bc9a99;
font-size:18px;
font-weight:bold;
margin-bottom:10px;
}
.box_cafeie02 {
clear:both;
margin-bottom:50px;
}

.box_cafeie02 h3 {
font-size:18px;
margin-bottom:10px;
}
.box_cafeie02 p {
font-size:12px;
line-height:18px;
}
.ul_cafeview01,.ul_cafeview02 {
clear:both;
}
.ul_cafeview01 li,.ul_cafeview02 li {
float:left;
}
.ul_cafeview01 li dt,.ul_cafeview02 li dt {
color:#dd8b4b;
font-size:16px;
}
.ul_cafeview01 li dd,.ul_cafeview02 li dd {
font-size:12px;
line-height:18px;
margin-bottom:10px;
}
.ul_cafeview01 li:not(:last-child) {
width:186px;
margin-right:25px;
padding-top:20px;
}
.ul_cafeview01 li:last-child {
width:215px;
}
.ul_cafeview01 li:last-child dd {
margin-bottom:30px;
}

.ul_cafeview02 li:not(:first-child) {
width:160px;
margin-left:25px;
padding-top:20px;
}
.ul_cafeview02 li:first-child {
width:329px;
padding-top:20px;
}
.ul_cafeview02 li:first-child dd {
margin-bottom:30px;
}

/*--large--*/
.ul_large li {
margin-bottom:54px;
}
.ul_large li h3 {
float:right;
font-size:16px;
padding:5px 0;
margin-bottom:15px;
}
.ul_large li dl {
padding-top:15px;

}
.ul_large li dt {
float:left;
margin-right:30px;
clear:both;
}
.large_thumb li {
float:left;
width:158px;
height:106px;
margin-bottom:25px;
}
.large_thumb li:not(:nth-child(3n)) {
margin-right:15px;
}
.large_tag01 {
background:#3ca3dd;
color:#fff;
padding:5px 10px;
font-size:16px;
display:inline-block;
float:left;
}
.large_tag02 {
background:#519660;
color:#fff;
padding:5px 10px;
font-size:16px;
display:inline-block;
float:left;
}

/*--architect--*/
.ul_sub_nav02 {
float:right;
padding:20px 0;
}
.ul_sub_nav02 li {
float:left;
font-size:12px;
color:#333;
}
.ul_sub_nav02 li a {
color:#333333;
padding:5px 3px;
}

.arch02 {
background:url(../images/individual/architect02/0_bg.jpg) no-repeat right 30px;
}
.ul_arch02_01 li {
float:left;
}
.ul_arch02_02 {
width:840px;
margin:0 auto 40px;
}
.ul_arch02_02 li {
padding:0 5px;
float:left;
}
.arch_flow {
background:url(../images/individual/architect02/03.png) no-repeat;
width:888px;
height:952px;
position:relative;
}

.arch_flow p {
position:absolute;
top:272px;
left:152px;

}

/*--oriono--*/
.oriono01 {
background:url(../images/individual/fc_oriono/image02.png) no-repeat;
width:924px;
height:162px;
}
.oriono01 p {
font-size:14px;
line-height:1.5;
color:#505050;
padding:75px 0 0 20px;

}
.h3_oriono01 {
float:left;
}
.ul_oriono01 li {
width:184px;
float:left;
font-size:12px;
text-align:center;
}
/*--portfolio--*/
.ul_portfolio02 li {
width:420px;
border:4px solid #6ec2cc;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:15px;
float:left;
margin-bottom:20px;
}

.ul_portfolio02 li:nth-child(odd) {
margin-right:20px;

}
.ul_portfolio02 li h4 {
font-size:16px;
line-height:1.4;
margin-bottom:10px;
/*
height:50px;
*/
}
.ul_portfolio02 li h4 a {
color:#815866;
}
.ul_portfolio02 li h4 a:hover {
text-decoration:underline;
}
.portfolio_eycatch {
position:relative;
width:370px;
height:214px;
}

h3.h3_portfolio {
font-size:28px;
margin-bottom:10px;
color:#815866;
}
.text_portfolio {
font-size:14px;
line-height:180%;
margin-bottom:15px;
}
.box_portfolio {
margin-bottom:60px;
clear:both;
_zoom: 1;     
overflow: hidden;
width:462px;
padding-left:30px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.box_portfolio:after{
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.box_portfolio div {
_zoom: 1;     
overflow: hidden; 
}

.anchor_port {
color:#0571B9;
}
.box_700 {
width:100%;
margin:0 auto;
}
.box550 {
width:300px;
}
.box_portfolio h4 {
font-size:20px;
margin-bottom:10px;
font-weight:bold;
padding:0;
}
.box_portfolio h4.bg01 {
background:url(../images/individual/portfolio/bg_ttl01.png) no-repeat left bottom;
}
.box_portfolio h4.bg02 {
background:url(../images/individual/portfolio/bg_ttl02.png) no-repeat left bottom;
}
.box_portfolio p {
font-size:14px;
line-height:1.8;
}

.box_portfolio p span {
display:block;
font-size:20px;
border-bottom:1px solid #333;
margin-bottom:10px;
}
.port_image {
width:300px;
text-align:center;
}
.box_portfolio img {
max-width:445px;
max-height:445px;

}
div.port_thumbnail {
    width: 382px;
    position: relative;
}
div.port_thumbnail img {
    width: 382px;
    position: absolute;
    clip: rect(0px 382px 214px 0px);
}
img { -ms-interpolation-mode: bicubic; }