@charset "utf-8";
@media screen and (min-width: 641px) {

/*--Web制作ページ--------------------------------------------------------------*/

#web #container{
	margin: 0 auto 100px auto;
	padding: 0 0 30px 0;
	/*border: 1px solid #e6e6e6;*/
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	background: #fff;
	box-shadow:0px 0px 2px 2px #e6e6e6;
        overflow: hidden;
}

#web .lp_top{
        width: 960px;
	margin: 0;
	padding: 0;

}


#web .lp_top .top_img{

	width: 960px;
	margin: 0;
	padding: 0;

}

#web .about{

	margin: 0 30px 30px 30px;
	padding: 30px;
   	 border-radius: 5px;        /* CSS3草案 */  
    	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius: 5px;   /* Firefox用 */  
	background: url(../images/web/about_bg.jpg) no-repeat;
	box-sizing: border-box;
	overflow: hidden;

}


#web #about_img{

	width: 300px;
	margin: 0;
	padding: 0;
	float: left;
}



#web .case{

	margin: 0 30px 30px 30px;
	padding: 0;
	border:1px solid #e6e6e6;
   	 border-radius: 5px;        /* CSS3草案 */  
    	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius: 5px;   /* Firefox用 */  
	box-shadow:0px 0px 2px 2px #f0f0f0;
}


#web .case_01{

	margin: 0;
	padding: 70px 0 70px 0;
	border-bottom: 1px solid #e6e6e6;
	background: url(../images/web/case_01_bg.jpg) no-repeat;
	overflow: hidden;

}

#web .case_01 ul{

	margin: 0 50px 0 0;
	padding: 15px;
	border: 1px solid #e6e6e6;
	list-style: none;
	float: right;

}

#web .case_01 ul li{

	margin: 0 0 0 0;
	padding: 0 0 0 30px;
	font-size: 18px;
	font-weight: 700;
	background: url(../images/web/li_icon.png) no-repeat;
	background-position:left center;

}

#web .case_02{

	margin: 30px 0 0 0;
	padding: 70px 0 70px 0;
	border-bottom: 1px solid #e6e6e6;
	background: url(../images/web/case_02_bg.jpg) no-repeat;
	overflow: hidden;

}


#web .case_02 ul{

	margin: 0 50px 0 0;
	padding: 15px;
	border: 1px solid #e6e6e6;
	list-style: none;
	float: right;

}

#web .case_02 ul li{

	margin: 0 0 0 0;
	padding: 0 0 0 30px;
	font-size: 18px;
	font-weight: 700;
	background: url(../images/web/li_icon.png) no-repeat;
	background-position:left center;

}


#web .case_03{

	margin: 0;
	padding: 70px 0 70px 0;
	background: url(../images/web/case_03_bg.jpg) no-repeat;
	overflow: hidden;
}

#web .case_03 ul{

	margin: 0 50px 0 0;
	padding: 15px;
	border: 1px solid #e6e6e6;
	list-style: none;
	float: right;

}

#web .case_03 ul li{

	margin: 0 0 0 0;
	padding: 0 0 0 30px;
	font-size: 18px;
	font-weight: 700;
	background: url(../images/web/li_icon.png) no-repeat;
	background-position:left center;

}

#web .plan_01{

	clear: both;
	margin: 0 30px 15px 30px;
	padding: 0 0 15px 0;
	border: 1px solid #05b5ff;
   	 border-radius: 5px;        /* CSS3草案 */  
    	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius: 5px;   /* Firefox用 */  
	background: #e9edf3;
	box-sizing: border-box;
}



#web .plan_01 h2{

	margin: 0 0 15px 0;
	padding: 10px 0 10px 0;
	text-align: center;
	color: #fff;
	background: #05b5ff;
}



#web .plan_01 h3{

	margin: 0 0 15px 0;
	padding: 5px 0 5px 0;
	font-size: 13px;
	text-align: center;
	color: #fff;
	background: #05b5ff;

}

#web .plan_01 .textbox{


	margin: 0 5% 15px 5%;
	padding: 0;

}


#web .plan_01 table{
	width: 90%;
	margin: 0 auto 15px auto; 
	padding: 0;	
	border: 1px #e6e6e6 solid;
	border-collapse: collapse;
	border-spacing: 0;
	background: #fff;
}


