@charset "UTF-8";

.cf{zoom:1;}
.cf:before,.cf:after{content:""; display:table;}
.cf:after{clear:both;}


/*---------------共通およびスマホ記述-------------------*/

body{
	width:100%;
	margin:0;
	padding:0;
	font-size:0.8em;
	color:#555;
	font-family:"游明朝", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","Times New Roman","ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height:1.5em;
	
}
#wapper{
	width:100%;
}

header{
	text-align:center;
	margin:10px auto 0;
	
}




nav{
	width:100%;
	margin:15px auto 0;
}

nav ul li{
	width:33.3%;
	height:auto;
	float:left;
	margin:15px 0 0 0;
	padding:0;
	text-align:center;
	
}


/*------------price title-------------*/

article{
	width:100%;
	height:auto;
	text-align:center;
	margin-bottom:20px;
}

article h1#pricepc{
	display:none;
}

article h1 img{
	width:104px;
	height:auto;
	margin:24px auto 0;
	
}
article #ryokin_title{
	width:100%;
	text-align:center;
	margin-top:15px;
}

article #ryokin_title img{
	width:250px;
	height:auto;
}

/*------------price title end---------*/


/*------------料金の目安----------------------*/

#size_com{
	width:100%;
	height:auto;
	text-align:center;
	color:#666;
	margin-top:30px;
	font-size:1.1em;
}


#size_com p#cyuusyaku{
	font-size:0.8em;
	padding-left:10px;
}

#print_pic{
	width:100%;
	height:auto;
	margin-top:20px;
}

#print_pic img{
	width:100%;
	height:auto;
}

#tadashi{
	width:100%;
	height:auto;
	text-align:right;
	margin-top:10px;
	padding-right:5%;
	color:#F00;
	font-size:0.7em;
}

#tadashi p{
	padding-right:5%;
}
/*------------料金の目安　END----------------------*/


/*------------プリントサイズ----------------------*/

#printsize_title{
	width:100%;
	text-align:center;
	margin-top:25px;
}

#printsize_title img{
	width:250px;
	height:auto;
}

#size_pic{
	width:100%;
	height:auto;
	margin-top:10px;
	
}
#size_pic img{
	width:100%;
	height:auto;
}

/*------------プリントサイズ　END-------------------*/


/*------------版について-------------------------------*/

#hantitle{
	width:100%;
	height:auto;
	text-align:center;
	
}

#hantitle img{
		width:250px;
	    height:auto;
		margin-top:30px;
}

#han_com{
	width:100%;
	height:auto;
	text-align:center;
	font-size:0.9em;
	color:#666;
	margin-top:20px;
}
#han_com p{
	width:270px;
	text-align:left;
	margin:0 auto;
}
#han_com p#nigyoume{
	padding-left:38px;
}



#han_pic{
	width:100%;
	height:auto;
	margin-top:20px;
}

#han_pic img{
	width:100%;
	height:auto;
}


/*------------版について END----------------------------*/


/*------------デザインについて----------------------------*/



#designtitle{
	width:100%;
	height:auto;
	text-align:center;
	
}

#designtitle img{
		width:250px;
	    height:auto;
		margin-top:30px;
}
#designcom2{
	display:none;
}
#designcom{
	width:100%;
	height:auto;
	text-align:center;
	font-size:0.9em;
	color:#666;
	margin-top:20px;
	
}
#designcom p{
	width:250px;
	text-align:left;
	margin:0 auto;
} 

#designcom p#design, #tegaki, #monokuro{
	padding-left:30px;
}
#tegakigenkoupic2{
	display:none;
}

#tegakigenkoupic{
	width:100%;
	height:auto;
	margin-top:20px;
}

#tegakigenkoupic img{
	width:100%;
	height:auto;
}

/*------------デザインについて　END-------------------------*/


/*------------オプション料金　　　-------------------------*/



#optiontitle{
	width:100%;
	height:auto;
	text-align:center;
	
}

#optiontitle img{
		width:250px;
	    height:auto;
		margin-top:30px;
}


#optioncom{
	width:100%;
	height:auto;
	margin-top:20px;
	
}

