/*-----------------------------------
　　 新着情報
-----------------------------------*/
.news {
	width: 780px;
	height: 180px;
	margin: 50px auto 50px;
}
.news_img {
	width: 170px;
	height: 180px;
	margin: 0px 0px 0px 0px;
	float: left;
}
.news_img02 {
	display: none;
}
.news_box {
	width: 600px;
	height: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	overflow: auto;
}

dl.box{
    overflow: auto;
	letter-spacing: 0.12em;
	line-height: 25px;
	font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
	margin-bottom: 10px;
}
dl.box dt{
    overflow: auto;
	padding: 0px 0px 0px 15px;
	font-size: 18px;
}
dl.box dd{
	text-align:left;
    padding: 0px 10px 0px 15px;
	font-size: 16px;
	line-height: 23px;
}

/*-----------------------------------
　　 ようこそ
-----------------------------------*/
.greeting {
	width: 100%;
	height: auto;
	margin: 0px auto 0px;
	text-align: center;
	background-image: url(../img/index/greeting02.png);
	background-repeat: repeat-x;
}
.greeting02 {
	display: none;
}
.greeting03 {
	display: none;
}
/*-----------------------------------
　　 コンテンツ
-----------------------------------*/
.contents {
	width: 1000px;
	height: auto;
	margin: 50px auto 50px;
}
.contents02 {
	display: none;
}
.c_center02 {
	display: none;
}
.c_service {
	width: 90px;
	height: auto;
	margin: 60px 20px 0px 10px;
	float: left;
}
.c_price {
	width: 90px;
	height: auto;
	margin: 60px 20px 0px 0px;
	float: left;
}
.c_order {
	width: 90px;
	height: auto;
	margin: 60px 20px 0px 0px;
	float: left;
}
.c_center {
	width: 320px;
	height: auto;
	margin: 0px 20px 0px 0px;
	float: left;
}
.c_care {
	width: 90px;
	height: auto;
	margin: 60px 20px 0px 0px;
	float: left;
}
.c_question {
	width: 90px;
	height: auto;
	margin: 60px 20px 0px 0px;
	float: left;
}
.c_company {
	width: 90px;
	height: auto;
	margin: 60px 10px 0px 0px;
	float: left;
}



/* PC用 */
@media print, screen and (min-width:1000px){






}



/* モニター幅1000px以下 */
 @media only screen and (max-width:1000px){

/*-----------------------------------
　　 新着情報
-----------------------------------*/
.news {
	width: 700px;
	height: 180px;
	margin: 20px auto 40px;
}
.news_img {
	width: 170px;
	height: 180px;
	margin: 0px 0px 0px 0px;
	float: left;
}

.news_box {
	width: 530px;
	height: 180px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	overflow: auto;
}

/*-----------------------------------
　　 ようこそ
-----------------------------------*/
.greeting {
	display: none;
}
.greeting02 {
	display: block;
	width: 100%;
	height: auto;
}
.greeting02 img {
	width: 100%;
	height: auto;
}

/*-----------------------------------
　　 コンテンツ
-----------------------------------*/
.contents {
	width: 100%;
	height: auto;
	margin: 30px auto 30px;
}
.contents img{
	width: 100%;
	height: auto;
}
.c_service {
	width: 11%;
	height: auto;
	margin: 0px 8px 0px 10px;
}
.c_price {
	width: 11%;
	height: auto;
	margin: 0px 8px 0px 0px;
}
.c_order {
	width: 11%;
	height: auto;
	margin: 0px 8px 0px 0px;
}
.c_center {
	width: 26%;
	height: auto;
	margin: 0px 8px 0px 0px;
}
.c_care {
	width: 11%;
	height: auto;
	margin: 0px 8px 0px 0px;
}
.c_question {
	width: 11%;
	height: auto;
	margin: 0px 8px 0px 0px;
}
.c_company {
	width: 11%;
	height: auto;
	margin: 0px 0px 0px 0px;
}




}


/* iPad 縦 */
@media only screen and (max-width:768px){

/*-----------------------------------
　　 新着情報
-----------------------------------*/
.news {
	width: 98%;
	height: 170px;
	margin: 20px auto 40px;
}
.news_img {
	display: none;
}
.news_img02 {
	display: block;
	width: 25%;
	height: auto;
	margin: 0px 0px 0px 0px;
	float: left;
}
.news_img02 img {
	width: 100%;
	height: auto;
}
.news_box {
	width: 73%;
	height: 170px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	overflow: auto;
}
dl.box dt{
    float: none;
    overflow: auto;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
}
dl.box dd{
	text-align:left;
    padding: 0px 10px 0px 0px;
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 18px;
}
/*-----------------------------------
　　 ようこそ
-----------------------------------*/
.greeting02 {
	display: none;
}
.greeting03 {
	display: block;
	width: 100%;
	height: auto;
}
.greeting03 img {
	width: 100%;
	height: auto;
}
/*-----------------------------------
　　 コンテンツ
-----------------------------------*/
.contents {
	width: 100%;
	height: auto;
	margin: 10px auto 30px;
}

.c_service {
	width: 16%;
	height: auto;
	margin: 0px 3px 0px 0px;
}
.c_price {
	width: 16%;
	height: auto;
	margin: 0px 3px 0px 0px;
}
.c_order {
	width: 16%;
	height: auto;
	margin: 0px 3px 0px 0px;
}
.c_center {
	display: none;
}
.c_center02 {
	display: block;
	width: 420px;
	height: auto;
	margin: 0px auto 10px;
}
.c_care {
	width: 16%;
	height: auto;
	margin: 0px 3px 0px 0px;
}
.c_question {
	width: 16%;
	height: auto;
	margin: 0px 3px 0px 0px;
}
.c_company {
	width: 16%;
	height: auto;
	margin: 0px 0px 0px 0px;
}

}



/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
/*-----------------------------------
　　 新着情報
-----------------------------------*/
.news {
	width: 98%;
	height: 100px;
	margin: 10px auto 20px;
	font-size: 14px;
	
}
.news_img02 {
	width: 22%;
	margin: 5px 0px 0px 0px;
}
.news_img02 img {
	width: 100%;
	height: auto;
}
.news_box {
	width: 76%;
	height: 100px;
}
dl.box dt{
	font-size: 15px;
	padding: 0px 0px 0px 0px;
	letter-spacing: 0.03em;
	line-height: 20px;
}
dl.box dd{
	font-size: 13px;
	padding: 0px 5px 0px 0px;
	letter-spacing: 0.03em;
	line-height: 16px;
}
/*-----------------------------------
　　 コンテンツ
-----------------------------------*/
.contents {
	display: none;
}
.contents02 {
	display: block;
	width: 100%;
	height: auto;
	margin: 8px auto 15px;
}
.contents02 img {
	width: 100%;
	height: auto;
}
.c_center02 {
	width: 320px;
	height: auto;
	margin: 0px auto 5px;
}
.c_service {
	width: 16%;
	height: auto;
	margin: 0px 2px 0px 0px;
}
.c_price {
	width: 16%;
	height: auto;
	margin: 0px 2px 0px 0px;
}
.c_order {
	width: 16%;
	height: auto;
	margin: 0px 2px 0px 0px;
}
.c_care {
	width: 16%;
	height: auto;
	margin: 0px 2px 0px 0px;
}
.c_question {
	width: 16%;
	height: auto;
	margin: 0px 2px 0px 0px;
}
.c_company {
	width: 16%;
	height: auto;
	margin: 0px 0px 0px 0px;
}









}