/*
Theme Name:Casadolce
Template: twentytwelve
Description:Theme for Casadolce
Author:SystemLaboratory
*/
@import url("../twentytwelve/style.css");
@import url("css/hover-effect.html");


/* reset theme */

body{
  font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
  /*font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;*/
  min-width: 1024px;
  background: url( images/bg_content_side_repeat-x.png) repeat;
  color: #555;
}
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image{
  border-radius: 0px;
  box-shadow: none;
}


a{
/*
  -webkit-transition: color linear 0.4s !important;
  -moz-transition: color linear 0.4s !important;
  -o-transition: color linear 0.4s !important;
*/
  text-decoration: none;
  color: #00006D;
}
a:hover{
  color: #21759B;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}  

.clearfix { display: inline-table; }  

/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  



/* common */
/* テーブルの共通スタイル */
table.common_table{
  position: relative;
  table-layout: fixed;
  border: solid 1px #AAA;
  width: 100%;

}

table.common_table td, 
table.common_table th{
  border: none;
  border-bottom: solid 1px #AAA;
  border-right: solid 1px #AAA;
  padding: 5px 10px;
  line-height: 22px;
  background: #FFF;
  word-wrap:break-word;
}
table.common_table th{
  background: #EEEEEE;
  line-height: 20px;
}

table.common_table tbody td{
  background: #FFF;
}

table.common_table .vmiddle{
  vertical-align: middle;
}
table.common_table .vtop{
  vertical-align: top;
}
table.common_table .vbottom{
  vertical-align: bottom:
}
table.common_table .aleft{
  text-align: left;
}
table.common_table .acenter{
  text-align: center;
}
table .aright{
  text-align: right;
}






/* frame */
.site-header{
  position: relative;
  display: block;
  width: 100%;
  height: 130px;
  padding: 0px;
  background: url( images/bg_header_repeat-x.png) repeat-x;
}
.site-header hgroup{
  position: relative;
  display: block;
  width: 1000px;
  height: 130px;
  margin: 0 auto;
}
.site-header img{
  vertical-align: bottom;
}

.site-title{
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.site-header .site-description{
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 18px;
  font-size: 1.285714285rem;
  font-family: '小塚明朝 Pr6N R','Lucida Grande','Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
  vertical-align: top;
  margin-left: 40px;
  margin-top: 50px;
  font-weight: bold;
  color: #000;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);

}
.site-contact{
  position: absolute;
  top: 15px;
  right: -5px;
  height: 130px;
  line-height: 1.3em;
  width: 263px;
  font-size: 70%;
  font-weight: normal;
  text-align: center;
}


.main-navigation{
  margin-top: 0px;
  border: none;
  height: 50px;
  overflow: hidden;
}

.main-navigation ul{
  list-style: none;
  padding: 0;
  margin: 0;
  height: 50px;
  white-space: nowrap;
}
.main-navigation li{
  float: left;
  margin: 0 !important;
  padding: 0 !important;
}
.main-navigation a{
  display: block;
  height: 50px;
  background: url( images/button_header_menu.png) no-repeat;
}

.main-navigation a:hover{
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha( opacity=80 );
  border: none;
}
.main-navigation a:active{
  border: none;
}

.main-navigation .button_to_home{
  width: 120px;
  background-position: 0px 0px;
}
.main-navigation .button_to_about{
  width: 220px;
  background-position: -120px 0px;
}
.main-navigation .button_to_service{
  width: 140px;
  background-position: -340px 0px;
}
.main-navigation .button_to_clinic{
  width: 120px;
  background-position: -480px 0px;
}
.main-navigation .button_to_hall{
  width: 160px;
  background-position: -600px 0px;
}
.main-navigation .button_to_access{
  width: 120px;
  background-position: -760px 0px;
}
.main-navigation .button_to_contact{
  width: 120px;
  background-position: -880px 0px;
}

.main_image{
  position: relative;
  width: 1000px;
  height: 468px;
  background: url(images/image_site_main.png) no-repeat;
}
.main_image_clarasaal{
  height: 300px;
  background: url(images/image_site_main_clarasaal.png) no-repeat;
}
.main_image_clarasaal_events{
  height: 100px;
  background: url(images/image_site_main_clarasaal_events.png) no-repeat;
}

.main_image_casadolce{
  height: 
}




body .site{
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: transparent;
  padding: 0px;
  width: 1000px;
  max-width: 1000px;
  background: #FFFDE8;
}


#primary{
  position: relative;
  width: 746px;
  margin-left: 20px !important;
  float: left;
}

#secondary{
  position: relative;
  width: 194px;
  margin-right: 20px !important;
  float: right;
}


