@charset "utf-8";

/*

Theme Name: MaxPress Shales2

Theme URI: http://maxline.co.jp/

Description: 有名な <a href="http://binarybonsai.com/kubrick/">Kubrick</a> をもとにした WordPress のデフォルトテーマ

Version: 1.6

Author: Maxline

Author URI: http://maxline.co.jp/

Tags: blue, custom header, fixed width, two columns, widgets

Text Domain: kubrick



	Kubrick v1.5

	 http://binarybonsai.com/kubrick/



	This theme was designed and built by Michael Heilemann,

	whose blog you will find at http://binarybonsai.com/



	The CSS, XHTML and design is released under GPL:

	http://www.opensource.org/licenses/gpl-license.php



*/





/*インデックス

・基本構造

・リンク

・ヘッダ

・ナビ

・メインコンテンツ

・メインコンテンツパンくずナビ

・サイドナビ

・サイド

・フォーム

・フッター

・下層頁

・その他

・見出し

・フォント

------------------------------------------------*/



/*基本構造

------------------------------------------------*/

* {

   color:# 333;

   padding: 0;

   font-size: 12px;

   margin: 0;

   font-family: Verdana, Arial, sans-serif;

}



body {

   background-color: #fff;

   color: #333;

   background-image: url(images/bg.gif);

   background-repeat: repeat-x;

}



#container {

   width: 100%;

   margin-right: auto;

   margin-left: auto;

}



#content {

   clear: both;

   margin-right: auto;

   margin-left: auto;

   width: 950px;

}



#main {

   float: right;

   width: 760px;

}



#side-nav {

   float: left;

   width: 190px;

}



#colum {

   float: left;

   width: 755px;

   padding: 0 0 0 0;

}



/*リンク

------------------------------------------------*/



a {

   color: #333;

   text-decoration: none;

}



a:hover {

   color: #c60;

   text-decoration: underline;

}



a img {

   border: none;

}



.back-top a {

   color: #4E724F;

}



h4 a {

   color: #666;

   text-decoration: none;

}



/*ヘッダ

------------------------------------------------*/



#header {

   margin-right: auto;

   margin-left: auto;

   width: 1070px;

   height: 190px;

   background-image: url(images/header.jpg);

   background-repeat: no-repeat;

}



#sub-t {

   height: 17px;

   color: #53633E;

   font-size: 10px;

   padding: 3px 0 0 110px;

}



/*ナビ

------------------------------------------------*/



#nav {

   float: left;

   width: 751px;

   height: 23px;

   padding: 0 0 0 255px;

}



#nav ul {

   list-style: none;

}



#nav ul li {

   height: 23px;

   list-style: none;

   float: left;

   display: block;

   padding: 0 2px 0 0;

}



.text a {

   color: #393;

}



/*メインコンテンツ

------------------------------------------------*/



.co-banner {

   width: 755px;

   padding: 0 0 20px 0;

}



#banner {

   padding: 0 0 5px 0;

}



#work {

   float: left;

   display: block;

   font-size: 11px;

   padding: 0 0 20px 0;

}



.work-box1 {

   width: 220px;

   float: left;

   line-height: 160%;

   padding: 0 15px 10px 15px;

}



.work-box2 {

   width: 220px;

   float: left;

   line-height: 160%;

   padding: 0 15px 10px 15px;

   border-left: 1px dotted #363;

   border-right: 1px dotted #363;

}



.work-box1 img {

   border: 1px solid #ccc;

   padding: 3px;

   margin:0 0 10px 0;

}



.work-box2 img {

   border: 1px solid #ccc;

   padding: 3px;

   margin:0 0 10px 0;

}



.work-box1 h3,

.work-box2 h3,

.work-box3 h3{

	/*height:50px;*/

	height:auto;

}



.btn-ji {

   float: left;

}



#map {

   width: 755px;

   clear: both;

}



#map1 {

   width: 285px;

   float: left;

   text-align: right;

}



.txt {

   text-align: left;

   padding: 5px 0 5px 0;

   line-height: 130%;

}



.mar-5 {

   margin: 5px 0 0 0;

}



#map2 {

   width: 237px;

   float: right;

   text-align: right;

}



/*メインコンテンツパンくずナビ

------------------------------------------------*/



#pan {

   padding: 0 0 10px 0;

}



/*サイドナビ

------------------------------------------------*/



#s-nav {

   padding: 5px 0 0 0;

   width: 175px;

}



#s-nav ul {

   border-top :1px solid #ccc;

   float: left;

   margin: 0 0 8px 0;

}

#s-nav ul li {

   padding: 0 0 0 0;

   height: 27px;

   width: 175px;

   list-style: none;

   float: left;

}



#s-nav p {

   float: left;

   width: 180px;

   line-height: 150%;

}



/*サイド

------------------------------------------------*/



