@charset "UTF-8";


/*----------------------------------------------------------*/
/* 2nd Pgge aboutus 共通要素 */
/*----------------------------------------------------------*/

/*「風光舎について」ページ共通の左脇のナビゲーションをコンテンツ領域を「side_navi」とします。*/
/* side_navi 一覧 */
#side_navi {width:150px; margin:10px 10px 10px 10px; float:left;}

#side_navi #nav{width:150px; margin:0 0 10px 0; display:block; line-height:1em;}

#side_navi #nav li{ margin:0 0 2px 0; line-height:1.3em;}

#side_navi #nav .title{font-size:12px; display:block; margin:0 0 0 0; padding:7px 5px 6px 9px; text-align:left; text-decoration:none; background-color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:left; margin:0 0 2px 0; line-height:1.8em; border:#666666 1px solid; height:40px;}

#side_navi #nav li a{color:#fff; font-size:12px; display:block; margin:0 0 0 0; padding:7px 5px 6px 9px; text-align:left; text-decoration:none; background-color:#666666; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:left;}

#side_navi #nav li a:hover, #side #nav li a:focus{background-color:#b0b0a6; color:#111;}

#side_navi #nav li a{height:1%; margin:0 0 0 0;}

#side_navi #img{width:150px; margin:15px 0 15px 0; display:block; line-height:1em;}

side_navi #img li{ margin:0px 0 5px 0; line-height:1.3em;}

/* side_navi ここまで */


