@charset "utf-8";
/* CSS Document */

#topimg {
height: 326px; /* 326px */
width: 100%;
text-align: center;
background-image:url(../img/index/topimgbg.jpg);
background-repeat:repeat-x;
background-position:center top;
clear: both;
position: relative;
}


/*----------------------------------------------------------------------
/			トップページ　画像スライダ ページ
/----------------------------------------------------------------------*/

#topimg_slide {
 margin:0 auto;
 position: relative;
 width: 920px;
}

ul#portfolio li {
 position: top left;
 text-align: left;
　　　　　right:0; /* IE6で画像が右にずれるので必須 */
 }


/*----------------------------------------------------------------------
/			トップページ　本文
/----------------------------------------------------------------------*/

div.main {
    margin: 30px 0 30px;
}


#top_intro {
 width: 920px;
 margin: 0 auto;
 color: #5CB5DF;
 font-size: 100%;
 font-weight: bold;
 text-shadow: 1px 1px  1px rgba(0, 0, 0, 0.2), 0px 0.5px #fff;
}

#top_intro p {
 margin-bottom: 10px;
}


#top_news {
 height: 100px;
 width: 923px;
 overflow: auto;
}


#top_news dl {
 width: 870px;
 margin-top: 0px;
 padding-right: 15px; 
 border-bottom: 1px dotted #E6E3E3;
}

#top_news dl.none_line {
 border-bottom: none;
}

#top_news  dl dt {
 font-size: 80%;
 font-weight: bold;
 line-height: 150%;
 float: left;
 padding-bottom: 5px;
 padding-top: 10px;
 width: 70px;
 letter-spacing: 0px;
}

#top_news dl dd {
 font-size: 90%;
 line-height: 150%;
 margin-left: 80px;
 padding-bottom: 5px;
 padding-top: 10px;
 width: 800px;
}


.top_column {
 clear: both;
 width: 920px;
 position: relative;
 font-size: 90%;
 padding-top: 15px;
}

.top_column:after{ 
content: "."; 
display: block; 
height: 0; 
font-size:0; 
clear: both; 
visibility:hidden; 
} 

.top_column{ 
display: inline-block;
} 
/* Hides from IE Mac */ 
* html .top_column {
height: 1%;
} 

.top_column{
display:block;
} 
/* End Hack */ 

.top_column p {
 margin-bottom: 0;
}


div#contBox01 {
	position: relative;
    float: left;
    width: 210px;
    height: 265px;
}

#contBox01:after{ 
content: "."; 
display: block; 
height: 0; 
font-size:0; 
clear: both; 
visibility:hidden; 
} 

#contBox01{ 
display: inline-block;
} 
/* Hides from IE Mac */ 
* html #contBox01 {
height: 1%;
} 

#contBox01{
display:block;
} 
/* End Hack */ 


div#contBox02 {
	position: relative;
    float: left;
    margin: 0 0 0 10px;
    width: 210px;
    border-left: 1px dotted #E1E1E1;
    padding-left: 15px;
    margin-left: 8px;
    height: 265px;
    }

#contBox02:after{ 
content: "."; 
display: block; 
height: 0; 
font-size:0; 
clear: both; 
visibility:hidden; 
} 

#contBox02{ 
display: inline-block;
} 
/* Hides from IE Mac */ 
* html #contBox02 {
height: 1%;
} 

#contBox02{
display:block;
} 
/* End Hack */ 


div#contBox03 {
	position: relative;
    float: left;
    width: 210px;
    border-left: 1px dotted #E1E1E1;
    padding-left: 15px;
    margin-left: 8px;
    height: 265px;
}

#contBox03:after{ 
content: "."; 
display: block; 
height: 0; 
font-size:0; 
clear: both; 
visibility:hidden; 
} 

#contBox03{ 
display: inline-block;
} 
/* Hides from IE Mac */ 
* html #contBox03 {
height: 1%;
} 

#contBox03{
display:block;
} 
/* End Hack */ 


div#contBox04 {
	position: relative;
    float: left;
    width: 210px;
    border-left: 1px dotted #E1E1E1;
    padding-left: 15px;
    margin-left: 8px;
    height: 260px;
}
#contBox04:after{ 
content: "."; 
display: block; 
height: 0; 
font-size:0; 
clear: both; 
visibility:hidden; 
} 

#contBox04{ 
display: inline-block;
} 
/* Hides from IE Mac */ 
* html #contBox04 {
height: 1%;
} 

#contBox04{
display:block;
} 
/* End Hack */ 


h3 {
 font-size: 110%;
}


.btn_readmore {
	position: relative;
	right: 0;
 bottom: 0;
	width: 200px;
	height: 30px;
	padding:0;
	text-align: right;
	padding: 0 !important;
}


/*----------------------------------------------------------------------
/			個人情報保護方針 ページ
/----------------------------------------------------------------------*/

h4 {
	margin: 0 0 20px 0;
	clear: both;
}


.privacy h5 {
	font-size: 105%;
}

.privacy p {
	padding-left: 1.5em;
}

.privacy p.toiawase {
	margin-bottom:0;
	}

.privacy ul {
 margin: 0 0 15px 20px;
 
}

.privacy ul li {
 list-style-type: circle;
 margin-left: 15px;
}

.privacy dl {
	padding-left: 1.5em;
	margin-bottom: 1em;
}

.privacy dt {
	width: 2em;
	float: left;
}

.privacy dd {
	padding-left: 2em;
}


.privacy .box {
 border:1px dotted #999999; margin-left: 20px; width: 400px;
}

.privacy .box p {
 margin-top: 1em;
}

.privacy table {
	margin-left: 20px;
	margin-bottom: 15px;
	width: 97%;
}

.privacy table td, .privacy table tr {
	padding: 6px;
}


.privacy table dl {
	padding-left: 0;
	margin-bottom: 0em;
}

.privacy table dt {
	width: 6em;
	float: left;
}

.privacy table dd {
}


.privacy table .box {
 border:1px dotted #999999; margin-left: 20px; width: 400px;
}


.date {
	float: right;
	text-align: right;
}

/*----------------------------------------------------------------------
/		date clearfix 
/----------------------------------------------------------------------*/
.date:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
}
.date {
 display:inline-block;
}
/*hide mac ie \*/
* html .date {
 height:1%;
}
.date {
 display: block;
}



.tb_atsukai {
	margin-bottom: 30px !important;
}


.privacy table.tb_kaiji dl {
	padding-left: 0;
	margin-bottom: 0em;
}

.privacy table.tb_kaiji dt {
	width: 2em;
	float: left;
	margin-bottom: 10px;
}

.privacy table.tb_kaiji dd {
	margin-bottom: 10px;
}


.privacy table dl.star {
	padding-left: 0;
	margin-bottom: 0em;
}

.privacy table dl.star dt {
	width: 1em;
	float: left;
	margin-bottom: 0px;
}

.privacy table dl.star dd {
	margin-bottom: 0px;
	padding-left: 1em;
}


/*----------------------------------------------------------------------
/		news page
/----------------------------------------------------------------------*/

.news dl {
 margin-bottom: 10px;
 border-bottom: 1px dotted #999999;
 padding-bottom: 10px;
}


.news dt {
 float: left;
 width: 6em;
}

.news dd {
 padding-left: 6em;
}


.news dd.pic {
  float:left; 
  width: 250px; 
  height: 195px;
  padding-right: 10px;
  position: relative;
}

span.pic2012112401 {
 position: relative;
 left: 70px;
 top: 0px;
 font-size: 80%;
}

span.pic2012112402 {
 position: relative;
 left: 32px;
 top: 0px;
 font-size: 80%;
}