.text01 {

   float: left;

   width: 165px;

   margin: 7px 0 10px 0;

   padding: 5px;

   line-height: 160%;

   background-color: #F8F5E9;

}



.text01 img {

   float: left;

   border: 1px solid #ccc;

   margin: 0 5px 5px 0;

}



.banner {

   margin: 0 0 5px 0;

}



/*フォーム

------------------------------------------------*/

/*フッター

------------------------------------------------*/

#footer {

   width: 950px;

   clear: both;

   padding: 25px 0 0 0;

   margin-left: auto;

   margin-right: auto;

}



#add {

   clear: both;

   width: 950px;

   float: left;

   height: 95px;

   background-image: url(images/add_bg.gif);

   background-repeat: no-repeat;

   padding: 0 0 0 0;

}



#add img {

   margin: 0 10px 0 0;

}



#f-nav {

   clear: both;

}



#f-nav ul {

   list-style: none;

}



#f-nav ul li {

   float: left;

   display: block;

   list-style: none;

   padding: 0 8px 0 0;

}



#f-nav a {

   color: #363;

   text-decoration: none;

}



#f-nav a:hover {

   color: #;

   text-decoration: underline;

}



#copy {

   clear: both;

   float: left;

   color: #53633E;

   font-size: 11px;

   width: 100%;

   height: 50px;

   background-image: url(images/f_bg.gif);

   background-repeat: repeat-x;

   text-align: center;

   padding: 15px 0 0 0;

   background-color: #E9EEE9;

}



/*下層頁

------------------------------------------------*/



.works {

   width: 750px;

	height:auto;

   /*float: left;*/

   padding: 0 0 0 0;

   margin: 20px 0 20px 0;

   /*line-height: 130%;*/

}



.works-1 {

   width: 220px;

   float: left;

   padding: 0 15px 0 15px;

}



.works-1 img {

   padding: 4px;

   margin: 0 0 5px 0;

   border:1px solid #ccc;

}



.works-2 {

   width: 220px;

   float: left;

   padding: 0 15px 0 15px;

   border-left: 1px dotted #363;

   border-right: 1px dotted #363;

}



.works-2 img {

   padding: 4px;

   margin: 0 0 5px 0;

   border:1px solid #ccc;

}



#list {

   float: left;

   padding: 0 0 0 0px;

}



#list div{

	float:left;

}



#list img {

   padding: 0 0px 0px 0px;

}



#back-next {

   clear: both;

   width: 540px;

   text-align: center;

   padding: 30px 0 0 0;

}



#detail {

   text-align: center;

   width: 750px;

   line-height: 180%;

}



#detail p {

   padding: 15px 10px 10px 10px;

   text-align: left;

}



#kanren {

   float: left;

   padding: 0 0 0 0;

}



#kanren img {

/*   padding: 0 5px 20px 5px;	*/

}



.text {

   width: 695px;

   float: left;

   clear: both;

   padding:0 30px 20px 20px;

   line-height: 150%;

   text-align: left;

}



.text p {

   padding:0 0 20px 0;

}



.futo-text {

   font-size: 110%;

   font-weight: bold;

   line-height: 200%;

}



.bo-text {

   font-size: 120%;

   font-weight: bold;

   padding: 0 0 20px 20px;

   line-height: 130%;

}



.ex-head {

   float: left;

   width: 640px;

   height: 50px;

   padding: 15px 0 0 120px;

   font-size: 120%;

   font-weight: bold;

   color: #609062;

   background-image: url(images/ex_head.gif);

   background-position: 100px 0px;

   background-repeat: no-repeat;



}



.ex-body {

   width: 630px;

   padding: 0 0 0 120px;

   float: left;

   background-image: url(images/ex_body.gif);

   background-position: 100px 0px;

   background-repeat: repeat-y;

}



.ex-body img {

   border: 1px solid #ccc;

   margin: 0 0 10px 0;

}



.ex-body p{

   width: 510px;

   line-height: 130%;

   margin: 0 0 0 0;

   padding: 0 0 0 0;

}



.ex-foot {

   width: 650px;

   height: 50px;

   float: left;

   background-image: url(images/ex_foot.gif);

   background-position: 100px 0px;

   background-repeat: no-repeat;

}



.omakase {

   width: 525px;

   float: left;

   border: 1px solid #9c9;

   padding:10px;

   line-height: 150%;

   margin: 0 0 10px 100px;

}



.omakase img {

   float: left;

   padding: 0 10px 0 0;

}



.prof {

   width: 690px;

   float: left;

   padding: 0 0 15px 0;

   margin: 0 0 20px 20px;

   border-bottom: 1px dotted #B2B2B2;

}



.prof img {

   float: left;

   margin: 0 10px 0 0;

   border: 1px solid #ccc;

}



.prof dl {

   padding: 0 0 0 180px;

   line-height: 170%;

}