#web .plan_01 table tr{

	border: 1px solid #e6e6e6;
}


#web .plan_01 table th{
	width: 30%;
	margin: 0;
	padding: 10px;
	font-size: 15px;
	font-weight: normal;
	border: 1px solid #e6e6e6;
	background: #edf9ff;
}




#web .plan_01 table td{
	margin: 0;
	padding: 10px;
	border: 1px solid #e6e6e6;
	text-align: center;
	font-size: 15px;
}

#web .plan_01 .td02{

	text-align: left;

}




#web .plan_02{

	clear: both;
	margin: 0 30px 15px 30px;
	padding: 0 0 15px 0;
	border: 1px solid #4da9ff;
   	 border-radius: 5px;        /* CSS3草案 */  
    	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius: 5px;   /* Firefox用 */  
	background: #e9edf3;
	box-sizing: border-box;
}



#web .plan_02 h2{

	margin: 0 0 15px 0;
	padding: 10px 0 10px 0;
	text-align: center;
	color: #fff;
	background: #4da9ff;
}



#web .plan_02 h3{

	margin: 0 0 15px 0;
	padding: 5px 0 5px 0;
	font-size: 13px;
	text-align: center;
	color: #fff;
	background: #4da9ff;

}

#web .plan_02 .textbox{


	margin: 0 5% 15px 5%;
	padding: 0;

}


#web .plan_02 table{
	width: 90%;
	margin: 0 auto 15px auto; 
	padding: 0;	
	border: 1px #e6e6e6 solid;
	border-collapse: collapse;
	border-spacing: 0;
	background: #fff;
}


#web .plan_02 table tr{

	border: 1px solid #e6e6e6;
}


#web .plan_02 table th{
	width: 30%;
	margin: 0;
	padding: 10px;
	font-size: 15px;
	font-weight: normal;
	border: 1px solid #e6e6e6;
	background: #edf9ff;
}




#web .plan_02 table td{
	margin: 0;
	padding: 10px;
	border: 1px solid #e6e6e6;
	text-align: center;
	font-size: 15px;
}

#web .plan_02 .td02{

	text-align: left;

}



#web .pirce{

	clear: both;
	margin: 0 30px 30px 30px;
	padding: 15px;
	border: 1px solid #e6e6e6;
	background: url(../images/web/price_bg.jpg) no-repeat;


}

#web .pirce h2{

	width: 70%;
	margin: 0;
	padding: 0;


}


#web .pirce table{
	
	width: 70%;
	border: 3px #00a2ff solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0; 
	padding: 0;
	background: #fff;
}


#web .pirce table tr{
	border: 1px solid #e6e6e6;
}




#web .pirce table td{
	margin: 0;
	padding: 10px;
	border: 1px solid #00a2ff;
	text-align: left;
	font-size: 12px;
}

#web .pirce table .td02{

	background: #e2f7ff;

}

#web .h2-product{

        width: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
	
}


#web .product{

	clear: both;
	margin: 0 30px 30px 30px;
	padding: 15px;
	border: 1px solid #e6e6e6;
   	 border-radius: 5px;        /* CSS3草案 */  
    	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius: 5px;   /* Firefox用 */  
	box-shadow:0px 0px 2px 2px #f0f0f0;
	overflow: hidden;

}


#web .product h3{

	color: #00aeff;


}

#web .product .thum{
	margin: 0 0 15px 0;
	padding: 0;

}

#web .product .catch{

	margin: 0 0 10px 0;
	padding: 0;
	font-size: 15px;
	font-weight: 700;
	color: #ff6c00;

}
 

#web .product p{

	margin: 0 0 15px 0;
	padding: 0;
	font-size: 12px;

}

#web .pro_post_l{

	clear: both;
	width: 50%;
	margin: 0 0 15px 0;
	padding: 0 10px 0 0;
	border-right: 1px dotted #e6e6e6;
	border-bottom: 1px dotted #e6e6e6;
	box-sizing: border-box;
	float: left;

}


#web .pro_post_r{

	width: 50%;
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	border-bottom: 1px dotted #e6e6e6;
	box-sizing: border-box;
	float: right;

}



#web .product ul{

	margin: 0 0 15px 0;
	padding: 15px;
	border: 1px solid #e6e6e6;
	list-style: none;

}


