@charset "utf-8";

/* ----------------
  インデックス
---------------- */

#index_box{
	padding: 0px;
	width: 1048px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	background-color: #FFFFFF;
}



/*index main pic*/
.main_pic_box{
	position: relative;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;

}

.main_pic_text{
	position: absolute;
	top: 3px;
	left: 1px;
	z-index: 10;
}

#index_box img.main{
	display: block;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}


/*index info*/
#index_info_haikei{
	background-color: #ededed;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	min-width:1050px;/*スマホ・タブレット　横幅フル記述*/
}

#index_info{
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	background-image: url(../img/yamakin/com_haikei_sen.gif);
	background-repeat: repeat-y;
}

#index_info a:link { color: #646464; text-decoration: none; }
#index_info a:visited { color: #646464; text-decoration: none; }
#index_info a:hover {color: #141414; text-decoration: underline; }
#index_info a:active { color: #646464; text-decoration: none; }


/*index info Support*/
.index_info_ts{
	float: left;
	width: 340px;
}
.index_info_ts img{
	float: right;
	margin-right: 40px;
}
.index_info_ts h3{
	font-size:123.1%;
	color: #bf3a3a;
	padding: 0px;
	line-height: 1em;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.index_info_ts ul, .index_info_ts li{
	margin: 0px;
	padding: 0px;
	font-size:108%;
}

.index_info_ts ul{
	margin-left: 5px;
}


/*index info Report Company*/
.index_info_rl{
	float: left;
	width: 340px;
}
.index_info_rl img{
	float: right;
	margin-right: 40px;
	}
.index_info_rl h3{
	font-size:123.1%;
	color: #315090;
	padding: 0px;
	line-height: 1em;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.index_info_rl h3.green{
	font-size:123.1%;
	color: #249bb4;
	padding: 0px;
	line-height: 1em;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.index_info_rl ul, .index_info_rl li{
	margin: 0px;
	padding: 0px;
	font-size:108%;
}

.index_info_rl ul{
	margin-left: 5px;
}

.index_info_rl ul.bottom{
	margin-bottom: 25px;
}


/*index info Download*/
.index_info_gn{
	float: left;
	width: 320px;
}

.index_info_gn img{
	float: right;
	margin-right: 20px;
	}

.index_info_gn h3{
	font-size:123.1%;
	color: #3e3e3e;
	padding: 0px;
	line-height: 1em;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.index_info_gn ul, .index_info_gn li{
	margin: 0px;
	padding: 0px;
	font-size:108%;
}

.index_info_gn ul{
	margin-left: 5px;
}

.index_info_gn p{
	color: #646464;
}


/*index products and service*/

.index_com{
	background-image: url(../img/yamakin/com.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 397px;
	width: 950px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
}

.index_com p{
	margin: 0px;
	padding: 0px;
	width: 430px;
	font-size:108%;
	color: #9e9e9e;
}

/*not found*/


#notfound{
	clear:both;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 60px;
	margin-left: 0px;
	/*width:100%;*/
}


.notfound_box{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom: 40px;
	}
	
.notfound_box h2{
	color:#249bb4;
	font-size:197%;
	margin: 0px;
	padding-top: 30px;
	padding-bottom: 20px;
}




/* スマートフォン（1050px以下）
****************************************/
@media all and (min-width: 0px) and (max-width: 1050px){
/* ここにスマートフォン用のレイアウトを記述 */

#side_title {
	display:none;
}
.support_products_box{
	width:1050px;}

}