/* 固定ページ用共通テンプレート */
.page_title{
  position: relative;
  font-size: 16px;
  font-weight: normal;
  height: 37px;
  width: 746px;
  line-height: 40px;
  padding-left: 22px;
  background: url( images/bg_archive_title.png) no-repeat;
  margin-bottom: 5px;
}



/* page-casadolce.php */
.page_sub_contents{
  margin-bottom: 40px;
  line-height: 1.4em;
}

.page_sub_title{
  padding-left: 10px;
  padding-bottom: 10px; 
  font-size: 20px;
  font-weight: normal;
  background: url( images/bg_page_sub_title.png) left bottom  no-repeat;
  margin: 0px;
  margin-bottom: 25px;
}



.page_sub_contents{
  padding-left: 30px;
  padding-right: 30px;
}

ul.service_point span{
  display: block;
  height: 32px;
  font-size: 18px;
  font-weight: bold;
  color: #FF7F00;
}
ul.service_point li{
  padding-bottom: 10px;
}

ul.service_point img{
  display: inline-block;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}

ul.service_point p{
  padding-top: 8px;
  padding-bottom: 20px;
  margin-left: 45px;
  line-height: 1.5em;
}



ul.room_intro li{
  padding-bottom: 30px;
}


ul.room_intro span{
  display: block;
  height: 32px;
  line-height: 32px;
  font-size: 15px;
}
ul.room_intro span img{
  display: inline-block;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}
ul.room_intro img.room_image{
  margin: 0px 15px 20px 15px;
}
ul.room_intro .room_description{
  padding: 10px;
  background: #F6F6F6;
  border: solid 1px #646473;
  line-height: 1.3em;
}


.sub_contents_summary_of_facilities img{
  position: relative;
  display: block;
  margin: 0px auto 50px auto;
}

ul.facility_photos{
  font-size: 16px;
  line-height: 24px;
}
ul.facility_photos img{
  position: relative;
  display: block;
}
ul.facility_photos li{
  float: left;
  margin: 0px 20px 30px 20px;
}



.sub_contents_clinic .portrait p{
  display: inline-block;
  *display: inline;
  *zoom:1;
  vertical-align: top;
  line-height: 1.5em;
}

.sub_contents_clinic .portrait p.text{
  width: 450px;
  margin-right: 30px;
}

.sub_contents_clinic .portrait p.photo{
  width: 180px;
  text-align: center;
}

.sub_contents_clinic th,
.sub_contents_clinic td{
  padding: 8px 10px;
}



.sub_contents_policy p{
  font-size: 18px;
  line-height: 1.3em;
}
.sub_contents_policy2 li{
  padding: 10px 0px;
  text-align: center;
}


.sub_contents_company_info img,
.sub_contents_company_info iframe{
  display: block;
  margin: auto;
  border: solid 1px #CCC;
}



.sub_contents_day_flow td{
  vertical-align: top;
  padding-bottom: 15px;
}
.sub_contents_day_flow span{
  display: block;
  line-height: 18px;
  font-size: 18px;
  padding: 30px 0px 10px 0px;
}

.sub_contents_day_flow p{
  padding-left: 20px;
}


.sub_contents_about_center .price table{
  width: 310px;
  float: left;
}
.sub_contents_about_center .price table.first{
  margin-right: 45px;
}

.sub_contents_about_center .price th{
  text-align: center;
}

.sub_contents_about_center .price td{
  text-align: right;
}
.sub_contents_about_center .price tr:first-child td{
  text-align: center;
}
.sub_contents_about_center .price img{
  vertical-align: middle;
}



.about_casadolce{
  position: relative;
  margin-bottom: 40px;
}
.about_casadolce a{
  position: absolute;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  right: 20px;
  bottom: 20px;
  height: 30px;
  color: #212121;
  border: solid 1px transparent;
  font-weight: bold;
  line-height: 30px;
  padding-left: 32px;
  padding-right: 10px;
}
.about_casadolce a:hover{
  border: dotted 1px #21759B;
  color: #212121;
}
.about_casadolce .icon_more{
  position: absolute;
  top: 3px;
  left: 3px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 24px;
  height: 24px;
  background: url(images/icon_check_24x24.png) no-repeat;
}


.widget_banners{}

.widget_banners li{
  margin-bottom: 20px;
}
.widget_banners a{
  display: block;
  width: 100%;
}
.widget_banners a:hover{
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
}
.widget_banners img{
  vertical-align: bottom;
}



/* Footerを下部に固定する */

body , html {  
    height: 100% !important;
}