.prof dt {

   float:left;

   width:60px;

   padding: 0 10px 0 0;

   font-weight: bold;

   text-align:right;

}



.prof dd{

        margin:0 0 0 75px;

}



.prof a {

   color: #393;

}



.pr {

   width: 510px;

   color: #224C32;

   font-weight: bold;

   font-size: 120%;

   border-bottom: 2px solid #224C32;

   margin: 0 0 15px 0;

}



.perth {

   width:710px;

   padding: 0 0 0 20px;

   line-height: 130%;

}



.voice {

   width: 410px;

   margin: 0 0 10px 0;

   padding: 0;

}



.voice p {

   padding: 5px 0 15px 0;

}



.perth-right {

   float: right;

   width: 250px;

   vertical-align: top;

}



.voice-name {

   font-weight: bold;

   color: #363;

   border-bottom: 1px solid #224C32;

}



.pe-zu {

   float: left;

}



.pe-zu2 {

   float: left;

   padding: 0 5px 0 5px;

}



#form {

   clear: both;

   width: 530px;

   padding: 10px 0 0 20px;

}



#form table {

}



#form td {

   padding: 3px;

   vertical-align: top;

   line-height: 180%;

}



#recruit {

   width: 680px;

   float: left;

   padding: 0 0 0 25px;

   margin: 0 0 20px 0;

   line-height: 130%;

}



#recruit dl {

   border: 1px solid #ccc;

   padding: 10px 10px 0 10px;

   line-height: 150%;

}



#recruit dt {

   float: left;

   font-weight: bold;

   color: #666;

}



#recruit dd {

   margin: 0 0 0 90px;

   padding: 0 0 10px 0;

}



#toku-sho {

   width: 680px;

   float: left;

   padding: 0 0 0 25px;

   margin: 0 0 20px 0;

   line-height: 130%;

}



#toku-sho dl {

   padding: 10px 10px 0 10px;

   line-height: 150%;

}



#toku-sho dt {

   float: left;

   font-weight: bold;

   color: #666;

}



#toku-sho dd {

   margin: 0 0 0 165px;

   padding: 0 0 10px 0;

}



#company {

   width: 680px;

   float: left;

   padding: 0 0 0 25px;

   margin: 0 0 20px 0;

   line-height: 130%;

}



#company dl {

   padding: 10px 10px 0 10px;

   line-height: 150%;

}



#company dt {

   float: left;

   font-weight: bold;

   color: #666;

}



#company dd {

   margin: 0 0 0 100px;

   padding: 0 0 10px 0;

}



#company p {

   text-align: center;

}



#faq ul {

   float: left;

   padding: 0 0 20px 5px;

}

#faq ul li {

   padding: 0 0 10px 17px;

   list-style: none;

   background-image: url(images/arr_faq.gif);

   background-repeat: no-repeat;

   background-position: 0px 3px;

}



#answer p {

   clear: both;

   background-image: url(images/an_body.gif);

   background-repeat: repeat-y;

   padding: 10px 30px 0 20px;

   line-height: 150%;

}



#service {

   text-align: center;

   width: 755px;

   float: left;

}



.flow {

   width: 610px;

   float: left;

   padding: 20px 0 0 50px;

}



.cut {

   width: 170px;

   border: 1px solid #ccc;

   float: left;

   margin: 0 20px 10px 3px;

}



.news {

   width: 735px;

   float: left;

   padding: 20px 10px 0 10px;

}



.news h3 {

   width:715px;

   height:31px;

   padding: 7px 10px 0 10px;

   background-image: url(images/news_bg.jpg);

   background-repeat: no-repeat;

}



#list div.n_h_t{

	float:left;

}

#list div.n_h_d{

	float:right;

	font-size:10px;

	color:#667788;

}



.news p {

   width:533px;

   height:31px;

   padding: 7px 0 0 10px;

	float:left;

}



.news img {

   width: 170px;

   border: 1px solid #ccc;

   float: right;

   margin: 0 10px 10px 10px;

}



.date {

	height: 18px;

	margin:-35px 0 25px 20px;

	padding:0 0 0 25px;

	color:#315428;

	background-image: url(images/top_topics_mark.gif);

	background-repeat: no-repeat;

}



#exhibit {

   width: 755px;

   float: left;

   line-height: 160%;

   text-align: center;

}



#exhibit p {

   text-align: left;

}



#exhibit img {

   vertical-align: top;

}



#exhibit2 {

   width: 180px;

   float: right;

   line-height: 160%;  

}



#exhibit2 img {

   padding: 0 0 10px 0;

}



#exhibit td {

   font-size: 11px;

   line-height: 13px;

   text-align: center;

   vertical-align: top;

   padding: 3px 0 0 0;

}



#exhibit th {

   text-align: left;

   padding: 5px 0 0 0;

}



.pho-l {

   width: 420px;

   float: left;

}



