@charset "utf-8";
/* featyre.css
*************************/
#feature {
position:relative;
}
/* side_content */
#side_content {
width: 25%;
position: absolute;
top: 0;
left: 0;
}

#main_content {
width:76%;
max-width:690px;
float:right;
}
#main_content #content_nav {
background:#ebe9e9;
padding:5px 5px 0px;
margin:0 0 50px;
}
#main_content #content_nav li a {
line-height:0;
}
#main_content h2 { margin:0 0 30px; }
#main_content .lead {
font-size: 15px;
margin: 0 0 40px;
letter-spacing: 0;
}
#main_content .lead2 {
font-size:15px;
padding:0 0 40px;
margin:0 0 20px;
letter-spacing:0;
background:url(../img/common/dot_yoko.gif) bottom left repeat-x;
}
#main_content .big_pic { margin:0 0 40px; }
#main_content .list {
	padding:0 0 20px;
	margin:0 0 20px;
	background:url(../img/common/dot_yoko.gif) bottom left repeat-x;
}
#main_content .list p.title,
#main_content .list p.text { width:85%; letter-spacing:0; }
#main_content .links {
	margin:40px 0 120px;
	padding:20px 0;
	background:#ebe9e9;
	text-align:center;
}
#main_content .links p.btn {
	margin:10px 0 0;
}
#main_content .list2 {
	padding:0 0 10px;
	margin:0 0 30px;
	background:url(../img/common/dot_yoko.gif) bottom left repeat-x;
}
#main_content .list2 p.pic {
	text-align:right;
	margin:0 0 20px 10px;
}
#main_content .list2 p.title {
	font-size:20px;
	font-weight:bold;
	margin:0 0 20px;
}
#main_content .list2 p.btn {
	margin:10px 0;
}
#main_content .list2 p.text{ line-height:1.8em; }
#main_content #col3 { margin-top:120px; }
/* bottom_content */
#bottom_content {
display:none;
}
#contact_banner_sp {
display:none;
}
@media only screen and (max-width:960px) {
#side_content {
display:none;
}
#main_content {
width:100%;
float:none;
margin:0 auto;
}
#main_content .inner{ min-height:inherit; }
#bottom_content {
	display:block;
}
#bottom_content {
width:90%;
background:#e8e8e8;
padding:15px 0;
margin:30px auto 20px;
max-width: 690px;
}
#bottom_content p.title{
width:90%;
margin:0 auto;
color:#3c3c3c;
font-size:14px;
font-weight:bold;
text-align:left;
margin:0 0 15px;
}
#bottom_content #bottom_nav {
width:95%;
margin:0 auto;
}
#bottom_content #bottom_nav ul li a{
line-height:1em;
display:block;
padding:15px 10px;
margin:0 0 1px;
background:#fff;
}
#bottom_content #bottom_nav ul li a.current,
#bottom_content #bottom_nav ul li a:hover{
text-decoration:none;
background:#626262;
color:#fff;
}
#bottom_content #bottom_nav ul li a span {
padding:0 0 0 20px;
}
#bottom_content #bottom_nav ul li a span.all{
background:url(../img/portfolio/bg_side_content_w.gif) left no-repeat;
}
#bottom_content #bottom_nav ul li a span.cat1{
background:url(../img/portfolio/bg_side_content_r.gif) left no-repeat;
}
#bottom_content #bottom_nav ul li a span.cat2{
background:url(../img/portfolio/bg_side_content_y.gif) left no-repeat;
}
#bottom_content #bottom_nav ul li a span.cat3{
background:url(../img/portfolio/bg_side_content_g.gif) left no-repeat;
}
#bottom_content #bottom_nav ul li a span.cat4{
background:url(../img/portfolio/bg_side_content_p.gif) left no-repeat;
}
#bottom_content #bottom_nav ul li a:hover span, 
#bottom_content #bottom_nav ul li a.current span {
background:url(../img/portfolio/bg_side_content_w.gif) left no-repeat;
}
#contact_banner_sp{
width:90%;
margin:40px auto 0;
display:block;
}
#contact_banner_sp .inner{
width:90%;
max-width: 635px;
padding: 20px 0;
margin: 0 0 20px;
background:#fff;
border:1px solid #ccc;
}
#contact_banner_sp .inner p.lead{
float: left;
width: 61%;
margin-left:2%;
}
#contact_banner_sp .inner p.btn_contact {
float: right;
width: 35%;
padding: 15px 0 0;
margin-right:2%;
}

}
@media only screen and (max-width:640px) {
.sp_title { text-align:center; }
#main_content .detail .data {
	position:relative;
}
#main_content .detail .data p.main_text{
	width:100%;
	margin:0 0 5px;
}
#main_content .detail .data .sub_text{
	width:100%;
}
#main_content .links .linka {
	margin:0 0 10px;
}
#main_content .links .linka,#main_content .links .linkb{
	width:100%;
}

}