#optioncom img{
	width:100%;
	height:auto;
}

#option_table{
	width:100%;
	height:auto;
	margin-top:20px;
	padding-left:21px;
	margin-bottom:10px;
	font-size:1.0em;
	
}
td{
	width:90px;
	height:auto;
}
td#right{
	width:138px;
	height:auto;
	padding-bottom:10px;
}

#option1{
	margin:0 auto;	
	width:230px;
	height:auto;
	text-align:left;
}

#option_table tr td{
	vertical-align:top;
}
#option2{
	margin:0 auto;
	width:230px;
	height:auto;
	text-align:left;
}


#gradepic{
	width:100%;
	height:auto;
	margin-top:10px;
	text-align:center;
	
}
#gradepic2{
	display:none;
}

#gradepic img{
	width:100%;
	height:auto;
}

#tadashi2{
	width:100%;
	height:auto;
	text-align:right;
	font-size:0.9em;
	padding-right:5px;
}
#tadashi2 p{
	padding-right:15px;
}
#tadashi3{
	display:none;
}


/*------------オプション料金　END-------------------------*/
#pagetop{
	text-align:right;
	margin-right:4%;
	margin-top:30px;
}


footer{
	width:100%;
	margin:30px auto;
	
}
footer #footnav{
	width:100%;
	height:auto;
	padding-bottom:40px;
}

footer ul li{
	width:33.3%;
	height:auto;
	float:left;
	margin:0 auto 10px;
	padding:0;
	text-align:center;
	
}

#copyright{
	width:100%;
	height:auto;
	text-align:center;
	padding-top:50px;
	
	
}

#copyright2{
	display:none;
}

/*---------------共通およびスマホ記述 end---------------*/

@media screen and (min-width:600px){


/*-------------------step1-----------------------------*/


header{
	text-align:center;
	margin:30px auto 0;
	
}

nav{
	width:95%;
	margin:20px auto 0;
}

nav ul li{
	width:16.6%;
	height:auto;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
	
}

article h1 img{
	width:127px;
	height:28px;
	margin:40px auto 0;
	
}

article #ryokin_title img{
	width:356px;
	height:auto;
}


/*---------------------料金の目安-------------------------*/
#print_pic{
	width:80%;
	margin:20px auto;
}

#print_pic img{
	width:100%;
	
}


/*---------------------料金の目安 end---------------------*/

/*---------------------プリントサイズ-------------------------*/

#printsize_title img{
	width:356px;
	height:auto;
}
#size_pic{
	width:80%;
	margin:20px auto;
}

#print_pic img{
	width:100%;
	
}
/*---------------------プリントサイズ end---------------------*/

/*---------------------版について-------------------------*/


#hantitle img{
	width:356px;
	height:auto;
}

#han_com{
	width:100%;
	height:auto;
	text-align:center;
	font-size:1.1em;
	color:#666;
	margin-top:20px;
}
#han_com p{
	width:310px;
	text-align:left;
	margin:0 auto;
}
#han_com p#nigyoume{
	padding-left:38px;
	padding-top:3px;
}

#han_pic{
	width:80%;
	margin:30px auto;
}

#han_pic img{
	width:100%;
	
}
/*---------------------版について end---------------------*/

/*---------------------デザインについて-------------------------*/
#designtitle img{
	width:356px;
	height:auto;
}

#designcom{
	width:100%;
	height:auto;
	text-align:center;
	font-size:1.1em;
	color:#666;
	margin-top:20px;
	
}
#designcom p{
	width:290px;
	text-align:left;
	margin:0 auto;
} 

#designcom p#design, #tegaki, #monokuro{
	padding-left:35px;
	padding-top:3px;
}

#tegakigenkoupic{
	width:80%;
	margin:30px auto;
}

#tegakigenkoupic img{
	width:100%;
	
}

/*---------------------デザインについて end---------------------*/

/*---------------------オプション料金-------------------------*/
#optiontitle img{
	width:356px;
	height:auto;
}

#optioncom{
	width:80%;
	margin:30px auto;
}

