/*---リセット---*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
   margin:0; 
   padding:0; 
}
table {
   border-collapse:collapse; 
   border-spacing:0; 
}
fieldset,img {
   border:0;
}
address,
caption,
cite,
code,
dfn,
em,strong,
th,
var {
   font-style:normal;
   font-weight:normal;
}
ol,ul {
   list-style:none;
}
caption,th {
   text-align:left; 
}
h1,h2,h3,h4,h5,h6 {
   font-size:100%;
   font-weight:normal;
}
q:before,
q:after {
   content:'';
}
abbr,acronym {
   border:0;
}
/*---リセット END---*/
/*---clearfix---*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* Hides from IE Mac */
* html .floatcontainer {height: 1%;}
.floatcontainer {display:block;}
/* End Hack */ 
/*---clearfix END---*/
/*---common---*/
#main{
	width: 960px;
	margin: 35px auto 0;
}
.lower #contents{
	float: left;
	width: 670px;
}
.lower #side{
	float: right;
	width: 250px;
	margin-left: 40px;
	color: #4c4c4c;
}
.first_p{
	margin-top: 15px;
}
/*---ボディー---*/
body{
	background-image: url(images/common/header_bg.png);
	background-repeat: repeat-x;
	line-height:1.6;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	color: #4c4c4c;
}
/*---ヘッダー---*/
#header{
	width: 960px;
	margin: 0 auto;
}
#header h1{
	float: left;
	margin-top: 28px;
}
#header h1 a{
	transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
}
#header h1 a:hover{
	opacity: 0.5;
}
#info_area{
	float: right;
	width: 180px;
	margin-top: 19px;
}
#info_area img:first-child{
	margin-bottom: 8px;
}
/*---グローバルナビ---*/
ul#gnavi{
	width: 960px;
	margin: 7px auto 0;
}
ul#gnavi li{
	float: left;
	height: 36px;
}
/*---side---*/
#profile_board{
	width: 228px;
	margin-top: 20px;
	padding: 10px;
	border: solid 1px #e6e6e6;
	font-size: 11px;
}
#contact_board{
	width: 210px;
	margin: 20px 0;
	padding: 17px;
	border: solid 3px #e6e6e6;
}
#contact_board #title{
	width: 210px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 9px;
	font-size: 12px;
	text-align: center;
	border-top: solid 1px #c4c4c4;
	border-bottom: solid 1px #c4c4c4;
}
#contact_board table{
	margin: 10px 0;
}
.td_left{
	width: 75px;
	color: #ababab;
	font-size: 12px;
}
.td_right{
	padding-top: 7px;
}
.td_right_style1{
	font-size: 18px;
	color: #4c4c4c;
}
.td_right_style2{
	float: right;
	margin-top: -5px;
	margin-right: 7px;
	font-size: 10px;
	color: #ababab;
}
.td_right_style3{
	font-size: 12px;
	color: #4c4c4c;
}
/*---footer---*/
#footer{
	margin-top: 20px;
}
#foot_top{
	height: 32px;
	background-image: url(images/common/foot_top_bg.jpg);
}
#foot_top_area{
	width: 960px;
	margin: 0 auto;
}
#foot_top_area a{
	float: right;
}
#foot_main{
	width: 960px;
	margin: 0 auto;
	padding: 30px 0;
}
#foot_main p{
	margin-bottom: 3px;
	font-size: 12px;
	color: #4c4c4c;
}
#foot_main p a{
	color: #4c4c4c;
	text-decoration: none;
}
#foot_main p a:hover{
	text-decoration: underline;
}
/*---index.html---*/
#catch_img{
	text-align: center;
}
#catch_text{
	width: 580px;
	margin: 15px auto 0;
	font-size: 12px;
	line-height: 1.7;
	color: #656565;
}
#more_button{
	width: 580px;
	margin: 0 auto;
	background-repeat: no-repeat;
	padding-bottom: 15px;
}
#more_button a{
	float: right;
}
ul#menu_box{
	width: 960px;
	margin: 50px auto;
}
ul#menu_box li{
	float: left;
	width: 214px;
	margin-left: 34px;
}
ul#menu_box li a{
	transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
}
ul#menu_box li a:hover{
	opacity: 0.7;
}
ul#menu_box li:first-child{/*一番左のマージンを打ち消すため*/
	margin: 0;
}
/*---lower---*/
.topimg_box{
	margin-top: 5px;
	text-align: center;
	border-bottom: 1px solid #d5c741;
}
/*---profile/index.html---*/
#profile p{
	color: #3e3a39;
	font-size: 12px;
}
#keireki_box{
	width: 503px;
	margin-top: 30px;
	padding: 30px;
	font-size: 12px;
	color: #4c4c4c;
	border: solid 1px #ededed;
}
#keireki_box td{
	padding: 2px;
	vertical-align: top;
}
#keireki_box h3{
	margin-bottom: 15px;
	color: #979797;
}
#info_box{
	width: 360px;
	margin-top: 30px;
	padding: 19px;
	border: solid 1px #ededed;
}
#info_box td{
	padding: 2px;
	vertical-align: top;
	font-size: 12px;
	color: #4c4c4c;
}
#info_box .left{
	width: 60px;
}
#info_box td a{
	color: #959258;
	text-decoration: underline;
}
#info_box td a:hover{
	text-decoration: none;
}
/*---persistencec/index.html---*/
#select_box .photo_box{
	float: left;
	width: 310px;
	margin-right: 20px;
}
#select_box .text_box{
	float: right;
	width: 340px;
}
#cut_box{
	margin-top: 50px;
}
#cut_box .photo_box{
	float: right;
	width: 330px;
	margin-left: 30px;
}
#cut_box .text_box{
	float: left;
	width: 310px;
}
/*---flow/index.html---*/
.flow_box{
	width: 500px;
	height: auto;
	padding: 30px 40px;
	background-color: #faf8ea;
	border-radius: 5px;
}
.flow_box h3{
	margin-bottom: 15px;
}
ul.plan_list li{
	float: left;
	margin-left: 10px;
}
ul.plan_list li:first-child{
	margin-left: 0;
}
.next{
	width: 580px;
	margin: 25px 0;
	text-align: center;
}
.flow_box a{
	color: #949158;
	text-decoration: underline;
}
.flow_box a:hover{
	text-decoration: none;
}
#flow h2{
	margin-top: 50px;
}
.charge_box{
	margin-top: 50px;
}
.charge_box h3{
	margin-bottom: 10px;
}
.charge_list{
	background-color: #f1f1f1;
}
.even{
	background-color: #fcfcfc;
}
#flow .charge_box .td_left{
	width: 315px;
	color: #82af8b;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}
#flow .charge_box .td_right{
	width: 354px;
	padding: 7px 15px;
	border-left: solid 1px #fff;
}
.TOTL{
	width: 110px;
}
/*---gallery/index.html---*/
.photos_article h3{
	margin-bottom: 15px;
}
ul.photos_box li{
	float: left;
	width: 210px;
	height: 200px;
	margin-left: 20px;
	margin-bottom: 20px;
}
ul.photos_box li a{
	opacity: 1;
	transition: opacity 0.1s linear;
	-ms-transition: opacity 0.1s linear;
	-moz-transition: opacity 0.1s linear;
	-webkit-transition: opacity 0.1s linear;
}
ul.photos_box li a:hover{
	opacity: 0.7;
}
li.left_list{/*一番左のliのmargin消去*/
	margin-left: 0px !important;
}
/*---contact/index.html---*/
#contact form p{
	margin-top: 15px;
	color: #4c4c4c;
	font-size: 12px;
}

.error {
	color:#FF0000;
}

.mail_cont {
	margin-bottom:10px;
}/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}
/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url(gallery/images/prev.png) left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url(gallery/images/next.png) right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}
/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}