#web .product ul li{

	margin: 0;
	padding: 0;
	font-size: 10px;

}


#web .product dl{
	width: 70%;
	margin: 0 0 15px 30%;
	padding: 0;
	overflow: hidden;

}

#web .product dl dt{

	margin: 0;
	padding: 8px 0 0 0;
	font-size: 12px;
	color: #00aeff;
	float: left;

}


#web .product dl dd{

	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	color: #ff0000;
	float: right;

}


#web .appeal{

	margin: 0 0 30px 0;
	padding: 0;

}


#web .tel{

	width: 760px;
	margin: 0 auto 30px auto;
	padding: 0;

}

#web .entry{
	width: 500px;
	margin: 0 auto 0 auto;
	padding: 0;
	border-radius: 60px;        /* CSS3草案 */  
    	-webkit-border-radius: 60px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius: 60px;   /* Firefox用 */  
	font-size: 18px;
	font-weight: 700;
	text-align: center;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff005), color-stop(1.00, #ff4800));
background: -webkit-linear-gradient(#fff005, #ff4800);
background: -moz-linear-gradient(#fff005, #ff4800);
background: -o-linear-gradient(#fff005, #ff4800);
background: -ms-linear-gradient(#fff005, #ff4800);
background: linear-gradient(#fff005, #ff4800);


}


#web .entry a{

	display: block;
	margin: 0;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	color: #fff;
}


#web .h2-flow{

        width: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
	
}

#web .flow{

	width: 900px;
	margin: 0 auto 30px auto;
	padding: 0;
	border: 1px solid #e6e6e6;


}


#web .h2-qa{

        width: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
	
}

#web #qa{

	margin: 0 30px 30px 30px;
	padding: 20px 0 0 0;
	border:1px solid #e6e6e6;
   	 border-radius: 5px;        /* CSS3草案 */  
    	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius: 5px;   /* Firefox用 */  
	box-shadow:0px 0px 2px 2px #f0f0f0;
}


#web .qacol{

	margin: 0 20px 20px 20px;
	padding: 0 0 20px 0;
	border:1px solid #e6e6e6;
   	 border-radius: 5px;        /* CSS3草案 */  
    	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius: 5px;   /* Firefox用 */  

}



#web .qacol h3{

	margin: 0;
	padding: 10px 0 10px 10px;
	border-top: 3px solid #03bbff;
	font-size: 18px;
	color: #03bbff;

}


#web .qacol p{

	margin: 0 20px 0 20px;
	padding: 0;
	font-size: 15px;

}




/*--ランディングページ--------------------------------------------------------------*/

#lp #container{
	margin: 0 auto 100px auto;
	padding: 0 0 30px 0;
	/*border: 1px solid #e6e6e6;*/
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	background: #fff;
	box-shadow:0px 0px 2px 2px #e6e6e6;
        overflow: hidden;
}

#lp .lp_top{
        width: 960px;
	margin: 0;
	padding: 0;

}


#lp .lp_top .top_img{

	width: 960px;
	margin: 0;
	padding: 0;

}

#lp .about{

	margin: 0 30px 30px 30px;
	padding: 30px;
   	 border-radius: 5px;        /* CSS3草案 */  
    	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius: 5px;   /* Firefox用 */  
	background: url(../images/lp/about_bg.jpg) no-repeat;
	box-sizing: border-box;
	overflow: hidden;

}


#lp #about_img{

	width: 300px;
	margin: 0;
	padding: 0;
	float: left;
}



#lp .case{

	margin: 0 30px 30px 30px;
	padding: 0;
	border:1px solid #e6e6e6;
   	 border-radius: 5px;        /* CSS3草案 */  
    	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius: 5px;   /* Firefox用 */  
	box-shadow:0px 0px 2px 2px #f0f0f0;
}


#lp .case_01{

	margin: 0;
	padding: 70px 0 70px 0;
	border-bottom: 1px solid #e6e6e6;
	background: url(../images/lp/case_01_bg.jpg) no-repeat;
	overflow: hidden;

}

#lp .case_01 ul{

	margin: 0 50px 0 0;
	padding: 15px;
	border: 1px solid #e6e6e6;
	list-style: none;
	float: right;

}