.pho-l2 {

   width: 250px;

   float: left;

}



.pho-l img {

   padding: 0 0 20px 20px;

}





.ex-txt{

   text-align: left;

   padding: 0 10px 10px 10px;

   clear: both;

}





#exhibit ul {

   margin: 0 0 0 20px;

   padding: 0 0 20px 0;

   list-style: none;

}



#exhibit li {

   text-align: left;

   width: 730px;

   padding: 0 0 0 10px;

   background-image: url(images/square.gif);

   background-repeat: no-repeat;

   background-position: 0px 8px;

}





/*リンク集

------------------------------------------------*/



#link {

   width: 750px;

   float: left;

   padding: 0 0 0 0;

   margin: 0 0 20px 0;

   line-height: 130%;

}



.linkbox {

   width: 700px;

   float: left;

   clear: both;

   padding: 10px 0 10px 0;

   border-bottom: 1px dotted #B2B2B2;

   margin: 0 0 10px 20px;

}



.linkbox img {

   float: left;

   padding: 0 20px 0 0;

}



/*バーチャル展示場

------------------------------------------------*/

#v_exhibit {

   width: 755px;

   text-align: center;

}





/*その他

------------------------------------------------*/



.dot-line {

   float: right;

}



.dot {

   clear: both;

   float: left;

   padding: 20px 0 20px 20px;

}



.btn {

   clear: both;

   text-align: center;

   margin: 20px 0 20px 0;

}



.back-top {

   clear: both;

   width: 750px;

   text-align: right;

   padding: 15px 0 30px 0;

}



.mar-30 {

   margin: 0 0 30px 0;

}



.mar-10 {

   margin: 0 0 10px 0;

}



.mar-10-10 {

   margin: 10px 0 10px 0;

}





.right {

   text-align: right;

}



.pho-right {

   float: right;

   margin: 0 0 0 30px;

}



.pho-line{

   border: 1px solid #ccc;

   margin: 10px 0 10px 0;

}



.migi {

   float: right;

   padding: 0 0 10px 10px;

}



.center {

   text-align: center;

}



.r-box {

   float: left;

   width: 350px;

   padding: 0 10px 0 0;

}



.l-box {

   float: left;

   width: 350px;

   padding: 0 10px 0 10px;

}



.r-box img{

   padding: 0 0 10px 0;

}



.l-box img{

   padding: 0 10px 10px 10px;

}



.l245-box {

   float: left;

   width: 245px;

   padding: 0 0 15px 10px;

}



/*見出し

------------------------------------------------*/

h1 {

   height: 82px;

   padding: 37px 0 0 77px;

}



h2 {

   text-align: left;

   width:755px;

   height: 70px;

   padding: 30px 0 0 0;

   background-image: url(images/title_bg.gif);

   background-repeat: no-repeat;

   font-size: 18px;

}



#kanren h3 {

   width:755px;

   height: 40px;

   margin: 10px 0 0 0;

   padding: 20px 0 0 0;

   background-image: url(images/title_bg2.gif);

   background-repeat: no-repeat;

   font-size: 15px;

}



#work h2 {

   width:755px;

   height: 50px;

   padding: 10px 0 0 0;

   background-image: url(images/h_bg.gif);

   background-repeat: no-repeat;

}



#work h3 {

   color: #363;

   font-weight: normal;

   padding: 0 0 10px 0;

}



#recruit h3 {

   font-size: 120%;

   margin: 20px 0 10px 0;

   padding: 3px 0 3px 5px;

   border-left: 4px solid #696;

}



#work h4 {

   font-weight: normal;

   padding: 0 0 5px 0;

}



#faq h3 {

   clear: both;

   height: 33px;

   color: #fff;

   background-image: url(images/h3_bg.gif);

   background-repeat: no-repeat;

   padding: 5px 0 0 5px;

   font-size: 110%;

}



#answer h3 {

   clear: both;

   height: 28px;

   color: #fff;

   background-image: url(images/an_head.gif);

   background-repeat: no-repeat;

   padding: 5px 0 0 15px;

   font-size: 110%;

}



#service h3 {

   text-align: left;

   width:755px;

   height: 50px;

   padding: 20px 0 0 0;

   background-image: url(images/title_bg2.gif);

   background-repeat: no-repeat;

   font-size: 15px;

}



.flow h3 {

   width:610px;

   height:31px;

   padding: 7px 0 0 9px;

   background-image: url(images/flow_bg.jpg);

   background-repeat: no-repeat;

}



h4 {

   color: #666;

   text-align:center;

   padding: 0 0 3px 0;

}



#exhibit h2{

   width: 755px;

   height: 230px;

   padding: 0 0 0 0;

   background-image: url(../images/spacer.gif);

   background-repeat: no-repeat;

}