#optioncom img{
	width:100%;
	
}
#option_table{
	width:520px;
	height:auto;
	margin:0 auto;
	font-size:1.1em;
	
	
}
td{
	width:100px;
	height:auto;
	text-align:left;
　　
}
	
#option_table tr td#right{
	width:160px;
	height:auto;
	
}

#option_table tr td{
	vertical-align:top;
}

#option1{
	float:left;
	width:260px;
	height:230px;
	text-align:left;
	
}
#option2{
	float:left;
	width:260px;
	height:230px;
	text-align:left;
	
}

#gradepic{
	clear:both;
	width:76%;
	height:auto;
	margin:40px auto;
	padding-top:15px;
}

#gradepic img{
	
	width:100%;
	height:auto;
	
}
/*---------------------オプション料金 end---------------------*/



/*-------------------footer  ---------------------------*/

#pagetop{
	clear:both;
}



footer{
	width:95%;
	margin:20px auto 0;
}

footer ul li{
	width:16.6%;
	height:auto;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	text-align:center;
	
}
#copyright{
	display:none;
}
#copyright2{
	width:400px;
	height:auto;
	display:block;
	text-align:center;
	margin:20px auto 30px;
	font-family:"游明朝","Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

/*-------------------footer  END---------------------------*/
}


@media screen and (min-width:740px){


#wrapper{
	width:740px;
	margin:0 auto;
}
nav{
	width:100%;
	
	
}

#topnav{
	width:740px;
	height:35px;
	border-bottom:solid 1px #999;
	margin:20px auto 0;
}

article h1{
	display:none;
}

article h1#pricepc{
	display:block;
}
	
article h1 img{
	width:127px;
	height:28px;
	margin:50px auto 0;
}


#size_com{
	width:500px;
	text-align:left;
	height:auto;
	color:#666;
	margin-top:40px;
	padding-left:50px;
	font-size:1.1em;
}
#size_com p{
	float:left;
}
#size_com p#cyuusyaku{
	float:left;
	font-size:0.8em;
}


#print_pic{
	width:90%;
	height:auto;
	margin:0 auto;
}
#print_pic img{
	width:100%;
	height:auto;
	margin:0 auto;
	
}

#tadashi{
	width:100%;
	height:auto;
	text-align:right;
	margin-top:10px;
	padding-right:5%;
	color:#F00;
	font-size:0.9em;
}
#han_com{
	width:100%;
	height:auto;
	text-align:left;
	font-size:1.1em;
	color:#666;
	margin-top:20px;
}
#han_com p{
	width:310px;
	text-align:left;
	margin:0 0 0 50px;
}

#han_com p#nigyoume{
	padding-left:20px;
}

#tegakigenkoupic2{
	display:block;
	text-align:center;
}

#tegakigenkoupic2 img{
	width:550px;
	height:450px;
}
	

#tegakigenkoupic{
	display:none;
}

#designcom{
	display:none;
}
#designcom2{
	display:block;
	width:100%;
	height:auto;
	text-align:left;
	font-size:1.1em;
	color:#666;
	margin:30px 0 0 50px;
	
}

#designcom2 #tegaki, #monokuro{
	padding-left:20px;
}
#gradepic{
	display:none;
}
#gradepic2{
	display:block;
}

#gradepic2{
	clear:both;
	width:65%;
	height:auto;
	margin:30px auto 0;
	padding-top:15px;
}

#gradepic2 img{	
	width:100%;	
}

#size_pic{
	width:70%;
	margin:20px auto;
}


#han_pic{
	width:70%;
	margin:30px auto;
}

#tegakigenkoupic{
	width:70%;
	margin:30px auto;
}

#tadashi2{
	display:none;
}
#tadashi3{
	display:block;
	width:100%;
	height:auto;
	text-align:right;
	font-size:1.0em;
	margin-top:20px;
}

footer{
	width:740px;
	margin:0 auto;
	
}

#footnav{
	width:740px;
	height:35px;
	border-bottom:solid 1px #999;
	margin:20px auto 0;
}

#copyright{
	display:none;
}
#copyright2{
	width:400px;
	height:auto;
	display:block;
	text-align:center;
	margin:20px auto 30px;
}