#container {
    width: 100%;
    position: relative;
    height: auto !important;   
    height: 100%;
    min-height: 100%;
}

#page {
    position: relative;
    padding-bottom: 120px;
    height: auto !important;   
    height: 100%;
    min-height: 100%;
}

footer#colophon{
    position: absolute;
    bottom: 0px;
    width: 100%;
    max-width: 100%;
    height: 120px;
    background: #AAA;
    margin: 0px;
    padding: 0px;
    background: url( images/bg_header_repeat-x.png) repeat-x;
    overflow: hidden;
}
.site-info{
  position: relative;
  width: 1000px;
  margin: 0 auto;
  height: 120px;

}


footer .primary{
  position: relative;
  float: left;
  width: 746px;
  height: 100%;
  padding-left: 20px;
  padding-right: 10px;
}
footer .secondary{
  position: relative;
  float: left;
  width: 194px;
  height: 100%;
  padding-left: 10px;
  padding-right: 20px;
}
.footer_logo{
  position: relative;
  margin-top: 20px;
  width: 194px;
  height: 100%;
  text-align: center;
}
.footer_logo:hover{
/*  opacity: 0.8;
  -moz-opacity: 0.8;
  filter:alpha(opacity=80);*/
}
.footer_logo h3{
  margin-top: 3px;
  font-size: 100%;
  line-height: 1.3em;
  font-weight: normal;
}

.footer_navi{
  position: relative;
  width: 100%;
}

.footer_navi ul{
  position: relative;
  float: left;
  list-style: none;
  width: 25%;
  padding-top: 10px;
}
.footer_navi li{
  padding-right: 15px;
}
.footer_navi li a{
  position: relative;
  display: block;
  padding: 3px 5px 3px 15px;
  line-height: 18px;
  color: #000;
}
.footer_navi .icon_right_arrow{
  position: absolute;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 11px;
  height: 16px;
  top: 4px;
  left: 0px;
  background: url( images/icon_right_arrow.png) no-repeat;
}

.copyright{
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 3px;
  color: #000;
}


.whatsnew{
  margin-bottom:  40px;
}
.whatsnew .entry-list{
  width: 100%;
} 
.whatsnew .entry-list tbody td{
  padding: 10px;
  line-height: 1.3em;
  border-bottom: dotted 1px #555;
}

.whatsnew .whatsnew_more{
  position: relative;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: right;
  height: 30px;
  color: #212121;
  border: solid 1px transparent;
  font-weight: bold;
  line-height: 30px;
  padding-left: 32px;
  padding-right: 10px;
  margin-top: 10px;
}
.whatsnew .icon_more{
  position: absolute;
  top: 3px;
  left: 3px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 24px;
  height: 24px;
  background: url(images/icon_check_24x24.png) no-repeat;
}



/* clarasaalページ */

.event_excerpts{
  position: relative;
  table-layout: fixed;
  border: solid 1px #CCC;
  width: 100%;
  margin-bottom: 20px;
  background: #FFF9E6;
}
.event_excerpts th,
.event_excerpts td{
  margin: 0;
  padding: 15px;
  border-top: solid 1px #CCC;
  vertical-align: top;
}

.event_excerpts thead th{
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  font-size: 110%;
  padding-top: 0px;
  padding-bottom: 0px;
  background: url( images/bg_table_thead_th_repeat-x.png) repeat-x;
}

.event_excerpts h3 a{
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 16px;
  margin-bottom: 10px;
  color: #21759B;
}
.event_excerpts h3 a:hover{
  text-decoration: underline;
}

.event_excerpts .pickupimg{
  width: 230px;
  border: solid 1px #CCC;
}

.no_image img{
  display: none;
}
.text_min{
  line-height: 1.3em;
}

/* */


.archive-header, .page-header{
  border-bottom: none;
  margin-bottom: 20px;
}
.post{
  position: relative;
  margin-bottom: 30px;
  padding: 30px 5px;
  background: #FFF;
  border: solid 1px #CCC;
}
.post .post_date{
  position: absolute;
  top: 8px;
  right: 0px;
  font-size: 11px;
  color: #666;
}
.post .post_title{
  padding-left: 10px;
  padding-bottom: 10px; 
  font-size: 20px;
  font-weight: normal;
  background: url( images/bg_page_sub_title.png) left bottom  no-repeat;
  margin: 0px;
  margin-bottom: 25px;
}
.post .post_body{
  padding: 0 20px;
  line-height: 1.3em;
}


.read_more{
  margin-left: 5px;
  color: #21759B;
}
.read_more:hover{
  text-decoration: underline;
}