#exhibit h3 {

   text-align: left;

   font-size: 120%;

   margin: 30px 0 30px 0;

   padding: 3px 0 3px 5px;

   border-left: 4px solid #516E5C;

   border-bottom: 1px solid #ccc;

   clear: both;

}



#exhibit h4 {

    clear: both;

    color:#360;

    text-align: left;

    padding: 0 0 5px 15px;

}



#wood h2{

   width: 755px;

   height: 230px;

   padding: 0 0 0 0;

   background-image: url(../images/spacer.gif);

   background-repeat: no-repeat;

}



/*フォント

------------------------------------------------*/



.point {

   color: #696;

   font-size: 110%;

   font-weight: bold;

   line-height: 130%;

}



.red {

   color: #B24E12;

}



.midori {

   color: #363;

}



.midori_bo {

   font-weight: bold;

   color: #363;

   padding: 20px 0 0 0;

}



.bk_bo {

   text-align: left;

   font-weight: bold;

}



/*その他

------------------------------------------------*/



#underliner{

	margin: 0 0 20px 0;

	padding: 5px 0 5px 0;

	border-bottom: 1px solid #eee;

}



#free_html{

	margin: 0 0 20px 0;

	padding: 5px 0 5px 0;

}



.previous_post{

	float:left;

}

.next_post{

	float:right;

}



.ccw {

	border-style:none;

	float:left;

	padding:0 15px 20px 15px; /* spacing between left & right: 15+15=30 */

	width:160px;

}

.ccw a{

	border-style:none;

	float:left;

	width:160px;

}

.ch {

	float:left;

	border-style:none;

	height:160px;

}



div.each_map img, div.googlemaps img {

	max-width:none;

}



#v_exhibit h2 {

   width:755px;

   margin:30px 0 0 0;

   height: 40px;

   padding: 10px 0 0 10px;

   background-image: url(images/v_ex_sub_t_bg.gif);

   background-repeat: no-repeat;

   font-size:15px;

}



#v_exhibit h1 {

   width:755px;

   margin:0 0 0 0;

   height: 58px;

   padding: 10px 0 0 20px;

   background-image: url(images/v_ex_h_bg.jpg);

   background-repeat: no-repeat;

   text-align:left;

   font-size:22px;

   color:#333333;

}



img.works_title{

	border:none;

	padding:0;

	border-style:none;

}





#v-ex-footer {

   margin-right: auto;

   margin-left: auto;

   width: 755px;

   height: 65px;

   text-align: center;

   padding: 30px 0 0 0;  

}



div.link_widget{

        float:left;

	width:175px;

}



div.link_widget a{

        width:175px;

        float:left;

	margin-bottom:5px;

}



div.widgettitle {

        display:none;

}



h2.widgettitle {

        display:none;

}



li.widget{

        list-style-type:none;

        margin-left:0;

        width:175px;

        float:left;

}



li.widget_text{

        list-style-type:none;

        margin-left:0;

        width:175px;

        float:left;

}



div.textwidget{

        width:175px;

        float:left;

}



li.widget_text{

        list-style-type:none;

        margin-left:0;

        width:175px;

        float:left;

}



div.textwidget{

        width:175px;

        float:left;

}



div#qr_code{

        width:175px;

        float:left;

}



div.textwidget{

        width:175px;

        float:left;

}



div#qr_code{

        clear:both;

        width:173px;

        margin:5px 0 0 0;

        padding:0;

        text-align:center;

        border:1px solid #9c9;

}



div.qr_title{

        width:173px;

        margin:0;

        padding:4px 0 0 0;

        background-color:#99cc99;

        font-size:12px;

        color:#ffffff;

}



div.qr_sub_title{

        width:173px;

        margin:0;

        padding:2px 0 5px 0;

        background-color:#99cc99;

        color:#ffffff;

        font-size:10px;

}



div.qr_how2access{

        margin:4px 0 0 0;

        color:#9c9;

}

div.qr_url{

        margin:2px 0 4px 0;

}



.text_in_form {

   padding:0 0 0 20px;

   line-height: 150%;

}



.relative_text{

	float:left;

	width:160px;

	color:#666;

	font-size:10px;

}



.relative_text a{

	float:left;

	width:160px;

	color:#666;

	font-size:10px;

}



.top_photo {

	margin: 0 0 15px 0;

	width:755px;

	height:217px;

	background:transparent url(images/top_photo.gif) no-repeat scroll 0 0;

}



.top_topics {

	width:755px;

}



.top_topics dl{

	margin: 5px 0 5px 10px;

	padding: 5px 0;

}



.top_topics dt{

	background:transparent url(images/top_topics_mark.gif) no-repeat scroll 0 0;

	clear: left;

	color: #ac6a20;

	float: left;

	letter-spacing: 2px;

	margin: 0 2px 0 5px;

	padding: 0 0 0 30px;

	width: 130px;

	height:18px;

}



.top_topics dd{

	color: #2a2a2a;

	margin: 0 0 0 170px;

	padding: 0;

	width: 530px;

}