#lp .case_01 ul li{

	margin: 0 0 0 0;
	padding: 0 0 0 30px;
	font-size: 18px;
	font-weight: 700;
	background: url(../images/lp/li_icon.png) no-repeat;
	background-position:left center;

}

#lp .case_02{

	margin: 0;
	padding: 70px 0 70px 0;
	border-bottom: 1px solid #e6e6e6;
	background: url(../images/lp/case_02_bg.jpg) no-repeat;
	overflow: hidden;

}


#lp .case_02 ul{

	margin: 0 0 0 50px;
	padding: 15px;
	border: 1px solid #e6e6e6;
	list-style: none;
	float: left;

}

#lp .case_02 ul li{

	margin: 0 0 0 0;
	padding: 0 0 0 30px;
	font-size: 18px;
	font-weight: 700;
	background: url(../images/lp/li_icon.png) no-repeat;
	background-position:left center;

}


#lp .case_03{

	margin: 0;
	padding: 70px 0 70px 0;
	background: url(../images/lp/case_03_bg.jpg) no-repeat;
	overflow: hidden;
}

#lp .case_03 ul{

	margin: 0 50px 0 0;
	padding: 15px;
	border: 1px solid #e6e6e6;
	list-style: none;
	float: right;

}

#lp .case_03 ul li{

	margin: 0 0 0 0;
	padding: 0 0 0 30px;
	font-size: 18px;
	font-weight: 700;
	background: url(../images/lp/li_icon.png) no-repeat;
	background-position:left center;

}


#lp .pirce{

	clear: both;
	margin: 0 30px 30px 30px;
	padding: 15px;
	border: 1px solid #e6e6e6;
	background: url(../images/lp/price_bg.jpg) no-repeat;


}

#lp .pirce h2{

	width: 70%;
	margin: 0;
	padding: 0;


}


#lp table{
	
	width: 70%;
	border: 3px #ff0000 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0; 
	padding: 0;
	background: #fff;
}


#lp table tr{
	border: 1px solid #e6e6e6;
}




#lp table td{
	margin: 0;
	padding: 10px;
	border: 1px solid #ff0000;
	text-align: left;
	font-size: 12px;
}

#lp table .td02{

	background: #ffe3e3;

}

#lp .h2-product{

        width: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
	
}


#lp .product{

	clear: both;
	margin: 0 30px 30px 30px;
	padding: 15px;
	border: 1px solid #e6e6e6;
   	 border-radius: 5px;        /* CSS3草案 */  
    	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius: 5px;   /* Firefox用 */  
	box-shadow:0px 0px 2px 2px #f0f0f0;
	overflow: hidden;

}


#lp .product h3{

	color: #ff8401;


}

#lp .product .catch{

	margin: 0 0 10px 0;
	padding: 0;
	font-size: 12px;
	font-weight: 700;

}
 

#lp .product p{

	margin: 0 0 15px 0;
	padding: 0;
	font-size: 12px;

}

#lp .pro_post_l{

	clear: both;
	width: 50%;
	margin: 0 0 15px 0;
	padding: 0 10px 0 0;
	border-right: 1px dotted #e6e6e6;
	border-bottom: 1px dotted #e6e6e6;
	box-sizing: border-box;
	float: left;

}


#lp .pro_post_r{

	width: 50%;
	margin: 0 0 15px 0;
	padding: 0 0 0 10px;
	border-bottom: 1px dotted #e6e6e6;
	box-sizing: border-box;
	float: right;

}



#lp .product ul{

	margin: 0 0 15px 0;
	padding: 15px;
	border: 1px solid #e6e6e6;
	list-style: none;

}


#lp .product ul li{

	margin: 0;
	padding: 0;
	font-size: 10px;

}


#lp .product dl{
	width: 70%;
	margin: 0 0 15px 30%;
	padding: 0;
	overflow: hidden;

}

#lp .product dl dt{

	margin: 0;
	padding: 8px 0 0 0;
	font-size: 12px;
	color: #ffae00;
	float: left;

}


#lp .product dl dd{

	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: 700;
	color: #ff0000;
	float: right;

}


#lp .appeal{

	margin: 0 0 30px 0;
	padding: 0;

}


#lp .tel{

	width: 760px;
	margin: 0 auto 30px auto;
	padding: 0;

}

