@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      index.css
 Style Info:     index.htmlのみ使用
----------------------------------------------------------- */


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

.fr {
    float: right;
	margin: 0;
}

.fl {
    float: left;
	margin: 0;
}
	
.clear {
	clear: both;
	line-height:0px;
	height:0;
	font-size:0px;
	visibility:hidden;
}

/*clearFix
#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}*/

/*----------------------------------------------------
	#page
----------------------------------------------------*/

#page {
	margin: 0 auto;
	/*text-align: left;*/
	margin:20px 0;
	/*padding:15px 0;*/
}

#main {
	margin: 0 auto;
	padding:0;
	width: 1013px;
	background: url(../img/bg_middle.jpg) repeat-y left top;
}


/*----------------------------------------------------
	index
----------------------------------------------------*/

#idxl {
	float:left;
	width:450px;
	margin-left:30px;
	_margin-left: 10px;/* IE6 */
	text-align:center;}
#idxl ul {margin-left:50px; /*padding-left:40px; text-align:center;*/}
#idxl li { list-style:none; float:left;}
#idxl li p { padding-top:5px; padding-top:15px\9;/* IE8 and below */}
#idxl li.idll {padding-right:20px;}
#idxl li.idll2 {padding-right:20px; padding-top:10px;}
#idxl a:link, 
#idxl a:visited,
#idxl a:active{
	color: #333;
	text-decoration: none;
}
#idxl a:hover {
	color: #AE4235;
	text-decoration: none;
}
#idxl h1 {padding: 50px 0 30px 0;} /*indexﾍﾟｰｼﾞh1*/


#idxr {
	float:right;
	width:505px;
	height:680px;
	/*padding-right:5px;*/
	background: url(../img/idx_img.jpg) no-repeat left top;}
#idxr p {color:#FFF; padding-top:560px; padding-left:290px; *padding-left:240px;/* IE7 and below */ line-height:1.6; text-align:center; width: 155px;}



/*----------------------------------------------------
	contents
----------------------------------------------------*/

#contets { margin:0 auto; width:960px;}

/*title*/
#contets h1 { padding-top:20px;} /*各ｺﾝﾃﾝﾂﾍﾟｰｼﾞh1*/

/*----------------------------------------------------
	gnav
----------------------------------------------------*/

#gnav { width:960px; height:157px;}
#gnav ul { margin:0; padding:0;}
#gnav li { float:left; list-style:none;}
#gnav .gmenu { padding-top:60px;}



/*----------------------------------------------------
	profile
----------------------------------------------------*/

#pro {
	width:960px;
	/* height:363px;*/ 
	background: url(../img/pro_bg.jpg) no-repeat right top;
	margin:15px 0 10px 0;
	text-align:left;}

#pro h2 {font-size:20px; padding-top:10px;}
#pro h3 { font-weight:bold; padding: 15px 0 3px 0; color:#AC4235;}
.prow {
	line-height:1.6;
	font-size:12px;
	width:600px;}

#pro ul { margin-left:5px;}
#pro li {
	list-style-type: none; padding-bottom:5px;}
#pro li span { color:#7D6B57; font-weight:bold;}

/*----------------------------------------------------
	contact
----------------------------------------------------*/

#contact { width:960px; height:427px; background: url(../img/contact_bg.jpg) no-repeat right top; margin:15px 0 10px 0; text-align:left;}

#contact h2 {font-size:14px; font-weight:bold; border-left: 3px solid #4E4F51; padding: 8px 0 8px 10px; margin-bottom:15px;}


/*----------------------------------------------------
	illustration
----------------------------------------------------*/

#illustration { width:960px; /*height:427px; background: url(../img/contact_bg.jpg) no-repeat right top;*/ margin:15px 0 10px 0; text-align:left;}
#illustration h2 {font-size:14px; font-weight:bold; color:#AE4235; margin-top:30px; padding-left:20px;}

/*lightbox*/
.imageRow {
  *zoom: 1;
  margin: 10px 0 20px 20px;
}
.imageRow .set {
  float: left;
  /*background: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;*/
}

.imageRow .set .single {
  float: left;
}
.imageRow .set .single a {
  float: left;
  display: block;
  background: rgba(255, 255, 255, 0.1);
  /*background: rgba(255, 255, 255, 0.1);*/
  padding: 7px;
  line-height: 1em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  margin-right: 20px/*40px*/;
  margin-bottom:15px;/**/
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.imageRow .set .single a img {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.imageRow .set .single a:hover {
  background-color: #191919;
}




/*----------------------------------------------------
	footer
----------------------------------------------------*/

.ft {font-size:10px; color:#999; text-align:center; padding-top:10px;}
address {
	font-size:10px;
	color:#999;
	padding: 10px 0 20px 0;
	margin: 0 0 0 0;
	letter-spacing:1px;
	* letter-spacing:0;
}