.top_topics_title {

	width:755px;

	height:16px;

	background:transparent url(images/top_topics.gif) no-repeat scroll 0 0;

}



.top_news {

        width:755px;

}



.top_news dl{

        margin: 5px 0 5px 10px;

        padding: 5px 0;

}



.top_news dt{

        background:transparent url(images/top_topics_mark.gif) no-repeat scroll 0 0;

        clear: left;

        color: #ac6a20;

        float: left;

        letter-spacing: 2px;

        margin: 0 2px 0 5px;

        padding: 0 0 0 30px;

        width: 130px;

        height:18px;

}



.top_news dd{

        color: #2a2a2a;

        margin: 0 0 0 170px;

        padding: 0;

        width: 530px;

}



.top_news_title {

        width:755px;

        height:16px;

        background:transparent url(images/top_news.gif) no-repeat scroll 0 0;

}



.top_introduction {

	width:755px;

}



.top_introduction_title {

	width:755px;

	height:16px;

	background:transparent url(images/top_introduction.gif) no-repeat scroll 0 0;

}



.top_works {

	cursor: pointer;

	display: block;

	width:365px;

	height:135px;

	background:transparent url(images/top_works.gif) no-repeat scroll 0 0;

}



.top_niwaya {

	cursor: pointer;

	display: block;

	width:365px;

	height:135px;

	background:transparent url(images/top_niwaya.gif) no-repeat scroll 0 0;

}



.top_virtual {

	cursor: pointer;

	display: block;

	width:740px;

	height:110px;

	background:transparent url(images/top_virtual.gif) no-repeat scroll 0 0;

	margin: 0 5px 10px 10px;

}



.top_perth {

	cursor: pointer;

	display: block;

	width:740px;

	height:110px;

	background:transparent url(images/top_perth.gif) no-repeat scroll 0 0;

	margin: 0 5px 20px 10px;

}



.top_other_works {

	float: right;

	cursor: pointer;

	display: block;

	width:280px;

	height:16px;

	background:transparent url(images/top_other_works.gif) no-repeat scroll 0 0;

}



.top_photo h1,

.top_photo h2,

.top_photo h3,

.top_photo h4,

.top_photo h5,

.top_photo h6,

.top_photo h7,

.top_photo strong,

.top_photo p,

.top_topics h1,

.top_topics h2,

.top_topics h3,

.top_topics h4,

.top_topics h5,

.top_topics h6,

.top_topics h7,

.top_topics strong,

.top_topics p,

.top_news h1,

.top_news h2,

.top_news h3,

.top_news h4,

.top_news h5,

.top_news h6,

.top_news h7,

.top_news strong,

.top_news p,

.top_introduction h1,

.top_introduction h2,

.top_introduction h3,

.top_introduction h4,

.top_introduction h5,

.top_introduction h6,

.top_introduction h7,

.top_introduction strong,

.top_introduction p,

.top_works h1,

.top_works h2,

.top_works h3,

.top_works h4,

.top_works h5,

.top_works h6,

.top_works h7,

.top_works strong,

.top_works p,

.top_niwaya h1,

.top_niwaya h2,

.top_niwaya h3,

.top_niwaya h4,

.top_niwaya h5,

.top_niwaya h6,

.top_niwaya h7,

.top_niwaya strong,

.top_niwaya p,

.top_virtual h1,

.top_virtual h2,

.top_virtual h3,

.top_virtual h4,

.top_virtual h5,

.top_virtual h6,

.top_virtual h7,

.top_virtual strong,

.top_virtual p,

.top_perth h1,

.top_perth h2,

.top_perth h3,

.top_perth h4,

.top_perth h5,

.top_perth h6,

.top_perth h7,

.top_perth strong,

.top_perth p,

.top_other_works h1,

.top_other_works h2,

.top_other_works h3,

.top_other_works h4,

.top_other_works h5,

.top_other_works h6,

.top_other_works h7,

.top_other_works strong,

.top_other_works p

{

	display:block;

	font-size:0;

	height:0;

	line-height:0;

	text-indent:-9999px;

	background:none;

}



#top_works {

	margin: 7px 5px 0 5px;

	float: left;

	width:365px;

	height:220px;

	background:none;

}



#top_works p{

	color: #333;

	font-size: 11px;

	margin: 7px;

}



#top_niwaya {

	margin: 7px 5px 0 5px;

	float: left;

	width:365px;

	height:220px;

	background:none;

}



#top_niwaya p{

	color: #333;

	font-size: 11px;

	margin: 7px;

}



#height220{

	height: 220px

}



#clear{

	clear:both

}



#top_h{

	clear: both

}



#top_h h2 {

   width:755px;

   height: 50px;

   padding: 10px 0 0 0;

   background-image: url(images/h_bg.gif);

   background-repeat: no-repeat;

}