#lp .entry{
	width: 500px;
	margin: 0 auto 0 auto;
	padding: 0;
	border-radius: 60px;        /* CSS3草案 */  
    	-webkit-border-radius: 60px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius: 60px;   /* Firefox用 */  
	font-size: 18px;
	font-weight: 700;
	text-align: center;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff7200), color-stop(1.00, #cd0000));
background: -webkit-linear-gradient(#ff7200, #cd0000);
background: -moz-linear-gradient(#ff7200, #cd0000);
background: -o-linear-gradient(#ff7200, #cd0000);
background: -ms-linear-gradient(#ff7200, #cd0000);
background: linear-gradient(#ff7200, #cd0000);

}


#lp .entry a{

	display: block;
	margin: 0;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	color: #fff;
}


#lp .h2-flow{

        width: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
	
}

#lp .flow{

	width: 900px;
	margin: 0 auto 30px auto;
	padding: 0;
	border: 1px solid #e6e6e6;


}


#lp .h2-qa{

        width: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
	
}

#lp #qa{

	margin: 0 30px 30px 30px;
	padding: 20px 0 0 0;
	border:1px solid #e6e6e6;
   	 border-radius: 5px;        /* CSS3草案 */  
    	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius: 5px;   /* Firefox用 */  
	box-shadow:0px 0px 2px 2px #f0f0f0;
}


#lp .qacol{

	margin: 0 20px 20px 20px;
	padding: 0 0 20px 0;
	border:1px solid #e6e6e6;
   	 border-radius: 5px;        /* CSS3草案 */  
    	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    	-moz-border-radius: 5px;   /* Firefox用 */  

}



#lp .qacol h3{

	margin: 0;
	padding: 10px 0 10px 10px;
	border-top: 3px solid #ff0000;
	font-size: 18px;
	color: #ff0000;

}


#lp .qacol p{

	margin: 0 20px 0 20px;
	padding: 0;
	font-size: 15px;

}













/*-- 料金　-----------------------------------------------*/

#price #container{

	width: 960px;
	margin: 0 auto 100px auto;
	padding: 30px;
	/*border: 1px solid #e6e6e6;*/
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	background: #fff;
	box-sizing: border-box;
	box-shadow:0px 0px 2px 2px #e6e6e6;
        overflow: hidden;
}


#price h2{

	margin: 0 0 5px 0;
	padding: 10px 0 10px 10px;
	border-top: 3px solid #47bcff;
	font-size: 18px;
	font-weight: normal; 
	text-align: lef;
	color: #26428c;
	background: #e9edf3;
}

#price h3{

	margin: 0 0 5px 0;
	padding: 0;
	font-size: 15px;
	font-weight: normal; 
	text-align: lef;
	color: #000;

}



#price .contact_inner{
	
	margin: 0 0 30px 0; 
	padding: 0;
	border-bottom: 1px solid #e6e6e6;
}

#price dl{
        display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	box-sizing: border-box;
        vertical-align:middle;
}


#price dt{
        display: table-cell;
	width: 30%;
	margin: 0;
	padding: 10px;
	border-right: 1px solid #e6e6e6;
	font-size: 12px;
	text-align: center;
	color: #26428c;
	background: #fafafa;
	box-sizing: border-box;
        vertical-align:middle;
}

#price dd{
        display: table-cell;
	width: 70%;
	margin: 0;
	padding: 10px;
	text-align: left;
	color: #333333;
	background: #fff;
	box-sizing: border-box;
        vertical-align:middle;
}


#price .end{

	border-bottom: 1px solid #e6e6e6;

}

#price .entry{
	width: 60%;
	margin: 0 auto 20px auto;
	padding: 0;
	border-bottom: 1px solid #ddd;
	border-radius: 50px;        /* CSS3草案 */  
    	-webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 50px;   /* Firefox用 */   
	background: #fbc728;
	font-size: 18px;
	font-weight: 700; 
	text-align: center;
	color: #26428c;

}


#price .entry a{
	display: block;
	margin: 0;
	padding: 20px 0 20px 0;
	border-radius: 50px;        /* CSS3草案 */  
    	-webkit-border-radius: 50px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 50px;   /* Firefox用 */  
	text-decoration: none;
	color: #26428c;

}

#price .entry a:hover{

	color: #fff;
	background: #ff5400;
}





}