/*「風光舎について」ページ共通の右脇のコンテンツ領域を「aboutus」とします。*/
/* aboutus */
.aboutus {width:810px; margin:10px 0; float:left;}
.aboutus .title{background-color:#b0b0a6; height:25px; padding-top:5px;}
/* aboutus ここまで */


/*----------------------------------------------------------*/
/* 2nd Pgge aboutus プロフィール「index」の要素 */
/*----------------------------------------------------------*/

.aboutus .office {width:740px; border:#666666 1px solid; padding:20px; margin:20px auto;}
.aboutus .office .imgright {float:right; }
.aboutus .office .name {font-size:16px; margin:0 0 10px 0px;}
.aboutus .office .address {  margin:0 0 0px 10px;}

.aboutus .archive .person_imageL {float:left; margin:20px 10px; width:200px;}
.aboutus .archive .person_imageL img {display:block; margin:auto;}
.aboutus .archive .profileR {float:right; margin:20px 20px 20px 0px;width:570px;}

.aboutus .archive .person_imageR {float:right; margin:20px 10px;width:200px;}
.aboutus .archive .person_imageR img {display:block; margin:auto;}
.aboutus .archive .profileL {float:left; margin:20px 10px; width:570px;}

.aboutus .archive .name {font-size:16px; margin:0 0 10px 10px;}
.aboutus .archive .guide { margin:0 0 0 15px;}
.aboutus .archive .coment { margin:10px 0 10px 0 15px; letter-spacing:normal; border:#666666 1px dashed; padding:10px;}

.aboutus .archive .kininaru {margin-top:5px;}
.aboutus .archive .iframe {color:#060;}

/* プロフィール「好きな気になる」の要素 ここから*/
#kininaru_contents {width:1000px; height:600px;}

#kininaru_contents .image_area { float:left; margin-right:20px; width:180px; height:180px; }
#kininaru_contents .head_area {width:auto; font-size:15px; margin:20px; float:left;}

#kininaru_contents .text_area { float:left; margin-right:20px;}

.table{margin:0px 0px 0px 30px; float:left; width:100%;}
.table td{ border:1px #acacac solid; padding:0px 5px 0px 5px; width:100px;}
table .aiueo {font-size:15px; text-align:left; color:#b7212a;}
table .suki {font-size:12px;float:right; text-align:right; letter-spacing:normal;}

/* プロフィール「好きな気になる」の要素 ここまで */


/* プロフィール「index」の要素 ここまで */

/*----------------------------------------------------------*/
/* 2nd Pgge aboutus 掲載誌・TVの一覧ページ「media」の要素 */
/*----------------------------------------------------------*/

/* 一覧ページの「block」を１行単位で、包む要素 */
.aboutus .archive{ float:left; width:810px; clear:both;}

/* 「block」の要素 */
.aboutus .archive .block{float:left; width:180px; margin:10px; text-align:center; display:table-cell; vertical-align:middle; layout-grid-line:180px; }

.aboutus .archive .block .name {line-height:1em;}
.aboutus .archive .block  .guide {line-height:1em; font-size:10px;}

/* 一覧ページの画像のルール */
.aboutus .archive .block img{vertical-align:middle;text-align:center;}

/* 一覧ページの画像すべてに追記してほしい「class」 */
.image_resize {max-width: 180px; max-height: 180px;}
* html body .image_resize {width: expression(this.width >= this.height ? "180px" : "auto"); height: expression(this.width <= this.height ? "180px" : "auto");}

/* 横長の画像を一覧ページに設置するとき、画像のに追記してほしい「class」 */

/* 普通の横長写真サイズ横長の画像のとき */
.t25 { margin-top:25%; }

/* 横が長めの横長写真サイズ横長の画像のとき */
.t50 { margin-top:50%; }


/* 掲載誌・TVの一覧ページ「media」の要素 ここまで */


/*----------------------------------------------------------*/
/* 2nd Pgge aboutus アクセスマップ「access」の要素 */
/*----------------------------------------------------------*/


/* 説明 ここから */
.access_guide {margin:10px auto; width:730px; text-align:left; border:#999999 1px dashed; padding:20px; height:300px;}
.access_guide img {float:left; margin-right:20px;}

.access_guide .name {font-size:15px; margin:30px;}
.access_guide .ac_guide {margin:10px;}


/* 説明 ここまで */


/* 地図画像 ここから */
.map_space {margin:10px auto 0; width:770px; text-align:center;}
.map_space img { border:#999999 1px solid;}

.map_print { margin:0 auto; width:770px; text-align:right;}
/* 地図画像 ここまで */

/*********** print.css ************/
.off
{
display:none;
}

/* アクセスマップ「access」の要素 ここまで */


/*----------------------------------------------------------*/
/* 2nd Pgge aboutus 無料相談窓口「form」の要素 */
/*----------------------------------------------------------*/

/* フォーム要素包む要素 */
.form_space{ float:left; width:770px; clear:both; margin:5px 10px;}
.form_space .imgleft { float:left; margin-right:10px;}

.form_titile {background-color: #9C6; line-height:1.5em; font-size:15px; margin:0; padding:3px; color:#FFFFFF; margin-left:10px;}
.form_notice { margin-left:10px;line-height:1em; }
.requireMark {color:#FF0000;}

.buttonContainer{ float:left; width:750px; clear:both; margin:10px 10px; text-align:center;}
.notice{ float:left; width:710px; clear:both; margin:30px 30px; border:#999999 1px dashed; padding:5px; }

/* フォーム table要素 ここから*/
.table01{margin:5px 0 0 30px; float:left; width:650px; letter-spacing:normal;}
.table01 td{ padding:5px; border:#acacac 1px solid; font-size:14px; line-height:1.3em;}
.table01 .form_text{background-color: #CF9;}


/* 無料相談窓口「form」の要素 ここまで */


/*----------------------------------------------------------*/
/* 2nd Pgge aboutus リンク「link」の要素 */
/*----------------------------------------------------------*/

/* 建築 ここから */
.link_category01 {border-left: solid 8px #b7212a; margin:20px 10px 10px 10px; font-size:15px; padding-left: 5px;}

dl.link_01 dt {
  clear: left;
  float: left;
  margin: 0 10px 0 20px;
  width: 12em;
  border-left: solid 8px #b7212a;
  padding-left: 5px;
  font-size:15px;
  line-height:1.2em;
  letter-spacing:normal;
}

dl.link_01 dt a:hover { text-decoration:none;}
dl.link_01 dt a:visited {color:#b7212a;}

/* 素材 ここから */

.link_category02 {border-left: solid 8px #663399; margin:20px 10px 10px 10px; font-size:15px; padding-left: 5px;}

dl.link_02 dt {
  clear: left;
  float: left;
  margin: 0 10px 0 20px;
  width: 12em;
  border-left: solid 8px #663399;
  padding-left: 5px;
  font-size:15px;
  line-height:1.2em;
  letter-spacing:normal;
}

dl.link_02 dt a:hover { text-decoration:none;}
dl.link_02 dt a:visited {color:#663399;}

/* Others ここから */

.link_category03 {border-left: solid 8px #FF9900; margin:20px 10px 10px 10px; font-size:15px; padding-left: 5px;}

dl.link_03 dt {
  clear: left;
  float: left;
  margin: 0 10px 0 20px;
  width: 12em;
  border-left: solid 8px #FF9900;
  padding-left: 5px;
  font-size:15px;
  line-height:1.2em;
  letter-spacing:normal;
}

dl.link_03 dt a:hover { text-decoration:none;}
dl.link_03 dt a:visited {color:#FF9900;}

dl.link dd {
  margin-bottom: 0.8em;
  margin-left: 7.5em;
  letter-spacing:normal;
}


/* リンクページ「link」の要素 ここまで */