#li-3-10{

	display:none;

}

#li-5-10{

        display:none;

}

#category_title_box {

	width:220px;

	height:40px;

	margin:0 0 5px 0;

	background-image: url(images/title_bg3.gif);

	background-repeat: no-repeat;

}



#category_title_box h4{

	padding:10px 0 0 20px;

	text-align:left;

	width:200px; /* Nessessarrryyyy! DXImageTransform requires width or height propety. */

	/*filter:progid:DXImageTransform.Microsoft.shadow(color=black,direction=135,strength=2);*/

	color:#224c32;

	/*text-shadow: 2px 2px 4px black;*/

	font-size:14px;

}



#category_title{

   text-align: left;

   width:755px;

   height: 70px;

   padding: 28px 0 0 0;

   background-image: url(images/title_bg.gif);

   background-repeat: no-repeat;

	text-align:left;

	color:#333333;

	font-size:22px;

}



#v_exhibit_title{

   text-align: left;

   width:755px;

   height: 58px;

   padding: 10px 0 0 20px;

   background-image: url(images/v_ex_h_bg.jpg);

   background-repeat: no-repeat;

	text-align:left;

	color:#333333;

	font-size:22px;

}



.clearfix:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



a:hover.opacity_half img{

	filter: Alpha(opacity=50); /* IE系 */

	opacity:0.5; /* Mozzila系 */

}



.top_swf {

	margin:0 0 5px 0;

}



#faq_text{

	margin:-30px 0 30px 10px;

	color:#668866;

}



#map_canvas{

	clear:both;

	width: 550px;

	height: 400px;

	margin: 0 auto;

}



#links {

   border-right: 1px solid #ccc;

   border-bottom: 1px solid #ccc;

   width: 730px;

   float: left;

   padding: 0 0 0 25px;

   margin: 0 0 5px 0;

   line-height: 100%;

}



.links_left_box{

	width:500px;

	float:left;

	padding:0;

	margin:0;

}

.links_right_box{

        width:210px;

        float:left;

        padding: 20px 0 0 0;

        margin:0 0 0 20px;

}



.links_right_box img{

	margin:0 0 10px 0;

}



#links h3 {

   font-size: 120%;

   margin: 5px 0 5px 0;

   padding: 3px 0 0px 5px;

   border-left: 4px solid #696;

}

#links dl {

   padding: 0px 10px 0 0px;

   line-height: 110%;

}



#links dt {

   float: left;

   font-weight: bold;

   color: #666;

}



#links dd {

   margin: 0 0 0 80px;

   padding: 0 0 5px 0;

}



.exhibit_text{

	margin:5px 100px 20px 100px;

}



.lineup {

line-height:130%;

width:755px;

}

.lineup img {

border:1px solid #CCCCCC;

float:left;

margin:0 20px 0 0;

}

.excerpt_box {

margin:0 0 0 180px;

width:555px;

}

.no {

background-image:url(images/dot_line.gif);

background-position:0 7px;

background-repeat:repeat-x;

border-left:3px solid #CC0033;

color:#CC0033;

font-size:11px;

height:17px;

padding:0 0 0 5px;

}

.excerpt_box h3 {

margin:5px 0 0;

width:430px;

}

.excerpt_box p {

width:430px;

}

.detail {

border:1px solid #CCCCCC;

padding:5px;

width:550px;

}

.shosai {

background-image:url(images/arr.gif);

background-position:60px 2px;

background-repeat:no-repeat;

float:right;

margin:10px 0 0;

padding:0 23px 0 0;

}

#searchbar {

border:2px solid #CCCCCC;

margin:20px 0 0;

padding:12px;

}

#finder input#f{

	width:90%;

}

/*--------------------------------------------------------------------
ビフォーアフター
--------------------------------------------------------------------*/

#beforeafter {
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;}

#beforeafter #title {
	width:748px;
	height:58px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
	padding:30px 5px 0px 5px;
	margin:0px auto 20px auto;
	background:url(images/blog_ttl01.jpg) no-repeat;
	
}

#beforeafter div.main_box {
	width:620px;
	letter-spacing:1px;
	text-align:center;
	line-height:160%;
	padding:0px 0px 0px 0px;
	margin:0px auto 20px auto;}
	
#beforeafter div.before_img {
	width:350px;
	background-image:url(images/beforeafter_icon.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	letter-spacing:1px;
	text-align:center;
	line-height:160%;
	float:left;
	padding:0px 0px 40px 0px;
	margin:0px auto 0px auto;}

#beforeafter div.before_txt {
	width:260px;
	float:left;
	text-align:left;
	line-height:160%;
	padding:55px 0px 20px 0px;
	margin:0px auto 0px auto;}


#beforeafter div.main_box img {
	background:url(images/beforeafter_ttl03.jpg) no-repeat;
	padding:60px 30px 20px 30px;
	margin:0px auto 20px auto;}
	
#beforeafter div.main_box02 {
	width:660px;
	border-bottom:1px solid #cccccc;
	letter-spacing:1px;
	text-align:center;
	line-height:160%;
	padding:0px 0px 20px 0px;
	margin:0px auto 30px auto;}


#beforeafter div.main_box02 img {
	background:url(images/beforeafter_ttl05.jpg) no-repeat;
	padding:60px 30px 20px 30px;
	margin:0px auto 20px auto;}

#beforeafter div.txt {
	width:600px;
	text-align:left;
	line-height:160%;
	padding:0px 0px 20px 0px;
	margin:0px auto 0px auto;}



#beforeafter div.tb_box04 {
margin:0px auto 30px auto;
padding:0;
width:650px;
}

#beforeafter div.tb_box04 img {
margin:0px 0px 5px 0px;
}



#beforeafter div.tb_img04 {
width:310px;
margin:0px 0px 5px 0px;
padding:35px 0px 0px 0px;
float:left;
background-image:url(images/beforeafter_ttl03_a.jpg);
background-repeat:no-repeat;}


#beforeafter div.tb_img05 {
width:30px;
padding:100px 0px 100px 0px;
margin:0px 0px 5px 0px;
float:left;
background-image: url(images/beforeafter_icon2.jpg);
background-position:right center;
background-repeat:no-repeat;
text-indent:-9999px;}



#beforeafter div.tb_img06 {
width:310px;
margin:0px 0px 5px 0px;
padding:35px 0px 0px 0px;
float:left;
background-image:url(images/beforeafter_ttl05_a.jpg);
background-repeat:no-repeat;}




#beforeafter div.tb_img04 img {
border:1px solid #195c00;
background-color:#cccccc;
padding:3px;}

#beforeafter div.tb_img06 img {
border:1px solid #195c00;
background-color:#cccccc;
padding:3px;}

#beforeafter .btn {
	text-align:center;
margin:0px 0px 5px 0px;}



/*--------------------------------------------------------------------
ブログ
--------------------------------------------------------------------*/

#blog {
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;}

#blog h2.cattitle {
	width:630px;
	background:url(images/blog_cattitle.jpg) 0 0 repeat-y;
	height:auto;
	margin:0 auto 5px auto;
	padding:5px 15px;
	border:1px solid #cccccc;
	color:#FFF;
}
#blog h2.cattitle a {
	color:#FFF;
	font-size:14px;
}
#blog #title {
	width:748px;
	height:58px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
	padding:30px 5px 0px 5px;
	margin:0px auto 20px auto;
	background:url(images/blog_ttl01.jpg) no-repeat;
	
}


#blog .ttl {
font-size:16px;
font-weight:bold;
line-height:normal;
color:#ffffff;
padding:5px 10px 5px 15px;
margin:0px auto 5px auto;
background:  0px 0px #006811;
border-left:6px solid #519e5e;
}

#blog .ttl a {
color:#ffffff;
text-decoration:none;
}

#blog .ttl a:hover {
color:#ffffff;
text-decoration:underline;
}
#blog div.com {
padding:10px 0px 10px 0px;
}          


#blog .txt {
padding:0px 0px 0px 0px;
letter-spacing:1px;
line-height:160%;
}      

#blog .img{
float:left;
margin:0px 15px 10px 0px;
}

#blog .img img{
background-color:#FFFFFF;
border:1px solid #cccccc;
padding:5px;
}

 
#blog .img02 {
text-align:center;
margin:0px 0px 10px 0px;
}

#blog .img02 img {
padding:7px;
background-color:#FFF;
border:1px solid #cccccc;
}
#blog .bnr {
padding:0px 10px 10px 0px;
margin:0px 0px 0px 15px;
text-align:right;
}

#blog .data {
padding:0px 0px 5px 0px;
margin:0px 0px 0px 0px;
text-align:right;
letter-spacing:2px;
border-bottom:1px dotted #666666;
}

#blog .bnr a:hover img{
opacity: 0.5;
filter: alpha(opacity=60);
}  
 

#blog .box_tb {
margin:0px auto 25px auto;
padding:15px;
border:1px solid #cccccc;
letter-spacing:1px;
line-height:150%;
width:630px;
}

#blog h1 {
font-size:33px;
line-height:normal;
font-weight:bold;
}

#blog h2 {
font-size:26px;
line-height:normal;
font-weight:bold;
}

#blog h3 {
font-size:20px;
line-height:normal;
font-weight:bold;
}

#blog h4 {
font-size:18px;
line-height:normal;
font-weight:bold;
}

#blog h5 {
font-size:14px;
line-height:normal;
font-weight:bold;
}
#blog div.com .alignright {
	float:right;
	padding:5px;
}
#blog div.com .aligncenter {
	margin:0 auto;
	display:block;
}